{"title":"Secrets de soins de la peau coréens (K-Beauty))","description":"\u003cp\u003e\u003cspan\u003eDécouvrez les secrets de la beauté coréenne avec la collection « Korean Skin Secrets » de Skinger - le premier endroit en Égypte pour tous ceux qui recherchent des produits de soins de la peau originaux de Corée ! Nous vous offrons un large choix des meilleures marques coréennes telles que Medicube, Some By Mi, COSRX, Anua, SKIN1004 et Beauty Of Joseon. Vous pouvez trouver des sérums éclaircissants pour la peau, des masques pour les pores, des exfoliants doux, des hydratants, des produits de traitement de l'acné et toutes les solutions pour des soins de la peau complets. Tous les produits sont 100 % authentiques et soigneusement sélectionnés pour délivrer des résultats tangibles. Profitez d'une peau parfaite et de la rareté des Coréens avec la garantie d'une expédition internationale de l'Égypte vers tous les pays du monde directement via Skinger..\u003c\/span\u003e\u003c\/p\u003e","products":[{"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":"somebymi-retinol-triple-action-eye-cream","title":"SOME BY MI Retinol Intense Advanced Triple Action Eye Cream, 30Ml","description":"\u003cdiv class=\"sbmeye-premium-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Core Variables (Twilight Purple \u0026 Gold Theme) === *\/\n        .sbmeye-premium-wrapper {\n            --sbmeye-bg-deep: #0d0514; \/* Deep midnight purple\/black *\/\n            --sbmeye-bg-card: rgba(30, 15, 45, 0.6); \/* Translucent dark purple *\/\n            --sbmeye-gold-main: #d4af37; \/* Premium Gold *\/\n            --sbmeye-gold-light: #f9e596; \/* Luminous soft gold *\/\n            --sbmeye-purple-accent: #9c27b0; \/* Bright purple for accents *\/\n            --sbmeye-purple-light: #e1bee7; \/* Soft pastel purple *\/\n            --sbmeye-glow-gold: rgba(212, 175, 55, 0.25);\n            --sbmeye-glow-purple: rgba(156, 39, 176, 0.3);\n            --sbmeye-text-main: #fdfbf7;\n            --sbmeye-text-muted: #c4b5c7;\n            --sbmeye-border: rgba(212, 175, 55, 0.2);\n            --sbmeye-border-hover: rgba(249, 229, 150, 0.6);\n            --sbmeye-alert: #ff5252;\n            \n            background-color: var(--sbmeye-bg-deep);\n            color: var(--sbmeye-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(156, 39, 176, 0.05) inset;\n        }\n\n        .sbmeye-premium-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .sbmeye-premium-wrapper img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 16px;\n            display: block;\n            margin: 0 auto;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n            border: 1px solid rgba(255,255,255,0.05);\n        }\n\n        .sbmeye-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Ambient Starry Night Background === *\/\n        .sbmeye-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            background: radial-gradient(circle at 15% 30%, rgba(156, 39, 176, 0.08), transparent 50%),\n                        radial-gradient(circle at 85% 70%, rgba(212, 175, 55, 0.05), transparent 50%);\n        }\n\n        .sbmeye-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--sbmeye-glow-gold) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            animation: floatUpEye 18s infinite ease-in-out;\n            filter: blur(5px);\n        }\n\n        @keyframes floatUpEye {\n            0% { transform: translateY(0) scale(0.5) translateX(0); opacity: 0; }\n            20% { opacity: 0.7; }\n            80% { opacity: 0.3; }\n            100% { transform: translateY(-1600px) scale(1.5) translateX(-40px); opacity: 0; }\n        }\n\n        \/* === Typography \u0026 Headers === *\/\n        .sbmeye-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(26px, 4.5vw, 42px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.4;\n            color: #fff;\n            text-shadow: 0 5px 25px rgba(0,0,0,0.8);\n        }\n\n        .sbmeye-title-glow span {\n            background: linear-gradient(135deg, var(--sbmeye-gold-light) 0%, var(--sbmeye-gold-main) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 20px var(--sbmeye-glow-gold);\n        }\n\n        .sbmeye-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4vw, 32px);\n            font-weight: 800;\n            color: var(--sbmeye-gold-light);\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .sbmeye-section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -15px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--sbmeye-gold-main), transparent);\n            border-radius: 10px;\n            box-shadow: 0 0 10px var(--sbmeye-gold-main);\n        }\n\n        \/* === Hero Section === *\/\n        .sbmeye-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n        }\n\n        .sbmeye-badge {\n            display: inline-block;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid var(--sbmeye-gold-main);\n            color: var(--sbmeye-gold-light);\n            padding: 8px 25px;\n            border-radius: 30px;\n            font-size: 0.95rem;\n            font-weight: bold;\n            margin-bottom: 25px;\n            box-shadow: 0 0 20px var(--sbmeye-glow-gold);\n        }\n        \n        .sbmeye-hero-subtitle {\n            font-size: 1.15rem;\n            color: var(--sbmeye-text-muted);\n            max-width: 800px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n            line-height: 1.8;\n        }\n\n        \/* === Glassmorphism Cards === *\/\n        .sbmeye-glass-box {\n            background: var(--sbmeye-bg-card);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid var(--sbmeye-border);\n            border-radius: 20px;\n            padding: 40px;\n            margin: 40px 0;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n            position: relative;\n            overflow: hidden;\n            text-align: center;\n        }\n\n        .sbmeye-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(--sbmeye-gold-light), var(--sbmeye-purple-accent), transparent);\n            box-shadow: 0 0 15px var(--sbmeye-gold-main);\n        }\n\n        \/* === Benefits Grid === *\/\n        .sbmeye-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px;\n            margin: 40px 0;\n        }\n\n        .sbmeye-card {\n            background: linear-gradient(145deg, rgba(25, 10, 35, 0.7), rgba(10, 5, 15, 0.9));\n            border: 1px solid rgba(212, 175, 55, 0.15);\n            border-radius: 16px;\n            padding: 30px 25px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n            overflow: hidden;\n            text-align: left;\n            z-index: 1;\n        }\n\n        .sbmeye-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(156, 39, 176, 0.1) 0%, transparent 70%);\n            z-index: -1;\n            transition: all 0.5s;\n        }\n\n        .sbmeye-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--sbmeye-gold-main);\n            box-shadow: 0 15px 30px rgba(212, 175, 55, 0.15);\n            background: rgba(35, 15, 45, 0.8);\n        }\n\n        .sbmeye-card:hover::after {\n            bottom: -10%;\n            right: -10%;\n        }\n\n        .sbmeye-icon {\n            width: 55px;\n            height: 55px;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid rgba(212, 175, 55, 0.3);\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            color: var(--sbmeye-gold-light);\n            font-size: 26px;\n            transition: all 0.3s ease;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .sbmeye-card:hover .sbmeye-icon {\n            background: linear-gradient(135deg, var(--sbmeye-gold-main), var(--sbmeye-gold-light));\n            color: #000;\n            transform: scale(1.1) rotate(5deg);\n            box-shadow: 0 0 20px var(--sbmeye-glow-gold);\n            border-color: transparent;\n        }\n\n        .sbmeye-card h3 {\n            font-size: 1.25rem;\n            color: #fff;\n            margin-bottom: 12px;\n            line-height: 1.4;\n        }\n\n        .sbmeye-card p {\n            color: var(--sbmeye-text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \/* === Scientific Triad (The 3 Pillars) === *\/\n        .sbmeye-triad {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n            margin: 40px 0;\n        }\n\n        @media (min-width: 768px) {\n            .sbmeye-triad {\n                flex-direction: row;\n                justify-content: center;\n            }\n            .sbmeye-triad-item {\n                flex: 1;\n            }\n        }\n\n        .sbmeye-triad-item {\n            background: rgba(0,0,0,0.5);\n            border: 1px dashed var(--sbmeye-gold-main);\n            padding: 30px 20px;\n            border-radius: 16px;\n            text-align: center;\n            transition: all 0.3s;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .sbmeye-triad-item:hover {\n            transform: translateY(-5px);\n            background: rgba(212, 175, 55, 0.05);\n            box-shadow: 0 10px 25px var(--sbmeye-glow-gold);\n        }\n\n        .sbmeye-triad-num {\n            font-size: 3.5rem;\n            font-weight: 900;\n            color: rgba(212, 175, 55, 0.15);\n            line-height: 1;\n            position: absolute;\n            top: 10px;\n            right: 20px;\n            z-index: 0;\n        }\n\n        .sbmeye-triad-item h4 {\n            color: var(--sbmeye-gold-light);\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .sbmeye-triad-item p {\n            color: #fff;\n            font-size: 0.95rem;\n            line-height: 1.6;\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* === Usage Steps List === *\/\n        .sbmeye-step-list {\n            list-style: none;\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 15px;\n        }\n\n        .sbmeye-step-item {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            background: rgba(255,255,255,0.02);\n            border: 1px solid var(--sbmeye-border);\n            padding: 20px;\n            border-radius: 16px;\n            transition: all 0.3s;\n        }\n\n        .sbmeye-step-item:hover {\n            border-color: var(--sbmeye-gold-light);\n            background: rgba(212, 175, 55, 0.05);\n            transform: translateX(-5px);\n        }\n\n        .sbmeye-step-num {\n            width: 45px;\n            height: 45px;\n            min-width: 45px;\n            background: var(--sbmeye-bg-deep);\n            border: 2px solid var(--sbmeye-gold-main);\n            color: var(--sbmeye-gold-light);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.2rem;\n            font-weight: bold;\n            box-shadow: 0 0 15px var(--sbmeye-glow-gold);\n        }\n\n        \/* === Warning Box === *\/\n        .sbmeye-warning-box {\n            background: linear-gradient(145deg, rgba(255, 82, 82, 0.1), rgba(0,0,0,0.8));\n            border: 1px solid rgba(255, 82, 82, 0.3);\n            border-right: 4px solid var(--sbmeye-alert);\n            padding: 25px;\n            border-radius: 12px;\n            margin: 30px 0;\n            text-align: left;\n        }\n\n        .sbmeye-warning-box h3 {\n            color: var(--sbmeye-alert);\n            font-size: 1.25rem;\n            margin-bottom: 10px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        \/* === Animations === *\/\n        .sbmeye-reveal {\n            opacity: 0;\n            transform: translateY(40px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .sbmeye-reveal.sbmeye-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .sbmeye-delay-1 { transition-delay: 0.1s; }\n        .sbmeye-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .sbmeye-hero { padding: 10px 0 20px; }\n            .sbmeye-step-item { flex-direction: column; text-align: center; }\n            .sbmeye-step-num { margin-left: 0; margin-bottom: 15px; }\n        }\n    \u003c\/style\u003e\n\u003c!-- Ambient Starry Particles --\u003e\n\u003cdiv class=\"sbmeye-ambient-particles\" id=\"sbmeye-particles-ar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"sbmeye-hero sbmeye-reveal sbmeye-active\"\u003e\n\u003cdiv class=\"sbmeye-badge\"\u003eLa solution radicale à triple action\u003c\/div\u003e\n\u003ch1 class=\"sbmeye-title-glow\"\u003eÉveillez la jeunesse de vos yeux: \u003cspan\u003eAdieu aux cernes et aux rides profondes!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sbmeye-hero-subtitle\"\u003e\n                Les cernes, les rides fines et le relâchement révèlent la fatigue et l'âge. La peau autour des yeux est très fine et nécessite des soins exceptionnels que les crèmes normales ne fournissent pas.\n            \u003c\/p\u003e\n\u003cimg alt=\"Some By Mi Retinol Intense Eye Cream Application\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_eye_cream.jpg?v=1745762288\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003ch2 class=\"sbmeye-section-title\" style=\"margin-top: 0; margin-bottom: 15px; font-size: 1.6rem; color: #fff;\"\u003eSome By Mi Retinol Intense Advanced Triple Action Eye Cream\u003c\/h2\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); max-width: 800px; margin: 0 auto; line-height: 1.8;\"\u003e\n                Découvrez la puissance \u003cstrong\u003e\"triple effet\"\u003c\/strong\u003e Avec cette crème charmante. Une formule médicale avancée conçue au niveau moléculaire pour pénétrer la peau délicate en toute sécurité. Elle efface puissamment les rides \u003cstrong\u003eRétinol\u003c\/strong\u003eIl décompose la pigmentation sombre avec \u003cstrong\u003eLa niacinamide et l'acide tranexamique\u003c\/strong\u003eIl remplit les espaces avec une hydratation intense.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The UVP \/ Science (Triple Action) --\u003e\n\u003cdiv class=\"sbmeye-glass-box sbmeye-reveal\"\u003e\n\u003ch2 style=\"color: #fff; font-size: 1.6rem; margin-bottom: 15px;\"\u003e \u003c\/h2\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 1.1rem; line-height: 1.8; margin-bottom: 30px;\"\u003e\n                Dans les produits de soin des yeux, il y a une ligne très fine entre « efficacité » et « irritation ». Cette peau fragile est rapidement endommagée. Mais Some By Mi atteint la formule impossible : efficacité maximale avec douceur et compatibilité maximales.\n            \u003c\/p\u003e\n\u003cdiv class=\"sbmeye-triad\"\u003e\n\u003cdiv class=\"sbmeye-triad-item\"\u003e\n\u003cdiv class=\"sbmeye-triad-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003eRétinol \u003c\/h4\u003e\n\u003cp\u003e(0.1%) Cela fonctionne Activé .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-triad-item\"\u003e\n\u003cdiv class=\"sbmeye-triad-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eNiacinamide + \u003c\/h4\u003e\n\u003cp\u003eL'équipe se spécialise dans la décomposition du pigment mélanique. L'acide tranexamique arrête la pigmentation à sa source, tandis que la niacinamide unifie le teint pour éliminer l'apparence de fatigue noire ou brune.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-triad-item\"\u003e\n\u003cdiv class=\"sbmeye-triad-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003eTRUECICA™ + Panthénol \u003c\/h4\u003e\n\u003cp\u003eLa technologie exclusive de Cica pour apaiser instantanément la peau délicate, soutenue par l'acide hyaluronique et le panthénol pour retenir l'humidité en profondeur et donner aux yeux un aspect rebondi et ferme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. New Images Showcase --\u003e\n\u003cdiv class=\"sbmeye-reveal\" style=\"display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin: 50px 0;\"\u003e\n\u003cimg alt=\"Retinol Eye Cream Texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_eye_cream_114076e1-651f-4297-8dfb-d4ac3b01407e.webp?v=1788019150\" style=\"flex: 1; min-width: 300px; max-width: 400px; border-radius: 16px; object-fit: cover;\"\/\u003e\n\u003cimg alt=\"Retinol Eye Cream Details\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_intense_advanced_triple_action_eye_cream_1.webp?v=1788019150\" style=\"flex: 1; min-width: 300px; max-width: 400px; border-radius: 16px; object-fit: cover;\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Benefits Grid --\u003e\n\u003ch2 class=\"sbmeye-section-title sbmeye-reveal\"\u003eQue fera cet élixir pour vos yeux?\u003c\/h2\u003e\n\u003cdiv class=\"sbmeye-grid\"\u003e\n\u003cdiv class=\"sbmeye-card sbmeye-reveal\"\u003e\n\u003cdiv class=\"sbmeye-icon\"\u003e👁️\u003c\/div\u003e\n\u003ch3\u003eCernes élastiques\u003c\/h3\u003e\n\u003cp\u003eIl agit doublement puissamment pour éclaircir les cernes et unifier le teint, vous donnant un regard réveillé et énergisé même sans maquillage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-card sbmeye-reveal sbmeye-delay-1\"\u003e\n\u003cdiv class=\"sbmeye-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eRepasser les plis et les lignes\u003c\/h3\u003e\n\u003cp\u003eLe pouvoir du rétinol doux cible les rides d'expression et les rides du sourire, raffermissant la peau relâchée et restaurant l'élasticité perdue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-card sbmeye-reveal sbmeye-delay-2\"\u003e\n\u003cdiv class=\"sbmeye-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003ePlomberie\u003c\/h3\u003e\n\u003cp\u003eL'hydratation intense pénètre profondément dans les couches grâce à l'acide hyaluronique, comblant les espaces enfoncés et empêchant la peau de se dessécher et de se fissurer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbmeye-card sbmeye-reveal\"\u003e\n\u003cdiv class=\"sbmeye-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eBouclier hypoallergénique\u003c\/h3\u003e\n\u003cp\u003eConçu spécialement pour convenir à la peau très sensible autour des yeux, grâce au complexe Truecica qui prévient toute rougeur ou irritation typique du rétinol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Warning \/ Retinol Rule --\u003e\n\u003cdiv class=\"sbmeye-alert-box sbmeye-reveal\"\u003e\n\u003ch3\u003e⚠️ Avertissement important : La force nécessite une utilisation progressive!\u003c\/h3\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); line-height: 1.8;\"\u003e\n                Parce que ce produit contient du rétinol actif, il est important d’habituer votre peau progressivement pour éviter la sécheresse ou l’irritation. \u003cbr\/\u003e\n\u003cstrong style=\"color: #fff;\"\u003eSemaines 1 et 2:\u003c\/strong\u003e Utilisez-le seulement deux à trois fois par semaine, le soir \u003cstrong\u003eSeulement\u003c\/strong\u003e. \u003cbr\/\u003e\n\u003cstrong style=\"color: #fff;\"\u003eSemaine 3 et au-delà:\u003c\/strong\u003e Vous pouvez l'utiliser quotidiennement ou un jour sur deux selon la tolérance de votre peau. \u003cbr\/\u003e\n\u003cstrong style=\"color: var(--sbmeye-alert); display: block; margin-top: 10px;\"\u003eTrès nécessaire : Vous devez utiliser un écran solaire (SPF) le lendemain matin, car le rétinol augmente la sensibilité de la peau au soleil.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Usage Guide --\u003e\n\u003ch2 class=\"sbmeye-section-title sbmeye-reveal\"\u003eGuide d'utilisation professionnel\u003c\/h2\u003e\n\u003cul class=\"sbmeye-step-list sbmeye-reveal\"\u003e\n\u003cli class=\"sbmeye-step-item\"\u003e\n\u003cdiv class=\"sbmeye-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003ePréparation\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eNettoyez bien votre visage avant de dormir et séchez complètement la zone autour des yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"sbmeye-step-item\"\u003e\n\u003cdiv class=\"sbmeye-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003eLa quantité magique\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eMettre Quantity Small Activé .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"sbmeye-step-item\"\u003e\n\u003cdiv class=\"sbmeye-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; font-size: 1.15rem; margin-bottom: 5px;\"\u003ePulpeux agréable\u003c\/h4\u003e\n\u003cp style=\"color: var(--sbmeye-text-muted); font-size: 0.95rem;\"\u003eAbout Totalement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- 7. Final CTA --\u003e\n\u003cdiv class=\"sbmeye-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(--sbmeye-border);\"\u003e\n\u003ch2 class=\"sbmeye-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eRestaurez la jeunesse de vos yeux en un seul geste chaque nuit!\u003c\/h2\u003e\n\u003cimg alt=\"Some By Mi Eye Cream Results\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_eye_cream.webp?v=1745762329\" 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                Ne laissez pas la fatigue et les signes du temps voler la beauté de votre apparence. Un paquet de \u003cstrong\u003eSome By Mi Retinol Eye Cream\u003c\/strong\u003e Suffisant pour plusieurs mois de soins avancés qui changeront radicalement la forme de votre contour des yeux.\n            \u003c\/p\u003e\n\u003cp style=\"color: var(--sbmeye-gold-main); font-size: 1.5rem; font-weight: bold; margin-bottom: 10px; text-shadow: 0 0 15px var(--sbmeye-glow-gold);\"\u003e\n                Commandez-le maintenant, et transformez votre sommeil en une séance complète de soin et de rajeunissement!\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('.sbmeye-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('sbmeye-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, { root: null, threshold: 0.15, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(function(reveal) {\n                reveal.classList.remove('sbmeye-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Generate Ambient Starry Particles\n            var ambientContainer = document.getElementById('sbmeye-particles-ar');\n            for (var i = 0; i \u003c 25; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('sbmeye-particle');\n                var size = Math.random() * 30 + 10; \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = Math.random() * 100 + '%';\n                particle.style.animationDuration = (Math.random() * 15 + 15) + 's';\n                particle.style.animationDelay = (Math.random() * 10) + 's';\n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999386390702,"sku":null,"price":19.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_retinol_intense_advanced_triple_action_eye_cream.jpg?v=1788175416"},{"product_id":"somebymi-retinol-trial-kit","title":"SOME BY MI Retinol Intense Trial Kit (Serum 10ml + Cream 10ml)","description":"\u003cdiv dir=\"ltr\"\u003e\n\u003ch3\u003e\u003cstrong\u003eLes rides d'aujourd'hui sont le vieillissement de demain – c'est le moment du changement!\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_1.png?v=1731924342\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_1.png?v=1731924342\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eParce que chaque jour sans soin est un pas de plus vers la perte d'élasticité et de charme de votre peau.\u003c\/em\u003e\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eLa formule complète pour les yeux et la peau\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003eCombinez la puissance concentrée de la crème pour les yeux et du sérum pour une transformation complète qui vous laisse une peau lisse, radieuse et sans ridules.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_2.png?v=1731924564\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_2.png?v=1731924564\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eÉtape 1 : Crème pour les yeux triple action\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eÀ chaque application, cette crème vous offre un traitement complet:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAméliore les rides et l'élasticité:\u003c\/strong\u003e Grâce au rétinol et au rétinal, il stimule la production de collagène pour lifter et raffermir la peau autour des yeux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉclaircir et corriger la couleur foncée:\u003c\/strong\u003e La niacinamide redonne de l'éclat à vos yeux et élimine l'apparence de la fatigue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApaisement et hydratation instantanés:\u003c\/strong\u003e La formule enrichie en Truecica et en eau glaciaire procure un apaisement profond à la peau sensible.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cimg alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.png?v=1731924714\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.png?v=1731924714\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eÉtape deux : sérum\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eDécouvrez la révolution du rétinol concentrée sur votre peau!\u003cbr\/\u003e\u003cem\u003eCette formule contient la concentration parfaite de rétinol afin que vous puissiez tirer le meilleur parti de votre peau sans aucune irritation ni rougeur.\u003c\/em\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRajeunissement de la peau:\u003c\/strong\u003e Le rétinol soutient la texture de la peau en accélérant le renouvellement cellulaire et en renouvelant la peau de l'intérieur.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRétrécir les pores et restaurer la douceur:\u003c\/strong\u003e Grâce au collagène végétal et aux peptides, il affine l'apparence des pores tout en apportant une hydratation profonde et durable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection durable:\u003c\/strong\u003e Le mélange de vitamines et d'ingrédients apaisants garantit une peau éclatante et sans stress.\u003c\/li\u003e\n\u003cli\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eSoin complet, résultats étonnants\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eEnsemble, la crème et le sérum agissent en harmonie pour réparer et rajeunir votre peau de l'intérieur, laissant vos yeux et votre peau doux, élastiques et jeunes.\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eComment le duo fonctionne pour atteindre des résultats inégalés?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003e\u003cstrong\u003eCrème yeux à triple effet\u003c\/strong\u003e\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eStimuler la production de collagène:\u003c\/strong\u003e\u003cbr\/\u003eGrâce à la combinaison de rétinol et de rétinal, la crème accélère le processus de renouvellement des cellules de la peau et favorise la production naturelle de collagène. Cela restaure l'élasticité de la peau autour des yeux et réduit significativement les rides..\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eCorrection des cernes:\u003c\/strong\u003e\u003cbr\/\u003eLa niacinamide, connue pour sa capacité supérieure à éclaircir, réduit efficacement l'hyperpigmentation autour des yeux, redonnant de l'éclat à votre visage.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eRéduire l'irritation et les rougeurs:\u003c\/strong\u003e\u003cbr\/\u003eLes ingrédients Truecica et eau glaciaire apaisent instantanément la peau sensible, la rendant adaptée même aux peaux stressées.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\/\u003e\n\u003ch4\u003e\u003cstrong\u003eSérum \u003c\/strong\u003e\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eRajeunissement en profondeur de la peau:\u003c\/strong\u003e\u003cbr\/\u003eLe rétinol et le rétinal favorisent le renouvellement cellulaire et la régénération des tissus, réduisant les ridules et les rides et améliorant significativement l'élasticité de la peau.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eHydratation multicouche:\u003c\/strong\u003e\u003cbr\/\u003eGrâce à l'acide hyaluronique et aux peptides, le sérum procure une hydratation profonde qui pénètre les couches de la peau pour reconstituer son hydratation interne.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eAméliore la texture de la peau:\u003c\/strong\u003e\u003cbr\/\u003eLe collagène végétal réduit l'apparence des pores, donnant à la peau un aspect plus lisse et plus ferme.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eProtéger la peau du stress environnemental:\u003c\/strong\u003e\u003cbr\/\u003eLe sérum contient des ingrédients apaisants et des vitamines qui préviennent l'inflammation et maintiennent l'équilibre de la peau.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003chr\/\u003e\n\u003ch3\u003e\u003cstrong\u003eL'harmonie parfaite entre les produits\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eUtiliser la crème et le sérum ensemble:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eLa crème pour les yeux cible la peau sensible autour des yeux avec un effet immédiat.\u003c\/li\u003e\n\u003cli\u003eLe sérum répare la peau de manière complète pour améliorer sa texture, l'hydrater et la rajeunir.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\/\u003e\n\u003c\/h4\u003e\n\u003ch4\u003e\u003cstrong\u003eÉcoutez l'appel de votre peau aujourd'hui, car demain pourrait apporter plus de rides difficiles à effacer.\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eLes résultats ne sont pas seulement des promesses, ils sont réels, prouvés par des tests d'amélioration des rides et la satisfaction des clients. Êtes-vous prêt pour le changement?\u003cbr\/\u003e\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eCommencez votre voyage vers une peau parfaite maintenant, avant que les effets du temps ne s'accumulent et n'allongent le chemin.\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999387177134,"sku":null,"price":17.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/some_by_mi_triple_action_antiageing_kit_eye_cream_serum_3.webp?v=1788175413"},{"product_id":"somebymi-retinol-intense-reactivating-serum","title":"SOME BY MI Sérum Réactivant Intense au Rétinol - Resurfaçage des Rides \u0026 Boost de l'Élasticité de la Peau","description":"\u003cdiv class=\"sbm-ultimate-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Core Variables (SOME BY MI Identity: Deep Amethyst \u0026 Gold) === *\/\n        .sbm-ultimate-wrapper {\n            --sbm-bg-dark: #0a0510; \/* Deepest purple-black *\/\n            --sbm-bg-darker: #050208;\n            --sbm-card-glass: rgba(255, 255, 255, 0.03);\n            --sbm-card-hover: rgba(139, 92, 246, 0.08);\n            --sbm-primary: #8b5cf6; \/* Vibrant purple *\/\n            --sbm-primary-glow: rgba(139, 92, 246, 0.3);\n            --sbm-gold: #f59e0b; \/* Accent Gold *\/\n            --sbm-gold-glow: rgba(245, 158, 11, 0.25);\n            --sbm-gradient-accent: linear-gradient(135deg, #a78bfa 0%, #6d28d9 100%);\n            --sbm-gradient-gold: linear-gradient(135deg, #fcd34d 0%, #b45309 100%);\n            --sbm-gradient-bg: linear-gradient(135deg, #2e1065 0%, #0a0510 100%);\n            --sbm-text-light: #f8fafc;\n            --sbm-text-muted: #cbd5e1;\n            --sbm-border: rgba(255, 255, 255, 0.08);\n            --sbm-border-highlight: rgba(139, 92, 246, 0.4);\n            \n            font-family:inherit; \/* Inherits Shopify theme font *\/\n            line-height: 1.8;\n            overflow: hidden;\n            position: relative;\n            background-color: var(--sbm-bg-dark);\n            color: var(--sbm-text-light);\n            border-radius: 24px;\n            box-shadow: 0 0 60px rgba(0,0,0,0.9) inset;\n        }\n\n        .sbm-ultimate-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .sbm-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 0 25px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Mobile-Perfect Media Wrappers === *\/\n        .sbm-media-wrapper {\n            position: relative;\n            width: 100%;\n            margin: 0 auto 40px;\n            display: block;\n            border-radius: 20px;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.6), 0 0 30px var(--sbm-primary-glow);\n            border: 1px solid var(--sbm-border);\n            overflow: hidden;\n        }\n\n        .sbm-media-wrapper.size-lg { max-width: 850px; }\n        .sbm-media-wrapper.size-md { max-width: 600px; }\n\n        .sbm-product-media {\n            width: 100%;\n            height: auto;\n            display: block;\n            object-fit: cover;\n            transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n        }\n\n        .sbm-media-wrapper:hover .sbm-product-media {\n            transform: scale(1.03);\n        }\n\n        \/* === Typography === *\/\n        .sbm-title-main {\n            font-size: clamp(28px, 5vw, 42px);\n            font-weight: 900;\n            line-height: 1.3;\n            margin-bottom: 25px;\n            letter-spacing: -0.02em;\n            text-align: center;\n        }\n\n        .sbm-title-section {\n            font-size: clamp(24px, 4vw, 34px);\n            font-weight: 800;\n            text-align: center;\n            margin-bottom: 20px;\n            color: #ffffff;\n            position: relative;\n        }\n\n        .sbm-subtitle {\n            font-size: clamp(16px, 2.5vw, 18px);\n            color: var(--sbm-text-muted);\n            text-align: center;\n            max-width: 800px;\n            margin: 0 auto 40px;\n            font-weight: 500;\n        }\n\n        .sbm-text-purple {\n            background: var(--sbm-gradient-accent);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n        }\n        \n        .sbm-text-gold {\n            background: var(--sbm-gradient-gold);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n        }\n\n        .sbm-warning-box {\n            background: rgba(245, 158, 11, 0.08);\n            border-right: 4px solid var(--sbm-gold);\n            padding: 30px;\n            border-radius: 16px;\n            margin: 40px auto;\n            max-width: 850px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n            text-align: justify;\n        }\n\n        .sbm-warning-box p {\n            font-size: 1.15rem;\n            margin-bottom: 15px;\n            color: var(--sbm-text-light);\n        }\n        .sbm-warning-box p:last-child { margin-bottom: 0; }\n\n        \/* === Alternating Sections === *\/\n        .sbm-section { padding: 80px 0; position: relative; }\n        \n        .sbm-theme-dark { background-color: var(--sbm-bg-dark); }\n        .sbm-theme-darker { background-color: var(--sbm-bg-darker); border-top: 1px solid var(--sbm-border); border-bottom: 1px solid var(--sbm-border); }\n        .sbm-theme-gradient { background: var(--sbm-gradient-bg); }\n\n        \/* Ambient Glows *\/\n        .sbm-ambient {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0;\n        }\n        .sbm-glow {\n            position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.5;\n        }\n        .sbm-glow-1 { width: 500px; height: 500px; background: rgba(139, 92, 246, 0.15); top: -100px; right: -150px; }\n        .sbm-glow-2 { width: 600px; height: 600px; background: rgba(245, 158, 11, 0.1); bottom: 10%; left: -200px; }\n\n        \/* === Grids \u0026 Glass Cards === *\/\n        .sbm-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\n        .sbm-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }\n\n        .sbm-card {\n            background: var(--sbm-card-glass);\n            backdrop-filter: blur(10px);\n            border: 1px solid var(--sbm-border);\n            border-radius: 20px;\n            padding: 35px 25px;\n            position: relative;\n            transition: all 0.4s ease;\n        }\n\n        .sbm-card:hover {\n            transform: translateY(-8px);\n            background: var(--sbm-card-hover);\n            border-color: var(--sbm-border-highlight);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.5), 0 0 20px var(--sbm-primary-glow);\n        }\n\n        .sbm-icon-badge {\n            width: 55px; height: 55px;\n            background: rgba(255,255,255,0.05);\n            border: 1px solid var(--sbm-border);\n            border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px;\n            color: var(--sbm-gold);\n            font-size: 22px; font-weight: 900;\n            transition: 0.4s ease;\n            font-family:system-ui,sans-serif;\n        }\n\n        .sbm-card:hover .sbm-icon-badge {\n            background: var(--sbm-gradient-gold);\n            color: #000;\n            transform: scale(1.1) rotate(5deg);\n            border-color: transparent;\n        }\n\n        .sbm-card h3 { font-size: 1.3rem; font-weight: 800; margin-bottom: 12px; color: #fff; }\n        .sbm-card p { font-size: 1.05rem; color: var(--sbm-text-muted); margin: 0; }\n\n        \/* === Interactive Wrinkle Accordion === *\/\n        .sbm-accordion { margin: 40px auto; max-width: 850px; }\n        \n        .sbm-acc-item {\n            background: var(--sbm-card-glass);\n            border: 1px solid var(--sbm-border);\n            border-radius: 16px;\n            margin-bottom: 15px;\n            overflow: hidden;\n            transition: all 0.3s ease;\n        }\n\n        .sbm-acc-item:hover { border-color: rgba(139, 92, 246, 0.3); }\n        .sbm-acc-item.active { border-color: var(--sbm-primary); background: rgba(139, 92, 246, 0.05); box-shadow: 0 10px 25px rgba(0,0,0,0.3); }\n\n        .sbm-acc-header {\n            padding: 20px 25px;\n            display: flex;\n            align-items: center;\n            cursor: pointer;\n            user-select: none;\n        }\n\n        .sbm-acc-num {\n            width: 35px; height: 35px;\n            display: flex; align-items: center; justify-content: center;\n            background: var(--sbm-gradient-accent);\n            color: #fff;\n            border-radius: 10px;\n            margin-left: 20px;\n            font-weight: 900;\n            font-family:system-ui,sans-serif;\n        }\n        .sbm-acc-item.active .sbm-acc-num { background: var(--sbm-gradient-gold); color: #000; }\n\n        .sbm-acc-title { font-size: 1.2rem; font-weight: 800; color: #fff; flex-grow: 1; }\n\n        .sbm-acc-icon {\n            width: 20px; height: 20px; position: relative;\n        }\n        .sbm-acc-icon::before, .sbm-acc-icon::after {\n            content: ''; position: absolute; background: var(--sbm-text-muted); transition: 0.3s;\n        }\n        .sbm-acc-icon::before { width: 2px; height: 16px; top: 2px; left: 9px; }\n        .sbm-acc-icon::after { width: 16px; height: 2px; top: 9px; left: 2px; }\n        .sbm-acc-item.active .sbm-acc-icon::before { transform: rotate(90deg); opacity: 0; }\n        .sbm-acc-item.active .sbm-acc-icon::after { background: var(--sbm-primary); }\n\n        .sbm-acc-body {\n            max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease;\n            padding: 0 25px;\n        }\n        .sbm-acc-item.active .sbm-acc-body {\n            padding: 0 25px 25px 25px; max-height: 300px;\n        }\n\n        .sbm-acc-desc { color: var(--sbm-text-muted); font-size: 1.05rem; margin-bottom: 15px; }\n        .sbm-acc-ing {\n            background: rgba(0,0,0,0.3); padding: 15px; border-radius: 10px; border-right: 3px solid var(--sbm-primary);\n            color: #fff; font-size: 1rem;\n        }\n\n        \/* === Clean Lists === *\/\n        .sbm-list { list-style: none; padding: 0; margin-top: 20px; }\n        .sbm-list li {\n            position: relative; padding-left: 30px; margin-bottom: 15px; color: var(--sbm-text-light); font-size: 1.05rem;\n        }\n        .sbm-list li::before {\n            content: '✓'; position: absolute; right: 0; top: 0; color: var(--sbm-primary); font-weight: 900; font-size: 1.2rem;\n        }\n        \n        .sbm-list.gold-checks li::before { color: var(--sbm-gold); }\n\n        \/* === Usage Steps === *\/\n        .sbm-steps {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 40px;\n        }\n        .sbm-step {\n            background: var(--sbm-card-glass); border: 1px solid var(--sbm-border); padding: 30px 20px;\n            border-radius: 16px; text-align: center; position: relative;\n        }\n        .sbm-step-num {\n            width: 50px; height: 50px; margin: 0 auto 15px; background: var(--sbm-gradient-accent);\n            color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;\n            font-size: 1.4rem; font-weight: 900; box-shadow: 0 5px 15px var(--sbm-primary-glow);\n            font-family:system-ui,sans-serif;\n        }\n        .sbm-step h4 { color: #fff; font-size: 1.15rem; margin-bottom: 10px; }\n        .sbm-step p { color: var(--sbm-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n        \/* === Animations === *\/\n        .sbm-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .sbm-reveal.sbm-active { opacity: 1; transform: translateY(0); }\n        .delay-1 { transition-delay: 0.1s; }\n        .delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .sbm-section { padding: 50px 0; }\n            .sbm-media-wrapper { border-radius: 12px; }\n            .sbm-title-main { font-size: 2rem; }\n            .sbm-acc-header { padding: 15px; }\n        }\n    \u003c\/style\u003e\n\u003c!-- 1. HERO SECTION (Dark Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-dark\" style=\"padding-top: 50px;\"\u003e\n\u003cdiv class=\"sbm-ambient\"\u003e\n\u003cdiv class=\"sbm-glow sbm-glow-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-container\" style=\"text-align: center;\"\u003e\n\u003ch1 class=\"sbm-title-main sbm-reveal\"\u003eSérum rajeunissant au rétinol SOME BY MI\u003cbr\/\u003e\u003cspan class=\"sbm-text-gold\"\u003eLes rides ne sont pas seulement des lignes... elles sont un appel à l'aide!\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal delay-1\"\u003e\n                Ce sérum ne fournit pas de solutions temporaires, mais crée plutôt des changements radicaux au niveau cellulaire pour restaurer la vitalité et la fraîcheur de la peau qui a été endommagée au fil du temps.\n            \u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-2\"\u003e\n\u003cimg alt=\"Some By Mi Retinol Reactivating Serum\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum_2.webp?v=1745760317\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-warning-box sbm-reveal\"\u003e\n\u003cp\u003eAvec le temps, vous devenez... \u003cstrong class=\"sbm-text-gold\"\u003eRidules et rides\u003c\/strong\u003e Signes d’avertissement que la peau perd sa capacité naturelle à se régénérer. Ces signes gênants ne disparaîtront pas simplement, mais nécessitent plutôt une intervention scientifique avancée pour empêcher les effets du vieillissement de contrôler les traits du visage.\u003c\/p\u003e\n\u003cp style=\"text-align: center; color: var(--sbm-gold); font-weight: 800; margin-top: 20px; font-size: 1.25rem;\"\u003e\n                    L'intervention précoce est le secret pour restaurer une peau jeune et éclatante.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. WRINKLE TYPES ACCORDION (Gradient Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-gradient\"\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eFormule hautement spécialisée pour tous types de rides\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003eLes ingrédients de ce sérum ne se contentent pas d'agir sur le traitement de surface, mais ciblent également chaque type de rides avec un mécanisme personnalisé.\u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-md sbm-reveal delay-1\" style=\"margin-bottom: 40px;\"\u003e\n\u003cimg alt=\"Targeting Wrinkles\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.webp?v=1745760317\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Accordion --\u003e\n\u003cdiv class=\"sbm-accordion sbm-reveal delay-2\"\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eRides dynamiques\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eIl apparaît à la suite de mouvements faciaux répétés tels qu'un sourire ou un froncement de sourcils constant.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eBakuchiol et rétinol:\u003c\/span\u003e Ils stimulent la production de collagène de l'intérieur, réduisant efficacement l'apparence et la profondeur de ces rides.\n                        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eRides d'expression\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eIls se forment et se consolident en raison des expressions faciales répétitives et du stress.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eNiacinamide:\u003c\/span\u003e Il améliore l'élasticité générale de la peau, réduisant la gravité de ces rides et empêchant leur stabilité.\n                        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eRides du front\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eIls apparaissent occasionnellement et clairement en raison de la perte continue de collagène dans cette zone.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eCollagène et consoude:\u003c\/span\u003e Ils contribuent à renforcer la structure de soutien de la peau et à combler les rides dans cette zone particulière.\n                        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-item\"\u003e\n\u003cdiv class=\"sbm-acc-header\"\u003e\n\u003cdiv class=\"sbm-acc-num\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-title\"\u003eRidules\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-acc-body\"\u003e\n\u003cp class=\"sbm-acc-desc\"\u003eLes fines lignes apparaissent tôt et sont souvent dues à une sécheresse sévère et à une barrière protectrice faible.\u003c\/p\u003e\n\u003cdiv class=\"sbm-acc-ing\"\u003e\n\u003cspan class=\"sbm-text-gold\" style=\"font-weight: bold;\"\u003eTocophérol et panthénol:\u003c\/span\u003e Ils procurent une hydratation profonde qui retient l'humidité, repulpant la peau et camouflant instantanément ces rides.\n                        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. INGREDIENTS GRID (Darker Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-darker\"\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eLe rétinol est le bouclier de la peau contre les facteurs de vieillissement\u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003eCe sérum agit pour restaurer la vitalité et l'élasticité perdues au fil du temps grâce à des ingrédients actifs étudiés scientifiquement.\u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-1\" style=\"margin-bottom: 50px;\"\u003e\n\u003cimg alt=\"Serum Ingredients\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_retinol_reactivating_serum.png?v=1745760661\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-grid-3 sbm-reveal\"\u003e\n\u003cdiv class=\"sbm-card\"\u003e\n\u003cdiv class=\"sbm-icon-badge\"\u003e01\u003c\/div\u003e\n\u003ch3\u003eRétinol pur\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eRenouvelle les cellules de la peau et améliore leur apparence en surface.\u003c\/li\u003e\n\u003cli\u003eStimule la production de collagène et d'élastine de l'intérieur.\u003c\/li\u003e\n\u003cli\u003eRéduit la pigmentation et unifie le teint.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card delay-1\"\u003e\n\u003cdiv class=\"sbm-icon-badge\"\u003e02\u003c\/div\u003e\n\u003ch3\u003eBakuchiol\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eL'alternative naturelle et sûre au rétinol.\u003c\/li\u003e\n\u003cli\u003ePuissant antioxydant qui protège contre les dommages environnementaux.\u003c\/li\u003e\n\u003cli\u003eRéduit doucement les rides et les ridules.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-card delay-2\"\u003e\n\u003cdiv class=\"sbm-icon-badge\"\u003e03\u003c\/div\u003e\n\u003ch3\u003eTechnologie Liposome Élastique\u003c\/h3\u003e\n\u003cul class=\"sbm-list gold-checks\" style=\"margin-top: 15px;\"\u003e\n\u003cli\u003eL'emballage intelligent délivre les ingrédients aux couches plus profondes.\u003c\/li\u003e\n\u003cli\u003eAméliore l'absorption des ingrédients actifs sans gaspillage.\u003c\/li\u003e\n\u003cli\u003ePréviens les irritations de surface et augmente l'efficacité des ingrédients.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. USAGE STEPS (Dark Theme) --\u003e\n\u003cdiv class=\"sbm-section sbm-theme-dark\"\u003e\n\u003cdiv class=\"sbm-ambient\"\u003e\n\u003cdiv class=\"sbm-glow sbm-glow-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003ch2 class=\"sbm-title-section sbm-reveal\"\u003eComment utiliser \u003c\/h2\u003e\n\u003cp class=\"sbm-subtitle sbm-reveal\"\u003eÉtapes simples pour introduire le rétinol dans votre routine de soins de manière efficace et sûre.\u003c\/p\u003e\n\u003cdiv class=\"sbm-media-wrapper size-lg sbm-reveal delay-1\" style=\"margin-bottom: 40px;\"\u003e\n\u003cimg alt=\"Some By Mi Retinol Results\" class=\"sbm-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOME-BY-MI-Retinol-Intense-Reactivating-Serum.jpg?v=1745761071\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-steps sbm-reveal delay-2\"\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eNettoyage du visage\u003c\/h4\u003e\n\u003cp\u003eNettoyer doucement la peau avec un nettoyant adapté pour éliminer les impuretés et préparer les pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eApplication de toner\u003c\/h4\u003e\n\u003cp\u003eIl est préférable d'utiliser un tonique hydratant pour préparer la peau et la rendre plus apte à absorber le sérum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eLa bonne quantité\u003c\/h4\u003e\n\u003cp\u003eQuantity Small Activé .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e4\u003c\/div\u003e\n\u003ch4\u003eDistribuer doucement\u003c\/h4\u003e\n\u003cp\u003eÉtalez doucement le sérum sur le visage, en vous concentrant sur les zones de rides et de ridules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step\" style=\"grid-column: 1 \/ -1; border-color: var(--sbm-primary); background: rgba(139, 92, 246, 0.05);\"\u003e\n\u003cdiv class=\"sbm-step-num\" style=\"width: 40px; height: 40px; font-size: 1.2rem; margin-bottom: 10px;\"\u003e5\u003c\/div\u003e\n\u003ch4 style=\"color: var(--sbm-primary);\"\u003e \u003c\/h4\u003e\n\u003cp style=\"max-width: 600px; margin: 0 auto;\"\u003eSérum Once Deux fois Seulement . Ensuite Répétition Progressivement Skin. \u003cstrong style=\"color: var(--sbm-gold);\"\u003eLa crème solaire doit être utilisée pendant la journée.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            \/\/ 1. Scroll Reveal Animation\n            const reveals = document.querySelectorAll('.sbm-reveal');\n            const observer = new IntersectionObserver((entries, obs) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('sbm-active');\n                        obs.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(el =\u003e observer.observe(el));\n\n            \/\/ 2. Premium 3D Tilt Effect\n            if (window.matchMedia(\"(hover: hover)\").matches) {\n                const tiltCards = document.querySelectorAll('.sbm-media-wrapper');\n                tiltCards.forEach(card =\u003e {\n                    const media = card.querySelector('.sbm-product-media');\n                    card.addEventListener('mousemove', e =\u003e {\n                        const rect = card.getBoundingClientRect();\n                        const x = e.clientX - rect.left;\n                        const y = e.clientY - rect.top;\n                        const centerX = rect.width \/ 2;\n                        const centerY = rect.height \/ 2;\n                        \n                        const rotateX = ((y - centerY) \/ centerY) * -4;\n                        const rotateY = ((x - centerX) \/ centerX) * 4;\n                        \n                        media.style.transform = `scale(1.03) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n                    });\n\n                    card.addEventListener('mouseleave', () =\u003e {\n                        media.style.transform = `scale(1) rotateX(0deg) rotateY(0deg)`;\n                    });\n                });\n            }\n\n            \/\/ 3. Accordion Logic\n            const accItems = document.querySelectorAll('.sbm-acc-header');\n            accItems.forEach(item =\u003e {\n                item.addEventListener('click', function() {\n                    const parent = this.parentElement;\n                    const isActive = parent.classList.contains('active');\n                    \n                    \/\/ Close all\n                    document.querySelectorAll('.sbm-acc-item').forEach(child =\u003e {\n                        child.classList.remove('active');\n                    });\n                    \n                    \/\/ Open clicked if it wasn't active\n                    if (!isActive) {\n                        parent.classList.add('active');\n                    }\n                });\n            });\n\n            \/\/ Open first accordion item by default\n            if(accItems.length \u003e 0) {\n                setTimeout(() =\u003e {\n                    accItems[0].parentElement.classList.add('active');\n                }, 500);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999387766958,"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_retinol_reactivating_serum_caff1239-261d-443e-a421-72a340ad82ca.jpg?v=1788175412"},{"product_id":"cosrx-advanced-snail-96-mucin","title":"COSRX Advanced Snail 96 Mucin Power Essence - 100ml | Gel de protection à la bave d'escargot","description":"\u003cdiv class=\"cs-ultimate-container\" dir=\"ltr\" id=\"cosrx-snail-dossier\"\u003e\n\u003cstyle\u003e\n        \/* ==========================================================================\n           COSRX ADVANCED SNAIL 96 MUCIN POWER ESSENCE - SIMPLIFIED BENEFIT-DRIVEN COPY\n           System Fonts Only (Zero External Webfont Imports)\n           ========================================================================== *\/\n\n        .cs-ultimate-container {\n            --cs-bg-base: #050403;\n            --cs-bg-surface: #0c0906;\n            --cs-bg-card: rgba(18, 14, 10, 0.92);\n            --cs-bg-card-hover: rgba(28, 22, 14, 0.98);\n\n            \n            --cs-neon-gold: #ffd24a;\n            --cs-amber-accent: #f5c518;\n            --cs-neon-mint: #00e5a3;\n            --cs-glow-gold: rgba(255, 210, 74, 0.45);\n            --cs-glow-mint: rgba(0, 229, 163, 0.4);\n\n            --cs-text-pure: #ffffff;\n            --cs-border: rgba(245, 197, 24, 0.25);\n            --cs-border-hover: rgba(255, 210, 74, 0.85);\n\n            background-color: var(--cs-bg-base);\n            color: var(--cs-text-pure);\n            font-family:system-ui,-apple-system,BlinkMacSystemFont,SegoeUI\",Roboto,Cairo',Tajawal',sans-serif;\n            line-height: 1.8;\n            width: 100%;\n            max-width: 100%;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 24px;\n            box-shadow: inset 0 0 120px rgba(245, 197, 24, 0.08);\n            box-sizing: border-box;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .cs-ultimate-container * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .neon-gold {\n            color: var(--cs-neon-gold) !important;\n            text-shadow: 0 0 10px var(--cs-glow-gold), 0 0 20px var(--cs-glow-gold);\n            font-weight: 900;\n        }\n\n        .neon-mint {\n            color: var(--cs-neon-mint) !important;\n            text-shadow: 0 0 10px var(--cs-glow-mint), 0 0 20px var(--cs-glow-mint);\n            font-weight: 900;\n        }\n\n        .pure-white {\n            color: #ffffff !important;\n            font-weight: 600;\n        }\n\n        \n        .cs-ultimate-container img {\n            width: 100%;\n            max-width: 100% !important;\n            height: auto !important;\n            border-radius: 18px;\n            display: block;\n            margin-left: auto !important;\n            margin-left: auto !important;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n            border: 1px solid rgba(245, 197, 24, 0.25);\n            box-sizing: border-box;\n            object-fit: contain;\n        }\n\n        .cs-img-md {\n            max-width: 650px !important;\n            width: 100%;\n            margin-left: auto !important;\n            margin-left: auto !important;\n            display: block;\n            text-align: center;\n        }\n\n        .cs-container {\n            max-width: 940px;\n            width: 100%;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n            box-sizing: border-box;\n        }\n\n        .cs-ambient-bg {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 0; pointer-events: none; overflow: hidden;\n        }\n\n        .cs-orb {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(110px);\n            opacity: 0.32;\n            animation: csOrbFloat 18s infinite alternate ease-in-out;\n            pointer-events: none;\n        }\n\n        .cs-orb-1 {\n            width: 500px; height: 500px;\n            background: radial-gradient(circle, rgba(245, 197, 24, 0.22) 0%, transparent 70%);\n            top: -100px; right: -120px;\n        }\n\n        .cs-orb-2 {\n            width: 550px; height: 550px;\n            background: radial-gradient(circle, rgba(0, 229, 163, 0.16) 0%, transparent 70%);\n            bottom: 15%; left: -140px;\n            animation-delay: -6s;\n        }\n\n        @keyframes csOrbFloat {\n            0% { transform: translate(0, 0) scale(1); }\n            100% { transform: translate(40px, 80px) scale(1.15); }\n        }\n\n        .cs-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(28px, 5.2vw, 44px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.4;\n            color: #ffffff;\n            text-shadow: 0 0 30px rgba(245, 197, 24, 0.45);\n            word-wrap: break-word;\n        }\n\n        .cs-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4vw, 32px);\n            font-weight: 900;\n            color: #ffffff;\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.4;\n            word-wrap: break-word;\n        }\n\n        .cs-section-title::after {\n            content: '';\n            display: block;\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--cs-amber-accent), var(--cs-neon-gold), transparent);\n            border-radius: 10px;\n            margin: 14px auto 0;\n            box-shadow: 0 0 15px var(--cs-glow-gold);\n        }\n\n        .cs-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(245, 197, 24, 0.15);\n            border: 1.5px solid var(--cs-amber-accent);\n            color: #ffffff;\n            padding: 9px 28px;\n            border-radius: 40px;\n            font-size: 1.05rem;\n            font-weight: 900;\n            margin-bottom: 25px;\n            box-shadow: 0 0 25px var(--cs-glow-gold);\n            letter-spacing: 0.5px;\n        }\n\n        .cs-gold-dot {\n            width: 8px; height: 8px;\n            background: var(--cs-neon-gold);\n            border-radius: 50%;\n            box-shadow: 0 0 10px var(--cs-neon-gold);\n            display: inline-block;\n        }\n\n        .cs-sub-text {\n            font-size: 1.25rem;\n            color: #ffffff;\n            max-width: 840px;\n            margin: 0 auto 35px;\n            font-weight: 600;\n            line-height: 1.85;\n            border-right: 4px solid var(--cs-amber-accent);\n            padding-left: 20px;\n            background: linear-gradient(90deg, transparent, rgba(245, 197, 24, 0.08));\n            border-radius: 12px 0 0 12px;\n            text-align: left;\n        }\n\n        .cs-art-divider {\n            width: 100%;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, var(--cs-amber-accent), var(--cs-neon-gold), var(--cs-amber-accent), transparent);\n            margin: 35px 0;\n            position: relative;\n            box-shadow: 0 0 15px var(--cs-glow-gold);\n        }\n\n        .cs-benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .cs-card {\n            background: linear-gradient(145deg, rgba(20, 16, 12, 0.92), rgba(10, 8, 6, 0.98));\n            border: 1px solid var(--cs-border);\n            border-radius: 18px;\n            padding: 26px 20px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n            text-align: left;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            min-width: 0;\n            word-break: break-word;\n        }\n\n        .cs-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--cs-neon-gold);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--cs-glow-gold);\n            background: var(--cs-bg-card-hover);\n        }\n\n        .cs-icon-wrap {\n            width: 52px; height: 52px;\n            background: rgba(8, 6, 4, 0.9);\n            border: 1.5px solid rgba(245, 197, 24, 0.35);\n            border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 16px;\n            color: var(--cs-neon-gold);\n            transition: transform 0.3s ease, background 0.3s ease;\n            box-shadow: 0 0 15px rgba(245, 197, 24, 0.15);\n            flex-shrink: 0;\n        }\n\n        .cs-card:hover .cs-icon-wrap {\n            transform: scale(1.1) rotate(-5deg);\n            background: var(--cs-amber-accent);\n            color: #050403;\n            border-color: transparent;\n            box-shadow: 0 0 25px var(--cs-neon-gold);\n        }\n\n        .cs-icon-wrap svg {\n            width: 26px; height: 26px;\n        }\n\n        .cs-card h3 {\n            font-size: 1.25rem;\n            color: #ffffff;\n            margin-bottom: 10px;\n            font-weight: 800;\n            line-height: 1.4;\n        }\n\n        .cs-card p {\n            color: #ffffff;\n            font-size: 1rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .cs-ingredient-tag {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(245, 197, 24, 0.14);\n            border: 1px solid var(--cs-amber-accent);\n            color: var(--cs-neon-gold);\n            padding: 5px 14px;\n            border-radius: 8px;\n            font-size: 0.92rem;\n            font-weight: 800;\n            margin-bottom: 12px;\n            box-shadow: 0 0 12px rgba(245, 197, 24, 0.2);\n            width: fit-content;\n            max-width: 100%;\n            white-space: normal;\n            word-break: break-word;\n        }\n\n        .cs-ingredient-tag.mint {\n            background: rgba(0, 229, 163, 0.14);\n            border-color: var(--cs-neon-mint);\n            color: var(--cs-neon-mint);\n            box-shadow: 0 0 12px rgba(0, 229, 163, 0.25);\n        }\n\n        .cs-glass-box {\n            background: var(--cs-bg-card);\n            backdrop-filter: blur(16px);\n            -webkit-backdrop-filter: blur(16px);\n            border: 1px solid var(--cs-border);\n            border-radius: 20px;\n            padding: 35px 25px;\n            margin: 35px auto;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);\n            position: relative;\n            max-width: 880px;\n            width: 100%;\n        }\n\n        .cs-glass-box::before {\n            content: '';\n            position: absolute;\n            top: 0; right: 0; width: 4px; height: 100%;\n            background: linear-gradient(180deg, var(--cs-amber-accent), var(--cs-neon-gold), var(--cs-neon-mint), transparent);\n        }\n\n        .cs-glass-box p, \n        .cs-glass-box li {\n            color: #ffffff;\n            font-size: 1.12rem;\n            font-weight: 600;\n            line-height: 1.85;\n        }\n\n        .cs-dilemma-grid {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 18px;\n            margin-top: 25px;\n            width: 100%;\n            text-align: left;\n        }\n\n        .cs-dilemma-card {\n            background: rgba(255, 255, 255, 0.04);\n            border: 1px solid var(--cs-border);\n            border-radius: 16px;\n            padding: 22px 18px;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .cs-dilemma-card.conflict {\n            border-right: 4.5px solid #ff4444;\n            background: linear-gradient(145deg, rgba(35, 10, 12, 0.85), rgba(12, 4, 6, 0.95));\n        }\n\n        .cs-dilemma-card.harmony {\n            border-right: 4.5px solid var(--cs-neon-gold);\n            background: linear-gradient(145deg, rgba(28, 22, 12, 0.85), rgba(12, 10, 6, 0.95));\n        }\n\n        .cs-dilemma-card h4 {\n            font-size: 1.15rem;\n            font-weight: 800;\n            margin-bottom: 10px;\n            line-height: 1.4;\n        }\n\n        .cs-dilemma-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .cs-spa-grid {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 18px;\n            margin-top: 25px;\n            width: 100%;\n            text-align: left;\n        }\n\n        .cs-spa-card {\n            background: linear-gradient(145deg, rgba(24, 18, 12, 0.9), rgba(10, 8, 6, 0.98));\n            border: 1px solid var(--cs-border);\n            border-right: 4.5px solid var(--cs-amber-accent);\n            border-radius: 16px;\n            padding: 22px 18px;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .cs-spa-card:hover {\n            transform: translateY(-5px);\n            border-right-color: var(--cs-neon-gold);\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8), 0 0 20px rgba(245, 197, 24, 0.2);\n        }\n\n        .cs-spa-card h4 {\n            font-size: 1.15rem;\n            font-weight: 800;\n            margin-bottom: 8px;\n            line-height: 1.4;\n        }\n\n        .cs-spa-card p {\n            color: #ffffff;\n            font-size: 0.96rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .cs-science-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 22px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .cs-science-card {\n            background: linear-gradient(145deg, rgba(20, 16, 12, 0.94), rgba(10, 8, 6, 0.98));\n            border: 1px solid var(--cs-border);\n            border-radius: 18px;\n            padding: 26px 20px;\n            text-align: left;\n            transition: all 0.4s ease;\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            min-width: 0;\n        }\n\n        .cs-science-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--cs-neon-gold);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--cs-glow-gold);\n            background: var(--cs-bg-card-hover);\n        }\n\n        .cs-science-card h4 {\n            font-size: 1.3rem;\n            color: #ffffff;\n            font-weight: 900;\n            margin-bottom: 6px;\n        }\n\n        .cs-science-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.7;\n            font-weight: 500;\n            margin-bottom: 14px;\n        }\n\n        .cs-science-card ul {\n            list-style: none;\n            padding: 0;\n        }\n\n        .cs-science-card li {\n            position: relative;\n            padding-left: 20px;\n            margin-bottom: 8px;\n            color: #ffffff;\n            font-size: 0.95rem;\n            line-height: 1.6;\n            font-weight: 500;\n        }\n\n        .cs-science-card li::before {\n            content: '✓';\n            position: absolute;\n            right: 0; top: 0;\n            color: var(--cs-neon-gold);\n            font-weight: 900;\n        }\n\n        .cs-stats-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n            gap: 18px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .cs-stat-box {\n            background: rgba(18, 14, 10, 0.9);\n            border: 1.5px solid var(--cs-border);\n            border-radius: 18px;\n            padding: 24px 16px;\n            text-align: center;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .cs-stat-box:hover {\n            border-color: var(--cs-neon-gold);\n            transform: translateY(-5px);\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n        }\n\n        .cs-stat-num {\n            font-size: clamp(32px, 5vw, 48px);\n            font-weight: 900;\n            line-height: 1;\n            margin-bottom: 8px;\n            direction: ltr;\n        }\n\n        .cs-stat-title {\n            color: #ffffff;\n            font-size: 1.08rem;\n            font-weight: 800;\n            margin-bottom: 4px;\n        }\n\n        .cs-stat-desc {\n            color: #ffffff;\n            font-size: 0.85rem;\n            opacity: 0.95;\n            line-height: 1.5;\n        }\n\n        .cs-timeline-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 16px;\n            margin: 30px 0;\n            width: 100%;\n        }\n\n        .cs-timeline-card {\n            background: rgba(18, 14, 10, 0.88);\n            border: 1px solid var(--cs-border);\n            border-top: 4px solid var(--cs-neon-gold);\n            border-radius: 16px;\n            padding: 22px 16px;\n            text-align: left;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .cs-timeline-card:hover {\n            transform: translateY(-6px);\n            border-top-color: var(--cs-neon-mint);\n            background: rgba(28, 22, 14, 0.95);\n        }\n\n        .cs-timeline-badge {\n            display: inline-block;\n            background: rgba(245, 197, 24, 0.14);\n            color: var(--cs-neon-gold);\n            font-weight: 900;\n            padding: 4px 14px;\n            border-radius: 20px;\n            margin-bottom: 12px;\n            font-size: 0.9rem;\n            border: 1px solid var(--cs-border);\n            white-space: nowrap;\n        }\n\n        .cs-timeline-card p {\n            color: #ffffff;\n            font-size: 0.95rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .cs-value-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 18px;\n            margin: 30px 0;\n            width: 100%;\n        }\n\n        .cs-value-card {\n            background: linear-gradient(145deg, rgba(20, 16, 12, 0.9), rgba(10, 8, 6, 0.98));\n            border: 1px solid var(--cs-border);\n            border-radius: 18px;\n            padding: 26px 18px;\n            text-align: left;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .cs-value-card:hover {\n            border-color: var(--cs-neon-gold);\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n        }\n\n        .cs-value-num {\n            width: 44px; height: 44px;\n            background: rgba(245, 197, 24, 0.15);\n            border: 1.5px solid var(--cs-amber-accent);\n            border-radius: 12px;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.2rem; font-weight: 900;\n            color: var(--cs-neon-gold);\n            margin-bottom: 14px;\n        }\n\n        .cs-value-card h3 {\n            font-size: 1.2rem;\n            font-weight: 900;\n            margin-bottom: 8px;\n            color: #ffffff;\n        }\n\n        .cs-value-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .cs-steps-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 18px;\n            margin: 30px 0;\n            width: 100%;\n        }\n\n        .cs-step-card {\n            background: rgba(18, 14, 10, 0.85);\n            border: 1.5px dashed var(--cs-border);\n            padding: 24px 16px;\n            border-radius: 16px;\n            text-align: center;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .cs-step-card:hover {\n            border-color: var(--cs-neon-gold);\n            transform: translateY(-5px);\n            background: rgba(28, 22, 14, 0.95);\n        }\n\n        .cs-step-num {\n            width: 44px; height: 44px;\n            background: linear-gradient(135deg, #2b220e, #0c0a06);\n            border: 2px solid var(--cs-amber-accent);\n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.3rem; font-weight: 900;\n            color: var(--cs-neon-gold);\n            margin: 0 auto 14px;\n            box-shadow: 0 0 15px var(--cs-glow-gold);\n        }\n\n        .cs-step-card h4 {\n            color: var(--cs-neon-gold);\n            font-size: 1.2rem;\n            font-weight: 800;\n            margin-bottom: 8px;\n        }\n\n        .cs-step-card p {\n            color: #ffffff;\n            font-size: 0.95rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .cs-gold-btn {\n            display: inline-block;\n            background: linear-gradient(135deg, var(--cs-amber-accent), #ffe680, var(--cs-amber-accent));\n            color: #000000 !important;\n            padding: 16px 48px;\n            border-radius: 40px;\n            text-decoration: none;\n            font-weight: 900;\n            font-size: 1.25rem;\n            box-shadow: 0 8px 30px rgba(245, 197, 24, 0.35);\n            transition: all 0.3s ease;\n            border: none;\n            cursor: pointer;\n            margin-top: 25px;\n        }\n\n        .cs-gold-btn:hover {\n            transform: scale(1.05);\n            box-shadow: 0 12px 40px rgba(255, 210, 74, 0.6);\n            background: linear-gradient(135deg, #ffffff, var(--cs-neon-gold));\n        }\n\n        .cs-reveal {\n            opacity: 0;\n            transform: translateY(35px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .cs-reveal.cs-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .cs-delay-1 { transition-delay: 0.12s; }\n        .cs-delay-2 { transition-delay: 0.24s; }\n\n        @media (max-width: 768px) {\n            .cs-ultimate-container { padding: 25px 0; }\n            .cs-container { padding: 0 14px !important; }\n            .cs-glass-box { padding: 22px 14px !important; }\n            .cs-img-md { max-width: 100% !important; }\n\n            .cs-benefits-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n                margin: 20px 0 !important;\n                width: 100% !important;\n            }\n\n            .cs-benefits-grid .cs-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-benefits-grid .cs-icon-wrap {\n                width: 38px !important;\n                height: 38px !important;\n                margin-bottom: 10px !important;\n                border-radius: 10px !important;\n            }\n\n            .cs-benefits-grid .cs-icon-wrap svg {\n                width: 20px !important;\n                height: 20px !important;\n            }\n\n            .cs-benefits-grid .cs-card h3 {\n                font-size: 0.92rem !important;\n                margin-bottom: 6px !important;\n                line-height: 1.3 !important;\n            }\n\n            .cs-benefits-grid .cs-ingredient-tag {\n                font-size: 0.72rem !important;\n                padding: 3px 6px !important;\n                margin-bottom: 6px !important;\n                line-height: 1.25 !important;\n                border-radius: 6px !important;\n            }\n\n            .cs-benefits-grid .cs-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.5 !important;\n            }\n\n            .cs-dilemma-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .cs-spa-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .cs-spa-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-spa-card h4 {\n                font-size: 0.92rem !important;\n                margin-bottom: 6px !important;\n                line-height: 1.35 !important;\n            }\n\n            .cs-spa-card p {\n                font-size: 0.78rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .cs-dilemma-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-dilemma-card h4 {\n                font-size: 0.95rem !important;\n                margin-bottom: 6px !important;\n            }\n\n            .cs-dilemma-card p {\n                font-size: 0.78rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .cs-science-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .cs-science-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-science-card h4 {\n                font-size: 0.95rem !important;\n                margin-bottom: 2px !important;\n            }\n\n            .cs-science-card p {\n                font-size: 0.78rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .cs-science-card li {\n                font-size: 0.74rem !important;\n                padding-left: 16px !important;\n            }\n\n            .cs-stats-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .cs-stat-box:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .cs-stat-box {\n                padding: 16px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-stat-num {\n                font-size: 30px !important;\n            }\n\n            .cs-stat-title {\n                font-size: 0.85rem !important;\n            }\n\n            .cs-timeline-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .cs-timeline-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-timeline-badge {\n                font-size: 0.75rem !important;\n                padding: 3px 8px !important;\n                margin-bottom: 8px !important;\n            }\n\n            .cs-timeline-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .cs-value-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .cs-value-card:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .cs-value-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-value-num {\n                width: 36px !important;\n                height: 36px !important;\n                font-size: 1rem !important;\n                margin-bottom: 8px !important;\n            }\n\n            .cs-value-card h3 {\n                font-size: 0.95rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .cs-value-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .cs-steps-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .cs-step-card:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .cs-step-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .cs-step-num {\n                width: 38px !important;\n                height: 38px !important;\n                font-size: 1.1rem !important;\n                margin-bottom: 8px !important;\n            }\n\n            .cs-step-card h4 {\n                font-size: 0.95rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .cs-step-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .cs-title-glow { font-size: 24px; }\n            .cs-section-title { font-size: 20px; }\n        }\n    \u003c\/style\u003e\n\n\u003cdiv class=\"cs-ambient-bg\"\u003e\n\u003cdiv class=\"cs-orb cs-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cs-orb cs-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cheader class=\"cs-reveal cs-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n\u003cdiv class=\"cs-badge\"\u003e\n\u003cspan class=\"cs-gold-dot\"\u003e\u003c\/span\u003e Le sérum miracle n°1 mondial pour le rajeunissement de la peau\n            \u003c\/div\u003e\n\u003ch2 style=\"font-size: 1.25rem; color: var(--cs-amber-accent); margin-bottom: 12px; font-weight: 800;\"\u003eLe secret pour avoir une peau claire est comme les boutons et traiter les effets des boutons qui ont rendu fou le monde\u003c\/h2\u003e\n\u003ch1 class=\"cs-title-glow\"\u003eCOSRX Advanced Snail 96 Mucin Power Essence\u003c\/h1\u003e\n\u003cp class=\"cs-sub-text pure-white\"\u003e\n                Imaginez un produit qui traite la sécheresse, efface les effets des boutons, et vous procure de la fraîcheur dès la première utilisation ! Grâce à sa concentration \u003cstrong class=\"neon-gold\"\u003e96,3 % d'extrait d'escargot pur\u003c\/strong\u003eVotre peau absorbera l'humidité et sera renouvelée de l'intérieur, sans aucune sensation grasse ou collante.\n            \u003c\/p\u003e\n\u003c!-- Hero Product Image --\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n\u003cimg alt=\"COSRX Advanced Snail 96 Mucin Power Essence\" src=\"https:\/\/instachiq.com\/cdn\/shop\/files\/corsx_advanced_music_snail_power_essence_3_eb53c868-f156-48b5-ad8f-5032a08bfec7.png\"\/\u003e\n\u003c\/div\u003e\n\u003ca class=\"cs-gold-btn\" href=\"#cs-buy\" onclick=\"document.getElementById('cs-buy').scrollIntoView({behavior: 'smooth'}); return false;\"\u003eCommencez votre parcours pour un teint éclatant dès maintenant\u003c\/a\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 1.5. Fun Fact Hook: Global Luxury Snail Spas --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003cdiv class=\"cs-badge\" style=\"border-color: var(--cs-neon-mint); background: rgba(0, 229, 163, 0.12);\"\u003e\n\u003cspan class=\"cs-gold-dot\" style=\"background: var(--cs-neon-mint); box-shadow: 0 0 10px var(--cs-neon-mint);\"\u003e\u003c\/span\u003e Informations cosmétiques que tout le monde ne connaît pas\n            \u003c\/div\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 10px;\"\u003ePourquoi les salons de beauté les plus chers du monde utilisent des escargots?\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 800; margin-bottom: 20px;\"\u003eLaisse-moi te dire pourquoi les gens riches paient des centaines de dollars par séance..\u003c\/p\u003e\n\u003cdiv class=\"cs-glass-box\" style=\"text-align: left;\"\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.85; margin-bottom: 20px;\"\u003e\n                    Dans les centres de beauté de luxe les plus célèbres du monde, ils ont remarqué que les travailleurs des élevages d'escargots ont des mains très douces et sont complètement exempts de rides et de blessures, et ils guérissent à une vitesse étrange ! C'est ainsi que les séances de traitement de la peau avec des escargots ont commencé.\n                \u003c\/p\u003e\n\u003cdiv class=\"cs-spa-grid\"\u003e\n\u003cdiv class=\"cs-spa-card\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eLe secret de la fraîcheur instantanée\u003c\/h4\u003e\n\u003cp\u003eLes sécrétions d'escargot traitent très rapidement les dommages cutanés et restaurent l'élasticité et l'éclat naturel que l'on voit dans la peau des célébrités.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-mint);\"\u003e\n\u003ch4 class=\"neon-mint\"\u003eUne alternative naturelle au collagène\u003c\/h4\u003e\n\u003cp\u003eCette sécrétion est pleine de vitamines et de substances qui raffermissent le visage et réduisent les rides et les ridules, comme si vous aviez appliqué un filtre naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-gold);\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eIl se traite lui-même\u003c\/h4\u003e\n\u003cp\u003eL'escargot sécrète cette substance pour soigner ses blessures en quelques minutes. Alors imaginez ce que cette substance fera aux boutons et cicatrices à venir!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-spa-card\" style=\"border-right-color: var(--cs-neon-mint);\"\u003e\n\u003ch4 class=\"neon-mint\"\u003eCosrx a apporté le spa chez vous\u003c\/h4\u003e\n\u003cp\u003eAu lieu de dépenser des milliers de dollars en une seule séance, Cosrx a mis l'extrait pur et stérile dans un flacon que vous pouvez utiliser tous les jours à la maison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 2. The Problem: The Barrier \u0026 Aging Dilemma Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003ch2 class=\"cs-section-title\"\u003ePourquoi les crèmes hydratantes régulières ne fonctionnent-elles pas pour vous?\u003c\/h2\u003e\n\u003cdiv class=\"cs-glass-box\"\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.2rem; line-height: 1.85; margin-bottom: 20px; text-align: left;\"\u003e\n                    Les hydratants réguliers restent à la surface de la peau, mais lorsque votre peau est stressée et a des marques d'acné, vous avez besoin \u003cstrong class=\"neon-gold\"\u003eNutrition puissante qui pénètre profondément dans la peau\u003c\/strong\u003e:\n                \u003c\/p\u003e\n\u003cdiv class=\"cs-dilemma-grid\"\u003e\n\u003cdiv class=\"cs-dilemma-card conflict\"\u003e\n\u003ch4 style=\"color: #ff5555;\"\u003eHydratants traditionnels\u003c\/h4\u003e\n\u003cp\u003eIl hydrate seulement de l'extérieur, peut obstruer les pores et provoquer des boutons, et dès que vous vous lavez, la sécheresse revient, comme si vous n'aviez rien fait.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-dilemma-card harmony\"\u003e\n\u003ch4 class=\"neon-gold\"\u003eEssence d'escargot 96%\u003c\/h4\u003e\n\u003cp\u003eIl pénètre dans les couches de la peau en quelques secondes, traite la sécheresse à sa source, comble les rides et répare la peau endommagée, donnant à vos mains une fraîcheur réelle et durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 3. Comprehensive Benefits Grid --\u003e\n\u003csection class=\"cs-reveal\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eBénéfices biologiques directs du produit\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eCe que les gouttes d'essence feront à votre peau?\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; max-width: 820px; margin: 0 auto;\"\u003e\n                    Chaque résultat que vous voyez dans le miroir a un ingrédient naturel puissant et efficace derrière lui:\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-benefits-grid\"\u003e\n\u003c!-- Benefit 1 --\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eIl efface les effets des boutons et des cicatrices\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eExtrait d'escargot 96,3%\u003c\/div\u003e\n\u003cp\u003eUn traitement rapide pour les creux et les traces des anciens boutons, afin qu’ils redeviennent clairs, avec une texture lisse et sans aucune imperfection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 2 --\u003e\n\u003cdiv class=\"cs-card cs-delay-1\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eRepulpation et hydratation instantanées du visage\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eAcide hyaluronique pur\u003c\/div\u003e\n\u003cp\u003eIl attire l'eau dans la peau pour remplir les ridules et donner à vos mains un aspect plein, sain et hydraté toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 3 --\u003e\n\u003cdiv class=\"cs-card cs-delay-2\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2a9 9 0 0 1 9 9c0 4.97-4.03 9-9 9A9 9 0 0 1 3 11a9 9 0 0 1 9-9z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 22V12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eIl soulage les rougeurs et l'inflammation\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag mint\"\u003ePanthénol apaisant\u003c\/div\u003e\n\u003cp\u003eSi votre peau est sensible ou irritée par le soleil ou les boutons, elle l'apaisera et éliminera toute rougeur ou démangeaison en quelques minutes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 4 --\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eIl resserre la peau et prévient les rides\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eCollagène naturel\u003c\/div\u003e\n\u003cp\u003eIl renforce votre peau et restaure son élasticité, la rendant plus ferme et jeune, et retarde l'apparition des signes du vieillissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 5 --\u003e\n\u003cdiv class=\"cs-card cs-delay-1\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eÉclaircir et unifier la couleur du visage\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag mint\"\u003eRégénération cellulaire naturelle\u003c\/div\u003e\n\u003cp\u003eIl élimine le ternissement et exfolie les cellules mortes très doucement, éclaircissant ainsi et lui redonnant sa couleur naturelle et uniforme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 6 --\u003e\n\u003cdiv class=\"cs-card cs-delay-2\"\u003e\n\u003cdiv class=\"cs-icon-wrap\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eNutrition profonde pour les pores\u003c\/h3\u003e\n\u003cdiv class=\"cs-ingredient-tag\"\u003eVitamines nourrissantes\u003c\/div\u003e\n\u003cp\u003eIl apporte des vitamines aux couches les plus profondes de la peau, la rendant saine et résistante aux nouveaux problèmes et boutons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 4. Simplified Science Section --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eLe secret derrière le produit\u003c\/h3\u003e\n\u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.2vw, 36px);\"\u003eComment cette essence traite-t-elle votre peau?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Science Visual Image --\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n\u003cimg alt=\"Science behind COSRX Snail Mucin\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_snail_treatment.webp\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-science-grid\"\u003e\n\u003c!-- BIO 01 --\u003e\n\u003cdiv class=\"cs-science-card\"\u003e\n\u003cdiv\u003e\n\u003ch4 class=\"neon-gold\"\u003e1. Régénération des cellules endommagées\u003c\/h4\u003e\n\u003cp\u003eLa formule à l'escargot signale à vos cellules cutanées qu'elles fabriquent rapidement du nouveau collagène, et c'est cela qui fait que les boutons guérissent et que la peau redevient lisse et ferme en un temps record.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eIl accélère la guérison des boutons anciens et nouveaux.\u003c\/li\u003e\n\u003cli\u003eCela fait que la peau retrouve son élasticité naturelle.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BIO 02 --\u003e\n\u003cdiv class=\"cs-science-card cs-delay-1\"\u003e\n\u003cdiv\u003e\n\u003ch4 class=\"neon-mint\"\u003e2. L'hydratation ne s'évapore pas\u003c\/h4\u003e\n\u003cp\u003eCombiner l'extrait d'escargot avec l'acide hyaluronique crée un bouclier protecteur qui retient l'eau à l'intérieur, de sorte que la peau reste humide et brillante toute la journée, peu importe à quel point le temps est sec ou si vous êtes en climatisation.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eVotre peau l'absorbe en quelques secondes et cela ne nettoie pas vos pores.\u003c\/li\u003e\n\u003cli\u003eBrillance et fraîcheur qui restent avec vous toute la journée.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 5. Clinical Numerical Results Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003cdiv style=\"margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eRésultats chiffrés\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eNombres réels tirés des expériences des filles dans le monde\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stats-grid\"\u003e\n\u003cdiv class=\"cs-stat-box\"\u003e\n\u003cdiv class=\"cs-stat-num neon-mint\"\u003e+74%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eHydratation instantanée et douceur\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eDès le premier contact avec votre peau\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\" style=\"border-color: var(--cs-amber-accent);\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e-68%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eRéduction des effets des pilules\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eAprès 4 semaines d'utilisation\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e+82%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eRenforcer la barrière cutanée\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eProtection renforcée contre les nouveaux boutons\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\" style=\"border-color: var(--cs-neon-gold);\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e96.3%\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003ePourcentage de pureté naturelle\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eLe pourcentage le plus élevé d'extrait d'escargot au monde\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-box\"\u003e\n\u003cdiv class=\"cs-stat-num neon-gold\"\u003e4.8 \/ 5\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-title\"\u003eExcellente note\u003c\/div\u003e\n\u003cdiv class=\"cs-stat-desc\"\u003eAvec des millions de vraies expériences\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 6. Timeline Transformation Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eVoyage de changement\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eCe qui arrivera à votre peau après son utilisation?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-grid\"\u003e\n\u003cdiv class=\"cs-timeline-card\"\u003e\n\u003cdiv class=\"cs-timeline-badge\"\u003eDès la première utilisation\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eDouceur et brillance instantanées\u003c\/h4\u003e\n\u003cp\u003eVotre peau l'absorbe en quelques secondes, il n'y a pas de sensation collante, et la texture va rester très douce et lumineuse tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-neon-mint);\"\u003e\n\u003cdiv class=\"cs-timeline-badge\" style=\"color: var(--cs-neon-mint); border-color: var(--cs-neon-mint);\"\u003eLa première semaine\u003c\/div\u003e\n\u003ch4 class=\"neon-mint\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eCalmer et réconforter la peau\u003c\/h4\u003e\n\u003cp\u003eLa rougeur disparaît, et les croûtes ou la sécheresse autour de la bouche et des narines disparaissent complètement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-amber-accent);\"\u003e\n\u003cdiv class=\"cs-timeline-badge\" style=\"color: var(--cs-amber-accent); border-color: var(--cs-amber-accent);\"\u003eLa troisième semaine\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eÉclaircir les effets des boutons\u003c\/h4\u003e\n\u003cp\u003eLes taches brunes commencent à s'éclaircir, la texture de la peau devient plus uniforme et les ridules sont fortement réduites.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-card\" style=\"border-top-color: var(--cs-neon-gold);\"\u003e\n\u003cdiv class=\"cs-timeline-badge\"\u003eLe deuxième mois et en cours\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003ePeau claire comme Azaz\u003c\/h4\u003e\n\u003cp\u003eFraîcheur durable, une barrière cutanée forte et la confiance qui vous permettra de vous passer de maquillage et de profiter de votre beauté naturelle!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 7. Value Proposition Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch3 style=\"font-size: 1.15rem; color: var(--cs-amber-accent); margin-bottom: 8px; font-weight: 800;\"\u003eLe choix le plus abordable et le plus intelligent pour votre beauté\u003c\/h3\u003e\n\u003ch2 class=\"cs-section-title\" style=\"margin-top: 0;\"\u003eÉconomies et avantages qui vous feront sûrement économiser beaucoup de produits\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Value Image --\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 0 auto 30px auto;\"\u003e\n\u003cimg alt=\"COSRX Snail Mucin Value\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_mucin_96.webp\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-value-grid\"\u003e\n\u003cdiv class=\"cs-value-card\"\u003e\n\u003cdiv class=\"cs-value-num\"\u003e100\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eUne grande taille qui durera des mois\u003c\/h3\u003e\n\u003cp\u003eLe flacon de 100 ml suffit pour 3 à 5 mois d'utilisation quotidienne. Deux gouttes seulement suffisent pour tout le visage et le cou.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-value-card\" style=\"border-color: var(--cs-neon-gold);\"\u003e\n\u003cdiv class=\"cs-value-num\" style=\"color: var(--cs-neon-gold); border-color: var(--cs-neon-gold);\"\u003e2in1\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eIl vous fait économiser votre argent et votre temps\u003c\/h3\u003e\n\u003cp\u003eJe n'ai pas besoin d'acheter un sérum hydratant et un autre sérum pour traiter les boutons... les deux dans une seule bouteille très puissante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-value-card\" style=\"border-color: var(--cs-neon-mint);\"\u003e\n\u003cdiv class=\"cs-value-num\" style=\"color: var(--cs-neon-mint); border-color: var(--cs-neon-mint);\"\u003e100%\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eTrès naturel et sûr\u003c\/h3\u003e\n\u003cp\u003eSans odeurs irritantes ni alcool, il sèche et est facilement extrait. Il est extrait sans aucun dommage pour les escargots et convient aux peaux sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 8. Usage Protocol Grid --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 25px;\"\u003e\n\u003ch2 class=\"cs-section-title\"\u003eComment utiliser pour des résultats rapides\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.2rem; font-weight: 800;\"\u003eÉtapes simples pour que votre peau profite de chaque goutte\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-steps-grid\"\u003e\n\u003cdiv class=\"cs-step-card\"\u003e\n\u003cdiv class=\"cs-step-num\"\u003e01\u003c\/div\u003e\n\u003ch4\u003eNettoyant et tonique\u003c\/h4\u003e\n\u003cp\u003eLavez votre visage, appliquez du toner et laissez votre peau un peu fraîche pour que l'essence pénètre mieux et plus rapidement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-step-card\"\u003e\n\u003cdiv class=\"cs-step-num\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eJuste deux points\u003c\/h4\u003e\n\u003cp\u003eAppuyer une ou deux fois généreusement sur votre main, et les répartir doucement sur votre cou et votre nuque.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-step-card\"\u003e\n\u003cdiv class=\"cs-step-num\"\u003e03\u003c\/div\u003e\n\u003ch4\u003eLégère rondeur\u003c\/h4\u003e\n\u003cp\u003eAppliquez-le très confortablement jusqu'à ce que votre peau l'absorbe entièrement, puis appliquez votre crème hydratante normale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-glass-box\" style=\"margin-top: 30px; text-align: center;\"\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 12px;\"\u003eConseils d'expert pour un résultat magique:\u003c\/h4\u003e\n\u003cp class=\"pure-white\" style=\"margin: 0; line-height: 1.85;\"\u003e\n\u003cstrong class=\"neon-mint\"\u003eLe secret est dans l'eau!\u003c\/strong\u003e Appliquez-le toujours lorsque votre peau est légèrement humide, jamais sur une peau complètement sèche. Cela permet à l'acide hyaluronique et à l'extrait d'escargot d'attirer l'eau profondément dans vos cellules et de doubler l'hydratation et la fraîcheur d'une manière que vous ne croiriez pas!\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cs-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 9. Technical INCI List --\u003e\n\u003csection class=\"cs-reveal\" style=\"margin: 40px 0;\"\u003e\n\u003cdiv class=\"cs-glass-box\" style=\"direction: ltr; text-align: left; word-break: break-word;\"\u003e\n\u003ch3 style=\"color: var(--cs-amber-accent); margin-bottom: 14px; font-size: 1.2rem; direction: ltr; text-align: left; font-weight: 800;\"\u003e\n                    Liste des ingrédients (INCI)\n                \u003c\/h3\u003e\n\u003cp style=\"font-family:monospace; font-size: 0.9rem; line-height: 1.8; color: #ffffff;\"\u003e\n\u003cstrong class=\"neon-gold\"\u003eSnail Secretion Filtrate (96.3%)\u003c\/strong\u003e, Betaine, Butylene Glycol, 1,2-Hexanediol, \u003cstrong class=\"neon-gold\"\u003eSodium Hyaluronate (1,000 ppm)\u003c\/strong\u003e, Panthenol, \u003cstrong class=\"neon-mint\"\u003eAllantoin\u003c\/strong\u003e, Phenoxyethanol, Ethyl Hexanediol, Carbomer, \u003cstrong class=\"neon-gold\"\u003eArginine\u003c\/strong\u003e.\n                \u003c\/p\u003e\n\u003cdiv style=\"margin-top: 14px; text-align: left; direction: ltr;\"\u003e\n\u003cp style=\"color: #ffffff; font-size: 0.9rem; font-weight: 600;\"\u003e\n                        * Formule 100 % pure, totalement exempte de parfums synthétiques, d'alcools agressifs, de parabènes et d'huiles minérales. Idéal pour tous les types de peau, même sensible et sujette à l'acné.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 10. Final High-Converting CTA --\u003e\n\u003csection class=\"cs-reveal\" id=\"cs-buy\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(20, 16, 12, 0.95) 0%, rgba(6, 4, 3, 0.98) 100%); border-radius: 24px; border: 2px solid var(--cs-amber-accent); box-shadow: 0 20px 60px rgba(245, 197, 24, 0.25);\"\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.25rem; font-weight: 900; margin-bottom: 12px; letter-spacing: 0.5px;\"\u003eCommandez l'essence originale maintenant\u003c\/p\u003e\n\u003ch2 class=\"cs-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n                Offrez à votre peau une chance d'être sérieusement renouvelée et illuminée à nouveau\n            \u003c\/h2\u003e\n\u003cdiv class=\"cs-img-md\" style=\"margin: 25px auto;\"\u003e\n\u003cimg alt=\"COSRX Advanced Snail 96 Mucin Power Essence\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/corsx_advanced_music_snail_power_essence_3.jpg\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.25rem; max-width: 800px; margin: 0 auto 30px; line-height: 1.85;\"\u003e\n                Au lieu de gaspiller votre argent sur des crèmes hydratantes superficielles qui laissent les cicatrices et la sécheresse telles quelles, essayez le pouvoir de l'extrait pur d'escargot, qui a changé l'apparence de la peau de millions de filles dans le monde.\n            \u003c\/p\u003e\n\u003ca class=\"cs-gold-btn\" href=\"#\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'}); return false;\"\u003eCommandez-le maintenant et commencez la routine\u003c\/a\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', function() {\n            const reveals = document.querySelectorAll('.cs-reveal');\n            \n            const observerOptions = {\n                root: null,\n                threshold: 0.08,\n                rootMargin: \"0px 0px -40px 0px\"\n            };\n\n            const scrollObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('cs-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, observerOptions);\n\n            reveals.forEach(el =\u003e {\n                scrollObserver.observe(el);\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e\n```eof\n","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999388061870,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_snail_mucin_egypt_9f64243e-d68b-48dc-ab45-cd28c4d04562.jpg?v=1788175411"},{"product_id":"cosrx-hyaluronic3","title":"Acide hyaluronique 3% de Cosrx | Céramides | Facteurs naturels d'hydratation | Hydratant pour la peau | Combleur de rides","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n    \/* Base styles *\/\n    .product-description {\n        max-width: 900px;\n        margin: 0 auto;\n        color: #333;\n        line-height: 1.6;\n        padding: 20px;\n        position: relative;\n        overflow: hidden;\n        direction: ltr;\n    }\n\n    \/* Typography *\/\n    .product-description h2, \n    .product-description h3 {\n        color: #9C8102;\n        margin-top: 1.5em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n    }\n\n    .product-description h2 {\n        font-size: 1.9rem;\n        text-align: left;\n    }\n\n    .product-description h3 {\n        font-size: 1.6rem;\n        position: relative;\n    }\n    \n    .product-description h3::after {\n        content: '';\n        display: block;\n        width: 60px;\n        height: 3px;\n        background-color: #9C8102;\n        margin-top: 10px;\n    }\n\n    .product-description p {\n        font-size: 1.1rem;\n        margin-bottom: 1.2em;\n        text-align: justify;\n    }\n\n    .product-description strong {\n        color: #9C8102;\n    }\n\n    .product-description ul {\n        padding-left: 20px;\n        margin: 1.5em 0;\n    }\n\n    .product-description li {\n        margin-bottom: 0.8em;\n    }\n\n    \/* Hero section *\/\n    .hero-container {\n        position: relative;\n        margin: 2em 0;\n        text-align: center;\n    }\n\n    .hero-image {\n        max-width: 100%;\n        height: auto;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        transition: transform 0.5s ease;\n    }\n\n    .hero-image:hover {\n        transform: scale(1.02);\n    }\n\n    \/* Feature cards *\/\n    .feature-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n        margin: 2em 0;\n    }\n\n    .feature-card {\n        padding: 25px;\n        background: #fff;\n        border-radius: 10px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        border-right: 4px solid #9C8102;\n    }\n\n    .feature-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: #9C8102;\n        margin-bottom: 15px;\n    }\n\n    .feature-title {\n        color: #9C8102;\n        font-weight: bold;\n        margin-bottom: 10px;\n        font-size: 1.2rem;\n    }\n\n    \/* Info blocks *\/\n    .info-block {\n        background: #fcfcfc;\n        padding: 30px;\n        border-radius: 15px;\n        margin: 2em 0;\n        border-right: 4px solid #ebebeb;\n        transition: transform 0.3s ease;\n    }\n\n    .info-block:hover {\n        transform: translateX(-5px);\n    }\n\n    .info-title {\n        color: #9C8102;\n        margin-bottom: 15px;\n        font-weight: bold;\n        font-size: 1.3rem;\n    }\n\n    \/* Highlight block *\/\n    .highlight-block {\n        background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n        padding: 30px;\n        border-radius: 15px;\n        margin: 2em 0;\n        text-align: center;\n    }\n\n    .highlight-title {\n        font-size: 1.8rem;\n        color: #9C8102;\n        margin-bottom: 15px;\n    }\n\n    \/* Illustration *\/\n    .penetration-chart {\n        width: 100%;\n        height: 250px;\n        background: white;\n        border-radius: 10px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n        padding: 20px;\n        margin: 30px 0;\n        position: relative;\n    }\n\n    .skin-layers {\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .skin-layer {\n        flex: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: white;\n        font-weight: bold;\n        position: relative;\n    }\n\n    .epidermis {\n        background: linear-gradient(to bottom, #f7d6c3, #e6c3b0);\n        border-radius: 8px 8px 0 0;\n    }\n\n    .dermis {\n        background: linear-gradient(to bottom, #e6c3b0, #d5a997);\n    }\n\n    .hypodermis {\n        background: linear-gradient(to bottom, #d5a997, #c1937f);\n        border-radius: 0 0 8px 8px;\n    }\n\n    .penetration-arrow {\n        position: absolute;\n        top: 10%;\n        right: 50%;\n        height: 80%;\n        width: 4px;\n        background: #9C8102;\n        z-index: 2;\n    }\n\n    .penetration-arrow::before {\n        content: '';\n        position: absolute;\n        bottom: -10px;\n        right: -8px;\n        border-left: 10px solid transparent;\n        border-right: 10px solid transparent;\n        border-top: 15px solid #9C8102;\n    }\n\n    .penetration-label {\n        position: absolute;\n        top: 50%;\n        right: 30%;\n        transform: translateY(-50%);\n        color: #9C8102;\n        font-weight: bold;\n        font-size: 1.1rem;\n    }\n\n    .layer-label {\n        position: absolute;\n        right: 10px;\n        color: #333;\n        font-weight: bold;\n    }\n\n    \/* Usage steps *\/\n    .usage-steps {\n        margin: 2em 0;\n    }\n\n    .step {\n        background: white;\n        padding: 20px;\n        border-radius: 10px;\n        margin-bottom: 15px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        display: flex;\n        align-items: center;\n        transition: transform 0.3s ease;\n    }\n\n    .step:hover {\n        transform: translateX(-5px);\n    }\n\n    .step-number {\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        background: #9C8102;\n        color: white;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: bold;\n        margin-left: 15px;\n        flex-shrink: 0;\n    }\n\n    .step-text {\n        flex-grow: 1;\n    }\n\n    \/* Call to action *\/\n    .cta-section {\n        background: #000;\n        color: white;\n        padding: 40px;\n        border-radius: 15px;\n        text-align: center;\n        margin: 2em 0;\n    }\n\n    .cta-title {\n        color: black;\n        font-size: 1.8rem;\n        margin-bottom: 20px;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 12px 35px;\n        background-color: white;\n        color: #9C8102;\n        font-weight: bold;\n        border-radius: 30px;\n        text-decoration: none;\n        margin-top: 20px;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    }\n\n    .cta-button:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n    }\n\n    \/* Separator *\/\n    .separator {\n        height: 2px;\n        background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n        margin: 2em 0;\n        width: 100%;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .feature-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_2.webp?v=1745676258\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eLe défi de la déshydratation commence ici : une peau hydratée, ferme et éclatante\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eVotre peau crie pour perdre sa fraîcheur, et chaque jour qui passe sans traitement rend le problème plus profond et plus difficile à inverser.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eSaviez-vous que les rides prématurées ne sont pas seulement un changement naturel ? Au contraire, elles sont la preuve d'une détérioration de la barrière d'hydratation vitale de votre peau. Ces lignes ne sont pas simplement des marques passagères ; elles sont des avertissements que votre peau commence à perdre sa capacité à retenir l'humidité et l'élasticité. Chaque jour qui passe sans une hydratation efficace rend ces marques plus profondes et plus difficiles à traiter. N'oubliez pas, les rides commencent à apparaître lorsque la peau manque de soins appropriés ; tout manque d'hydratation peut se transformer en lignes et rides qui ne disparaissent pas facilement. Donnez à votre peau la force dont elle a besoin avec de l'acide hyaluronique et redonnez-lui sa vitalité avant qu'il ne soit trop tard..\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Application\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_1.webp?v=1745676253\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eUne innovation qui va au-delà des hydratants traditionnels:\u003c\/h3\u003e\n\u003cp\u003eLa plupart des produits ne font que hydrater, mais ce sérum agit comme:\u003c\/p\u003e\n\u003c!-- Feature Grid --\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eUn réformateur naturel\u003c\/div\u003e\n\u003cp\u003eRestaurer la barrière protectrice de la peau, la rendant plus forte et plus résistante aux dommages.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eAméliorateur de texture de peau\u003c\/div\u003e\n\u003cp\u003eÉlimine la rugosité de la peau en la laissant soyeuse après la première utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-title\"\u003eCombat la déshydratation chronique\u003c\/div\u003e\n\u003cp\u003eTraite la sécheresse à sa source tout en offrant une protection longue durée qui dure des heures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eUne sensation luxueuse à chaque utilisation:\u003c\/h3\u003e\n\u003cp\u003eSa texture unique est différente de tout produit que vous avez essayé auparavant. La formule est légère, s'absorbe facilement, mais enveloppe votre peau dans un voile de douceur et de confort qui dure toute la journée.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Close Up\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3_3_05420fce-d269-44ac-b8e0-116910c16bbc.webp?v=1745676300\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eQu'est-ce qui rend la crème intensive à l'acide hyaluronique COSRX spéciale?\u003c\/h2\u003e\n\u003c!-- First Info Block --\u003e\n\u003cdiv class=\"info-block\"\u003e\n\u003ch3 class=\"info-title\"\u003e1. Mélange puissant de NMF (Complexe d'acides aminés):\u003c\/h3\u003e\n\u003cp\u003eLes facteurs naturels d'hydratation (FNH) comprennent un groupe d'acides aminés qui imitent les éléments naturels présents dans la peau, ce qui permet de:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrate profondément la peau:\u003c\/strong\u003e Les acides aminés aident la peau à retenir l'eau, lui donnant fraîcheur et élasticité naturelles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéparer la barrière cutanée:\u003c\/strong\u003e Ce composé améliore la capacité de la peau à se protéger contre les agressions environnementales et la sécheresse.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAugmentation de la douceur:\u003c\/strong\u003e Avec une utilisation régulière, il réduit la texture rugueuse de la peau et rééquilibre les niveaux naturels d'hydratation.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Second Info Block --\u003e\n\u003cdiv class=\"info-block\"\u003e\n\u003ch3 class=\"info-title\"\u003e2. Céramides : le dernier rempart entre votre peau et les facteurs de vieillissement\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLorsque la barrière cutanée se détériore, votre peau entame un voyage irréversible vers la sécheresse et la perte d'éclat\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSans une barrière solide, chaque ennemi de votre peau l'envahira impitoyablement. \u003c\/strong\u003eLa peau normale contient \u003cstrong\u003eCéramides\u003c\/strong\u003e En tant qu'élément essentiel de la barrière protectrice qui retient l'humidité et empêche sa perte.\u003c\/p\u003e\n\u003cp\u003eLorsque ces céramides sont perdus, cela conduit à l'effondrement de la barrière cutanée, à la perte d'humidité et de fraîcheur, et expose la peau aux facteurs environnementaux qui provoquent le vieillissement. Sans ce support, la peau se transforme en champ de bataille, où les signes de stress et de vieillissement s'accélèrent. Cela laissera-t-il votre peau exposée et vulnérable aux dommages?\u003c\/p\u003e\n\u003cp\u003eLe sérum contient une forte concentration de céramides qui aideront votre peau à restaurer son bouclier protecteur et à empêcher les agents nocifs de pénétrer dans les couches profondes de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Penetration Depth Section --\u003e\n\u003cdiv class=\"highlight-block\"\u003e\n\u003ch3 class=\"highlight-title\"\u003e3. Hydratation jusqu'à 2,5 ml sous la surface de la peau\u003c\/h3\u003e\n\u003cp\u003eLa formule utilise une concentration puissante d'acide hyaluronique qui hydrate en profondeur toutes les couches de la peau, atteignant une profondeur inégalée parmi tous les hydratants. Cette formule pénètre les cellules les plus profondes de votre peau pour fournir une hydratation efficace à tous les niveaux de la peau.\u003c\/p\u003e\n\u003c!-- Skin Penetration Visualization --\u003e\n\u003cdiv class=\"penetration-chart\"\u003e\n\u003cdiv class=\"skin-layers\"\u003e\n\u003cdiv class=\"skin-layer epidermis\"\u003e\n\u003cspan class=\"layer-label\"\u003eÉpiderme externe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-layer dermis\"\u003e\n\u003cspan class=\"layer-label\"\u003eDerme\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-layer hypodermis\"\u003e\n\u003cspan class=\"layer-label\"\u003eSous le derme\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"penetration-arrow\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"penetration-label\"\u003eProfondeur de pénétration : 2,5 ml\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Skin Benefits\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_1600_x_1200_px.jpg?v=1734291139\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Hyaluronic Acid Serum Bottle\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_hyaluronic_acid_serum_3.jpg?v=1745676384\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eChaque goutte reconstruit votre peau de l'intérieur\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eUne petite goutte... un impact énorme : hydratation complète de la peau avec seulement une petite quantité\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eGrâce à la formule du sérum à l'acide hyaluronique de COSRX, vous n'avez besoin que d'une très petite quantité pour couvrir tout votre visage. La formule concentrée et efficace travaille intelligemment pour répartir l'hydratation profondément dans chaque couche de votre peau, vous offrant des résultats visibles sans gaspiller de produit.\u003c\/p\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003ch3\u003eComment utiliser:\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eNettoyez bien la peau en utilisant un nettoyant adapté à votre type de peau\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAppliquez quelques gouttes de sérum sur une peau propre et légèrement humide\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eÉtalez doucement le sérum en utilisant vos doigts en mouvements circulaires doux\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eHydratant Hydratation Skin \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eUtilisez le sérum deux fois par jour, le matin et le soir, pour de meilleurs résultats\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003ch3 class=\"cta-title\"\u003eCOSRX Hyaluronic Acid Intensive Cream\u003c\/h3\u003e\n\u003cp\u003eLa solution idéale pour une peau assoiffée d'hydratation profonde et de fraîcheur continue\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eRedonnez vie à votre peau maintenant!\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\u003cscript\u003e\n    \/\/ Add subtle animations and interactions\n    (function() {\n        \/\/ Observe elements coming into view\n        const observeElements = (elements, callback) =\u003e {\n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        callback(entry.target);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1 });\n            \n            elements.forEach(el =\u003e observer.observe(el));\n        };\n        \n        \/\/ Apply animations to feature cards when they come into view\n        observeElements(document.querySelectorAll('.feature-card'), (element) =\u003e {\n            element.style.animation = 'fadeInRight 0.6s ease forwards';\n        });\n        \n        \/\/ Apply animations to info blocks when they come into view\n        observeElements(document.querySelectorAll('.info-block'), (element) =\u003e {\n            element.style.animation = 'fadeInUp 0.6s ease forwards';\n        });\n        \n        \/\/ Apply animations to steps when they come into view\n        observeElements(document.querySelectorAll('.step'), (element) =\u003e {\n            element.style.animation = 'fadeInRight 0.6s ease forwards';\n        });\n        \n        \/\/ Apply animations to highlight block when it comes into view\n        observeElements(document.querySelectorAll('.highlight-block'), (element) =\u003e {\n            element.style.animation = 'fadeIn 0.8s ease forwards';\n            \n            \/\/ Animate the penetration arrow after the block appears\n            setTimeout(() =\u003e {\n                const arrow = element.querySelector('.penetration-arrow');\n                if (arrow) {\n                    arrow.style.height = '0%';\n                    arrow.style.transition = 'height 1.5s ease';\n                    \n                    setTimeout(() =\u003e {\n                        arrow.style.height = '80%';\n                    }, 300);\n                }\n            }, 300);\n        });\n        \n        \/\/ Add keyframes for animations\n        const style = document.createElement('style');\n        style.textContent = `\n            @keyframes fadeInUp {\n                from {\n                    opacity: 0;\n                    transform: translateY(20px);\n                }\n                to {\n                    opacity: 1;\n                    transform: translateY(0);\n                }\n            }\n            \n            @keyframes fadeInRight {\n                from {\n                    opacity: 0;\n                    transform: translateX(20px);\n                }\n                to {\n                    opacity: 1;\n                    transform: translateX(0);\n                }\n            }\n            \n            @keyframes fadeIn {\n                from {\n                    opacity: 0;\n                }\n                to {\n                    opacity: 1;\n                }\n            }\n        `;\n        document.head.appendChild(style);\n    })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999388520622,"sku":"INSTA055008CHIQ","price":20.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Cosrx_hyaluronic_acid_serum_3.webp?v=1788175409"},{"product_id":"cosrx-niacinamide-serum","title":"Cosrx Niacinamide 15% | Spécialiste des pores | éclaircir | Régulation des huiles","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n    \/* Base styles *\/\n    .product-description {\n        max-width: 900px;\n        margin: 0 auto;\n        color: #333;\n        line-height: 1.6;\n        padding: 20px;\n        position: relative;\n        overflow: hidden;\n        direction: ltr;\n    }\n\n    \/* Typography *\/\n    .product-description h2 {\n        color: #9C8102;\n        margin-top: 1.5em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n        font-size: 1.8rem;\n        position: relative;\n    }\n    \n    .product-description h2::after {\n        content: '';\n        display: block;\n        width: 80px;\n        height: 3px;\n        background-color: #9C8102;\n        margin-top: 10px;\n    }\n\n    .product-description p {\n        font-size: 1.1rem;\n        margin-bottom: 1.2em;\n        text-align: justify;\n    }\n\n    .product-description strong {\n        color: #9C8102;\n        font-weight: bold;\n    }\n\n    \/* Hero section *\/\n    .hero-container {\n        position: relative;\n        margin: 2em 0;\n        text-align: center;\n    }\n\n    .hero-image {\n        max-width: 100%;\n        height: auto;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        transition: transform 0.5s ease;\n    }\n\n    .hero-image:hover {\n        transform: scale(1.02);\n    }\n\n    \/* Featured section *\/\n    .featured-section {\n        background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n        padding: 30px;\n        border-radius: 15px;\n        margin: 2em 0;\n        position: relative;\n    }\n\n    .featured-title {\n        color: #9C8102;\n        font-size: 1.8rem;\n        margin-bottom: 20px;\n    }\n\n    \/* Benefits section *\/\n    .benefits-container {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 25px;\n        margin: 2em 0;\n    }\n\n    .benefit-card {\n        background: white;\n        border-radius: 15px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n        overflow: hidden;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .benefit-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n    }\n\n    .benefit-icon {\n        width: 60px;\n        height: 60px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        background-color: #9C8102;\n        color: white;\n        font-size: 1.8rem;\n        margin: 0 auto 15px;\n    }\n\n    .benefit-content {\n        padding: 25px;\n    }\n\n    .benefit-title {\n        color: #9C8102;\n        font-size: 1.3rem;\n        font-weight: bold;\n        margin-bottom: 15px;\n        text-align: center;\n    }\n\n    .benefit-description {\n        text-align: center;\n    }\n\n    \/* Before\/After comparison *\/\n    .comparison-container {\n        position: relative;\n        width: 100%;\n        margin: 2em 0;\n        border-radius: 15px;\n        overflow: hidden;\n    }\n\n    .comparison-image {\n        width: 100%;\n        display: block;\n        border-radius: 15px;\n    }\n\n    \/* Percentage indicator *\/\n    .percentage-container {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 3em 0;\n    }\n\n    .percentage-circle {\n        width: 150px;\n        height: 150px;\n        border-radius: 50%;\n        background: conic-gradient(#9C8102 0% 15%, #f0f0f0 15% 100%);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n    }\n\n    .percentage-circle::before {\n        content: '';\n        position: absolute;\n        width: 130px;\n        height: 130px;\n        border-radius: 50%;\n        background-color: white;\n    }\n\n    .percentage-text {\n        position: relative;\n        z-index: 1;\n        font-size: 2.5rem;\n        font-weight: bold;\n        color: #9C8102;\n    }\n\n    .percentage-label {\n        margin-left: 20px;\n        font-size: 1.2rem;\n        color: #333;\n        flex: 1;\n    }\n\n    \/* Info sections *\/\n    .info-section {\n        margin: 3em 0;\n        padding: 30px;\n        background: white;\n        border-radius: 15px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        border-right: 5px solid #9C8102;\n        transition: transform 0.3s ease;\n    }\n\n    .info-section:hover {\n        transform: translateX(-5px);\n    }\n\n    \/* Usage section *\/\n    .usage-section {\n        margin: 3em 0;\n    }\n\n    .usage-title {\n        color: #9C8102;\n        font-size: 1.5rem;\n        margin-bottom: 20px;\n    }\n\n    .usage-steps {\n        display: flex;\n        justify-content: space-between;\n        position: relative;\n        margin: 40px 0;\n    }\n\n    .usage-steps::before {\n        content: '';\n        position: absolute;\n        top: 25px;\n        right: 0;\n        left: 0;\n        height: 2px;\n        background-color: rgba(156, 129, 2, 0.3);\n        z-index: -1;\n    }\n\n    .usage-step {\n        text-align: center;\n        position: relative;\n        width: 120px;\n    }\n\n    .step-number {\n        width: 50px;\n        height: 50px;\n        border-radius: 50%;\n        background-color: #9C8102;\n        color: white;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: bold;\n        font-size: 1.3rem;\n        margin: 0 auto 15px;\n    }\n\n    .step-text {\n        font-size: 0.95rem;\n        color: #555;\n    }\n\n    \/* Call to action *\/\n    .cta-container {\n        background: linear-gradient(135deg, #9C8102, #c7aa30);\n        color: white;\n        padding: 40px;\n        border-radius: 15px;\n        text-align: center;\n        margin: 3em 0 1em;\n    }\n\n    .cta-container h2 {\n        color: white;\n        margin-bottom: 20px;\n    }\n\n    .cta-container h2::after {\n        background-color: white;\n        margin: 10px auto;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 12px 35px;\n        background-color: white;\n        color: #9C8102;\n        font-weight: bold;\n        border-radius: 30px;\n        text-decoration: none;\n        margin-top: 20px;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    }\n\n    .cta-button:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n    }\n\n    \/* Separator *\/\n    .separator {\n        height: 2px;\n        background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n        margin: 2em 0;\n        width: 100%;\n    }\n\n    \/* Highlight box *\/\n    .highlight-box {\n        background: rgba(156, 129, 2, 0.08);\n        border-radius: 10px;\n        padding: 20px;\n        margin: 2em 0;\n        border: 3px solid #000;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .benefits-container {\n            grid-template-columns: 1fr;\n        }\n\n        .percentage-container {\n            flex-direction: column;\n        }\n\n        .percentage-label {\n            margin: 20px 0 0 0;\n            text-align: center;\n        }\n\n        .usage-steps {\n            flex-direction: column;\n            align-items: center;\n        }\n\n        .usage-steps::before {\n            display: none;\n        }\n\n        .usage-step {\n            margin-bottom: 30px;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Niacinamide 15% Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/COSRX-The-Niacinamide-15-Serum-seerumi.jpg?v=1745677453\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eLe composé parfait qui a changé les soins de la peau... maintenant dans la concentration la plus élevée possible\u003c\/h2\u003e\n\u003c!-- Percentage Indicator --\u003e\n\u003cdiv class=\"percentage-container\"\u003e\n\u003cdiv class=\"percentage-circle\"\u003e\n\u003cdiv class=\"percentage-text\"\u003e15%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"percentage-label\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 10px;\"\u003eDécouvrez la différence avec une haute concentration\u003c\/h3\u003e\n\u003cp\u003eVous avez probablement déjà essayé la niacinamide, mais jamais à cette concentration de 15 %, qui remettra en question tout ce que vous savez sur les soins de la peau. Son effet contre les impuretés est plus puissant que jamais, et elle agit pour réduire les pores avec une efficacité sans précédent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Niacinamide 15% Serum Product\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_15.png?v=1745677490\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eLa formule équilibrante de la mélanine défie même les pigmentations les plus tenaces\u003c\/h2\u003e\n\u003cdiv class=\"info-section\"\u003e\n\u003cp\u003eCette formule est hautement spécialisée dans l'équilibrage de la production de mélanine. Lorsqu'elle est exposée à des facteurs environnementaux, la peau augmente la production de mélanine de manière inégale, ce qui entraîne l'apparition de ces pigmentations gênantes qui affectent visiblement votre apparence.\u003c\/p\u003e\n\u003cp\u003eCette formule équilibre la production de pigments, ce qui conduit à unifier le teint de la peau et à obtenir une peau claire, sans pigmentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"Pore Minimizing Effect\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/1.6.webp?v=1745677506\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eSouffrez-vous de pores dilatés ? Voici la solution ultime\u003c\/h2\u003e\n\u003cp\u003eÉliminez ces pores larges et gênants qui vous font paraître plus vieux que votre âge et qui absorbent la poussière et les facteurs environnementaux nocifs en les faisant pénétrer profondément dans votre peau.\u003c\/p\u003e\n\u003cp\u003eLe sérum nettoie et purifie les pores de la peau et réduit les sécrétions de sébum, ce qui réduit la taille des pores invisiblement et fait que la texture de votre peau ressemble à du verre... littéralement!\u003c\/p\u003e\n\u003c!-- Benefits Section --\u003e\n\u003cdiv class=\"benefits-container\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRétrécir les pores\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eUne concentration de 15 % de niacinamide régule la sécrétion de sébum et réduit très efficacement les pores dilatés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eUnifier le teint\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIl traite la pigmentation et unifie le teint de la peau en régulant la production du pigment mélanine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eCombattre l'acné\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIl réduit l'inflammation et prévient l'acné en régulant la sécrétion de sébum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"Texture Improvement\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_15_2.webp?v=1745677561\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eReconstruit la texture de la peau\u003c\/h2\u003e\n\u003cp\u003eLe sérum à la niacinamide aide non seulement à lutter contre l'acné, mais contribue également à améliorer la texture générale de la peau et à la rendre plus lisse et plus élastique.\u003c\/p\u003e\n\u003cp\u003eC'est plus qu'un simple sérum, c'est un rajeunissement complet de votre peau.\u003c\/p\u003e\n\u003c!-- Before\/After Comparison --\u003e\n\u003cdiv class=\"comparison-container\"\u003e\n\u003cimg alt=\"Before and After Using Niacinamide Serum\" class=\"comparison-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/black_heads_before_after.webp?v=1745677641\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eAdieu aux points blancs et aux points noirs\u003c\/h2\u003e\n\u003cp\u003eLes points blancs et noirs se forment lorsque le sébum et l'huile s'accumulent à l'intérieur des pores, les bloquent ou interagissent avec l'air. Le sérum Niacinamide de COSRX agit pour réduire la taille des pores et réguler la sécrétion de sébum, empêchant l'accumulation d'huile et de saleté. Il aide également à renouveler les cellules de la peau et à les exfolier doucement, ce qui empêche les pores de se boucher et traite efficacement les points blancs et noirs..\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"COSRX Niacinamide 15% Serum Bottle\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_niacinamide_serum_no_background.webp?v=1745677778\"\/\u003e\n\u003c\/div\u003e\n\u003ch2\u003eC'est un produit de rêve pour les peaux grasses\u003c\/h2\u003e\n\u003cdiv class=\"featured-section\"\u003e\n\u003cp\u003eSi vous avez la peau grasse ou mixte, vous connaissez probablement les défis liés à l'excès de sébum et aux pores dilatés. Mais avec le sérum COSRX à la niacinamide 15%, vous pouvez désormais obtenir une peau claire et plus ferme sans vous soucier de l'excès de brillance ou des problèmes associés à la sécrétion de sébum..\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2\u003eProtection complète contre les éléments du temps... traitement et prévention en une seule formule\u003c\/h2\u003e\n\u003cp\u003eLe temps n'a pas pitié de votre peau. Chaque jour où nous sommes exposés à des facteurs environnementaux nocifs est un pas de plus vers le vieillissement prématuré\u003cbr\/\u003eNe laissez pas votre peau seule dans sa lutte contre le temps\u003c\/p\u003e\n\u003cp\u003eVotre peau devrait être dotée d'un bouclier protecteur de niacinamide ! La niacinamide dans cette formule hautement concentrée protège la peau des oxydants qui causent le vieillissement prématuré!\u003c\/p\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch3 class=\"usage-title\"\u003eComment l'utilisez-vous?\u003c\/h3\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eNettoyage de la peau\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAppliquer le tonique\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eApplication de sérum\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eCrème hydratante\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-box\"\u003e\n\u003cp\u003eAppliquer le sérum Niacinamide 15 % matin et soir sur une peau propre avant toute autre crème ou huile.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eRemarque\u003c\/strong\u003e: Dans Avec Produits Contenir Activé C .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action --\u003e\n\u003cdiv class=\"cta-container\"\u003e\n\u003ch2\u003eCOSRX Niacinamide 15% Serum\u003c\/h2\u003e\n\u003cp\u003eLa solution parfaite pour les pores dilatés et le teint irrégulier\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eAchetez maintenant\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Add subtle animations and interactions\n    (function() {\n        \/\/ Function to animate percentage circle\n        const animatePercentageCircle = () =\u003e {\n            const percentageCircle = document.querySelector('.percentage-circle');\n            \n            if (percentageCircle) {\n                percentageCircle.style.background = 'conic-gradient(#9C8102 0% 0%, #f0f0f0 0% 100%)';\n                \n                setTimeout(() =\u003e {\n                    percentageCircle.style.transition = 'background 1.5s ease-out';\n                    percentageCircle.style.background = 'conic-gradient(#9C8102 0% 15%, #f0f0f0 15% 100%)';\n                }, 300);\n            }\n        };\n        \n        \/\/ Observe elements coming into view\n        const observeElements = (elements, callback) =\u003e {\n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        callback(entry.target);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1 });\n            \n            elements.forEach(el =\u003e observer.observe(el));\n        };\n        \n        \/\/ Animate percentage circle when it comes into view\n        observeElements([document.querySelector('.percentage-container')], () =\u003e {\n            animatePercentageCircle();\n        });\n        \n        \/\/ Apply animations to benefit cards when they come into view\n        observeElements(document.querySelectorAll('.benefit-card'), (element) =\u003e {\n            element.style.animation = 'fadeInUp 0.6s ease forwards';\n        });\n        \n        \/\/ Apply animations to info sections when they come into view\n        observeElements(document.querySelectorAll('.info-section, .featured-section, .highlight-box'), (element) =\u003e {\n            element.style.animation = 'fadeIn 0.8s ease forwards';\n        });\n        \n        \/\/ Apply animations to step numbers when they come into view\n        observeElements(document.querySelectorAll('.step-number'), (element) =\u003e {\n            element.style.animation = 'pulseIn 0.5s ease forwards';\n        });\n        \n        \/\/ Add keyframes for animations\n        const style = document.createElement('style');\n        style.textContent = `\n            @keyframes fadeInUp {\n                from {\n                    opacity: 0;\n                    transform: translateY(20px);\n                }\n                to {\n                    opacity: 1;\n                    transform: translateY(0);\n                }\n            }\n            \n            @keyframes fadeIn {\n                from {\n                    opacity: 0;\n                }\n                to {\n                    opacity: 1;\n                }\n            }\n            \n            @keyframes pulseIn {\n                0% {\n                    transform: scale(0.5);\n                    opacity: 0;\n                }\n                70% {\n                    transform: scale(1.1);\n                }\n                100% {\n                    transform: scale(1);\n                    opacity: 1;\n                }\n            }\n            \n            .benefit-card,\n            .info-section,\n            .featured-section,\n            .highlight-box {\n                opacity: 0;\n            }\n            \n            .step-number {\n                opacity: 0;\n            }\n        `;\n        document.head.appendChild(style);\n    })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999388815534,"sku":"INSTA05ت5008CHIQ","price":27.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/66552D17-1B88-42CF-9BA7-0C4E7BE359B9.webp?v=1788175407"},{"product_id":"anua-heartleaf-toner","title":"Extrait de Heartleaf Anua 77 % | Tonique apaisant pour la peau | Traitement contre les rougeurs et les boutons Crème hydratante","description":"\u003ch3\u003e\u003cstrong\u003eToner apaisant Anua Heartleaf 77 % : La solution coréenne parfaite pour votre peau\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eCe n'est pas qu'un simple toner ordinaire, mais une formule avancée qui cible directement les problèmes de peau et aide à restaurer sa fraîcheur et sa santé:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRougeurs et irritations?\u003c\/strong\u003e Le tonique apaise la peau grâce à sa teneur en 77 % d'extrait de plante cœur (Houttuynia Cordata), connu pour ses propriétés apaisantes et anti-inflammatoires.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcné?\u003c\/strong\u003e Réduit l'apparence des boutons et affine les pores pour une peau claire et sans imperfections.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePeau sèche et terne?\u003c\/strong\u003e Fournit une hydratation profonde et donne à la peau un aspect radieux et rosé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBarrière cutanée faible?\u003c\/strong\u003e Restaurer la force de la peau et la protéger des facteurs environnementaux nocifs.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eRestaurez l'équilibre naturel de votre peau avec un pH idéal (pH 5,5))\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eSi votre peau est déséquilibrée en raison de facteurs environnementaux ou de produits agressifs, le tonique Anua Heartleaf est la solution parfaite pour vous. Grâce à sa formule riche avec un pH équilibré de 5,5, ce tonique rétablit naturellement l'équilibre de votre peau, en maintenant sa barrière hydrique sans affecter la couche de protection naturelle de la peau. À la concentration idéale, il nettoie doucement la peau et la laisse fraîche et hydratée..\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eVotre peau est sensible ? Voici la solution naturelle parfaite\u003c\/strong\u003e\u003cbr\/\u003eSi vous avez la peau sensible qui réagit rapidement aux produits chimiques ou aux irritants, le tonique Anua Heartleaf est la solution parfaite pour vous. Grâce à l'extrait de plante cœur, connu pour ses propriétés apaisantes et anti-inflammatoires, ce tonique aide à réduire les rougeurs et les irritations causées par des facteurs externes tels que la pollution et la lumière du soleil. Son utilisation régulière apaise la peau et vous laisse une sensation de confort et de fraîcheur tout au long de la journée..\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eConcentration maximale de la plante idéale pour apaiser la peau irritée\u003c\/strong\u003e\u003cbr\/\u003eL'extrait de cœur (Houttuynia Cordata) est l'ingrédient principal de ce tonique avec une concentration de 77 %. Cette plante est l'une des plus efficaces pour apaiser la peau irritée grâce à ses propriétés antibactériennes et anti-inflammatoires. Elle réduit efficacement le gonflement et les rougeurs causés par les problèmes cutanés quotidiens tels que l'acné et les irritations causées par des produits agressifs. Profitez au maximum de cet ingrédient naturel dans vos soins de la peau avec le Tonique Anua..\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eC'est comme de la nourriture saine pour votre peau\u003c\/strong\u003e\u003cbr\/\u003eTout comme votre corps a besoin d'une nutrition saine pour rester équilibré et actif, votre peau a besoin d'éléments naturels pour rester douce et en bonne santé. Avec une formule enrichie en extrait de cœur et en acide hyaluronique, le tonique Anua fournit toute l'hydratation et l'apaisement dont votre peau a besoin, la laissant radieuse et éclatante toute la journée. C'est comme de la nourriture qui nourrit votre peau de l'intérieur, travaille à renouveler ses cellules et à la protéger des facteurs environnementaux nocifs..\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eExtrait de heartleaf (Houttuynia Cordata)):\u003c\/strong\u003e\u003cbr\/\u003eL'extrait de heartleaf est l'un des ingrédients naturels actifs utilisés dans le tonique apaisant Anua Heartleaf 77 %. Cette plante, également connue sous le nom de hutuya, possède des propriétés incroyables qui la rendent idéale pour les peaux fatiguées et irritées. Voici pourquoi l'extrait de heartleaf est l'ingrédient principal de ce tonique:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eApaiser la peau irritée:\u003c\/strong\u003e Heartplant est connu pour sa capacité supérieure à apaiser les peaux fatiguées et irritées. Il contient des composés anti-inflammatoires qui réduisent les rougeurs et les irritations causées par les facteurs environnementaux ou l'utilisation de produits agressifs.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003ePropriétés antibactériennes:\u003c\/strong\u003e L'extrait de Heartplant aide à réduire la croissance des bactéries qui causent les infections cutanées et l'acné. Par conséquent, il est idéal pour les peaux sujettes à ces problèmes..\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eFavoriser la santé globale de la peau:\u003c\/strong\u003e La plante contient des composants antioxydants qui combattent les radicaux libres et réduisent les effets du vieillissement prématuré. Elle contribue également au rajeunissement de la peau et améliore son élasticité.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eHydrater la peau:\u003c\/strong\u003e La plante du cœur est une source naturelle qui améliore le niveau d'hydratation de la peau, la rendant douce et hydratée en permanence.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eRésultats prouvés:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e97 % des utilisateurs\u003c\/strong\u003e Ils ont confirmé réduire les rougeurs dès la première semaine d'utilisation.\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e92 % ont constaté une amélioration significative du niveau d'hydratation de leur peau.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e90% ont remarqué une peau plus lisse et plus saine.\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eComment utiliser:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003eAprès avoir nettoyé votre visage, mettez une quantité appropriée de tonique sur un coton ou sur vos mains.\u003c\/li\u003e\n\u003cli\u003eEssuyez doucement ou tapotez votre peau pour permettre au tonique de s'absorber.\u003c\/li\u003e\n\u003cli\u003ePoursuivez avec votre routine de soins habituelle.\u003c\/li\u003e\n\u003c\/ol\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":46999389143214,"sku":null,"price":28.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/anua_heartleaf_77_hyaluron_toner.jpg?v=1759854643"},{"product_id":"cosrx-advanced-snail-92-cream","title":"COSRX Advanced Snail 92 Creme Tout-en-Un - Crème de Réparation Ultra-Hydratante avec 92% de Sécrétion d'Escargot","description":"\u003cdiv class=\"cx-ultimate-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Core Variables (COSRX Identity: Deep Black, Charcoal \u0026 Signature Yellow\/Gold) === *\/\n        .cx-ultimate-wrapper {\n            --cx-bg-dark: #080808; \n            --cx-bg-darker: #040404;\n            --cx-card-glass: rgba(255, 255, 255, 0.03);\n            --cx-card-hover: rgba(244, 192, 34, 0.05);\n            --cx-primary: #f4c022; \/* COSRX Signature Yellow *\/\n            --cx-primary-glow: rgba(244, 192, 34, 0.25);\n            --cx-gradient-accent: linear-gradient(135deg, #f4c022 0%, #d49a11 100%);\n            --cx-gradient-bg: linear-gradient(135deg, #1c1505 0%, #080808 100%);\n            --cx-text-light: #f5f5f5;\n            --cx-text-muted: #a3a3a3;\n            --cx-border: rgba(255, 255, 255, 0.06);\n            --cx-border-highlight: rgba(244, 192, 34, 0.3);\n            \n            font-family:inherit; \/* Inherits your Shopify theme font *\/\n            line-height: 1.8;\n            overflow: hidden;\n            position: relative;\n            background-color: var(--cx-bg-dark);\n            color: var(--cx-text-light);\n            border-radius: 24px;\n            box-shadow: 0 0 60px rgba(0,0,0,0.9) inset;\n        }\n\n        .cx-ultimate-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .cx-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 0 25px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Mobile-Perfect Media Wrappers === *\/\n        .cx-media-wrapper {\n            position: relative;\n            width: 100%;\n            margin: 0 auto 40px;\n            display: block;\n            border-radius: 20px;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.6);\n            border: 1px solid var(--cx-border);\n            overflow: hidden;\n        }\n\n        .cx-media-wrapper.size-lg { max-width: 850px; }\n        .cx-media-wrapper.size-md { max-width: 600px; }\n\n        .cx-product-media {\n            width: 100%;\n            height: auto;\n            display: block;\n            object-fit: cover;\n            transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n        }\n\n        .cx-media-wrapper:hover .cx-product-media {\n            transform: scale(1.03);\n        }\n\n        \/* === Typography === *\/\n        .cx-title-main {\n            font-size: clamp(28px, 5vw, 48px);\n            font-weight: 900;\n            line-height: 1.3;\n            margin-bottom: 25px;\n            letter-spacing: -0.02em;\n            text-align: center;\n        }\n\n        .cx-title-section {\n            font-size: clamp(24px, 4vw, 36px);\n            font-weight: 800;\n            text-align: center;\n            margin-bottom: 20px;\n            color: #ffffff;\n            position: relative;\n        }\n\n        .cx-subtitle {\n            font-size: clamp(16px, 2.5vw, 18px);\n            color: var(--cx-text-muted);\n            text-align: center;\n            max-width: 800px;\n            margin: 0 auto 40px;\n            font-weight: 500;\n        }\n\n        .cx-text-accent {\n            background: var(--cx-gradient-accent);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n        }\n\n        .cx-highlight-box {\n            background: rgba(244, 192, 34, 0.08);\n            border: 1px solid var(--cx-border-highlight);\n            padding: 20px;\n            border-radius: 12px;\n            display: inline-block;\n            margin-bottom: 30px;\n        }\n\n        .cx-highlight-box p {\n            color: var(--cx-primary);\n            font-weight: 700;\n            font-size: 1.15rem;\n            margin: 0;\n        }\n\n        \/* === Alternating Sections === *\/\n        .cx-section { padding: 80px 0; position: relative; }\n        \n        .cx-theme-dark { background-color: var(--cx-bg-dark); }\n        .cx-theme-darker { background-color: var(--cx-bg-darker); border-top: 1px solid var(--cx-border); border-bottom: 1px solid var(--cx-border); }\n        .cx-theme-gradient { background: var(--cx-gradient-bg); }\n\n        \/* Ambient Glows *\/\n        .cx-ambient {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0;\n        }\n        .cx-glow {\n            position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.4;\n            background: rgba(244, 192, 34, 0.12);\n        }\n        .cx-glow-1 { width: 500px; height: 500px; top: -100px; right: -150px; }\n        .cx-glow-2 { width: 600px; height: 600px; bottom: 10%; left: -200px; }\n\n        \/* === Grids \u0026 Glass Cards === *\/\n        .cx-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\n        .cx-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; }\n\n        .cx-card {\n            background: var(--cx-card-glass);\n            backdrop-filter: blur(10px);\n            border: 1px solid var(--cx-border);\n            border-radius: 20px;\n            padding: 35px 25px;\n            position: relative;\n            transition: all 0.4s ease;\n        }\n\n        .cx-card:hover {\n            transform: translateY(-8px);\n            background: var(--cx-card-hover);\n            border-color: var(--cx-border-highlight);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.5), 0 0 20px var(--cx-primary-glow);\n        }\n\n        .cx-icon-badge {\n            width: 50px; height: 50px;\n            background: rgba(255,255,255,0.05);\n            border: 1px solid var(--cx-border);\n            border-radius: 12px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px;\n            color: var(--cx-primary);\n            font-size: 20px; font-weight: 900;\n            transition: 0.4s ease;\n            font-family:system-ui,sans-serif;\n        }\n\n        .cx-card:hover .cx-icon-badge {\n            background: var(--cx-gradient-accent);\n            color: #000;\n            transform: scale(1.1) rotate(5deg);\n            border-color: transparent;\n        }\n\n        .cx-card h3 { font-size: 1.25rem; font-weight: 800; margin-bottom: 12px; color: #fff; }\n        .cx-card p { font-size: 1rem; color: var(--cx-text-muted); margin: 0; }\n\n        \/* === Timeline \/ Steps === *\/\n        .cx-timeline { position: relative; max-width: 800px; margin: 40px auto 0; }\n        .cx-timeline::before {\n            content: ''; position: absolute; top: 0; right: 50%; width: 2px; height: 100%;\n            background: linear-gradient(to bottom, transparent, var(--cx-primary), transparent);\n            transform: translateX(50%);\n        }\n        \n        .cx-timeline-item { display: flex; justify-content: flex-end; padding-left: 50%; position: relative; margin-bottom: 30px; }\n        .cx-timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 0; padding-left: 50%; }\n        \n        .cx-timeline-content {\n            width: 90%; background: var(--cx-card-glass); border: 1px solid var(--cx-border);\n            padding: 30px; border-radius: 16px; transition: 0.3s;\n        }\n        \n        .cx-timeline-content:hover {\n            border-color: var(--cx-primary); transform: translateY(-5px); background: var(--cx-card-hover);\n        }\n\n        .cx-timeline-badge {\n            position: absolute; top: 30px; right: -7%; width: 16px; height: 16px;\n            background: var(--cx-bg-darker); border: 3px solid var(--cx-primary); border-radius: 50%; z-index: 2;\n        }\n        .cx-timeline-item:nth-child(even) .cx-timeline-badge { right: auto; left: -7%; }\n        \n        .cx-time-label {\n            color: #000; font-weight: 800; margin-bottom: 15px; font-size: 1rem;\n            display: inline-block; background: var(--cx-gradient-accent); padding: 4px 15px; border-radius: 20px;\n        }\n\n        \/* === Clean Lists === *\/\n        .cx-list { list-style: none; padding: 0; margin-top: 20px; }\n        .cx-list li {\n            position: relative; padding-left: 30px; margin-bottom: 15px; color: var(--cx-text-light); font-size: 1.05rem;\n        }\n        .cx-list li::before {\n            content: '✓'; position: absolute; right: 0; top: 0; color: var(--cx-primary); font-weight: 900; font-size: 1.2rem;\n        }\n\n        \/* === CTA Button === *\/\n        .cx-btn {\n            display: inline-block;\n            background: var(--cx-gradient-accent);\n            color: #000;\n            padding: 18px 45px;\n            border-radius: 40px;\n            font-size: 1.25rem;\n            font-weight: 900;\n            text-decoration: none;\n            border: none;\n            cursor: pointer;\n            transition: 0.4s ease;\n            box-shadow: 0 10px 30px var(--cx-primary-glow);\n            margin-top: 20px;\n        }\n        .cx-btn:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 40px rgba(244, 192, 34, 0.4);\n        }\n\n        \/* === Animations === *\/\n        .cx-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .cx-reveal.cx-active { opacity: 1; transform: translateY(0); }\n        .delay-1 { transition-delay: 0.1s; }\n        .delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .cx-section { padding: 50px 0; }\n            .cx-timeline::before { right: 20px; transform: none; }\n            .cx-timeline-item, .cx-timeline-item:nth-child(even) { padding-left: 0; padding-left: 50px; justify-content: flex-start; }\n            .cx-timeline-content { width: 100%; }\n            .cx-timeline-badge { right: 12px; top: 30px; }\n            .cx-timeline-item:nth-child(even) .cx-timeline-badge { left: auto; right: 12px; }\n            .cx-media-wrapper { border-radius: 12px; }\n            .cx-title-main { font-size: 2rem; }\n        }\n    \u003c\/style\u003e\n\u003c!-- 1. HERO SECTION (Dark Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-dark\" style=\"padding-top: 50px;\"\u003e\n\u003cdiv class=\"cx-ambient\"\u003e\n\u003cdiv class=\"cx-glow cx-glow-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-container\" style=\"text-align: center;\"\u003e\n\u003ch1 class=\"cx-title-main cx-reveal\"\u003eCrème à l'escargot 92 de COSRX\u003cbr\/\u003e\u003cspan class=\"cx-text-accent\"\u003eLe miracle biologique de la restauration de la peau\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cdiv class=\"cx-highlight-box cx-reveal delay-1\"\u003e\n\u003cp\u003eLa solution ultime pour obtenir une peau de verre!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cx-subtitle cx-reveal delay-1\"\u003e\n                Si on vous disait que le secret d'une peau claire et sans défaut réside dans une substance naturelle et innovante... auriez-vous le courage de l'essayer ? Des millions de personnes dans le monde ont surmonté cette hésitation, et le résultat a été une peau sans boutons et une barrière solide qui ne peut être pénétrée par la sécheresse.\n            \u003c\/p\u003e\n\u003cdiv class=\"cx-media-wrapper size-lg cx-reveal delay-2\"\u003e\n\u003cimg alt=\"COSRX Snail 92 Cream\" class=\"cx-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_crawling_on_cream_jar_202608292001.jpg?v=1788023026\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. THE BIO-SECRET (Gradient Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-gradient\"\u003e\n\u003cdiv class=\"cx-container\"\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eSecret Biologique : Pourquoi le « gel d’escargot » est-il considéré comme un miracle?\u003c\/h2\u003e\n\u003cp class=\"cx-subtitle cx-reveal\"\u003eCe n'est pas juste un hydratant traditionnel qui contient un petit pourcentage d'ingrédients actifs ; c'est plutôt une bombe de restauration qui contient 92 % d'extrait de gel pur.\u003c\/p\u003e\n\u003cdiv class=\"cx-grid-2\"\u003e\n\u003cdiv class=\"cx-reveal\"\u003e\n\u003cp style=\"font-size: 1.1rem; color: var(--cx-text-light); margin-bottom: 20px;\"\u003e\n                        Imaginez une créature rampant sur des rochers et des épines toute sa vie sans se déchirer la peau... Comment cela se fait-il?\n                    \u003c\/p\u003e\n\u003cp style=\"font-size: 1.05rem; color: var(--cx-text-muted); margin-bottom: 20px;\"\u003e\n                        Les scientifiques ont découvert que l'escargot sécrète un gel qui agit comme un « bouclier thérapeutique instantané ». Ce gel est naturellement riche en acide hyaluronique, enzymes et antimicrobiens qui guérissent les plaies et régénèrent les cellules en quelques secondes.\n                    \u003c\/p\u003e\n\u003cul class=\"cx-list\"\u003e\n\u003cli\u003eIl restaure très rapidement les cellules endommagées.\u003c\/li\u003e\n\u003cli\u003eEfface les effets des boutons et réduit la profondeur des cicatrices superficielles.\u003c\/li\u003e\n\u003cli\u003eRenforce la barrière cutanée plus efficacement que de nombreux matériaux synthétiques.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-media-wrapper size-md cx-reveal delay-1\" style=\"margin-bottom: 0;\"\u003e\n\u003cimg alt=\"Snail Mucin Benefits\" class=\"cx-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_near_cream_jar_202608292003.jpg?v=1788023065\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. WHY VIRAL (Darker Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-darker\"\u003e\n\u003cdiv class=\"cx-container\" style=\"text-align: center;\"\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003ePourquoi cette texture est-elle devenue la principale obsession des amateurs de beauté?\u003c\/h2\u003e\n\u003cdiv class=\"cx-media-wrapper size-md cx-reveal delay-1\" style=\"margin: 40px auto;\"\u003e\n\u003cimg alt=\"Unique Snail Cream Texture\" class=\"cx-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_in_cream_jar_202608292003.jpg?v=1788023086\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"cx-subtitle cx-reveal delay-2\" style=\"color: var(--cx-text-light); max-width: 900px; font-size: 1.15rem;\"\u003e\n                Hydratants Skin Activé Pores Céréales . Mais is used \u003cstrong\u003e\"Restauration cellulaire aqueuse\"\u003c\/strong\u003e. La texture étrangement élastique est exactement ce qui la rend magique ; elle se dissout en quelques secondes, s'absorbe dans la peau comme une éponge et ne laisse aucun résidu gras ou obstrué derrière.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. INGREDIENTS GRID (Dark Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-dark\"\u003e\n\u003cdiv class=\"cx-ambient\"\u003e\n\u003cdiv class=\"cx-glow cx-glow-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-container\"\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eCarte de fraîcheur : Comment les ingrédients changent votre peau?\u003c\/h2\u003e\n\u003cp class=\"cx-subtitle cx-reveal\"\u003eUne formule concentrée et soigneusement étudiée qui cible tous les problèmes de peau.\u003c\/p\u003e\n\u003cdiv class=\"cx-grid-2 cx-reveal\"\u003e\n\u003cdiv class=\"cx-card\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e01\u003c\/div\u003e\n\u003ch3\u003eGel d'escargot (92%))\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003ePlastique impeccable\u003c\/h4\u003e\n\u003cp\u003eIngrédient vedette. Responsable d'accélérer la régénération cellulaire, d'effacer les effets des boutons rouges et noirs, et de réduire la profondeur des cicatrices pour laisser la surface de la peau complètement lisse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card delay-1\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e02\u003c\/div\u003e\n\u003ch3\u003eAcide hyaluronique\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eRepulpant pour ridules\u003c\/h4\u003e\n\u003cp\u003eUn aimant d'hydratation qui pénètre profondément dans la peau, verrouillant l'eau dans les cellules, donnant à votre peau le rebondi qui cache efficacement les ridules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e03\u003c\/div\u003e\n\u003ch3\u003ePanthénol et allantoïne\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eBouclier de protection et apaisant\u003c\/h4\u003e\n\u003cp\u003eImmédiatement Activé Redness ,,, Skin .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card delay-1\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e04\u003c\/div\u003e\n\u003ch3\u003eAdénosine\u003c\/h3\u003e\n\u003ch4 style=\"color: var(--cx-primary); font-size: 1rem; margin-bottom: 10px;\"\u003eArme anti-âge\u003c\/h4\u003e\n\u003cp\u003eIl fournit à la peau de l'énergie cellulaire qui aide à améliorer l'élasticité de la peau et à lutter contre les signes du vieillissement pour un aspect plus jeune.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. TIMELINE \u0026 VALUE (Gradient Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-gradient\"\u003e\n\u003cdiv class=\"cx-container\"\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eCalendrier de transformation\u003c\/h2\u003e\n\u003cdiv class=\"cx-timeline cx-reveal\" style=\"margin-bottom: 80px;\"\u003e\n\u003cdiv class=\"cx-timeline-item\"\u003e\n\u003cdiv class=\"cx-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cx-timeline-content\"\u003e\n\u003cdiv class=\"cx-time-label\"\u003eDès la première semaine\u003c\/div\u003e\n\u003cp style=\"color: var(--cx-text-light); font-size: 1.05rem; margin: 0;\"\u003e\n                            Hydratation aqueuse profonde instantanée, disparition de la sécheresse et des squames, apaisement visible des rougeurs, et apparition d'un éclat de « peau de verre » après absorption.\n                        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-timeline-item\"\u003e\n\u003cdiv class=\"cx-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cx-timeline-content\"\u003e\n\u003cdiv class=\"cx-time-label\"\u003eAprès un mois d'utilisation\u003c\/div\u003e\n\u003cp style=\"color: var(--cx-text-light); font-size: 1.05rem; margin: 0;\"\u003e\n                            Une barrière cutanée forte qui n'est pas affectée par les facteurs externes, une atténuation visible des boutons et des taches, une texture délicieusement douce et le comblement des ridules.\n                        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eUn véritable investissement... valeur pour le prix\u003c\/h2\u003e\n\u003cdiv class=\"cx-grid-2 cx-reveal\"\u003e\n\u003cdiv class=\"cx-card\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e✓\u003c\/div\u003e\n\u003ch3\u003eTaille géante (100 grammes))\u003c\/h3\u003e\n\u003cp\u003eIl est proposé dans un emballage très grand par rapport aux crèmes hydratantes pour le visage traditionnelles, qui ne sont souvent disponibles qu'en format de 50 grammes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card delay-1\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e✓\u003c\/div\u003e\n\u003ch3\u003eUne petite goutte suffit\u003c\/h3\u003e\n\u003cp\u003eGrâce à sa texture collante et élastique, un point de la taille d'un pois suffit pour le visage et le cou. L'emballage durera des mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e✓\u003c\/div\u003e\n\u003ch3\u003ePolyvalent\u003c\/h3\u003e\n\u003cp\u003eUn produit tout-en-un qui élimine le besoin d'utiliser un sérum hydratant et une autre crème de réparation de la barrière. Une seule étape suffit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card delay-1\" style=\"background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1);\"\u003e\n\u003cdiv class=\"cx-icon-badge\"\u003e✓\u003c\/div\u003e\n\u003ch3\u003eUniversel et original\u003c\/h3\u003e\n\u003cp\u003eUn produit le plus vendu dans le monde, il vous offre de vrais résultats à un prix compétitif incomparables avec ses nombreux avantages.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. USAGE \u0026 CTA (Darker Theme) --\u003e\n\u003cdiv class=\"cx-section cx-theme-darker\" style=\"text-align: center;\"\u003e\n\u003cdiv class=\"cx-container\"\u003e\n\u003ch2 class=\"cx-title-section cx-reveal\"\u003eComment utiliser correctement\u003c\/h2\u003e\n\u003cdiv class=\"cx-media-wrapper size-md cx-reveal delay-1\"\u003e\n\u003cimg alt=\"How to use COSRX Snail Cream\" class=\"cx-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hand_picking_cream_from_jar_202608292006.jpg?v=1788023217\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-grid-3 cx-reveal delay-2\" style=\"margin-bottom: 60px;\"\u003e\n\u003cdiv class=\"cx-card\" style=\"background: transparent; border: none; box-shadow: none;\"\u003e\n\u003cdiv class=\"cx-icon-badge\" style=\"margin: 0 auto 20px;\"\u003e01\u003c\/div\u003e\n\u003ch3 style=\"color: var(--cx-primary);\"\u003ePréparation\u003c\/h3\u003e\n\u003cp\u003eUtilisez-le Activé Peau .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card\" style=\"background: transparent; border: none; box-shadow: none;\"\u003e\n\u003cdiv class=\"cx-icon-badge\" style=\"margin: 0 auto 20px;\"\u003e02\u003c\/div\u003e\n\u003ch3 style=\"color: var(--cx-primary);\"\u003eQuantité\u003c\/h3\u003e\n\u003cp\u003eQuantity .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cx-card\" style=\"background: transparent; border: none; box-shadow: none;\"\u003e\n\u003cdiv class=\"cx-icon-badge\" style=\"margin: 0 auto 20px;\"\u003e03\u003c\/div\u003e\n\u003ch3 style=\"color: var(--cx-primary);\"\u003eRepulpant\u003c\/h3\u003e\n\u003cp\u003eNe frottez pas vigoureusement, étalez en tapotant jusqu'à ce que cela se dissolve et soit complètement absorbé en 30 secondes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"cx-card cx-reveal\" style=\"background: linear-gradient(135deg, rgba(20,20,20,0.9), rgba(5,5,5,1)); border-color: rgba(244, 192, 34, 0.3); padding: 50px 30px;\"\u003e\n\u003ch2 class=\"cx-title-main\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eLa tendance mondiale qui se vend constamment dans les marchés\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; max-width: 750px; margin: 0 auto 30px; color: var(--cx-text-light);\"\u003e\n                    Ne laissez pas votre peau souffrir de sécheresse ou de boutons alors que le miracle biologique coréen est à portée de main. Cette crème réalise d'énormes ventes dans le monde entier et se vend très rapidement. \u003cstrong\u003eCommandez maintenant et réveillez-vous demain avec une peau hydratée, claire et éclatante!\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"cx-media-wrapper size-sm\" style=\"margin-bottom: 30px;\"\u003e\n\u003cimg alt=\"Get COSRX Snail Cream Now\" class=\"cx-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_near_cream_jar_202608292001.jpg?v=1788023239\"\/\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"cx-btn\"\u003eObtenez une peau en verre maintenant\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- INGREDIENTS LIST --\u003e\n\u003cdiv class=\"cx-reveal\" style=\"margin-top: 60px; text-align: left; direction: ltr; padding: 25px; background: rgba(0,0,0,0.5); border: 1px solid var(--cx-border); border-radius: 16px;\"\u003e\n\u003ch4 style=\"color: var(--cx-primary); margin-bottom: 10px; font-size: 1.1rem; text-align: left; direction: ltr;\"\u003eListe complète des ingrédients\u003c\/h4\u003e\n\u003cp style=\"color: #888; font-size: 0.9rem; line-height: 1.6;\"\u003e\n                    Snail Secretion Filtrate, Betaine, Caprylic\/Capric Triglyceride, Cetearyl Olivate, Sorbitan Olivate, Sodium Hyaluronate, Cetearyl Alcohol, Stearic acid, Arginine, Dimethicone, Carbomer, Panthenol, Allantoin, Sodium Polyacrylate, Xanthan Gum, Ethyl Hexanediol, Adenosine, Phenoxyethanol.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            \/\/ Intersection Observer for scroll animations\n            const reveals = document.querySelectorAll('.cx-reveal');\n            const observer = new IntersectionObserver((entries, obs) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('cx-active');\n                        obs.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(el =\u003e observer.observe(el));\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999389438126,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Untitleddesign-2024-12-29T140801.300_16ba6210-2605-4e72-90f8-1d3298226aa6.jpg?v=1788175399"},{"product_id":"cosrx-retinol-serum","title":"Cosrx Sérum Rétinol 0,5% + Squalène | Anti-rides | Améliorer l'élasticité de la peau","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n    \/* Base styles *\/\n    .product-description {\n        max-width: 900px;\n        margin: 0 auto;\n        color: #333;\n        line-height: 1.6;\n        padding: 20px;\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Typography *\/\n    .product-description h2, \n    .product-description h3, \n    .product-description h4 {\n        color: #9C8102;\n        margin-top: 1.5em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n    }\n\n    .product-description h2 {\n        font-size: 2.2rem;\n        text-align: center;\n    }\n\n    .product-description h3 {\n        font-size: 1.8rem;\n        position: relative;\n    }\n    \n    .product-description h3::after {\n        content: '';\n        display: block;\n        width: 60px;\n        height: 3px;\n        background-color: #9C8102;\n        margin-top: 10px;\n    }\n\n    .product-description h4 {\n        font-size: 1.4rem;\n    }\n\n    .product-description p {\n        font-size: 1.1rem;\n        margin-bottom: 1.2em;\n    }\n\n    .product-description ul {\n        list-style: none;\n        padding: 0;\n        margin: 1.5em 0;\n    }\n\n    .product-description li {\n        margin-bottom: 1.5em;\n        background: rgba(156, 129, 2, 0.03);\n        padding: 20px;\n        border-radius: 10px;\n        border-right: 4px solid #9C8102;\n    }\n\n    \/* Hero section *\/\n    .hero-container {\n        position: relative;\n        margin: 2em 0;\n        text-align: center;\n    }\n\n    .hero-image {\n        max-width: 100%;\n        height: auto;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        border-radius: 15px;\n        transition: transform 0.5s ease;\n    }\n\n    .hero-image:hover {\n        transform: scale(1.02);\n    }\n\n    \/* Feature cards *\/\n    .feature-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n        margin: 2em 0;\n    }\n\n    .feature-card {\n        padding: 25px;\n        background: #fff;\n        border-radius: 10px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .feature-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: #9C8102;\n        margin-bottom: 15px;\n    }\n\n    \/* Results section *\/\n    .results-container {\n        background: linear-gradient(to right, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1), rgba(156, 129, 2, 0.05));\n        padding: 30px;\n        border-radius: 15px;\n        margin: 2em 0;\n        position: relative;\n        overflow: hidden;\n        text-align: center;\n    }\n\n    .percentage-bar {\n        width: 100%;\n        height: 10px;\n        background-color: rgba(255, 255, 255, 0.7);\n        border-radius: 5px;\n        overflow: hidden;\n        margin: 20px 0;\n    }\n\n    .percentage-fill {\n        height: 100%;\n        width: 0;\n        background-color: #9C8102;\n        transition: width 1.5s ease-in-out;\n    }\n\n    \/* Usage timeline *\/\n    .timeline {\n        position: relative;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 40px 0;\n    }\n\n    .timeline::after {\n        content: '';\n        position: absolute;\n        width: 6px;\n        background-color: rgba(156, 129, 2, 0.2);\n        top: 0;\n        bottom: 0;\n        right: 50%;\n        margin-left: -3px;\n    }\n\n    .timeline-item {\n        padding: 10px 50px;\n        position: relative;\n        width: 50%;\n    }\n\n    .timeline-item::after {\n        content: '';\n        position: absolute;\n        width: 25px;\n        height: 25px;\n        background-color: white;\n        border: 4px solid #9C8102;\n        border-radius: 50%;\n        top: 15px;\n        transition: transform 0.5s ease, background-color 0.5s ease;\n    }\n\n    .timeline-item:hover::after {\n        transform: scale(1.2);\n        background-color: #9C8102;\n    }\n\n    .right {\n        right: 0;\n    }\n\n    .left::after {\n        right: -12px;\n    }\n\n    .right::after {\n        left: -12px;\n    }\n\n    \/* CTA section *\/\n    .cta-container {\n        background: linear-gradient(135deg, #9C8102, #c7aa30);\n        color: white;\n        padding: 40px;\n        border-radius: 15px;\n        text-align: center;\n        margin: 2em 0;\n    }\n\n    .cta-container h3 {\n        color: white;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 12px 35px;\n        background-color: white;\n        color: #9C8102;\n        font-weight: bold;\n        border-radius: 30px;\n        text-decoration: none;\n        margin-top: 20px;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    }\n\n    .cta-button:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n    }\n\n    \/* Separator *\/\n    .separator {\n        height: 2px;\n        background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.5), transparent);\n        margin: 2em 0;\n        width: 100%;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .feature-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .timeline::after {\n            right: 30px;\n        }\n        \n        .timeline-item {\n            width: 100%;\n            padding-left: 70px;\n            padding-left: 25px;\n        }\n        \n        .right {\n            right: auto;\n        }\n        \n        .right::after {\n            left: auto;\n            right: 18px;\n        }\n        \n        .left::after {\n            right: 18px;\n        }\n    }\n\n    \/* Animation classes - Added for animated elements when JS loads *\/\n    .animate-on-scroll {\n        transition: transform 0.8s ease, opacity 0.8s ease;\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003ch2\u003eRétinol... le soldat inconnu dans la lutte contre les signes du vieillissement\u003c\/h2\u003e\n\u003cp\u003eVous êtes-vous déjà regardé dans le miroir et avez-vous senti que le temps commençait à laisser sa marque sur votre peau ? Les fines lignes apparaissent lentement, les pores semblent plus grands, la texture de la peau ne semble plus aussi lisse qu'avant?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNe laissez pas le temps vous contrôler\u003c\/strong\u003e\u003cbr\/\u003eVieillir n'est pas une excuse pour accepter ces changements, mais plutôt un défi que vous pouvez surmonter.\u003c\/p\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cimg alt=\"Sérum de rétinol COSRX\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_0.5_in_squalene_serum.png?v=1745156607\"\/\u003e\n\u003c\/div\u003e\n\u003ch3\u003eLa solution ? Sérum Rétinol 0,5 % de COSRX\u003c\/h3\u003e\n\u003cp\u003eLe meilleur produit au rétinol au monde, soigneusement conçu pour cibler même les préoccupations cutanées les plus subtiles, des rides profondes et des ridules à la texture de peau rugueuse et à la perte d'élasticité.\u003c\/p\u003e\n\u003c!-- Features Section --\u003e\n\u003ch3\u003ePourquoi cette formule est-elle l'une des meilleures formules de rétinol?\u003c\/h3\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e★\u003c\/div\u003e\n\u003ch4\u003eConcentration exceptionnelle de rétinol pur\u003c\/h4\u003e\n\u003cp\u003eCe produit contient \u003cstrong\u003eConcentration de 0,5 % de rétinol pur\u003c\/strong\u003eC'est l'une des concentrations les plus élevées disponibles sur le marché. Le rétinol est notoirement difficile à formuler à de telles concentrations, nécessitant des techniques précises pour maintenir sa stabilité et garantir son efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✿\u003c\/div\u003e\n\u003ch4\u003eFormule douce qui ne provoque pas d'irritation de la peau\u003c\/h4\u003e\n\u003cp\u003eContrairement aux formules traditionnelles de rétinol qui peuvent provoquer des irritations et des rougeurs de la peau, ce produit contient un mélange unique d'ingrédients apaisants, le rendant doux même pour les peaux sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e💧\u003c\/div\u003e\n\u003ch4\u003eTexture légère et absorption rapide\u003c\/h4\u003e\n\u003cp\u003eAvec une texture légère et soyeuse d'huile, elle s'absorbe facilement dans la peau sans laisser de résidu gras, ce qui la rend idéale comme étape essentielle de votre routine nocturne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eHydratation profonde avec squalène végétal\u003c\/h4\u003e\n\u003cp\u003eLe produit contient \u003cstrong\u003eSqualène extrait des plantes\u003c\/strong\u003e, qui agit comme un puissant hydratant qui prévient la sécheresse résultant de l'utilisation de rétinol, gardant la peau hydratée et douce toute la nuit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eTocotriénol (super vitamine E)\u003c\/h4\u003e\n\u003cp\u003eRéduit considérablement les dommages causés par les radicaux libres et améliore l'apparence générale de la peau, améliorant l'efficacité du Rétinol et assurant des résultats complets.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Section --\u003e\n\u003cdiv class=\"results-container\"\u003e\n\u003cimg alt=\"Résultats de l'utilisation du sérum au rétinol\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_retinol_serum_05_6.webp?v=1736009520\" style=\"max-width: 100%; height: auto; margin-bottom: 20px; border-radius: 10px;\"\/\u003e\n\u003ch3\u003eRésultats cliniques impressionnants!\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e18,4 % d'amélioration des rides du nez et des lèvres en seulement 4 semaines\u003c\/strong\u003e .\u003c\/p\u003e\n\u003cdiv class=\"percentage-bar\"\u003e\n\u003cdiv class=\"percentage-fill\" data-percent=\"18.4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"COSRX Rétinol\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Hikoco_COSRX_TheRetinol0.5Oil_02.webp?v=1736010179\" style=\"display: block; margin: 30px auto;\"\/\u003e\n\u003c!-- Usage Timeline --\u003e\n\u003ch3\u003eUtilisation progressive, effet exceptionnel\u003c\/h3\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item left\"\u003e\n\u003ch4\u003eSemaines 1-2\u003c\/h4\u003e\n\u003cp\u003eCommencez lentement pour permettre à votre peau de s'adapter. Utilisez le produit une fois par semaine au début, puis deux fois par semaine à partir de la deuxième semaine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item right\"\u003e\n\u003ch4\u003eSemaine 3-4\u003c\/h4\u003e\n\u003cp\u003eAugmentez la fréquence à 3 fois par semaine. Vous remarquerez une amélioration de la texture de la peau et une réduction des premières ridules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item left\"\u003e\n\u003ch4\u003eSemaine 5-8\u003c\/h4\u003e\n\u003cp\u003eUtilisez le produit quotidiennement ou selon la tolérance de votre peau. Vous remarquerez une amélioration claire de l'élasticité et de la fraîcheur de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item right\"\u003e\n\u003ch4\u003eÀ partir de la semaine 8\u003c\/h4\u003e\n\u003cp\u003eProfitez d'une peau renouvelée et fraîche, sans rides ni signes de vieillissement!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-container\"\u003e\n\u003ch3\u003eHuile de rétinol COSRX 0,5 %\u003c\/h3\u003e\n\u003cp\u003ePas seulement un autre produit de soin de la peau, c'est une innovation scientifique avancée qui vous donne des résultats visibles sans compromettre le confort de votre peau.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCommencez maintenant et luttez contre les signes du temps!\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\u003cscript\u003e\n    \/\/ Animate percentage bar\n    (function() {\n        \/\/ Add animation to percentage bar without hiding content\n        setTimeout(function() {\n            var percentageFills = document.querySelectorAll('.percentage-fill');\n            percentageFills.forEach(function(fill) {\n                var percent = fill.getAttribute('data-percent');\n                fill.style.width = percent + '%';\n            });\n        }, 500);\n        \n        \/\/ Optional: Enable scroll animations only if preferred\n        var enableScrollAnimations = false;\n        \n        if (enableScrollAnimations) {\n            \/\/ Add animation classes to elements\n            var elementsToAnimate = document.querySelectorAll('.product-description h2, .product-description h3, .product-description h4, .product-description p, .feature-card, .results-container, .timeline-item, .cta-container');\n            \n            elementsToAnimate.forEach(function(el) {\n                el.classList.add('animate-on-scroll');\n            });\n            \n            \/\/ Intersection Observer for scroll animations\n            var observer = new IntersectionObserver(function(entries) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.style.opacity = 1;\n                        entry.target.style.transform = 'translateY(0)';\n                    }\n                });\n            }, { threshold: 0.1 });\n            \n            elementsToAnimate.forEach(function(el) {\n                el.style.opacity = 0;\n                el.style.transform = 'translateY(20px)';\n                observer.observe(el);\n            });\n        }\n    })();\n\u003c\/script\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999389962414,"sku":null,"price":23.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx-the-retinol-0-5-oil-20ml_1.webp?v=1788175397"},{"product_id":"cosrx-6-peptide","title":"COSRX Sérum Booster de Peptides 6 pour la Peau - Réinitialisation Totale de la Peau et Renouvellement de la Barrière Multi-Peptides","description":"\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Fade-in animation for elements as they come into view\n            const animatedElements = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in');\n            \n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        setTimeout(() =\u003e {\n                            entry.target.classList.add('visible');\n                        }, 100);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            });\n            \n            animatedElements.forEach(el =\u003e {\n                observer.observe(el);\n            });\n            \n            \/\/ Count-up animation for percentage numbers\n            const countUpElements = document.querySelectorAll('.count-up');\n            \n            const countObserver = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        const element = entry.target;\n                        const finalValue = parseFloat(element.getAttribute('data-value'));\n                        \n                        let startTime;\n                        const duration = 2000; \/\/ 2 seconds\n                        \n                        function animate(currentTime) {\n                            if (!startTime) startTime = currentTime;\n                            \n                            const elapsedTime = currentTime - startTime;\n                            const progress = Math.min(elapsedTime \/ duration, 1);\n                            \n                            const currentValue = progress * finalValue;\n                            element.textContent = currentValue.toFixed(1) + '%';\n                            \n                            if (progress \u003c 1) {\n                                requestAnimationFrame(animate);\n                            }\n                        }\n                        \n                        requestAnimationFrame(animate);\n                        countObserver.unobserve(element);\n                    }\n                });\n            }, {\n                threshold: 0.5\n            });\n            \n            countUpElements.forEach(el =\u003e {\n                countObserver.observe(el);\n            });\n        });\n    \u003c\/script\u003e\u003cdiv class=\"cosrx-peptide-section\"\u003e\n\u003cstyle\u003e\n        .cosrx-peptide-section * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .cosrx-peptide-section {\n            max-width: 1200px;\n            margin: 40px auto;\n            padding: 20px;\n            direction: ltr;\n            font-family:inherit;\n            color: #333;\n        }\n        \n        .peptide-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n        \n        .peptide-title {\n            font-size: 1.8rem;\n            color: #9C8102;\n            margin-bottom: 20px;\n            font-weight: 700;\n        }\n        \n        .peptide-subtitle {\n            font-size: 1.1rem;\n            line-height: 1.6;\n            color: #555;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        \n        .peptide-content {\n            margin-bottom: 60px;\n        }\n        \n        .peptide-section-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: #9C8102;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n        \n        .peptide-text {\n            font-size: 1rem;\n            line-height: 1.7;\n            color: #444;\n            margin-bottom: 20px;\n        }\n        \n        .peptide-image {\n            width: 100%;\n            border-radius: 10px;\n            margin: 30px 0;\n            display: block;\n        }\n        \n        .peptide-benefits {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px;\n            margin: 40px 0;\n        }\n        \n        .benefit-card {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 20px;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n        }\n        \n        .benefit-card:hover {\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n        }\n        \n        .benefit-title {\n            font-weight: 700;\n            margin-bottom: 10px;\n            color: #9C8102;\n            font-size: 1.1rem;\n        }\n        \n        .peptide-list {\n            list-style-type: disc;\n            padding-left: 20px;\n            margin: 20px 0;\n        }\n        \n        .peptide-list li {\n            margin-bottom: 15px;\n            line-height: 1.6;\n        }\n        \n        .result-cards {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px;\n            margin: 30px 0;\n        }\n        \n        .result-card {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 20px;\n            text-align: center;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n        }\n        \n        .result-percentage {\n            font-size: 2rem;\n            font-weight: 700;\n            color: #c3a300;\n            margin-bottom: 10px;\n        }\n        \n        .result-text {\n            font-size: 0.95rem;\n            color: #555;\n        }\n        \n        .how-to-use {\n            background-color: #f2f2f2;\n            border-radius: 10px;\n            padding: 25px;\n            margin-top: 40px;\n        }\n        \n        .how-to-use h3 {\n            margin-bottom: 15px;\n            font-weight: 700;\n            font-size: 1.2rem;\n            color: #c3a300;\n        }\n        \n        .how-to-use ol {\n            padding-left: 25px;\n        }\n        \n        .how-to-use li {\n            margin-bottom: 10px;\n            line-height: 1.5;\n        }\n        \n        \/* Animation classes *\/\n        .fade-in {\n            opacity: 0;\n            transform: translateY(20px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .slide-in-right {\n            opacity: 0;\n            transform: translateX(50px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .slide-in-right.visible {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        \n        .slide-in-left {\n            opacity: 0;\n            transform: translateX(-50px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .slide-in-left.visible {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        \n        .scale-in {\n            opacity: 0;\n            transform: scale(0.9);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .scale-in.visible {\n            opacity: 1;\n            transform: scale(1);\n        }\n        \n        .count-up {\n            display: inline-block;\n        }\n        \n        \/* Shine effect for cards *\/\n        .benefit-card, .result-card {\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .benefit-card::after, .result-card::after {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: linear-gradient(\n                to right,\n                rgba(255, 255, 255, 0) 0%,\n                rgba(255, 255, 255, 0.3) 50%,\n                rgba(255, 255, 255, 0) 100%\n            );\n            transform: rotate(30deg);\n            transition: transform 0.7s ease;\n            opacity: 0;\n        }\n        \n        .benefit-card:hover::after, .result-card:hover::after {\n            opacity: 1;\n            transform: rotate(30deg) translate(100%, -100%);\n        }\n        \n        @media (max-width: 768px) {\n            .peptide-benefits,\n            .result-cards {\n                grid-template-columns: 1fr;\n            }\n            \n            .peptide-title {\n                font-size: 1.5rem;\n            }\n            \n            .peptide-section-title {\n                font-size: 1.3rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"peptide-header fade-in\"\u003e\n\u003ch2 class=\"peptide-title\"\u003eSérum booster pour la peau COSRX 6 Peptides\u003c\/h2\u003e\n\u003cp class=\"peptide-subtitle\"\u003eUn produit avancé contenant 6 peptides puissants pour rajeunir et améliorer de manière complète l'apparence de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peptide-content\"\u003e\n\u003ch3 class=\"peptide-section-title fade-in\"\u003ePourquoi les peptides sont-ils le mot d'ordre?\u003c\/h3\u003e\n\u003cp class=\"peptide-text fade-in\"\u003eLes peptides sont des chaînes d'acides aminés qui sont essentiels à la réparation et à la régénération de la peau. Cependant, la force des peptides réside dans leur polyvalence.\u003cbr\/\u003eC'est pourquoi l'équipe \u003cspan class=\"highlight\"\u003eCOSRX\u003c\/span\u003e En créant une formule incroyable qui contient \u003cspan class=\"highlight\"\u003e6 types de peptides\u003c\/span\u003eConçu pour cibler tous les problèmes que vous pourriez avoir:\u003c\/p\u003e\n\u003cul class=\"peptide-list fade-in\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRestaurer l'élasticité de la peau:\u003c\/strong\u003e Adieu au relâchement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéduire les rides profondes et les ridules:\u003c\/strong\u003e Faites paraître votre visage des années plus jeune.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéduire les pores et obtenir une peau lisse:\u003c\/strong\u003e Parce que les petits détails font la différence.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDouble hydratation sans sensation de lourdeur:\u003c\/strong\u003e Votre peau respirera à nouveau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cimg alt=\"COSRX 6 Peptide\" class=\"peptide-image scale-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_3.webp?v=1745069792\"\/\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eUn seul produit vous évitera le besoin de routines compliquées et coûteuses\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eAvec \u003cspan class=\"highlight\"\u003eSérum booster pour la peau COSRX 6 Peptides\u003c\/span\u003eVous n'avez plus besoin d'une collection de plusieurs produits qui vous pèsent et vous coûtent beaucoup d'argent. Ce produit avancé contient 6 peptides efficaces qui traitent divers problèmes de peau en une seule étape.\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eGrâce à la formule de sérum intégrée, vous pouvez vous passer de tonique, de sérum et d'autres produits, ce qui permet de gagner du temps et de l'argent. La beauté et les soins de la peau ne nécessitent plus une routine compliquée. Le sérum COSRX 6 Peptide est tout ce dont vous avez besoin pour une peau saine et rajeunie..\u003c\/p\u003e\n\u003cimg alt=\"COSRX 6 Peptide Benefits\" class=\"peptide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.webp?v=1745069812\"\/\u003e\n\u003ch3 class=\"peptide-section-title\"\u003e6 peptides travaillent en harmonie pour restaurer la jeunesse de votre peau\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eImaginez votre peau recevant le meilleur traitement possible grâce à un mélange complet de 6 peptides puissants qui travaillent ensemble pour rajeunir et améliorer l'apparence de votre peau. De l'amélioration de l'élasticité de la peau et la réduction des rides au tonus et au renouvellement cellulaire, ces peptides stimulent la peau pour qu'elle se répare naturellement.\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eChacun des 6 peptides agit pour traiter un problème spécifique : réduire les ridules, améliorer la texture de la peau, combattre la pigmentation et rajeunir la peau. Le résultat ? Une peau plus ferme, plus lisse et éclatante, avec des progrès visibles dans le rajeunissement de la peau..\u003c\/p\u003e\n\u003cdiv class=\"peptide-benefits\"\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eCombattre les signes du vieillissement\u003c\/h4\u003e\n\u003cp\u003eLes peptides stimulent la production de collagène et d'élastine, ce qui aide à réduire les rides et à restaurer la jeunesse de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eHydratation profonde de la peau\u003c\/h4\u003e\n\u003cp\u003eLes peptides agissent avec l'acide hyaluronique pour fournir une hydratation intense à la peau, la rendant plus lisse et plus élastique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-left\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eUnifier le teint\u003c\/h4\u003e\n\u003cp\u003eGrâce à la niacinamide et aux peptides, le sérum agit pour éclaircir la pigmentation et unifier le teint.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card slide-in-right\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eRenforcer la barrière protectrice de la peau\u003c\/h4\u003e\n\u003cp\u003eLe sérum aide à renforcer la barrière protectrice de la peau, la protégeant des facteurs environnementaux nocifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"COSRX 6 Peptide Ingredients\" class=\"peptide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_the_6_peptide_original_6_1.jpg?v=1745069857\"\/\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eFormule avancée qui combine des peptides avec les ingrédients de soin de la peau les plus puissants\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003e\u003cstrong\u003eNiacinamide, acide hyaluronique et adénosine\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"peptide-text\"\u003eLes peptides seuls sont connus pour leur capacité supérieure à rajeunir la peau et à stimuler la production de collagène. \u003cstrong\u003eMais lorsqu'il est combiné avec des ingrédients tels que la niacinamide, l'acide hyaluronique et l'adénosine, un effet incroyable se produit qui ne peut être obtenu avec aucun autre produit.\u003c\/strong\u003e\u003cbr\/\u003eLa niacinamide aide à unifier le teint et à réduire les pores, tandis que l'acide hyaluronique fournit une hydratation en profondeur, et l'adénosine réduit les rides. Ensemble, cette formule supérieure vous offre non seulement une peau plus ferme, plus lisse et plus éclatante, mais elle améliore également la capacité de la peau à résister aux effets du temps.\u003c\/p\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eTexture légère... résultats puissants\u003c\/h3\u003e\n\u003cdiv class=\"result-cards\"\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"37.9\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eAugmentation de l'éclat de la peau\u003c\/strong\u003e: La peau devient plus lumineuse et plus pure, tandis que son éclat naturel est restauré.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"162.5\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eAugmentation de l'hydratation\u003c\/strong\u003e: Obtention d'une hydratation profonde pour la peau, ce qui améliore sa douceur et son élasticité.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"24.58\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eAugmentation de la fraîcheur\u003c\/strong\u003e: La peau semble plus éclatante et jeune, comme si elle avait retrouvé son énergie naturelle.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card fade-in\"\u003e\n\u003cdiv class=\"result-percentage count-up\" data-value=\"76.42\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"result-text\"\u003e\n\u003cstrong\u003eAugmentation de l'acide hyaluronique\u003c\/strong\u003e: Augmenter la proportion d’acide hyaluronique signifie une hydratation plus profonde de la peau, ce qui aide à maintenir sa santé et son élasticité.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"peptide-section-title\"\u003eNe laissez pas le temps peser sur votre peau\u003c\/h3\u003e\n\u003cp class=\"peptide-text\"\u003eAvec \u003cspan class=\"highlight\"\u003eSérum booster pour la peau COSRX 6 Peptides\u003c\/span\u003eLe temps n'aura plus aucun effet négatif sur votre peau. Ce produit est la solution parfaite pour lutter contre les signes de l'âge, grâce à ses formules avancées contenant 6 peptides puissants qui agissent pour renouveler les cellules, réduire les rides et améliorer l'élasticité de la peau. Profitez d'une peau plus jeune et éclatante, et préparez-vous à défier le temps avec confiance..\u003c\/p\u003e\n\u003cdiv class=\"how-to-use\"\u003e\n\u003ch3\u003eComment utiliser\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003eAprès avoir nettoyé votre peau, appliquez 2-3 pressions de sérum \u003cstrong\u003eCOSRX 6 Peptide Skin Booster\u003c\/strong\u003e Sur votre visage.\u003c\/li\u003e\n\u003cli\u003eMassez doucement le produit avec vos doigts jusqu'à ce qu'il soit complètement absorbé.\u003c\/li\u003e\n\u003cli\u003eEnsuite, utilisez votre hydratant préféré pour une hydratation supplémentaire.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp style=\"margin-top: 15px;\"\u003eVous pouvez également combiner le sérum avec d'autres produits de \u003cstrong\u003eCOSRX\u003c\/strong\u003e Tels que la niacinamide ou le sérum à la vitamine C pour obtenir les meilleurs résultats.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999390257326,"sku":null,"price":27.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_6_peptide_skin_booster_6_6cf0efba-8a2d-426c-aa25-ba3429b1a187.jpg?v=1788175395"},{"product_id":"some-by-mi-cica-peptide-anti-hair-loss-tonic","title":"Some By Mi Cica Peptide Tonic Anti-Chute de Cheveux pour le Cuir Chevelu - 11 Peptides - 150ml","description":"\u003cdiv class=\"sbm-lab-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* ==========================================================================\n           SOME BY MI - BOTANICAL LAB HIGH CONTRAST \u0026 DENSE GRID SYSTEM\n           ========================================================================== *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900\u0026family=Tajawal:wght@400;500;700;800;900\u0026display=swap');\n\n        .sbm-lab-wrapper {\n            --sbm-black: #020704; \n            --sbm-dark-glass: rgba(6, 22, 13, 0.88); \n            --sbm-dark-glass-hover: rgba(12, 38, 22, 0.95);\n            --sbm-neon-mint: #00f260; \n            --sbm-neon-gold: #ffd700; \n            --sbm-neon-cyan: #05d5e6; \n            --sbm-white: #ffffff; \n            \n            --sbm-glow-mint: rgba(0, 242, 96, 0.45);\n            --sbm-glow-gold: rgba(255, 215, 0, 0.45);\n\n            --sbm-border: rgba(0, 242, 96, 0.28);\n            --sbm-border-hover: rgba(0, 242, 96, 0.85);\n\n            background-color: var(--sbm-black);\n            color: var(--sbm-white);\n            font-family:Tajawal',Cairo',system-ui,-apple-system,sans-serif;\n            line-height: 1.8;\n           \n            width: 100%;\n            max-width: 100%;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 24px;\n            box-shadow: inset 0 0 100px rgba(0, 242, 96, 0.08);\n            box-sizing: border-box;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .sbm-lab-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        \n        .neon-mint {\n            color: var(--sbm-neon-mint) !important;\n            text-shadow: 0 0 10px var(--sbm-glow-mint), 0 0 20px var(--sbm-glow-mint);\n            font-weight: 900;\n        }\n\n        .neon-gold {\n            color: var(--sbm-neon-gold) !important;\n            text-shadow: 0 0 10px var(--sbm-glow-gold), 0 0 20px var(--sbm-glow-gold);\n            font-weight: 900;\n        }\n\n        .pure-white {\n            color: #ffffff !important;\n            font-weight: 600;\n        }\n\n        \n        .sbm-lab-wrapper img {\n            width: 100%;\n            max-width: 100% !important;\n            height: auto !important;\n            border-radius: 20px;\n            display: block;\n            margin-left: auto !important;\n            margin-left: auto !important;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n            border: 1px solid rgba(0, 242, 96, 0.25);\n            box-sizing: border-box;\n            object-fit: contain;\n        }\n\n        \n        .sbm-img-md {\n            max-width: 650px !important;\n            width: 100%;\n            margin-left: auto !important;\n            margin-left: auto !important;\n            display: block;\n            text-align: center;\n        }\n\n        .sbm-container {\n            max-width: 920px;\n            width: 100%;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n            box-sizing: border-box;\n        }\n\n        \n        .sbm-ambient-bg {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 0; pointer-events: none; overflow: hidden;\n        }\n\n        .sbm-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--sbm-glow-mint) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            animation: floatUpTonic 16s infinite ease-in-out;\n            filter: blur(6px);\n        }\n\n        @keyframes floatUpTonic {\n            0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n            20% { opacity: 0.7; }\n            80% { opacity: 0.4; }\n            100% { transform: translateY(-1600px) scale(1.5) translateX(30px); opacity: 0; }\n        }\n\n        \n        .sbm-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(28px, 5.2vw, 44px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.4;\n            color: #ffffff;\n            text-shadow: 0 0 30px rgba(0, 242, 96, 0.45);\n            word-wrap: break-word;\n        }\n\n        .sbm-section-heading {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4vw, 32px);\n            font-weight: 900;\n            color: #ffffff;\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.4;\n            word-wrap: break-word;\n        }\n\n        .sbm-section-heading::after {\n            content: '';\n            display: block;\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--sbm-neon-mint), var(--sbm-neon-gold), transparent);\n            border-radius: 10px;\n            margin: 14px auto 0;\n            box-shadow: 0 0 15px var(--sbm-glow-mint);\n        }\n\n        .sbm-badge {\n            display: inline-block;\n            background: rgba(0, 242, 96, 0.15);\n            border: 1.5px solid var(--sbm-neon-mint);\n            color: #ffffff;\n            padding: 9px 28px;\n            border-radius: 40px;\n            font-size: 1.05rem;\n            font-weight: 900;\n            margin-bottom: 25px;\n            box-shadow: 0 0 25px var(--sbm-glow-mint);\n            letter-spacing: 0.5px;\n        }\n\n        .sbm-sub-text {\n            font-size: 1.25rem;\n            color: #ffffff;\n            max-width: 820px;\n            margin: 0 auto 35px;\n            font-weight: 600;\n            line-height: 1.85;\n            border-right: 4px solid var(--sbm-neon-mint);\n            padding-left: 20px;\n            background: linear-gradient(90deg, transparent, rgba(0, 242, 96, 0.08));\n            border-radius: 12px 0 0 12px;\n            text-align: left;\n        }\n\n        .sbm-art-divider {\n            width: 100%;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, var(--sbm-neon-mint), var(--sbm-neon-gold), var(--sbm-neon-mint), transparent);\n            margin: 35px 0;\n            position: relative;\n            box-shadow: 0 0 15px var(--sbm-glow-mint);\n        }\n\n        \n        .sbm-benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 22px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .sbm-bento-card {\n            background: linear-gradient(145deg, rgba(8, 28, 16, 0.92), rgba(3, 12, 7, 0.98));\n            border: 1px solid var(--sbm-border);\n            border-radius: 18px;\n            padding: 28px 22px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n            overflow: hidden;\n            text-align: left;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            min-width: 0;\n            word-break: break-word;\n        }\n\n        .sbm-bento-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--sbm-neon-mint);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--sbm-glow-mint);\n            background: var(--sbm-dark-glass-hover);\n        }\n\n        .sbm-bento-card.gold-border {\n            border-color: rgba(255, 215, 0, 0.35);\n        }\n\n        .sbm-bento-card.gold-border:hover {\n            border-color: var(--sbm-neon-gold);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--sbm-glow-gold);\n        }\n\n        .sbm-icon-box {\n            width: 56px; height: 56px;\n            background: rgba(4, 15, 9, 0.9);\n            border: 1.5px solid rgba(0, 242, 96, 0.4);\n            border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 18px;\n            color: var(--sbm-neon-mint);\n            transition: transform 0.3s ease, background 0.3s ease;\n            box-shadow: 0 0 15px rgba(0, 242, 96, 0.2);\n            flex-shrink: 0;\n        }\n\n        .gold-border .sbm-icon-box {\n            border-color: var(--sbm-neon-gold);\n            color: var(--sbm-neon-gold);\n            box-shadow: 0 0 15px rgba(255, 215, 0, 0.2);\n        }\n\n        .sbm-bento-card:hover .sbm-icon-box {\n            transform: scale(1.1) rotate(-5deg);\n            background: var(--sbm-neon-mint);\n            color: #020704;\n            border-color: transparent;\n            box-shadow: 0 0 25px var(--sbm-neon-mint);\n        }\n\n        .gold-border:hover .sbm-icon-box {\n            background: var(--sbm-neon-gold);\n            color: #020704;\n            box-shadow: 0 0 25px var(--sbm-neon-gold);\n        }\n\n        .sbm-bento-card h3 {\n            font-size: 1.3rem;\n            color: #ffffff;\n            margin-bottom: 10px;\n            font-weight: 800;\n            line-height: 1.4;\n        }\n\n        .sbm-bento-card p {\n            color: #ffffff;\n            font-size: 1.05rem;\n            line-height: 1.75;\n            font-weight: 500;\n        }\n\n        \n        .sbm-ingredients-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 22px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .sbm-ingredients-grid ul {\n            list-style: none;\n            padding: 0;\n            margin-top: 10px;\n        }\n\n        .sbm-ingredients-grid li {\n            position: relative;\n            padding-left: 22px;\n            margin-bottom: 8px;\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.6;\n        }\n\n        .sbm-ingredients-grid li::before {\n            content: '✓';\n            position: absolute;\n            right: 0; top: 0;\n            color: var(--sbm-neon-mint);\n            font-weight: 900;\n        }\n\n        .gold-border.sbm-bento-card li::before {\n            color: var(--sbm-neon-gold);\n        }\n\n        \n        .sbm-research-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n            gap: 18px;\n            margin-top: 20px;\n            width: 100%;\n        }\n\n        .sbm-research-item {\n            background: rgba(255, 255, 255, 0.04);\n            border: 1px solid var(--sbm-border);\n            border-right: 4px solid var(--sbm-neon-mint);\n            border-radius: 16px;\n            padding: 22px 18px;\n            transition: all 0.3s ease;\n        }\n\n        .sbm-research-item:hover {\n            transform: translateY(-4px);\n            border-color: var(--sbm-neon-mint);\n            background: rgba(0, 242, 96, 0.08);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.6);\n        }\n\n        .sbm-research-item.gold-edge {\n            border-right-color: var(--sbm-neon-gold);\n        }\n\n        .sbm-research-item.gold-edge:hover {\n            border-color: var(--sbm-neon-gold);\n            background: rgba(255, 215, 0, 0.08);\n        }\n\n        \n        .sbm-timeline-grid {\n            display: grid;\n            grid-template-columns: repeat(4, minmax(0, 1fr));\n            gap: 18px;\n            margin: 45px 0 30px;\n            width: 100%;\n        }\n\n        .sbm-time-node {\n            background: var(--sbm-dark-glass);\n            border: 1.5px solid var(--sbm-border);\n            border-radius: 20px;\n            padding: 32px 18px 24px;\n            text-align: center;\n            position: relative;\n            transition: all 0.3s ease;\n        }\n\n        .sbm-time-node:hover {\n            transform: translateY(-6px);\n            border-color: var(--sbm-neon-mint);\n            background: var(--sbm-dark-glass-hover);\n            box-shadow: 0 15px 35px rgba(0,0,0,0.8);\n        }\n\n        .sbm-time-node.gold-edge:hover {\n            border-color: var(--sbm-neon-gold);\n        }\n\n        .sbm-time-badge {\n            position: absolute;\n            top: -18px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: var(--sbm-neon-mint);\n            color: #020704 !important;\n            font-weight: 900;\n            padding: 5px 22px;\n            border-radius: 25px;\n            box-shadow: 0 0 18px var(--sbm-glow-mint);\n            font-size: 0.95rem;\n            white-space: nowrap;\n        }\n\n        .sbm-time-badge.gold-badge {\n            background: var(--sbm-neon-gold);\n            box-shadow: 0 0 18px var(--sbm-glow-gold);\n        }\n\n        .sbm-time-node h4 {\n            font-size: 1.25rem;\n            margin-top: 10px;\n            margin-bottom: 8px;\n            font-weight: 900;\n        }\n\n        .sbm-time-node p {\n            color: #ffffff;\n            font-size: 0.95rem;\n            line-height: 1.6;\n            font-weight: 500;\n        }\n\n        \n        .sbm-value-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 22px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        \n        .sbm-steps-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n            gap: 16px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .sbm-step-card {\n            background: rgba(6, 22, 13, 0.8);\n            border: 1.5px dashed var(--sbm-border);\n            padding: 22px 14px;\n            border-radius: 16px;\n            text-align: center;\n            transition: all 0.3s ease;\n            min-width: 0;\n        }\n\n        .sbm-step-card:hover {\n            border-color: var(--sbm-neon-mint);\n            transform: translateY(-5px);\n            background: var(--sbm-dark-glass-hover);\n        }\n\n        .sbm-step-num {\n            width: 44px; height: 44px;\n            background: linear-gradient(135deg, #0a301a, #020e06);\n            border: 2px solid var(--sbm-neon-mint);\n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.3rem; font-weight: 900;\n            color: var(--sbm-neon-mint);\n            margin: 0 auto 12px;\n            box-shadow: 0 0 15px var(--sbm-glow-mint);\n        }\n\n        .sbm-step-card h4 {\n            color: var(--sbm-neon-mint);\n            font-size: 1.15rem;\n            font-weight: 800;\n            margin-bottom: 6px;\n        }\n\n        .sbm-step-card p {\n            color: #ffffff;\n            font-size: 0.95rem;\n            line-height: 1.6;\n            font-weight: 500;\n        }\n\n        \n        .sbm-glass-box {\n            background: var(--sbm-dark-glass);\n            backdrop-filter: blur(16px);\n            -webkit-backdrop-filter: blur(16px);\n            border: 1px solid var(--sbm-border);\n            border-radius: 20px;\n            padding: 35px 25px;\n            margin: 35px auto;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);\n            position: relative;\n            overflow: hidden;\n            max-width: 880px;\n            width: 100%;\n        }\n\n        .sbm-glass-box::before {\n            content: '';\n            position: absolute;\n            top: 0; right: 0; width: 4px; height: 100%;\n            background: linear-gradient(180deg, var(--sbm-neon-mint), var(--sbm-neon-gold), transparent);\n        }\n\n        .sbm-glass-box p, \n        .sbm-glass-box li {\n            color: #ffffff;\n            font-size: 1.12rem;\n            font-weight: 600;\n            line-height: 1.85;\n        }\n\n        \n        .sbm-reveal {\n            opacity: 0;\n            transform: translateY(35px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .sbm-reveal.sbm-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .sbm-delay-1 { transition-delay: 0.12s; }\n        .sbm-delay-2 { transition-delay: 0.24s; }\n\n        \n        @media (max-width: 768px) {\n            .sbm-lab-wrapper { padding: 25px 0; }\n            .sbm-container { padding: 0 14px !important; }\n            .sbm-glass-box { padding: 22px 14px !important; }\n            .sbm-img-md { max-width: 100% !important; }\n\n            \n            .sbm-benefits-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n                margin: 20px 0 !important;\n                width: 100% !important;\n            }\n\n            .sbm-benefits-grid .sbm-bento-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-benefits-grid .sbm-icon-box {\n                width: 38px !important;\n                height: 38px !important;\n                margin-bottom: 10px !important;\n                border-radius: 10px !important;\n            }\n\n            .sbm-benefits-grid .sbm-icon-box svg {\n                width: 20px !important;\n                height: 20px !important;\n            }\n\n            .sbm-benefits-grid .sbm-bento-card h3 {\n                font-size: 0.92rem !important;\n                margin-bottom: 6px !important;\n                line-height: 1.3 !important;\n            }\n\n            .sbm-benefits-grid .sbm-bento-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.5 !important;\n            }\n\n            \n            .sbm-ingredients-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .sbm-ingredients-grid .sbm-bento-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-ingredients-grid h3 {\n                font-size: 0.92rem !important;\n                margin-bottom: 6px !important;\n            }\n\n            .sbm-ingredients-grid p {\n                font-size: 0.8rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .sbm-ingredients-grid li {\n                font-size: 0.75rem !important;\n                padding-left: 18px !important;\n            }\n\n            \n            .sbm-steps-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .sbm-step-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-step-num {\n                width: 38px !important;\n                height: 38px !important;\n                font-size: 1.1rem !important;\n                margin-bottom: 8px !important;\n            }\n\n            .sbm-step-card h4 {\n                font-size: 0.95rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .sbm-step-card p {\n                font-size: 0.8rem !important;\n                line-height: 1.45 !important;\n            }\n\n            \n            .sbm-timeline-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 22px 10px !important;\n                margin: 35px 0 25px !important;\n            }\n\n            .sbm-time-node {\n                padding: 22px 8px 14px !important;\n                border-radius: 14px !important;\n            }\n\n            .sbm-time-badge {\n                font-size: 0.75rem !important;\n                padding: 3px 12px !important;\n                top: -13px !important;\n            }\n\n            .sbm-time-node h4 {\n                font-size: 0.92rem !important;\n                margin-top: 4px !important;\n                margin-bottom: 4px !important;\n            }\n\n            .sbm-time-node p {\n                font-size: 0.78rem !important;\n                line-height: 1.45 !important;\n            }\n\n            \n            .sbm-value-grid { grid-template-columns: 1fr !important; gap: 10px !important; }\n            .sbm-research-grid { grid-template-columns: 1fr !important; gap: 10px !important; }\n\n            .sbm-title-glow { font-size: 24px; }\n            .sbm-section-heading { font-size: 20px; }\n        }\n    \u003c\/style\u003e\n\n\u003cdiv class=\"sbm-ambient-bg\"\u003e\n\u003cdiv class=\"sbm-particle\" style=\"width: 35px; height: 35px; left: 15%; animation-duration: 18s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbm-particle\" style=\"width: 50px; height: 50px; left: 70%; animation-duration: 14s; animation-delay: -5s;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sbm-particle\" style=\"width: 25px; height: 25px; left: 40%; animation-duration: 22s; animation-delay: -8s;\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"sbm-reveal sbm-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n\u003cdiv class=\"sbm-badge\"\u003eLa formule coréenne la plus puissante avec 11 peptides\u003c\/div\u003e\n\u003ch1 class=\"sbm-title-glow\"\u003eTonique Some By Mi Cica Peptide\u003cbr\/\u003e\u003cspan class=\"neon-mint\"\u003ePour un traitement avancé de la perte de cheveux\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sbm-sub-text pure-white\"\u003eUne avancée scientifique coréenne avancée dans le traitement de la perte de cheveux et l'augmentation de la densité utilisant la technologie avancée des peptides et le pouvoir apaisant du cica.\u003c\/p\u003e\n\u003c!-- IMAGE 1: Hero Bottle on Leaf --\u003e\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 35px auto;\"\u003e\n\u003cimg alt=\"Some By Mi Botanical Tonic\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cosmetic_bottle_on_monstera_leaf_202608300221.jpg?v=1788045943\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(0, 242, 96, 0.1); border: 1.5px solid var(--sbm-neon-mint); border-radius: 18px; padding: 25px; text-align: center; max-width: 820px; margin: 0 auto;\"\u003e\n\u003ch2 style=\"font-size: clamp(20px, 3.8vw, 26px); font-weight: 900; color: #ffffff; margin-bottom: 10px;\"\u003eUn traitement complet pour toutes les causes de la perte de cheveux en une seule formule\u003c\/h2\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 1.35rem; font-weight: 900; line-height: 1.8;\"\u003eCe n'est pas seulement un tonique... c'est un système de traitement complet pour tous les problèmes de cheveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. Core Features Grid (2 Columns on Mobile) --\u003e\n\u003cdiv class=\"sbm-reveal\" style=\"margin-top: 25px;\"\u003e\n\u003cdiv class=\"sbm-benefits-grid\"\u003e\n\u003cdiv class=\"sbm-bento-card\"\u003e\n\u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eRéduction de la perte de cheveux jusqu'à 70 %\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eUne formule avancée qui renforce les follicules pileux depuis les racines et prévient la chute excessive des cheveux en quelques semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n\u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eStimulation de la croissance de nouveaux cheveux\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eLes peptides avancés réactivent les follicules dormants et stimulent la repousse des cheveux dans les zones dégarnies.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card\"\u003e\n\u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eInhibition de l'hormone DHT localement\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eIl combat l'hormone DHT, qui est la principale cause de la perte de cheveux héréditaire, et protège les follicules de la détérioration sans affecter le reste du corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n\u003cdiv class=\"sbm-icon-box\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eUn excellent traitement pour les pointes fourchues et les frisottis\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eIl contient des protéines végétales rares qui réparent les cheveux abîmés et restaurent la douceur et la force des racines jusqu'aux pointes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card\" style=\"grid-column: 1 \/ -1;\"\u003e\n\u003cdiv class=\"sbm-icon-box\" style=\"margin-left: auto;\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"neon-mint\"\u003eTraitement avancé contre les pellicules et les pores\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eL'acide salicylique (BHA) nettoie en profondeur le cuir chevelu et élimine les pellicules ainsi que leurs causes depuis les racines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"sbm-reveal\" style=\"margin: 45px 0; text-align: center;\"\u003e\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 25px auto;\"\u003e\n\u003cimg alt=\"Tonic Mist Refreshing Action\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_spraying_mist_202608300224.jpg?v=1788046018\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(6, 26, 15, 0.9); padding: 26px 20px; border-radius: 18px; border: 1.5px solid var(--sbm-neon-mint); text-align: center; box-shadow: 0 10px 30px rgba(0,242,96,0.15); max-width: 820px; margin: 0 auto;\"\u003e\n\u003ch4 class=\"neon-mint\" style=\"font-size: 1.4rem; margin-bottom: 10px; font-weight: 900;\"\u003eFraîcheur instantanée et fraîcheur apaisante\u003c\/h4\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.8;\"\u003eLe menthol naturel donne à vos mains une sensation de fraîcheur dès la première utilisation et apaise immédiatement le cuir chevelu enflammé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 3. The Minoxidil Comparison Section --\u003e\n\u003cdiv class=\"sbm-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003ch2 class=\"sbm-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 25px;\"\u003e\u003cspan class=\"neon-gold\"\u003eRésultats permanents... sans engagement... sans effets secondaires\u003c\/span\u003e\u003c\/h2\u003e\n\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 25px auto;\"\u003e\n\u003cimg alt=\"Precision Tonic Drop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_spray_nozzle_drop_202608300221.jpg?v=1788046016\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-glass-box\" style=\"text-align: center;\"\u003e\n\u003ch3 class=\"neon-mint\" style=\"font-size: 1.6rem; font-weight: 900; margin-bottom: 15px;\"\u003ePuissance de concentration élevée\u003c\/h3\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.2rem; line-height: 1.85; margin-bottom: 20px;\"\u003eContrairement aux produits à base de Minoxidil, ce tonique vous donnera des résultats qui changent la structure des cheveux de l'intérieur.\u003c\/p\u003e\n\u003cdiv style=\"background: rgba(255, 215, 0, 0.1); border-right: 4px solid var(--sbm-neon-gold); padding: 20px; border-radius: 14px; text-align: left;\"\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.15rem; line-height: 1.8;\"\u003eVous construisez une base solide pour vos follicules pileux grâce à des extraits naturels qui ne provoquent pas de perte de cheveux réversible lorsqu'ils sont arrêtés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 4. Peptide Science Section --\u003e\n\u003cdiv class=\"sbm-reveal\" style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003ch2 class=\"sbm-section-heading\"\u003ePeptides : le langage pour parler aux cellules\u003c\/h2\u003e\n\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 0 auto 30px auto;\"\u003e\n\u003cimg alt=\"Tonic Bottle in Jungle\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_bottle_in_jungle_202608300221.jpg?v=1788046018\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-glass-box\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.35rem; margin-bottom: 15px; line-height: 1.6; font-weight: 900; text-align: left;\"\u003eLes peptides ne sont pas seulement un ingrédient... C'est le langage pour parler aux cellules qui leur permet de comprendre comment fonctionner correctement à nouveau\u003c\/h3\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.1rem; margin-bottom: 25px; line-height: 1.85; text-align: left;\"\u003eLes peptides sont de courtes chaînes d'acides aminés - pensez à eux comme des « messages intelligents » qui sont envoyés aux cellules pour leur dire exactement quoi faire. Dans le cas des cheveux, ces peptides envoient ces messages aux follicules pileux.:\u003c\/p\u003e\n\u003c!-- Grid for Peptide Messages --\u003e\n\u003cdiv class=\"sbm-benefits-grid\" style=\"margin: 20px 0;\"\u003e\n\u003cdiv class=\"sbm-bento-card\" style=\"padding: 18px 14px;\"\u003e\n\u003ch3 class=\"neon-mint\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ « Travailler plus dur »”\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\" style=\"padding: 18px 14px;\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ « Produire des cheveux plus forts et plus épais »”\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card\" style=\"padding: 18px 14px;\"\u003e\n\u003ch3 class=\"neon-mint\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ « Recevoir les nutriments efficacement »”\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\" style=\"padding: 18px 14px;\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.15rem; margin-bottom: 0;\"\u003e✓ « Résister à la perte de cheveux et à la faiblesse »”\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"neon-mint\" style=\"font-size: 1.2rem; margin-top: 25px; font-weight: 900; text-align: center; line-height: 1.8;\"\u003eCe produit ne traite pas les symptômes de la perte de cheveux... il reprogramme les cellules elles-mêmes pour fonctionner comme Dieu les a créées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 5. Ingredients Award Grid (2 Columns on Mobile) --\u003e\n\u003cdiv class=\"sbm-reveal\"\u003e\n\u003ch2 class=\"sbm-section-heading\"\u003eFormule primée par des organisations internationales de beauté\u003c\/h2\u003e\n\u003cdiv class=\"sbm-ingredients-grid\"\u003e\n\u003cdiv class=\"sbm-bento-card\"\u003e\n\u003ch3 class=\"neon-mint\"\u003eSika (Centella Asiatica) - 10 PPB\u003c\/h3\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eUn cuir chevelu enflammé est la principale cause de perte de cheveux. La centella est l'une des plantes les plus puissantes pour apaiser l'irritation.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eÉlimine l'inflammation et les démangeaisons en quelques secondes.\u003c\/li\u003e\n\u003cli\u003eStimule la production de collagène dans le cuir chevelu.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n\u003ch3 class=\"neon-gold\"\u003eTechnologie de 11 types de peptides\u003c\/h3\u003e\n\u003cp class=\"neon-mint\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eUn miracle médical moderne qui a la capacité de reprogrammer et de réparer les cellules.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003eCopper Tripeptide:\u003c\/strong\u003e Stimule la croissance.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003ePalmitoyl Tripeptide:\u003c\/strong\u003e Renforce la structure.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong class=\"neon-gold\"\u003eAcetyl Hexapeptide:\u003c\/strong\u003e Fournit un flux sanguin.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card\"\u003e\n\u003ch3 class=\"neon-mint\"\u003eAcide salicylique (BHA)\u003c\/h3\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eLe composé le plus puissant pour exfolier la peau morte et se débarrasser des pellicules.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eÉlimine les cellules mortes de la peau.\u003c\/li\u003e\n\u003cli\u003eNettoie les pores obstrués.\u003c\/li\u003e\n\u003cli\u003eContrôle la sécrétion de graisses.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\"\u003e\n\u003ch3 class=\"neon-gold\"\u003eBiotine + protéines végétales\u003c\/h3\u003e\n\u003cp class=\"neon-mint\" style=\"font-size: 0.95rem; margin-bottom: 10px; font-weight: bold;\"\u003eTous les nutriments dont vos cheveux ont besoin en une seule formule.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eBiotine pour renforcer les cheveux de l'intérieur.\u003c\/li\u003e\n\u003cli\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 6. Research Section Grid --\u003e\n\u003cdiv class=\"sbm-reveal\"\u003e\n\u003ch2 class=\"sbm-section-heading\"\u003eÉtudes scientifiques prouvées sur les ingrédients\u003c\/h2\u003e\n\u003cdiv class=\"sbm-glass-box\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.3rem; margin-bottom: 14px; border-bottom: 1px dashed rgba(255,215,0,0.3); padding-bottom: 8px;\"\u003e■ Peptides - études internationales\u003c\/h3\u003e\n\u003cdiv class=\"sbm-research-grid\" style=\"margin-bottom: 25px;\"\u003e\n\u003cdiv class=\"sbm-research-item\"\u003e\n\u003cstrong class=\"neon-mint\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eÉtude de l'Université Harvard 2023:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003eLes peptides ont augmenté la densité des cheveux de \u003cstrong class=\"neon-mint\"\u003e58 % en 12 semaines\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-research-item\"\u003e\n\u003cstrong class=\"neon-mint\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eRecherche coréenne avancée:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003eLe tripeptide de cuivre stimule la croissance des cheveux en \u003cstrong class=\"neon-mint\"\u003e73% par rapport au groupe témoin\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.3rem; margin-bottom: 14px; border-bottom: 1px dashed rgba(255,215,0,0.3); padding-bottom: 8px;\"\u003e■ Cyca (Centella Asiatica))\u003c\/h3\u003e\n\u003cdiv class=\"sbm-research-item gold-edge\" style=\"margin-bottom: 25px;\"\u003e\n\u003cstrong class=\"neon-gold\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eInstitut de Recherche Coréen:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003eCica a réduit les infections du cuir chevelu d’un certain pourcentage \u003cstrong class=\"neon-gold\"\u003e82% en 4 semaines\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.3rem; margin-bottom: 14px; border-bottom: 1px dashed rgba(255,215,0,0.3); padding-bottom: 8px;\"\u003e■ Acide salicylique (BHA))\u003c\/h3\u003e\n\u003cdiv class=\"sbm-research-item\"\u003e\n\u003cstrong class=\"neon-mint\" style=\"display: block; font-size: 1.15rem; margin-bottom: 6px;\"\u003eÉtude américaine 2023:\u003c\/strong\u003e\n\u003cp class=\"pure-white\"\u003eL'acide salicylique éliminé \u003cstrong class=\"neon-mint\"\u003e95 % des pellicules disparaissent en 6 semaines\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 7. Timeline Grid (2x2 on Mobile, 4 Columns on Desktop) --\u003e\n\u003cdiv class=\"sbm-reveal\"\u003e\n\u003ch2 class=\"sbm-section-heading\"\u003eVoyage de transformation : Que se passera-t-il avec vos cheveux?\u003c\/h2\u003e\n\u003cdiv class=\"sbm-timeline-grid\"\u003e\n\u003cdiv class=\"sbm-time-node\"\u003e\n\u003cdiv class=\"sbm-time-badge\"\u003eImmédiatement\u003c\/div\u003e\n\u003ch4 class=\"neon-mint\"\u003eFraîcheur apaisante\u003c\/h4\u003e\n\u003cp\u003eSensation de fraîcheur et de rafraîchissement instantanée, apaisant les démangeaisons et irritations, et réconfortant le cuir chevelu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-time-node gold-edge\"\u003e\n\u003cdiv class=\"sbm-time-badge gold-badge\"\u003eDeux semaines\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eArrêtez de perdre\u003c\/h4\u003e\n\u003cp\u003eRéduction visible de la chute quotidienne des cheveux, cuir chevelu plus sain et moins irrité, cheveux plus forts et moins cassants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-time-node\"\u003e\n\u003cdiv class=\"sbm-time-badge\"\u003e4 mois\u003c\/div\u003e\n\u003ch4 class=\"neon-mint\"\u003eNouvelle germination\u003c\/h4\u003e\n\u003cp\u003eUn changement radical de la densité et de la force des cheveux, réduisant la chute des cheveux jusqu'à 70 %, et le début de la croissance visible de nouveaux cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-time-node gold-edge\"\u003e\n\u003cdiv class=\"sbm-time-badge gold-badge\"\u003e6 mois\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003eDensité maximale\u003c\/h4\u003e\n\u003cp\u003eUne amélioration significative de la densité, une augmentation de l'épaisseur et du diamètre des cheveux, et un cuir chevelu complètement exempt d'inflammation et de pellicules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 8. Value Proposition Grid --\u003e\n\u003cdiv class=\"sbm-reveal\"\u003e\n\u003ch2 class=\"sbm-section-heading\"\u003eExcellent rapport qualité-prix et facile à utiliser\u003c\/h2\u003e\n\u003cdiv class=\"sbm-value-grid\"\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\" style=\"text-align: center;\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.45rem; margin-bottom: 12px;\"\u003eFlacon de 150 ml = 3-4 mois de traitement\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eTaille plus grande que la plupart des produits concurrents. Une concentration plus élevée donne des résultats plus rapides, et un rapport qualité-prix imbattable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-bento-card gold-border\" style=\"text-align: center;\"\u003e\n\u003ch3 class=\"neon-gold\" style=\"font-size: 1.45rem; margin-bottom: 12px;\"\u003e3 solutions en un seul produit\u003c\/h3\u003e\n\u003cp class=\"pure-white\"\u003eIl traite la chute des cheveux, traite les pellicules et adoucit les pointes. Vous n'avez pas besoin d'acheter 3 produits séparés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Steps Grid (2 Columns on Mobile) --\u003e\n\u003cdiv class=\"sbm-steps-grid\"\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eSecouez le récipient\u003c\/h4\u003e\n\u003cp\u003eAssurez-vous que tous les ingrédients actifs sont mélangés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eVaporiser sur le cuir chevelu\u003c\/h4\u003e\n\u003cp\u003eSe concentrer sur les zones de chute ou d'amincissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eMasser doucement\u003c\/h4\u003e\n\u003cp\u003eAvec vos doigts pendant deux minutes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sbm-step-card\"\u003e\n\u003cdiv class=\"sbm-step-num\"\u003e4\u003c\/div\u003e\n\u003ch4\u003eLaissez-le fonctionner\u003c\/h4\u003e\n\u003cp\u003eNe le lavez pas - laissez-le absorber toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9. Final CTA --\u003e\n\u003cdiv class=\"sbm-reveal\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(6, 26, 15, 0.95) 0%, rgba(2, 8, 4, 0.98) 100%); border-radius: 24px; border: 2px solid var(--sbm-neon-mint); box-shadow: 0 20px 60px rgba(0, 242, 96, 0.25);\"\u003e\n\u003ch2 class=\"sbm-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003eCeci est le dernier traitement dont vous aurez jamais besoin pour la perte de cheveux\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"font-size: 1.25rem; max-width: 800px; margin: 0 auto 30px; line-height: 1.85;\"\u003eMaintenant... la décision est entre vos mains. Vos cheveux attendent que vous preniez la bonne décision... et chaque jour de retard, vous risquez de perdre de nouveaux follicules. Vous pouvez arrêter la perte de cheveux et restaurer la densité capillaire si vous commencez à traiter les follicules tôt en utilisant la puissance des 11 peptides et de la Cica.\u003c\/p\u003e\n\n\u003cdiv class=\"sbm-img-md\" style=\"margin: 30px auto;\"\u003e\n\u003cimg alt=\"Tonic on Moss Nature\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Scalp_tonic_bottle_on_moss_202608300228.jpg?v=1788046133\" style=\"border: 2px solid var(--sbm-neon-mint); box-shadow: 0 20px 60px rgba(0, 242, 96, 0.3);\"\/\u003e\n\u003c\/div\u003e\n\u003cp class=\"neon-gold\" style=\"font-size: clamp(1.5rem, 4vw, 2.1rem); font-weight: 900; text-shadow: 0 0 20px rgba(255,215,0,0.5);\"\u003eCommencez votre parcours de restauration des cheveux dès aujourd'hui.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const reveals = document.querySelectorAll('.sbm-reveal');\n            \n            const observerOptions = {\n                root: null,\n                threshold: 0.08,\n                rootMargin: \"0px 0px -40px 0px\"\n            };\n\n            const scrollObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('sbm-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, observerOptions);\n\n            reveals.forEach(el =\u003e {\n                scrollObserver.observe(el);\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":46999391830190,"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-cica-peptide-anti-hair-loss-derma-scalp-tonic-150ml.jpg?v=1759854586"},{"product_id":"cosrx-galactomyces-95-essence","title":"Extrait de levure Galactomyces 95% de Cosrx","description":"\u003ch2 data-end=\"61\" data-start=\"0\"\u003eVotre peau est-elle terne ? Couleur inhomogène ? Votre éclat disparaît-il jour après jour?\u003c\/h2\u003e\n\u003cp data-end=\"264\" data-start=\"63\"\u003eChaque jour, votre peau est exposée au stress, à la pollution et à la lumière du soleil, elle perd une partie de son éclat naturel. Les taches foncées deviennent plus visibles, la pigmentation apparaît, et votre visage semble fatigué et sans vie. Ignorer le problème signifie qu'il va continuer... et augmenter.\u003c\/p\u003e\n\u003cp data-end=\"338\" data-start=\"266\"\u003eMais que se passerait-il s'il existait une solution qui restaurerait l'équilibre naturel de votre peau et son éclat charmant?\u003c\/p\u003e\n\u003ch2 data-end=\"437\" data-start=\"340\"\u003e Une véritable révolution dans l'éclaircissement de la peau et l'unification du teint!\u003c\/h2\u003e\n\u003cp data-end=\"653\" data-start=\"439\"\u003ePas seulement un autre produit, mais \u003cstrong data-end=\"501\" data-start=\"463\"\u003eUn changement qualitatif dans le monde des soins de la peau\u003c\/strong\u003e! Avec une formule avancée contenant \u003cstrong data-end=\"558\" data-start=\"528\"\u003e95% d'extrait de Galactomyces\u003c\/strong\u003eCette essence donne à votre peau un pouvoir de rajeunissement sans précédent, restaurant l'éclat, l'équilibre et une hydratation profonde.\u003c\/p\u003e\n\u003cp data-end=\"653\" data-start=\"439\"\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"27\" data-start=\"0\"\u003eQu'est-ce que le galactomyces?\u003c\/h2\u003e\n\u003cp data-end=\"694\" data-start=\"655\"\u003e La galactomycète est un extrait naturel obtenu à partir du processus de fermentation de la levure, et elle est considérée comme l'un des secrets de soin de la peau dans le monde coréen. Elle contient une formule riche en vitamines, minéraux et acides aminés qui stimulent la régénération des cellules cutanées et améliorent son élasticité.. \u003c\/p\u003e\n\u003ch2 data-end=\"277\" data-start=\"259\"\u003eQuelle est la raison de l’énorme popularité et de la grande efficacité de cet ingrédient?\u003c\/h2\u003e\n\u003cp data-end=\"694\" data-start=\"655\"\u003e Galactomyces aide à rééquilibrer la peau en stimulant la production de collagène et en réduisant l'apparence des pigmentations et des taches sombres, donnant à votre peau un éclat renouvelé. Il hydrate également profondément la peau, lutte contre les radicaux libres et améliore l'apparence et la texture de la peau, vous offrant un aspect plus jeune et plus lumineux. C'est la clé pour avoir une peau fraîche et lumineuse.!\u003c\/p\u003e\n\u003ch3 data-end=\"694\" data-start=\"655\"\u003e\n\u003cstrong data-end=\"692\" data-start=\"659\"\u003e\u003c\/strong\u003e\u003cbr\/\u003e\n\u003c\/h3\u003e\n\u003ch3 data-end=\"694\" data-start=\"655\"\u003e\u003cstrong data-end=\"692\" data-start=\"659\"\u003eComment cette innovation scientifique fonctionne-t-elle?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp data-end=\"1011\" data-start=\"696\"\u003e🔬 \u003cstrong data-end=\"736\" data-start=\"699\"\u003e95% Galactomyces Ferment Filtrate\u003c\/strong\u003e\u003cbr data-end=\"739\" data-start=\"736\"\/\u003eUn ingrédient étonnant extrait de levures naturelles, qui agit pour:\u003cbr data-end=\"789\" data-start=\"786\"\/\u003e✔ Stimule la régénération des cellules de la peau pour améliorer la texture de la peau et éliminer le teint terne.\u003cbr data-end=\"848\" data-start=\"845\"\/\u003e✔ Réduit l'apparence des taches pigmentaires et des taches foncées pour vous donner une couleur plus éclatante et uniforme.\u003cbr data-end=\"921\" data-start=\"918\"\/\u003e✔ Renforcer la barrière cutanée et la protéger contre les facteurs nocifs, réduire l'effet de la pollution et du stress dessus.\u003c\/p\u003e\n\u003ch3 data-end=\"1166\" data-start=\"1013\"\u003e\u003cbr\/\u003e\u003c\/h3\u003e\n\u003ch3 data-end=\"1166\" data-start=\"1013\"\u003eMais la grande efficacité de ce produit ne se limite pas seulement aux galactomyces!\u003c\/h3\u003e\n\u003cp data-end=\"1166\" data-start=\"1013\"\u003e💦 \u003cstrong data-end=\"1051\" data-start=\"1016\"\u003eAcide hyaluronique + niacinamide\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-end=\"1166\" data-start=\"1013\"\u003eUn duo incroyable qui hydrate profondément la peau, l'éclaircissant progressivement de manière sécurisée sans aucune irritation, la laissant rebondie et fraîche.\u003c\/p\u003e\n\u003cp data-end=\"1281\" data-start=\"1168\"\u003e🛡 \u003cstrong data-end=\"1196\" data-start=\"1171\"\u003ePuissants antioxydants\u003c\/strong\u003e\u003cbr data-end=\"1199\" data-start=\"1196\"\/\u003eIl combat les radicaux libres, garde la peau jeune et lui donne un éclat sain de l'intérieur vers l'extérieur.\u003c\/p\u003e\n\u003cp data-end=\"1281\" data-start=\"1168\"\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"99\" data-start=\"0\"\u003eLa formule peut sembler simple, mais le Galactomyces avec ses concentrations élevées révolutionne le monde des soins de la peau\u003c\/h2\u003e\n\u003cp data-end=\"250\" data-start=\"101\"\u003eGalactomyces, un extrait naturel issu du processus de fermentation de la levure, peut sembler être un ingrédient simple, mais il possède des avantages étonnants pour la peau, surtout lorsqu'il est utilisé en concentrations élevées.\u003c\/p\u003e\n\u003ch3 data-end=\"292\" data-start=\"252\"\u003eL'efficacité des Galactomyces à haute concentration\u003c\/h3\u003e\n\u003cul data-end=\"695\" data-start=\"294\"\u003e\n\u003cli data-end=\"453\" data-start=\"294\"\u003e\n\u003cp data-end=\"453\" data-start=\"296\"\u003e\u003cstrong data-end=\"324\" data-start=\"296\"\u003eÉclaircir et unifier le teint:\u003c\/strong\u003e Lorsque le Galactomyces est utilisé en concentrations élevées, une amélioration notable de l'unification du teint et de la réduction des pigments est observée, donnant à la peau un éclat naturel.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"568\" data-start=\"455\"\u003e\n\u003cp data-end=\"568\" data-start=\"457\"\u003e\u003cstrong data-end=\"472\" data-start=\"457\"\u003eHydratation profonde:\u003c\/strong\u003e Galactomyces améliore l'hydratation de la peau de l'intérieur, aidant à maintenir sa douceur et son élasticité.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 data-end=\"1324\" data-start=\"1283\"\u003e\u003cstrong data-end=\"1322\" data-start=\"1286\"\u003eCombinaison sans précédent sur le marché \u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-end=\"1623\" data-start=\"1326\"\u003e✨ \u003cstrong data-end=\"1408\" data-start=\"1328\"\u003eFormule ultra-puissante avec une concentration de 95 % de Galactomyces – la concentration la plus élevée disponible sur le marché!\u003c\/strong\u003e\u003cbr data-end=\"1411\" data-start=\"1408\"\/\u003e✨ \u003cstrong data-end=\"1467\" data-start=\"1413\"\u003eRésultats visibles dans l'éclaircissement du teint en quelques semaines.\u003c\/strong\u003e\u003cbr data-end=\"1470\" data-start=\"1467\"\/\u003e✨ \u003cstrong data-end=\"1547\" data-start=\"1472\"\u003eFormule légère qui s'absorbe rapidement sans laisser de résidu gras, idéale pour tous les types de peau.\u003c\/strong\u003e\u003cbr data-end=\"1550\" data-start=\"1547\"\/\u003e✨ \u003cstrong data-end=\"1621\" data-start=\"1552\"\u003eSoutient la barrière naturelle de la peau, la rendant adaptée même aux peaux sensibles.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-end=\"1661\" data-start=\"1625\"\u003e \u003c\/p\u003e\n\u003cp data-end=\"1661\" data-start=\"1625\"\u003e\u003cstrong\u003eComment utiliser\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-end=\"1661\" data-start=\"1625\"\u003e Il est recommandé de l'appliquer le matin et le soir après avoir nettoyé la peau. Appliquez une quantité appropriée sur le visage et poursuivez avec votre routine de soins habituelle.\u003cbr\/\u003e\u003c\/p\u003e\n\u003ch2 data-end=\"1661\" data-start=\"1625\"\u003e\u003cstrong data-end=\"1659\" data-start=\"1628\"\u003eVotre peau mérite un éclat qui ne s'estompe pas!\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp data-end=\"1810\" data-start=\"1663\"\u003eNe laissez pas la pigmentation et la peau terne définir votre apparence. Avec \u003cstrong data-end=\"1761\" data-start=\"1713\"\u003eCOSRX Galactomyces 95 Tone Balancing Essence\u003c\/strong\u003eRestaurez la clarté et la pureté de votre peau avec la formule innovante la plus puissante!\u003c\/p\u003e\n\u003cp data-end=\"1859\" data-is-last-node=\"\" data-is-only-node=\"\" data-start=\"1812\"\u003e\u003cstrong data-end=\"1859\" data-is-last-node=\"\" data-start=\"1815\"\u003eCommencez votre voyage vers une peau plus éclatante dès aujourd'hui!\u003c\/strong\u003e\u003c\/p\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999392026798,"sku":null,"price":35.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_galactomyces_essense_95_original_1_1a9022e4-622f-42f3-9503-b24a99ae29ad.jpg?v=1788175385"},{"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-bye-bye-blackhead","title":"Some By Mi Green Tea Tox Bubble Cleanser 120g | Ship Egypt","description":"\u003cdiv class=\"bbbh-premium-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Core Variables (Toxic Green \u0026 Midnight Forest Theme) === *\/\n        .bbbh-premium-wrapper {\n            --bbbh-bg-deep: #030d07; \n            --bbbh-bg-card: rgba(10, 30, 18, 0.6); \n            --bbbh-neon-main: #00e676; \n            --bbbh-neon-light: #69f0ae; \n            --bbbh-tea-dark: #1b5e20;\n            --bbbh-glow: rgba(0, 230, 118, 0.35);\n            --bbbh-text-main: #f0fdf4;\n            --bbbh-text-muted: #a7c0b1;\n            --bbbh-border: rgba(0, 230, 118, 0.25);\n            --bbbh-border-hover: rgba(105, 240, 174, 0.6);\n            --bbbh-alert: #ff5252;\n            \n            background-color: var(--bbbh-bg-deep);\n            color: var(--bbbh-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(0, 230, 118, 0.05) inset;\n        }\n\n        .bbbh-premium-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n        .bbbh-premium-wrapper img {\n            max-width: 100%; height: auto; border-radius: 16px;\n            display: block; margin: 0 auto; box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n        }\n\n        .bbbh-container {\n            max-width: 900px; margin: 0 auto; padding: 0 20px;\n            position: relative; z-index: 2;\n        }\n\n        \/* === Floating Magic Bubbles Background === *\/\n        .bbbh-ambient-particles {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 1; pointer-events: none; overflow: hidden;\n            background: radial-gradient(circle at 15% 50%, rgba(0, 230, 118, 0.05), transparent 40%),\n                        radial-gradient(circle at 85% 30%, rgba(27, 94, 32, 0.1), transparent 40%);\n        }\n\n        .bbbh-particle {\n            position: absolute; border-radius: 50%; bottom: -100px;\n            border: 1px solid rgba(105, 240, 174, 0.3);\n            background: radial-gradient(circle at 30% 30%, rgba(105, 240, 174, 0.2), transparent);\n            box-shadow: inset 0 0 10px rgba(0, 230, 118, 0.2), 0 0 15px var(--bbbh-glow);\n            animation: floatUpBubbles 12s infinite ease-in;\n        }\n\n        @keyframes floatUpBubbles {\n            0% { transform: translateY(0) scale(0.5) translateX(0); opacity: 0; }\n            20% { opacity: 0.8; }\n            80% { opacity: 0.5; }\n            100% { transform: translateY(-1500px) scale(1.5) translateX(30px); opacity: 0; }\n        }\n\n        \/* === Typography === *\/\n        .bbbh-title-glow {\n            display: block; width: 100%; font-size: clamp(26px, 4.5vw, 42px);\n            font-weight: 900; text-align: center; margin-bottom: 20px; line-height: 1.4;\n            background: linear-gradient(135deg, #ffffff 0%, var(--bbbh-neon-light) 60%, var(--bbbh-neon-main) 100%);\n            -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 30px var(--bbbh-glow);\n        }\n\n        .bbbh-section-title {\n            display: block; width: 100%; font-size: clamp(24px, 4vw, 32px);\n            font-weight: 800; color: var(--bbbh-neon-light); text-align: center;\n            margin: 60px auto 30px; position: relative; line-height: 1.5;\n        }\n\n        .bbbh-section-title::after {\n            content: ''; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%);\n            width: clamp(80px, 30%, 150px); height: 3px;\n            background: linear-gradient(90deg, transparent, var(--bbbh-neon-main), transparent);\n            border-radius: 10px; box-shadow: 0 0 10px var(--bbbh-neon-main);\n        }\n\n        \/* === Hero Section === *\/\n        .bbbh-hero { text-align: center; padding: 20px 0 40px; }\n\n        .bbbh-badge {\n            display: inline-block; background: rgba(0, 230, 118, 0.15);\n            border: 1px solid var(--bbbh-neon-main); color: var(--bbbh-neon-light);\n            padding: 8px 25px; border-radius: 30px; font-size: 0.95rem; font-weight: bold;\n            margin-bottom: 25px; box-shadow: 0 0 20px var(--bbbh-glow);\n        }\n        \n        .bbbh-hero-subtitle {\n            font-size: 1.15rem; color: var(--bbbh-text-muted); max-width: 800px;\n            margin: 0 auto 30px; font-weight: 500; line-height: 1.8;\n            border-right: 3px solid var(--bbbh-neon-main); padding-left: 15px;\n            background: linear-gradient(90deg, transparent, rgba(0, 230, 118, 0.05));\n            border-radius: 8px 0 0 8px;\n        }\n\n        \/* === Glassmorphism Cards === *\/\n        .bbbh-glass-box {\n            background: var(--bbbh-bg-card); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);\n            border: 1px solid var(--bbbh-border); border-radius: 20px; padding: 35px;\n            margin: 40px 0; box-shadow: 0 20px 50px rgba(0,0,0,0.6); position: relative; overflow: hidden;\n        }\n\n        .bbbh-glass-box::before {\n            content: ''; position: absolute; top: 0; right: 0; width: 4px; height: 100%;\n            background: linear-gradient(180deg, var(--bbbh-neon-light), var(--bbbh-neon-main), transparent);\n            box-shadow: 0 0 15px var(--bbbh-neon-main);\n        }\n\n        \/* === Agitation (Warning Box) === *\/\n        .bbbh-warning-box {\n            background: linear-gradient(145deg, rgba(255, 82, 82, 0.1), rgba(0,0,0,0.8));\n            border: 1px solid rgba(255, 82, 82, 0.3); border-right: 4px solid var(--bbbh-alert);\n            padding: 25px; border-radius: 12px; margin: 30px 0;\n        }\n\n        .bbbh-warning-box h3 { color: var(--bbbh-alert); font-size: 1.25rem; margin-bottom: 10px; display: flex; align-items: center; gap: 10px; }\n\n        \/* === The Mechanism (Bubble Transformation) === *\/\n        .bbbh-transform-container {\n            display: flex; flex-direction: column; gap: 20px; align-items: center; margin: 40px 0;\n        }\n        @media (min-width: 768px) {\n            .bbbh-transform-container { flex-direction: row; justify-content: space-between; }\n        }\n\n        .bbbh-transform-step {\n            flex: 1; background: rgba(0,0,0,0.4); border: 1px dashed var(--bbbh-neon-main);\n            padding: 25px; border-radius: 16px; text-align: center; transition: all 0.3s;\n            position: relative;\n        }\n\n        .bbbh-transform-step:hover { background: rgba(0, 230, 118, 0.05); transform: translateY(-5px); box-shadow: 0 10px 20px var(--bbbh-glow); }\n\n        .bbbh-arrow {\n            font-size: 2rem; color: var(--bbbh-neon-light); transform: rotate(90deg);\n        }\n        @media (min-width: 768px) {\n            .bbbh-arrow { transform: rotate(180deg); }\n        }\n\n        \/* === Ingredients Grid === *\/\n        .bbbh-grid {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin: 30px 0;\n        }\n\n        .bbbh-card {\n            background: linear-gradient(145deg, rgba(10, 30, 18, 0.7), rgba(5, 15, 9, 0.9));\n            border: 1px solid var(--bbbh-border); border-radius: 16px; padding: 30px 25px;\n            transition: all 0.4s ease; position: relative; overflow: hidden; z-index: 1;\n        }\n\n        .bbbh-card::after {\n            content: ''; position: absolute; bottom: -50%; right: -50%; width: 100%; height: 100%;\n            background: radial-gradient(circle, rgba(0, 230, 118, 0.1) 0%, transparent 70%);\n            z-index: -1; transition: all 0.5s;\n        }\n\n        .bbbh-card:hover {\n            transform: translateY(-8px); border-color: var(--bbbh-neon-light);\n            box-shadow: 0 15px 30px var(--bbbh-glow);\n        }\n\n        .bbbh-card:hover::after { bottom: -10%; right: -10%; }\n\n        .bbbh-icon {\n            width: 60px; height: 60px; background: rgba(0, 230, 118, 0.1);\n            border: 1px solid rgba(105, 240, 174, 0.3); border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px; color: var(--bbbh-neon-light); font-size: 28px;\n            transition: all 0.3s ease; box-shadow: 0 0 15px rgba(0, 230, 118, 0.2);\n        }\n        \n        .bbbh-card:hover .bbbh-icon {\n            background: var(--bbbh-neon-main); color: #000; transform: scale(1.1) rotate(-5deg); box-shadow: 0 0 25px var(--bbbh-neon-main);\n        }\n\n        .bbbh-card h3 { font-size: 1.25rem; color: #fff; margin-bottom: 12px; line-height: 1.4; }\n        .bbbh-card p { color: var(--bbbh-text-muted); font-size: 0.95rem; line-height: 1.6; }\n\n        \/* === Value \/ Price Box === *\/\n        .bbbh-value-box {\n            background: linear-gradient(145deg, rgba(212, 175, 55, 0.1), rgba(0,0,0,0.8));\n            border: 1px solid rgba(212, 175, 55, 0.3); border-right: 4px solid #d4af37;\n            padding: 35px; border-radius: 16px; margin: 50px 0;\n        }\n\n        \/* === Usage Steps === *\/\n        .bbbh-steps-wrap { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; }\n        \n        .bbbh-step-item {\n            display: flex; align-items: center; background: rgba(255,255,255,0.02);\n            border: 1px solid var(--bbbh-border); padding: 20px; border-radius: 12px; transition: all 0.3s;\n        }\n        \n        .bbbh-step-item:hover { border-color: var(--bbbh-neon-main); background: rgba(0, 230, 118, 0.05); transform: translateX(-5px); }\n\n        .bbbh-step-num {\n            font-size: 2rem; font-weight: 900; color: transparent; -webkit-text-stroke: 1px var(--bbbh-neon-light);\n            margin-left: 20px; min-width: 45px; text-align: center; text-shadow: 0 0 10px rgba(0, 230, 118, 0.3);\n        }\n\n        \/* === Animations === *\/\n        .bbbh-reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .bbbh-reveal.bbbh-active { opacity: 1; transform: translateY(0); }\n        .bbbh-delay-1 { transition-delay: 0.1s; }\n        .bbbh-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .bbbh-step-item { flex-direction: column; text-align: center; }\n            .bbbh-step-num { margin-left: 0; margin-bottom: 15px; }\n        }\n    \u003c\/style\u003e\n\u003c!-- Toxic Green Bubbles Background --\u003e\n\u003cdiv class=\"bbbh-ambient-particles\" id=\"bbbh-particles-ar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bbbh-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"bbbh-hero bbbh-reveal bbbh-active\"\u003e\n\u003cdiv class=\"bbbh-badge\"\u003eAdieu aux séances de nettoyage de peau coûteuses\u003c\/div\u003e\n\u003ch1 class=\"bbbh-title-glow\"\u003eGenêt vert : seulement 5 minutes pour éliminer les points noirs dont vous souffrez depuis des années!\u003c\/h1\u003e\n\u003cp class=\"bbbh-hero-subtitle\"\u003e\n                Découvrez la magie coréenne que tous les produits de soin traditionnels ne peuvent pas réaliser. Une fois appliqué sur votre peau, le gel vert se transforme en des millions de bulles de gaz actives pour dissoudre la « forêt » de points noirs devant vos yeux devant le miroir.\n            \u003c\/p\u003e\n\u003cimg alt=\"Some By Mi Bye Bye Blackhead\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Green_cleanser_bottle_in_water_202608291700.jpg?v=1788012066\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Agitation (The Problem with normal methods) --\u003e\n\u003cdiv class=\"bbbh-warning-box bbbh-reveal\"\u003e\n\u003ch3\u003e🚨 Arrêtez de détruire vos pores avec des méthodes dépassées!\u003c\/h3\u003e\n\u003cp style=\"color: #fff; font-size: 1.05rem; line-height: 1.8;\"\u003e\n                Utiliser des patchs nasaux détruit la barrière de votre peau, et presser les points noirs avec vos mains laisse des cicatrices et des trous qui durent éternellement. Les points noirs ne sont pas juste de la « saleté superficielle », ils sont du sébum durci enraciné profondément dans les pores. \u003cstrong style=\"color: var(--bbbh-alert);\"\u003eVous n'avez pas besoin de force mécanique pour le presser, vous avez besoin d'une puissance chimique ingénieuse pour le faire fondre!\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 3. The Mechanism (Bubble Magic) --\u003e\n\u003ch2 class=\"bbbh-section-title bbbh-reveal\"\u003eComment la magie se produit-elle ? (Technologie Green Tea Tox))\u003c\/h2\u003e\n\u003cimg alt=\"Bubble Magic\" class=\"bbbh-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cleanser_foaming_with_tea_tree_202608291658.jpg?v=1788011959\" style=\"margin: 0 auto 30px; border: 1px solid var(--bbbh-border);\"\/\u003e\n\u003cp class=\"bbbh-reveal\" style=\"text-align: center; color: var(--bbbh-text-muted); font-size: 1.1rem;\"\u003eRegardez l'incroyable transformation en seulement 5 minutes:\u003c\/p\u003e\n\u003cdiv class=\"bbbh-transform-container bbbh-reveal\"\u003e\n\u003cdiv class=\"bbbh-transform-step\"\u003e\n\u003ch4 style=\"color: var(--bbbh-neon-light); margin-bottom: 10px; font-size: 1.3rem;\"\u003eÉtape 1 : Gel vert\u003c\/h4\u003e\n\u003cp style=\"color: var(--bbbh-text-muted);\"\u003eUne fois appliqué sur cheveux secs, le gel concentré de thé vert pénètre profondément dans les pores obstrués.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bbbh-arrow\"\u003e➔\u003c\/div\u003e\n\u003cdiv class=\"bbbh-transform-step\" style=\"border-color: #fff; box-shadow: 0 0 20px rgba(255,255,255,0.2);\"\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.3rem;\"\u003eÉtape 2 : Explosion de mousse\u003c\/h4\u003e\n\u003cp style=\"color: var(--bbbh-text-muted);\"\u003eDe manière automatique et miraculeuse, le gel se transforme en une forêt de microbulles riches en BHA et commence à dissoudre les graisses durcies.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bbbh-arrow\"\u003e➔\u003c\/div\u003e\n\u003cdiv class=\"bbbh-transform-step\" style=\"border-color: var(--bbbh-neon-main); background: rgba(0, 230, 118, 0.1);\"\u003e\n\u003ch4 style=\"color: var(--bbbh-neon-main); margin-bottom: 10px; font-size: 1.3rem;\"\u003eÉtape 3 : Balayage et frottage\u003c\/h4\u003e\n\u003cp style=\"color: var(--bbbh-text-muted);\"\u003eLorsque vous massez la mousse et l'enlevez avec de l'eau, tous les points noirs, les points blancs et les peaux mortes en sont extraits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. UVP \/ Ingredients Synergy --\u003e\n\u003cdiv class=\"bbbh-glass-box bbbh-reveal\"\u003e\n\u003ch2 style=\"color: #fff; font-size: 1.6rem; text-align: center; margin-bottom: 20px;\"\u003eCombinaison synergique invincible (acides + 16 thés))\u003c\/h2\u003e\n\u003cimg alt=\"Ingredients Synergy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cleanser_dispensing_cream_on_stone_202608291700.jpg?v=1788012066\" style=\"margin: 0 auto 25px; border-radius: 12px; border: 1px solid var(--bbbh-border);\"\/\u003e\n\u003cp style=\"text-align: center; color: var(--bbbh-text-muted); font-size: 1.1rem; line-height: 1.8; margin-bottom: 25px;\"\u003e\n                Thé vert seul \u003cstrong style=\"color: var(--bbbh-neon-light);\"\u003eExpulse les toxines et apaise\u003c\/strong\u003e...et les acides (AHA\/BHA\/PHA) seuls \u003cstrong style=\"color: var(--bbbh-neon-light);\"\u003eDissout les graisses\u003c\/strong\u003e.. \u003cbr\/\u003e\n\u003cspan style=\"display: block; font-size: 1.4rem; color: var(--bbbh-neon-main); font-weight: bold; margin-top: 15px; text-shadow: 0 0 10px var(--bbbh-glow);\"\u003eLes deux ensemble ? L'aspirateur le plus puissant au monde pour nettoyer et réduire les pores!\u003c\/span\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bbbh-grid\"\u003e\n\u003cdiv class=\"bbbh-card bbbh-reveal\"\u003e\n\u003cdiv class=\"bbbh-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003e16 types d'extraits de thé\u003c\/h3\u003e\n\u003cp\u003eUn mélange exclusif qui comprend du thé vert, des aiguilles de pin et d'autres ingrédients pour offrir une double protection en tant qu'antibactérien puissant, stérilise les pores et prévient la formation de nouveaux boutons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bbbh-card bbbh-reveal bbbh-delay-1\"\u003e\n\u003cdiv class=\"bbbh-icon\"\u003e🧪\u003c\/div\u003e\n\u003ch3\u003eAcides BHA à une concentration de 5000 ppm\u003c\/h3\u003e\n\u003cp\u003eL'acide salicylique naturel pénètre puissamment dans le sébum, dissolvant le « ciment sébacé » qui attache les points noirs à la paroi du pore.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bbbh-card bbbh-reveal bbbh-delay-2\"\u003e\n\u003cdiv class=\"bbbh-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eAcides AHA et PHA\u003c\/h3\u003e\n\u003cp\u003eExfoliation superficielle douce et hydrophile, élimine les cellules mortes accumulées et affine la texture rugueuse de la peau pour la rendre lisse comme du verre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bbbh-card bbbh-reveal\"\u003e\n\u003cdiv class=\"bbbh-icon\"\u003e⚖️\u003c\/div\u003e\n\u003ch3\u003eKonjac \u0026amp; Céramide\u003c\/h3\u003e\n\u003cp\u003eGranules naturels de konjac éliminent les impuretés restantes pendant le massage, tandis que les céramides maintiennent l'humidité de la peau afin qu'elle ne se dessèche pas après le lavage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Value Proposition (Is it expensive?) --\u003e\n\u003cdiv class=\"bbbh-value-box bbbh-reveal\"\u003e\n\u003ch2 style=\"color: #d4af37; font-size: 1.8rem; margin-bottom: 15px; display: flex; align-items: center; gap: 10px;\"\u003e💎 \u003c\/h2\u003e\n\u003cimg alt=\"Value Proposition\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_cleanser_floating_202608291658.jpg?v=1788011960\" style=\"margin: 0 auto 20px; border-radius: 12px;\"\/\u003e\n\u003cp style=\"color: #fff; font-size: 1.1rem; line-height: 1.8;\"\u003e\n                Le prix peut sembler plus élevé à première vue que celui des machines à laver ordinaires, mais il l'est \u003cstrong\u003eVous fait économiser des milliers de livres!\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cul style=\"list-style: none; margin-top: 15px; color: var(--bbbh-text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 10px;\"\u003e\n\u003cstrong\u003e✓ Produit 2 en 1:\u003c\/strong\u003e Fonctionne comme un masque nettoyant en profondeur (en 5 minutes) et comme nettoyant quotidien.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px;\"\u003e\n\u003cstrong\u003e✓ Un point suffit:\u003c\/strong\u003e Le gel se transforme en une mousse énorme et dense, ce qui signifie qu'un seul emballage vous durera de très longs mois.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e✓ Au revoir les salons:\u003c\/strong\u003e Il éliminera complètement le besoin de séances coûteuses et douloureuses de nettoyage de la peau et d'élimination des points noirs en clinique.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Usage Protocol (Corrected) --\u003e\n\u003ch2 class=\"bbbh-section-title bbbh-reveal\"\u003e \u003c\/h2\u003e\n\u003cimg alt=\"Usage Guide\" class=\"bbbh-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cleanser_bottle_on_volcanic_ice_202608291700.jpg?v=1788012067\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003cp class=\"bbbh-reveal\" style=\"text-align: center; color: var(--bbbh-neon-light); font-weight: bold; margin-bottom: 30px;\"\u003eComme un masque de 5 minutes (2-3 fois par semaine)):\u003c\/p\u003e\n\u003cdiv class=\"bbbh-steps-wrap bbbh-reveal\"\u003e\n\u003cdiv class=\"bbbh-step-item\"\u003e\n\u003cdiv class=\"bbbh-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003e \u003c\/h4\u003e\n\u003cp style=\"color: var(--bbbh-text-muted);\"\u003eSur la peau \u003cstrong\u003eComplètement sec\u003c\/strong\u003e,,, Qui Activé Activé .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bbbh-step-item\"\u003e\n\u003cdiv class=\"bbbh-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eL'essor de la mousse magique\u003c\/h4\u003e\n\u003cp style=\"color: var(--bbbh-text-muted);\"\u003eUne fois qu'il commence à se transformer en une mousse riche, laissez-le pendant 3 à 5 minutes pour dissoudre la graisse et les impuretés de l'intérieur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bbbh-step-item\"\u003e\n\u003cdiv class=\"bbbh-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eMassage et balayage\u003c\/h4\u003e\n\u003cp style=\"color: var(--bbbh-text-muted);\"\u003eMouillez le bout de vos doigts avec un peu d'eau et massez doucement la mousse en mouvements circulaires pour exfolier les cellules mortes avec des granules de konjac.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bbbh-step-item\"\u003e\n\u003cdiv class=\"bbbh-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 5px; font-size: 1.15rem;\"\u003eRinçage final\u003c\/h4\u003e\n\u003cp style=\"color: var(--bbbh-text-muted);\"\u003eRincez bien votre visage à l'eau tiède, et profitez de pores propres et petits et d'une peau éclatante et lumineuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"bbbh-reveal\" style=\"text-align: center; color: var(--bbbh-text-muted); margin-top: 15px; font-size: 0.95rem;\"\u003e\u003cem\u003e* Peut être utilisé comme lavage quotidien avec une mousse rapide à l'eau au lieu de le laisser poser 5 minutes.\u003c\/em\u003e\u003c\/p\u003e\n\u003c!-- 7. Final CTA --\u003e\n\u003cdiv class=\"bbbh-glass-box bbbh-reveal\" style=\"margin-top: 60px; text-align: center; border-color: var(--bbbh-neon-main);\"\u003e\n\u003ch2 class=\"bbbh-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003ePores dilatés, n'attendez pas... nettoyez-les maintenant!\u003c\/h2\u003e\n\u003cimg alt=\"Final Call to Action\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Cleanser_bottle_in_ice_202608291700.jpg?v=1788012067\" style=\"margin: 0 auto 25px; border: 1px solid var(--bbbh-border);\"\/\u003e\n\u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                Chaque jour que vous tardez, le sébum dans vos pores durcit davantage, s'élargit et devient visible et gênant. Retrouvez la douceur et la clarté de votre peau avec la magie verte coréenne.\n            \u003c\/p\u003e\n\u003cp style=\"color: var(--bbbh-neon-light); font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; text-shadow: 0 0 15px var(--bbbh-glow);\"\u003e\n                Commandez maintenant Some By Mi Bye Bye Blackhead Wash, et remarquez la différence instantanée dès les 5 premières minutes!\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('.bbbh-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('bbbh-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, { root: null, threshold: 0.15, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(function(reveal) { reveal.classList.remove('bbbh-active'); revealObserver.observe(reveal); });\n\n            \/\/ Generate Bubbles\n            var ambientContainer = document.getElementById('bbbh-particles-ar');\n            for (var i = 0; i \u003c 25; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('bbbh-particle');\n                var size = Math.random() * 40 + 10; \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = Math.random() * 100 + '%';\n                particle.style.animationDuration = (Math.random() * 10 + 8) + 's';\n                particle.style.animationDelay = (Math.random() * 5) + 's';\n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999392780462,"sku":null,"price":23.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/somebymibyebyeblackheadgreenteadetox_1.jpg?v=1788175383"},{"product_id":"beauty-of-joseon-glow-serum-propolis-niacinamide","title":"Beauty Of Joseon Glow Serum Propolis + Niacinamide","description":"\u003cstyle\u003e\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n  \n  .joseon-container {\n    max-width: 1100px;\n    margin: 0 auto;\n    direction: ltr;\n    text-align: left;\n    color: #333;\n    overflow-x: hidden;\n    padding: 0 15px;\n    font-family:sans-serif;\n    background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a97e' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  }\n  \n  .hero-section {\n    position: relative;\n    padding: 35px 25px;\n    background: linear-gradient(135deg, #f8f8f8 0%, #fff 100%);\n    border-radius: 10px;\n    overflow: hidden;\n    margin-bottom: 30px;\n    box-shadow: 0 10px 30px rgba(201, 169, 126, 0.08);\n    border: 1px solid rgba(201, 169, 126, 0.12);\n  }\n  \n  .hero-section::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 100%;\n    height: 5px;\n    background: linear-gradient(to right, rgba(201, 169, 126, 0.5), #c9a97e);\n  }\n  \n  .hero-section::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 50%;\n    height: 180px;\n    background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23c9a97e' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n    opacity: 0.2;\n    z-index: 1;\n  }\n  \n  .hero-content {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    gap: 30px;\n    align-items: center;\n  }\n  \n  .hero-image {\n    flex-shrink: 0;\n    width: 250px;\n    border-radius: 5px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n  }\n  \n  .hero-text {\n    flex: 1;\n  }\n  \n  .brand {\n    font-size: 18px;\n    color: #c9a97e;\n    letter-spacing: 1px;\n    margin-bottom: 10px;\n    font-weight: bold;\n    text-transform: uppercase;\n    display: inline-block;\n    position: relative;\n  }\n  \n  .brand::after {\n    content: \"\";\n    position: absolute;\n    bottom: -3px;\n    right: 0;\n    width: 100%;\n    height: 1px;\n    background: linear-gradient(to left, #c9a97e, transparent);\n  }\n  \n  .main-title {\n    font-size: 32px;\n    margin-bottom: 15px;\n    color: #222;\n    line-height: 1.2;\n    font-weight: bold;\n  }\n  \n  .main-title span {\n    color: #c9a97e;\n    position: relative;\n    display: inline-block;\n  }\n  \n  .main-title span::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 6px;\n    background: rgba(201, 169, 126, 0.1);\n    border-radius: 3px;\n    z-index: -1;\n  }\n  \n  .hero-subtitle {\n    font-size: 18px;\n    margin-bottom: 20px;\n    opacity: 0.9;\n    line-height: 1.5;\n  }\n  \n  .hero-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-top: 20px;\n  }\n  \n  .badge {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(201, 169, 126, 0.05);\n    padding: 6px 12px;\n    border-radius: 30px;\n    font-size: 13px;\n    font-weight: 500;\n    color: #555;\n    border: 1px solid rgba(201, 169, 126, 0.1);\n  }\n  \n  .ingredients-section {\n    margin: 40px 0;\n    display: flex;\n    gap: 30px;\n    align-items: center;\n  }\n  \n  .ingredients-content {\n    flex: 1;\n  }\n  \n  .section-title {\n    font-size: 28px;\n    margin-bottom: 20px;\n    color: #222;\n    position: relative;\n    padding-bottom: 12px;\n    font-weight: bold;\n  }\n  \n  .section-title::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 60px;\n    height: 3px;\n    background: linear-gradient(to left, #c9a97e, rgba(201, 169, 126, 0.3));\n    border-radius: 3px;\n  }\n  \n  .ingredient-box {\n    background: white;\n    border-radius: 10px;\n    padding: 20px;\n    margin-bottom: 20px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    border: 1px solid rgba(201, 169, 126, 0.08);\n    position: relative;\n    overflow: hidden;\n    transition: all 0.3s ease;\n  }\n  \n  .ingredient-box:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n  }\n  \n  .ingredient-box::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 100%;\n    height: 3px;\n    background: linear-gradient(to left, #c9a97e, transparent);\n  }\n  \n  .ingredient-title {\n    font-size: 20px;\n    margin-bottom: 12px;\n    color: #c9a97e;\n    font-weight: bold;\n  }\n  \n  .ingredient-desc {\n    line-height: 1.6;\n    color: #555;\n  }\n  \n  .video-container {\n    flex: 1;\n    border-radius: 10px;\n    overflow: hidden;\n    position: relative;\n  }\n  \n  .video-container video {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n  }\n  \n  .benefits-section {\n    margin: 50px 0;\n  }\n  \n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 20px;\n    margin-top: 25px;\n  }\n  \n  .benefit-card {\n    background: white;\n    border-radius: 10px;\n    padding: 25px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    border: 1px solid rgba(201, 169, 126, 0.08);\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .benefit-card::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 3px;\n    background: linear-gradient(to right, rgba(201, 169, 126, 0.3), #c9a97e);\n    transform: scaleX(0);\n    transform-origin: right;\n    transition: transform 0.4s ease;\n  }\n  \n  .benefit-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px rgba(201, 169, 126, 0.1);\n  }\n  \n  .benefit-card:hover::after {\n    transform: scaleX(1);\n  }\n  \n  .benefit-icon {\n    color: #c9a97e;\n    font-size: 30px;\n    margin-bottom: 15px;\n  }\n  \n  .benefit-title {\n    font-size: 18px;\n    margin-bottom: 10px;\n    color: #333;\n    font-weight: bold;\n  }\n  \n  .timeline-section {\n    margin: 60px 0;\n    background: linear-gradient(135deg, rgba(201, 169, 126, 0.03) 0%, rgba(201, 169, 126, 0.08) 100%);\n    padding: 40px 15px;\n    border-radius: 10px;\n    border: 1px solid rgba(201, 169, 126, 0.1);\n  }\n  \n  .timeline-container {\n    position: relative;\n    margin-top: 40px;\n    padding-left: 40px;\n  }\n  \n  .timeline-bar {\n    position: absolute;\n    top: 0;\n    right: 18px;\n    width: 3px;\n    height: 100%;\n    background: linear-gradient(to bottom, rgba(201, 169, 126, 0.3), #c9a97e, rgba(201, 169, 126, 0.3));\n    border-radius: 2px;\n    z-index: 1;\n  }\n  \n  .timeline-items {\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .timeline-item {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: 60px;\n    position: relative;\n  }\n  \n  .timeline-item:last-child {\n    margin-bottom: 0;\n  }\n  \n  .timeline-header {\n    display: flex;\n    align-items: center;\n    margin-bottom: 15px;\n  }\n  \n  .timeline-date {\n    font-weight: bold;\n    color: #c9a97e;\n    text-align: left;\n    font-size: 16px;\n    margin-left: 10px;\n  }\n  \n  .timeline-dot {\n    width: 18px;\n    height: 18px;\n    background: white;\n    border: 3px solid #c9a97e;\n    border-radius: 50%;\n    margin-left: 10px;\n    flex-shrink: 0;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .timeline-dot.active {\n    background: #c9a97e;\n  }\n  \n  .timeline-content {\n    background: white;\n    border-radius: 8px;\n    padding: 20px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    border: 1px solid rgba(201, 169, 126, 0.08);\n    width: 100%;\n  }\n  \n  .timeline-title {\n    font-size: 20px;\n    margin-bottom: 10px;\n    color: #333;\n    font-weight: bold;\n  }\n  \n  .timeline-desc {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #555;\n  }\n  \n  .timeline-title {\n    font-size: 20px;\n    margin-bottom: 10px;\n    color: #333;\n    font-weight: bold;\n  }\n  \n  .timeline-desc {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #555;\n  }\n  \n  .how-it-works {\n    margin: 50px 0;\n    display: flex;\n    gap: 30px;\n    align-items: center;\n  }\n  \n  .how-it-works-image {\n    flex: 1;\n    border-radius: 10px;\n    overflow: hidden;\n  }\n  \n  .how-it-works-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 10px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n    transition: all 0.3s ease;\n  }\n  \n  .how-it-works-image:hover img {\n    transform: scale(1.02);\n  }\n  \n  .how-it-works-content {\n    flex: 1;\n  }\n  \n  .usage-section {\n    margin: 50px 0;\n  }\n  \n  .usage-steps {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 30px;\n    flex-wrap: wrap;\n  }\n  \n  .step {\n    flex: 1;\n    min-width: 200px;\n    text-align: center;\n    padding: 0 15px;\n    margin-bottom: 20px;\n  }\n  \n  .step-number {\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(135deg, #c9a97e, #d9c09e);\n    border-radius: 50%;\n    color: white;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    font-weight: bold;\n    margin: 0 auto 15px;\n    box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n  }\n  \n  .step-text {\n    font-size: 16px;\n    line-height: 1.5;\n    color: #333;\n  }\n  \n  .cta-section {\n    text-align: center;\n    margin: 60px 0;\n    padding: 50px;\n    background: linear-gradient(135deg, rgba(201, 169, 126, 0.05) 0%, rgba(201, 169, 126, 0.1) 100%);\n    border-radius: 10px;\n    border: 1px solid rgba(201, 169, 126, 0.1);\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .cta-section::before, .cta-section::after {\n    content: \"\";\n    position: absolute;\n    width: 200px;\n    height: 200px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(201, 169, 126, 0.15) 0%, transparent 70%);\n    z-index: 0;\n  }\n  \n  .cta-section::before {\n    top: -100px;\n    right: -50px;\n  }\n  \n  .cta-section::after {\n    bottom: -100px;\n    left: -50px;\n  }\n  \n  .cta-content {\n    position: relative;\n    z-index: 1;\n  }\n  \n  .cta-title {\n    font-size: 32px;\n    margin-bottom: 15px;\n    color: #333;\n  }\n  \n  .cta-subtitle {\n    font-size: 18px;\n    margin-bottom: 30px;\n    color: #555;\n    max-width: 700px;\n    margin-left: auto;\n    margin-left: auto;\n  }\n  \n  .cta-button {\n    display: inline-block;\n    padding: 15px 40px;\n    background: linear-gradient(to right, #c9a97e, #d9c09e);\n    color: white;\n    text-decoration: none;\n    border-radius: 50px;\n    font-size: 18px;\n    font-weight: bold;\n    box-shadow: 0 5px 15px rgba(201, 169, 126, 0.2);\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .cta-button::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, #d9c09e, #c9a97e);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    z-index: -1;\n  }\n  \n  .cta-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 25px rgba(201, 169, 126, 0.3);\n  }\n  \n  .cta-button:hover::after {\n    opacity: 1;\n  }\n  \n  .footer-note {\n    text-align: center;\n    margin-top: 20px;\n    font-size: 14px;\n    color: #777;\n  }\n  \n  \/* Fade animations *\/\n  .fade-up {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  \n  .pulse {\n    animation: pulse 2s infinite;\n  }\n  \n  @keyframes pulse {\n    0% {\n      transform: scale(1);\n    }\n    50% {\n      transform: scale(1.03);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n  \n  @media (max-width: 768px) {\n    .hero-content {\n      flex-direction: column;\n    }\n    \n    .hero-image {\n      width: 200px;\n      margin-bottom: 20px;\n    }\n    \n    .ingredients-section, .how-it-works {\n      flex-direction: column;\n    }\n    \n    .timeline-items {\n      flex-direction: column;\n    }\n    \n    .timeline-bar {\n      top: 0;\n      left: 50%;\n      width: 4px;\n      height: 100%;\n      transform: translateX(-50%);\n    }\n    \n    .timeline-item {\n      width: 100%;\n      margin-bottom: 30px;\n      display: flex;\n      align-items: flex-start;\n    }\n    \n    .timeline-dot {\n      margin: 0 15px;\n    }\n    \n    .timeline-content {\n      flex: 1;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"joseon-container\"\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cimg alt=\"Beauty of Joseon Glow Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty-of-joseon-beauty-of-joseon-glow-serum-propolis-niacinamide-30ml-55897506382162_1.webp?v=1746458212\"\/\u003e\n\u003cdiv class=\"hero-text\"\u003e\n\u003cdiv class=\"brand\"\u003eBeauty of Joseon\u003c\/div\u003e\n\u003ch1 class=\"main-title\"\u003eSérum \u003cspan\u003eLumière du soleil\u003c\/span\u003e Avec de la niacinamide et de la propolis d'abeille\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eUne combinaison sans précédent de niacinamide et de propolis d'abeille pour une peau radieuse et éclatante\u003c\/p\u003e\n\u003cdiv class=\"hero-badges\"\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n            Formule coréenne originale\n          \u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n            Sans produits chimiques nocifs\n          \u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003csvg fill=\"none\" height=\"18\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n            Idéal pour tous les types de peau\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003cdiv class=\"ingredients-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eUne combinaison sans précédent de niacinamide et de propolis d'abeille\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003eNiacinamide\u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eCe n'est pas seulement un ingrédient, c'est un miracle qui rééquilibre la peau, réduit la pigmentation et lui donne une couleur uniforme et éclatante. Il améliore l'élasticité de la peau et renforce la barrière naturelle d'hydratation..\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-box\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e \u003c\/h3\u003e\n\u003cp class=\"ingredient-desc\"\u003eExtrait des ruches, il agit comme un puissant anti-inflammatoire et un stimulant de la régénération cellulaire, gardant la peau jeune et offrant une protection naturelle. Combat l'apparition des boutons et les signes du vieillissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003eLorsque ces ingrédients se réunissent dans une seule formule, ils se transforment en une puissance naturelle incomparable ; un miracle qui restaure la jeunesse de votre peau et lui donne l'éclat dont vous avez toujours rêvé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-container\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" style=\"display: block; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);\" width=\"100%\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3edfc44f88a3463c8bdfafe9115a57e1.mp4\" type=\"video\/mp4\"\/\u003e\n        Votre navigateur ne prend pas en charge la lecture vidéo.\n      \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instant-results\"\u003e\n\u003ch2 class=\"section-title\"\u003eRésultats instantanés!\u003c\/h2\u003e\n\u003ch3 style=\"color: #c9a97e; text-align: center; margin: 20px 0; font-size: 22px;\"\u003ePores plus petits, peau plus claire, peau parfaite\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBienfaits incroyables pour votre peau\u003c\/h2\u003e\n\u003cp\u003eCe sérum est une solution complète pour les peaux ternes et fatiguées, car il montre des effets incroyables qui incluent:\u003c\/p\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n\u003cline x1=\"12\" x2=\"12\" y1=\"1\" y2=\"3\"\u003e\u003c\/line\u003e\n\u003cline x1=\"12\" x2=\"12\" y1=\"21\" y2=\"23\"\u003e\u003c\/line\u003e\n\u003cline x1=\"4.22\" x2=\"5.64\" y1=\"4.22\" y2=\"5.64\"\u003e\u003c\/line\u003e\n\u003cline x1=\"18.36\" x2=\"19.78\" y1=\"18.36\" y2=\"19.78\"\u003e\u003c\/line\u003e\n\u003cline x1=\"1\" x2=\"3\" y1=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n\u003cline x1=\"21\" x2=\"23\" y1=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n\u003cline x1=\"4.22\" x2=\"5.64\" y1=\"19.78\" y2=\"18.36\"\u003e\u003c\/line\u003e\n\u003cline x1=\"18.36\" x2=\"19.78\" y1=\"5.64\" y2=\"4.22\"\u003e\u003c\/line\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAméliorez l'éclat de la peau\u003c\/h3\u003e\n\u003cp\u003eÉclaircir et unifier la couleur de la peau tout en réduisant efficacement la pigmentation et les taches foncées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eAméliorer la texture de la peau\u003c\/h3\u003e\n\u003cp\u003eAugmenter la douceur de la peau grâce aux propriétés hydratantes et illuminatrices de la niacinamide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtection de la peau\u003c\/h3\u003e\n\u003cp\u003eProtection contre les infections externes et les dommages causés par les radicaux libres grâce au pouvoir de la propolis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card fade-up\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\n\u003csvg fill=\"none\" height=\"36\" stroke=\"#c9a97e\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"36\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\u003cpath d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\u003e\u003c\/path\u003e\n\u003cline x1=\"6\" x2=\"6\" y1=\"1\" y2=\"4\"\u003e\u003c\/line\u003e\n\u003cline x1=\"10\" x2=\"10\" y1=\"1\" y2=\"4\"\u003e\u003c\/line\u003e\n\u003cline x1=\"14\" x2=\"14\" y1=\"1\" y2=\"4\"\u003e\u003c\/line\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eSoutenir la fonction de barrière cutanée\u003c\/h3\u003e\n\u003cp\u003eMaintien de l'hydratation de la peau et prévention de sa perte, ce qui aide à réduire les ridules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eUn voyage de résultats incroyables\u003c\/h2\u003e\n\u003cp\u003eAvec une utilisation régulière, vous remarquerez une amélioration progressive et atteindrez des résultats optimaux en quelques semaines.\u003c\/p\u003e\n\u003cdiv class=\"timeline-container\"\u003e\n\u003cdiv class=\"timeline-bar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-items\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003ePremière utilisation\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot active\" id=\"timeline-0\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eHydratation instantanée\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eVous remarquerez une hydratation immédiate de la peau et une texture plus lisse. La peau paraît visiblement plus fraîche et plus radieuse dès la première utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eAprès une semaine\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eTexture et éclat améliorés\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eLa peau devient plus lumineuse et lisse. Les rougeurs et les irritations sont réduites grâce aux propriétés anti-inflammatoires de la propolis. Réduction notable de la production de sébum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eAprès deux semaines\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eRéduction de la pigmentation\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eLes résultats de l'unification du teint de la peau commencent à apparaître. Les taches sombres et l'hyperpigmentation diminuent progressivement. La peau devient plus claire et plus fraîche, avec des pores plus petits et moins visibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eAprès un mois\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003eTransformation visible\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003eAmélioration significative de la texture et du teint de la peau. Disparition notable de nombreux problèmes de peau tels que les taches foncées et les cicatrices. Réduction visible des ridules et des signes de vieillissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-header\"\u003e\n\u003cdiv class=\"timeline-date\"\u003eAprès deux mois\u003c\/div\u003e\n\u003cdiv class=\"timeline-dot\" id=\"timeline-4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3 class=\"timeline-title\"\u003ePeau complètement renouvelée\u003c\/h3\u003e\n\u003cp class=\"timeline-desc\"\u003ePeau étonnamment radieuse et éclatante. Unification complète du teint et réduction significative de la pigmentation. Amélioration durable de l'apparence et de la texture de la peau, avec une élasticité améliorée et une meilleure santé de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003cdiv class=\"how-it-works-image\"\u003e\n\u003cimg alt=\"Formule scientifiquement avancée\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_niacinamide_propolis.jpg?v=1746458373\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"how-it-works-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eFormule scientifiquement avancée\u003c\/h2\u003e\n\u003ch3 style=\"margin-bottom: 20px; font-size: 22px; color: #333;\"\u003eComment fonctionne le sérum?\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.8; margin-bottom: 20px;\"\u003eLa combinaison fonctionne \u003cspan style=\"color: #c9a97e; font-weight: bold;\"\u003eBeauty Of Joseon Glow Serum Propolis + Niacinamide\u003c\/span\u003e Créer harmonieusement un effet complet sur la peau. La propolis, extraite des ruches, nettoie la peau, combat l'inflammation et stimule le renouvellement cellulaire, luttant contre l'apparition des boutons et les signes de vieillissement.\u003c\/p\u003e\n\u003cp style=\"line-height: 1.8;\"\u003eAlors que la niacinamide agit pour unifier le teint de la peau et réduire la pigmentation, en plus d'améliorer l'élasticité de la peau et de renforcer la barrière d'hydratation. Ensemble, ces ingrédients actifs changent radicalement la texture de la peau, lui donnant une apparence plus éclatante et plus vive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eComment utiliser\u003c\/h2\u003e\n\u003cp\u003eAprès avoir bien nettoyé la peau, le sérum est appliqué sur la zone faciale, en se concentrant sur les zones nécessitant un éclaircissement et une amélioration, telles que le contour des yeux, le front et la ligne de la mâchoire. Massez doucement jusqu'à absorption complète, puis appliquez une crème hydratante pour maintenir l'hydratation et améliorer l'efficacité. Utilisez matin et soir pour de meilleurs résultats..\u003c\/p\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eNettoyage de la peau\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eApplication de sérum\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eMasser doucement\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step fade-up\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAppliquez une crème hydratante\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-section pulse\"\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003ch2 class=\"cta-title\"\u003eRedonnez de l'éclat à votre peau dès aujourd'hui\u003c\/h2\u003e\n\u003cp class=\"cta-subtitle\"\u003eExcellent rapport qualité-prix - notre formule de sérum éclaircissant combine des ingrédients naturels scientifiquement prouvés pour une peau radieuse et saine.\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eCommandez-le maintenant\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"footer-note\"\u003e\n\u003cp\u003eLe Beauty Of Joseon Glow Serum Propolis + Niacinamide combine des ingrédients naturels scientifiquement prouvés qui améliorent l'éclat et le teint de la peau avec une protection avancée contre les agressions environnementales. Bien qu'il puisse être un peu plus cher comparé à certains autres produits, une petite quantité suffit pour obtenir des résultats étonnants et durables, en faisant un investissement efficace pour la santé et la beauté de votre peau..\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  \/\/ Init functions\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ Fade-in animations\n    initFadeEffects();\n    \n    \/\/ Video autoplay fix for some mobile browsers\n    const video = document.querySelector('video');\n    if (video) {\n      video.play().catch(function(error) {\n        console.log(\"Video autoplay prevented by browser\");\n      });\n    }\n  });\n  \n  \/\/ Initialize fade effects\n  function initFadeEffects() {\n    const fadeElements = document.querySelectorAll('.fade-up');\n    const observerOptions = {\n      root: null,\n      rootMargin: '0px',\n      threshold: 0.1\n    };\n    \n    const observer = new IntersectionObserver((entries, observer) =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          entry.target.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n          entry.target.style.opacity = 1;\n          entry.target.style.transform = 'translateY(0)';\n          observer.unobserve(entry.target);\n        }\n      });\n    }, observerOptions);\n    \n    fadeElements.forEach(el =\u003e {\n      observer.observe(el);\n    });\n    \n    \/\/ Add staggered animations\n    const staggerElements = document.querySelectorAll('.fade-up');\n    staggerElements.forEach((el, index) =\u003e {\n      el.style.transitionDelay = `${index * 0.05}s`;\n    });\n  }\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999392977070,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty-of-joseon-glow-serum-propolis-niacinamide-30ml_ab4d3ffb-55f0-4df0-bd12-88a787a4a89b.jpg?v=1788175381"},{"product_id":"beauty-of-joseon-revive-eye-serum","title":"Beauty of Joseon Revive Eye Serum se spécialise dans les cernes | Poches sous les yeux Signes de l'âge","description":"\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n    \n    .product-container {\n        max-width: 1000px;\n        margin: 0 auto;\n        padding: 20px;\n        color: #4a4a4a;\n        line-height: 1.6;\n        direction: ltr;\n    }\n    \n    .product-header {\n        text-align: center;\n        margin-bottom: 40px;\n        position: relative;\n    }\n    \n    .product-title {\n        font-size: 2.2rem;\n        color: #3a2d28;\n        margin-bottom: 10px;\n        position: relative;\n        display: inline-block;\n    }\n    \n    .product-title::after {\n        content: '';\n        position: absolute;\n        bottom: -10px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 100px;\n        height: 3px;\n        background: linear-gradient(90deg, #c3a300, #c3a300);\n        border-radius: 2px;\n    }\n    \n    .product-subtitle {\n        font-size: 1.2rem;\n        color: #7d6e67;\n        font-weight: 400;\n    }\n    \n    .section {\n        margin-bottom: 40px;\n        position: relative;\n        overflow: visible;\n    }\n    \n    .section-header {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        margin-bottom: 20px;\n    }\n    \n    .section-icon {\n        width: 30px;\n        height: 30px;\n        margin-bottom: 10px;\n        fill: #c3a300;\n    }\n    \n    .section-title {\n        font-size: 1.5rem;\n        color: #3a2d28;\n        position: relative;\n        margin-bottom: 15px;\n        text-align: center;\n    }\n    \n    .section-divider {\n        width: 100%;\n        height: 1px;\n        background-color: #c3a300;\n    }\n    \n    .section-content {\n        color: #5d5d5d;\n        font-size: 1rem;\n        padding: 15px 0;\n        display: block;\n        visibility: visible;\n    }\n    \n    .highlight {\n        color: #c3a300;\n        font-weight: 500;\n    }\n    \n    .feature-list {\n        margin-top: 25px;\n        display: block;\n        visibility: visible;\n    }\n    \n    .feature-item {\n        display: flex;\n        margin-bottom: 25px;\n        opacity: 1;\n        transform: none;\n        visibility: visible;\n    }\n    \n    .feature-icon {\n        width: 40px;\n        height: 40px;\n        min-width: 40px;\n        fill: #c3a300;\n        margin-left: 15px;\n        margin-top: 5px;\n    }\n    \n    .feature-content {\n        flex: 1;\n    }\n    \n    .feature-title {\n        font-weight: bold;\n        color: #3a2d28;\n        margin-bottom: 5px;\n        font-size: 1.1rem;\n    }\n    \n    .usage-steps {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 30px;\n        flex-wrap: wrap;\n    }\n    \n    .step {\n        text-align: center;\n        flex: 1;\n        min-width: 100px;\n        margin: 10px;\n        position: relative;\n        opacity: 1;\n    }\n    \n    .step:not(:last-child)::after {\n        content: '';\n        position: absolute;\n        top: 30px;\n        left: -15px;\n        width: 30px;\n        height: 2px;\n        background-color: #c3a300;\n    }\n    \n    .step-number {\n        width: 40px;\n        height: 40px;\n        background-color: #c3a300;\n        color: white;\n        border-radius: 50%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin: 0 auto 15px;\n        font-weight: bold;\n        box-shadow: 0 5px 10px rgba(195, 163, 0, 0.3);\n    }\n    \n    .step-text {\n        font-size: 0.9rem;\n    }\n    \n    .clinical-results {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n        gap: 20px;\n        margin-top: 30px;\n    }\n    \n    .result-card {\n        border: 1px solid #e8e8e8;\n        border-radius: 12px;\n        padding: 30px 20px;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n        transition: transform 0.3s, box-shadow 0.3s;\n        background-color: #ffffff;\n        margin-bottom: 15px;\n    }\n    \n    .result-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n    }\n    \n    .result-icon {\n        width: 50px;\n        height: 50px;\n        margin: 0 auto 15px;\n        fill: #c3a300;\n    }\n    \n    .result-title {\n        font-size: 1rem;\n        color: #3a2d28;\n        margin-bottom: 15px;\n    }\n    \n    .result-percentage {\n        font-size: 2.4rem;\n        color: #c3a300;\n        font-weight: bold;\n        margin-bottom: 10px;\n        position: relative;\n        display: inline-block;\n    }\n    \n    .result-percentage::after {\n        content: '%';\n        font-size: 1.2rem;\n        position: absolute;\n        top: 0;\n        right: -20px;\n    }\n    \n    .percentage-wrapper {\n        position: relative;\n        height: 120px;\n        margin-bottom: 15px;\n        margin-top: 10px;\n    }\n    \n    .counter {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        font-size: 2.2rem;\n        color: #c3a300;\n        font-weight: bold;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 100%;\n        height: 100%;\n    }\n    \n    .counter-value {\n        font-size: 2.2rem;\n    }\n    \n    .counter-suffix {\n        font-size: 1rem;\n        margin-top: -8px;\n    }\n    \n    .circular-progress {\n        position: relative;\n        height: 100px;\n        width: 100px;\n        margin: 0 auto;\n    }\n    \n    .circle-container {\n        width: 100px;\n        height: 100px;\n        border-radius: 50%;\n        border: 6px solid #c3a300;\n        margin: 0 auto;\n        position: relative;\n    }\n    \n    .circular-progress circle {\n        stroke-dashoffset: 251.2;\n        stroke-dasharray: 251.2;\n        stroke-width: 8px;\n        stroke-linecap: round;\n        fill: none;\n    }\n    \n    .circular-progress .bg {\n        stroke: #f1f1f1;\n    }\n    \n    .circular-progress .progress {\n        stroke: #c3a300;\n        transition: stroke-dashoffset 1.5s ease;\n    }\n    \n    .progress.animated {\n        animation: progressAnimation 1.5s ease forwards;\n    }\n    \n    @keyframes progressAnimation {\n        from {\n            stroke-dashoffset: 251.2;\n        }\n        to {\n            stroke-dashoffset: var(--final-offset, 0);\n        }\n    }\n    \n    .result-description {\n        color: #5d5d5d;\n        font-size: 0.9rem;\n    }\n    \n    @keyframes wave {\n        0%, 100% {\n            transform: translateY(0);\n        }\n        50% {\n            transform: translateY(-10px);\n        }\n    }\n    \n    @keyframes fadeIn {\n        from {\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n    \n    .animate-wave {\n        animation: wave 3s ease-in-out infinite;\n    }\n    \n    .fade-in {\n        animation: fadeIn 1s forwards;\n    }\n    \n    @media (max-width: 768px) {\n        .feature-item {\n            flex-direction: column;\n            text-align: center;\n        }\n        \n        .feature-icon {\n            margin: 0 auto 10px;\n        }\n        \n        .step:not(:last-child)::after {\n            display: none;\n        }\n        \n        .clinical-results {\n            grid-template-columns: 1fr;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-header\"\u003e\n\u003ch1 class=\"product-title\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg class=\"section-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eVotre parcours de rajeunissement des yeux commence maintenant\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eDécouvrez le secret pour illuminer vos yeux avec \u003cspan class=\"highlight\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/span\u003eUne formule innovante qui combine les dernières technologies scientifiques avec des ingrédients naturels purs pour revitaliser la zone délicate des yeux. Ce sérum révolutionnaire agit pour combattre simultanément les signes de fatigue et de vieillissement, donnant à vos yeux une apparence plus jeune et éclatante.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/2_e8f8ea7b-01fc-4144-9da3-ecc29addcda7.webp?v=1742659829\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg class=\"section-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M17.66,11.2C17.43,10.9 17.15,10.64 16.89,10.38C16.22,9.78 15.46,9.35 14.82,8.72C13.33,7.26 13,4.85 13.95,3C13,3.23 12.17,3.75 11.46,4.32C8.87,6.4 7.85,10.07 9.07,13.22C9.11,13.32 9.15,13.42 9.15,13.55C9.15,13.77 9,13.97 8.8,14.05C8.57,14.15 8.33,14.09 8.14,13.93C8.08,13.88 8.04,13.83 8,13.76C6.87,12.33 6.69,10.28 7.45,8.64C5.78,10 4.87,12.3 5,14.47C5.06,14.97 5.12,15.47 5.29,15.97C5.43,16.57 5.7,17.17 6,17.7C7.08,19.43 8.95,20.67 10.96,20.92C13.1,21.19 15.39,20.8 17.03,19.32C18.86,17.66 19.5,15 18.56,12.72L18.43,12.46C18.22,12 17.66,11.2 17.66,11.2M14.5,17.5C14.22,17.74 13.76,18 13.4,18.1C12.28,18.5 11.16,17.94 10.5,17.28C11.69,17 12.4,16.12 12.61,15.23C12.78,14.43 12.46,13.77 12.33,13C12.21,12.26 12.23,11.63 12.5,10.94C12.69,11.32 12.89,11.7 13.13,12C13.9,13 15.11,13.44 15.37,14.8C15.41,14.94 15.43,15.08 15.43,15.23C15.46,16.05 15.1,16.95 14.5,17.5Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eComment fonctionne le sérum?\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eLe sérum agit en combinant trois ingrédients principaux qui créent un effet complet : le rétinal lisse la peau et stimule la régénération cellulaire, tandis que les liposomes stabilisent efficacement le rétinal et améliorent son absorption, et l'extrait de racine de ginseng apporte une hydratation durable et une protection supérieure. Grâce à ce mécanisme unique, la barrière cutanée est reconstruite et l'apparence des ridules, des cernes et des poches est réduite, redonnant vitalité et éclat à vos yeux..\u003c\/p\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M17,8C8,10 5.9,16.17 3.82,21.34L5.71,22L6.66,19.7C7.14,19.87 7.64,20 8,20C19,20 22,3 22,3C21,5 14,5.25 9,6.25C4,7.25 2,11.5 2,13.5C2,15.5 3.75,17.25 3.75,17.25C7,8 17,8 17,8Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title\"\u003eCe qui distingue la composition?\u003c\/h3\u003e\n\u003cp\u003eL'unicité de cette formule réside dans sa combinaison de la puissance du rétinal avec des liposomes et de l'extrait de ginseng ; chaque ingrédient seul est considéré comme un miracle pour améliorer la santé de la peau. Lorsqu'ils sont combinés, ils deviennent une force naturelle imparable qui rajeunit la zone des yeux et stimule la production de collagène, améliorant l'élasticité de la peau et réduisant les signes de fatigue et de vieillissement..\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003csvg class=\"feature-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title\"\u003ePourquoi cette formule est-elle considérée comme meilleure que les autres dérivés de rétinol?\u003c\/h3\u003e\n\u003cp\u003eLe rétinol est une forme de vitamine A qui doit être transformée dans la peau pour devenir active, ce qui le rend moins efficace comparé au rétinal.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e Quant à la rétine\u003c\/strong\u003e, il agit directement pour stimuler le renouvellement cellulaire et la production de collagène sans nécessité de conversion, ce qui accélère les résultats et réduit le risque d'irritation. Cette différence fait du Rétinal le choix idéal pour les soins intensifs du contour des yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg class=\"section-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M4,6H2V20A2,2 0 0,0 6,20V22H6A2,2 0 0,0 8,20V4A2,2 0 0,0 6,2H4V4H6V6M14,6H12V20A2,2 0 0,0 16,20V22H16A2,2 0 0,0 18,20V4A2,2 0 0,0 16,2H14V4H16V6M22,20V2H20V4H22V6H20V20H22Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eComment utiliser\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eAprès avoir nettoyé délicatement la peau, appliquez le sérum sur le contour des yeux en utilisant une petite quantité. Massez doucement le produit jusqu'à absorption complète, puis appliquez un hydratant approprié pour maintenir l'hydratation et améliorer les résultats. Il est préférable d'utiliser le sérum le matin et le soir pour obtenir les meilleurs résultats..\u003c\/p\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eNettoyer doucement la peau\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eAppliquer une petite quantité de sérum\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eMassez doucement jusqu'à absorption\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eSuivez avec un hydratant approprié\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003csvg class=\"section-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M16,11.78L20.24,4.45L21.97,5.45L16.74,14.5L10.23,10.75L5.46,19H22V21H2V3H4V17.54L9.5,8L16,11.78Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch2 class=\"section-title\"\u003eRésultats cliniques\u003c\/h2\u003e\n\u003cdiv class=\"section-divider\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cp\u003eLes expériences ont montré qu'une utilisation régulière du sérum conduit à des améliorations notables dans plusieurs domaines:\u003c\/p\u003e\n\u003cdiv class=\"clinical-results\"\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eRéduction des rides fines\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e16\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eRéduction de la profondeur des rides fines autour des yeux après 8 semaines d'utilisation régulière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eAugmenter l'hydratation\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e118\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eAmélioration du niveau d'hydratation de la zone des yeux par rapport aux mesures de référence avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eRéduction des cernes\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e30\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eAmélioration notable du teint de la peau et réduction de la pigmentation autour des yeux après seulement 4 semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003ch3 class=\"result-title\"\u003eAméliorer la texture de la peau\u003c\/h3\u003e\n\u003cdiv class=\"percentage-wrapper\"\u003e\n\u003cdiv class=\"circle-container\"\u003e\n\u003cdiv class=\"counter\"\u003e\n\u003cspan class=\"counter-value\"\u003e50\u003c\/span\u003e\u003cspan class=\"counter-suffix\"\u003e%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"result-description\"\u003eAugmentation de la douceur de la peau et amélioration de la texture grâce au renouvellement cellulaire et au renforcement de 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\u003cp\u003eDans \u003cstrong data-end=\"2016\" data-start=\"1979\"\u003eBeauty of Joseon Revive Eye Serum\u003c\/strong\u003e Pas seulement un produit de soin ; c'est un véritable investissement dans la jeunesse et la beauté de vos yeux. Sa formule avancée offre des résultats incroyables en petite dose, en faisant le choix idéal pour ceux qui recherchent un éclat durable et un regard jeune.\u003c\/p\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999393206446,"sku":null,"price":19.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty-of-joseon-ginseng-retinal-revive-eye-serum-30ml_8983ece1-5852-4017-b948-c0b9eba55985.jpg?v=1788175380"},{"product_id":"some-by-mi-snail-truecica-miracle-repair-serum","title":"Some By Mi Snail Truecica Miracle Repair Serum 50Ml","description":"\u003ch2 class=\"\" data-end=\"35\" data-start=\"0\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml_2.png?v=1742739825\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"35\" data-start=\"0\"\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"35\" data-start=\"0\"\u003eEscargot... le secret magique pour résister aux signes du temps\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"285\" data-start=\"36\"\u003eSe préparer à affronter les effets du temps et de l'usure avec \u003cstrong data-end=\"106\" data-start=\"72\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e – Un produit révolutionnaire qui combine le pouvoir de 89 % d'extrait d'escargot noir avec la formule thérapeutique de Trusica qui répare et hydrate profondément la peau. Chaque goutte est un pas audacieux vers une peau plus jeune et éclatante.\u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"314\" data-start=\"287\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"314\" data-start=\"287\"\u003eCombinaison sans précédent d'extrait d'escargot noir\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"366\" data-start=\"315\"\u003e La formule combine deux ingrédients naturels essentiels\u003c\/p\u003e\n\u003cul data-end=\"756\" data-start=\"367\"\u003e\n\u003cli class=\"\" data-end=\"485\" data-start=\"367\"\u003e\n\u003cp class=\"\" data-end=\"485\" data-start=\"369\"\u003e\u003cstrong data-end=\"394\" data-start=\"369\"\u003eExtrait d'escargot noir\u003c\/strong\u003e Il nourrit profondément la peau, stimule la régénération cellulaire et réduit les rides, les cicatrices et les effets de l'acné.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"756\" data-start=\"486\"\u003e\n\u003cp class=\"\" data-end=\"756\" data-start=\"488\"\u003e\u003cstrong data-end=\"515\" data-start=\"488\"\u003eFormule thérapeutique Trusica\u003c\/strong\u003e Il élimine habilement les effets des dommages et traite les cicatrices, restaurant votre peau à son équilibre naturel et à une hydratation permanente.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"756\" data-start=\"486\"\u003e\n\u003cp class=\"\" data-end=\"756\" data-start=\"488\"\u003eCes ingrédients se combinent avec de la niacinamide et des extraits de plantes pour soutenir l'élasticité et la barrière de la peau, la protégeant des agressions environnementales et lui donnant un éclat éblouissant.\u003cbr data-end=\"608\" data-start=\"605\"\/\u003e\u003cbr\/\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_By_Mi_Snail_Truecica_Miracle_Repair_Serum_50Ml.png?v=1742739038\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/h2\u003e\n\u003ch2\u003ePourquoi les escargots noirs en particulier? \u003c\/h2\u003e\n\u003csection\u003e\n\u003cp\u003eL'extrait d'escargot est un ingrédient populaire dans les produits de soins de la peau grâce à ses nombreux bienfaits. Cependant, l'extrait d'escargot noir possède des propriétés uniques qui le rendent supérieur aux autres extraits. Dans le tableau suivant, nous expliquons les raisons qui nous ont poussés à choisir l'extrait d'escargot noir dans notre sérum \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e:\u003c\/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eArticle\u003c\/th\u003e\n\u003cth\u003eExtrait d'escargot noir\u003c\/th\u003e\n\u003cth\u003eD'autres extraits d'escargot\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eIngrédients actifs\u003c\/td\u003e\n\u003ctd\u003eIl contient un pourcentage élevé de protéines, d'élastine, de collagène et d'acides gras essentiels, ce qui favorise la santé de la peau et améliore son élasticité.\u003c\/td\u003e\n\u003ctd\u003eIl contient des ingrédients actifs, mais en proportions plus faibles par rapport à l'escargot noir.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEfficacité dans la réparation de la peau\u003c\/td\u003e\n\u003ctd\u003eIl stimule la régénération des cellules de la peau, réduit l'apparence des cicatrices et de l'acné, et améliore la texture globale de la peau.\u003c\/td\u003e\n\u003ctd\u003eIl aide à rajeunir la peau, mais peut être moins efficace pour traiter les cicatrices profondes et les cicatrices d'acné.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eHydratant et élastique\u003c\/td\u003e\n\u003ctd\u003eIl fournit une hydratation profonde et améliore l'élasticité de la peau grâce à sa riche teneur en collagène et en protéines.\u003c\/td\u003e\n\u003ctd\u003eFournit une bonne hydratation, mais peut être moins efficace pour améliorer l'élasticité que l'helix noir.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAnti-âge\u003c\/td\u003e\n\u003ctd\u003eIl contient de puissants antioxydants qui réduisent l'apparence des ridules et des rides, donnant une apparence plus jeune.\u003c\/td\u003e\n\u003ctd\u003eIl contribue à l'anti-âge, mais son effet peut être moins prononcé comparé à celui de l'escargot noir.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eUnifier le teint\u003c\/td\u003e\n\u003ctd\u003eIl aide à réduire la pigmentation et à unifier le teint, lui donnant un éclat naturel.\u003c\/td\u003e\n\u003ctd\u003eIl peut contribuer à uniformiser le teint de la peau, mais avec moins d'efficacité.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003eEn choisissant l'extrait d'escargot noir, un sérum est fourni \u003cstrong\u003eSome By Mi Snail Truecica\u003c\/strong\u003e Les multiples bienfaits l'emportent sur les autres extraits, ce qui en fait un choix idéal pour quiconque cherche une peau saine, fraîche et impeccable.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"783\" data-start=\"758\"\u003eIl a une solution pour chaque problème de votre peau\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"877\" data-start=\"784\"\u003eIl est considéré \u003cstrong data-end=\"825\" data-start=\"791\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e La solution complète aux problèmes de peau abîmée ; elle agit sur:\u003c\/p\u003e\n\u003cul data-end=\"1164\" data-start=\"878\"\u003e\n\u003cli class=\"\" data-end=\"958\" data-start=\"878\"\u003e\n\u003cp class=\"\" data-end=\"958\" data-start=\"880\"\u003eRéhydrate profondément la peau et stimule la régénération cellulaire, ce qui améliore son apparence générale.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1037\" data-start=\"959\"\u003e\n\u003cp class=\"\" data-end=\"1037\" data-start=\"961\"\u003eRéduire l'apparence des fines rides et des cicatrices résultant de l'acné et des facteurs environnementaux.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1106\" data-start=\"1038\"\u003e\n\u003cp class=\"\" data-end=\"1106\" data-start=\"1040\"\u003eSoutenir la barrière naturelle de la peau et rééquilibrer ses niveaux d'huile et d'eau.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1164\" data-start=\"1107\"\u003e\n\u003cp class=\"\" data-end=\"1164\" data-start=\"1109\"\u003eAméliore la texture de la peau et procure un éclat naturel qui dure toute la journée.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 class=\"\" data-end=\"1188\" data-start=\"1166\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"1188\" data-start=\"1166\"\u003eComment fonctionne le sérum?\u003c\/h2\u003e\n\u003cul data-end=\"1582\" data-start=\"1269\"\u003e\n\u003cli class=\"\" data-end=\"1367\" data-start=\"1269\"\u003e\n\u003cp class=\"\" data-end=\"1367\" data-start=\"1271\"\u003eL'extrait d'escargot noir stimule la production de collagène et la régénération cellulaire, ce qui redonne jeunesse et élasticité à la peau.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1491\" data-start=\"1368\"\u003e\n\u003cp class=\"\" data-end=\"1491\" data-start=\"1370\"\u003eLa formule Trusica aide à traiter les cicatrices et les signes de dommages, tandis que la Niacinamide unifie le teint et réduit l'inflammation.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-end=\"1582\" data-start=\"1492\"\u003e\n\u003cp class=\"\" data-end=\"1582\" data-start=\"1494\"\u003eLe résultat est une peau soignée, rajeunie, protégée des effets du temps et des dommages, avec une texture lisse et un éclat éblouissant.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 class=\"\" data-end=\"1613\" data-start=\"1584\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"1613\" data-start=\"1584\"\u003eManière idéale d'utiliser\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"1886\" data-start=\"1614\"\u003eAprès avoir nettoyé délicatement la peau, appliquez le sérum sur le visage en vous concentrant sur les zones affectées telles que les rides et les cicatrices. Massez doucement le produit jusqu'à absorption complète, puis appliquez un hydratant approprié pour maintenir l'hydratation et améliorer les résultats. Il est préférable d'utiliser le sérum le matin et le soir pour de meilleurs résultats.\u003c\/p\u003e\n\u003ch2 class=\"\" data-end=\"1919\" data-start=\"1888\"\u003e\u003cbr\/\u003e\u003c\/h2\u003e\n\u003ch2 class=\"\" data-end=\"1919\" data-start=\"1888\"\u003eLes meilleurs investissements pour la santé de votre peau\u003c\/h2\u003e\n\u003cp class=\"\" data-end=\"2177\" data-start=\"1920\"\u003eDans \u003cstrong data-end=\"1957\" data-start=\"1923\"\u003eSome By Mi Snail Trusica Serum\u003c\/strong\u003e Pas seulement un produit de soin de la peau, c'est un véritable investissement dans la jeunesse de votre peau. Sa formule concentrée et efficace obtient des résultats visibles avec l'utilisation d'une petite quantité, en faisant le choix idéal pour ceux qui cherchent à restaurer la fraîcheur et l'éclat de leur peau et à la protéger des signes du temps.\u003c\/p\u003e\n\u003cp class=\"\" data-end=\"2327\" data-start=\"2179\"\u003eProfitez d'une expérience thérapeutique complète où la science rencontre la nature pour donner à votre peau l'éclat qu'elle mérite, et pour être toujours prêt à affronter les défis du temps avec confiance et beauté.\u003c\/p\u003e","brand":"some by mi","offers":[{"title":"Default Title","offer_id":46999393468590,"sku":null,"price":19.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Heading_2.png?v=1788175380"},{"product_id":"cosrx-advanced-snail-peptide-eye-cream","title":"Crème pour les yeux COSRX pour éclaircir les cernes et traiter les rides avec extrait d'escargot et peptides","description":"\u003cdiv class=\"cxe-ultimate-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Core Variables (COSRX Identity: Deep Obsidian \u0026 Signature Gold) === *\/\n        .cxe-ultimate-wrapper {\n            --cxe-bg-base: #080808;\n            --cxe-bg-alt: #0d0d0d;\n            --cxe-card-glass: rgba(25, 25, 25, 0.6);\n            --cxe-card-hover: rgba(35, 35, 35, 0.85);\n            --cxe-gold-main: #f4c022; \/* COSRX Yellow\/Gold *\/\n            --cxe-gold-bright: #ffe066;\n            --cxe-gold-dark: #b8860b;\n            --cxe-gradient-gold: linear-gradient(135deg, #ffe066 0%, #f4c022 50%, #b8860b 100%);\n            --cxe-gradient-dark: linear-gradient(180deg, #141108 0%, #080808 100%);\n            --cxe-gradient-overlap: linear-gradient(135deg, rgba(244, 192, 34, 0.08) 0%, rgba(8, 8, 8, 0.95) 100%);\n            --cxe-text-light: #f8fafc;\n            --cxe-text-muted: #a1a1aa;\n            --cxe-border: rgba(244, 192, 34, 0.15);\n            --cxe-glow: rgba(244, 192, 34, 0.2);\n            \n            font-family:inherit;\n            line-height: 1.8;\n            overflow: hidden;\n            position: relative;\n            background-color: var(--cxe-bg-base);\n            color: var(--cxe-text-light);\n            border-radius: 24px;\n            box-shadow: 0 0 60px rgba(0,0,0,0.9) inset;\n        }\n\n        .cxe-ultimate-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .cxe-container {\n            max-width: 1050px;\n            margin: 0 auto;\n            padding: 0 25px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Overlapping Gradients \u0026 Ambient Glows === *\/\n        .cxe-ambient {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 0;\n        }\n        .cxe-glow-orb {\n            position: absolute; border-radius: 50%; filter: blur(120px); opacity: 0.35;\n            background: rgba(244, 192, 34, 0.15);\n        }\n        .cxe-orb-1 { width: 500px; height: 500px; top: -100px; right: -150px; }\n        .cxe-orb-2 { width: 600px; height: 600px; bottom: 5%; left: -200px; }\n\n        \/* === Alternating Sections === *\/\n        .cxe-section { padding: 70px 0; position: relative; border-bottom: 1px solid rgba(255,255,255,0.02); }\n        .cxe-theme-base { background-color: var(--cxe-bg-base); }\n        .cxe-theme-alt { background-color: var(--cxe-bg-alt); }\n        .cxe-theme-overlap { background: var(--cxe-gradient-overlap); }\n        .cxe-theme-dark-grad { background: var(--cxe-gradient-dark); }\n\n        \/* === Typography === *\/\n        .cxe-text-gold {\n            background: var(--cxe-gradient-gold);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n        }\n\n        .cxe-title-main {\n            font-size: clamp(26px, 4.5vw, 42px);\n            font-weight: 900;\n            line-height: 1.4;\n            margin-bottom: 25px;\n            text-align: center;\n        }\n\n        .cxe-title-section {\n            font-size: clamp(22px, 3.5vw, 32px);\n            font-weight: 800;\n            text-align: center;\n            margin-bottom: 20px;\n            color: #ffffff;\n            position: relative;\n        }\n\n        .cxe-subtitle {\n            font-size: clamp(16px, 2vw, 19px);\n            color: var(--cxe-text-muted);\n            text-align: center;\n            max-width: 850px;\n            margin: 0 auto 40px;\n            font-weight: 500;\n        }\n\n        \/* === Media Wrappers === *\/\n        .cxe-media-wrapper {\n            position: relative;\n            width: 100%;\n            margin: 0 auto 40px;\n            display: block;\n            border-radius: 20px;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.8), 0 0 30px var(--cxe-glow);\n            border: 1px solid var(--cxe-border);\n            overflow: hidden;\n        }\n        .cxe-media-wrapper.size-lg { max-width: 850px; }\n        .cxe-media-wrapper.size-md { max-width: 600px; }\n\n        .cxe-product-media {\n            width: 100%; height: auto; display: block; object-fit: cover;\n            transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n        }\n        .cxe-media-wrapper:hover .cxe-product-media { transform: scale(1.03); }\n\n        \/* === Grids \u0026 Cards === *\/\n        .cxe-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }\n        .cxe-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }\n\n        .cxe-card {\n            background: var(--cxe-card-glass);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid rgba(255,255,255,0.05);\n            border-radius: 20px;\n            padding: 30px 25px;\n            position: relative;\n            transition: all 0.4s ease;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.4);\n        }\n\n        .cxe-card:hover {\n            transform: translateY(-8px);\n            background: var(--cxe-card-hover);\n            border-color: var(--cxe-border);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.7), 0 0 20px var(--cxe-glow);\n        }\n\n        .cxe-icon-badge {\n            width: 45px; height: 45px;\n            background: rgba(255,255,255,0.03);\n            border: 1px solid var(--cxe-border);\n            border-radius: 12px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px;\n            color: var(--cxe-gold-main);\n            font-size: 18px; font-weight: 900;\n            transition: 0.4s ease;\n            font-family:system-ui,sans-serif;\n        }\n\n        .cxe-card h3 { font-size: 1.25rem; font-weight: 800; margin-bottom: 12px; color: #fff; }\n        .cxe-card h4 { font-size: 1.1rem; color: var(--cxe-gold-main); margin-bottom: 10px; }\n        .cxe-card p { font-size: 1.05rem; color: var(--cxe-text-muted); margin: 0; line-height: 1.7; }\n\n        \/* === Clean Lists === *\/\n        .cxe-list { list-style: none; padding: 0; margin-top: 15px; }\n        .cxe-list li {\n            position: relative; padding-left: 30px; margin-bottom: 15px; color: var(--cxe-text-light); font-size: 1.05rem;\n        }\n        .cxe-list li::before {\n            content: '✓'; position: absolute; right: 0; top: 0; color: var(--cxe-gold-main); font-weight: 900; font-size: 1.2rem;\n        }\n\n        \/* === Comparison Table === *\/\n        .cxe-table-container {\n            overflow-x: auto; margin: 40px 0; border-radius: 20px;\n            border: 1px solid var(--cxe-border); box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n            background: rgba(10, 10, 10, 0.8); backdrop-filter: blur(10px);\n        }\n        .cxe-table { width: 100%; border-collapse: collapse; text-align: left; min-width: 600px; }\n        .cxe-table th, .cxe-table td { padding: 20px; border-bottom: 1px solid rgba(255,255,255,0.05); font-size: 1.05rem; }\n        .cxe-table th { background: rgba(244, 192, 34, 0.05); color: var(--cxe-gold-main); font-weight: 800; font-size: 1.15rem; }\n        .cxe-table td.highlight { background: rgba(244, 192, 34, 0.03); color: #fff; font-weight: bold; border-right: 2px solid var(--cxe-gold-main); }\n        .cxe-table tr:last-child td { border-bottom: none; }\n\n        \/* === Timeline \/ Steps === *\/\n        .cxe-timeline { position: relative; max-width: 800px; margin: 40px auto 0; }\n        .cxe-timeline::before {\n            content: ''; position: absolute; top: 0; right: 50%; width: 2px; height: 100%;\n            background: linear-gradient(to bottom, transparent, var(--cxe-gold-main), transparent);\n            transform: translateX(50%);\n        }\n        \n        .cxe-timeline-item { display: flex; justify-content: flex-end; padding-left: 50%; position: relative; margin-bottom: 30px; }\n        .cxe-timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 0; padding-left: 50%; }\n        \n        .cxe-timeline-content {\n            width: 90%; background: var(--cxe-card-glass); border: 1px solid rgba(255,255,255,0.05);\n            padding: 25px; border-radius: 16px; transition: 0.3s; box-shadow: 0 10px 20px rgba(0,0,0,0.3);\n        }\n        .cxe-timeline-content:hover { border-color: var(--cxe-gold-main); transform: translateY(-5px); background: var(--cxe-card-hover); }\n        \n        .cxe-timeline-badge {\n            position: absolute; top: 25px; right: -7%; width: 16px; height: 16px;\n            background: var(--cxe-bg-base); border: 3px solid var(--cxe-gold-main); border-radius: 50%; z-index: 2;\n            box-shadow: 0 0 10px var(--cxe-glow);\n        }\n        .cxe-timeline-item:nth-child(even) .cxe-timeline-badge { right: auto; left: -7%; }\n        \n        .cxe-time-label {\n            color: #000; font-weight: 800; margin-bottom: 10px; font-size: 1.05rem;\n            display: inline-block; background: var(--cxe-gradient-gold); padding: 5px 20px; border-radius: 20px;\n        }\n\n        \/* === CTA Button === *\/\n        .cxe-btn {\n            display: inline-block; background: var(--cxe-gradient-gold); background-size: 200% auto;\n            color: #000; padding: 18px 45px; border-radius: 40px; font-size: 1.25rem; font-weight: 900;\n            text-decoration: none; border: none; cursor: pointer; transition: 0.4s ease;\n            box-shadow: 0 10px 30px var(--cxe-glow); margin-top: 20px; font-family:inherit;\n        }\n        .cxe-btn:hover { background-position: right center; transform: translateY(-5px); box-shadow: 0 15px 40px rgba(244, 192, 34, 0.4); }\n\n        \/* === Animations === *\/\n        .cxe-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n        .cxe-reveal.cxe-active { opacity: 1; transform: translateY(0); }\n        .delay-1 { transition-delay: 0.1s; }\n        .delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .cxe-section { padding: 50px 0; }\n            .cxe-timeline::before { right: 20px; transform: none; }\n            .cxe-timeline-item, .cxe-timeline-item:nth-child(even) { padding-left: 0; padding-left: 50px; justify-content: flex-start; }\n            .cxe-timeline-content { width: 100%; }\n            .cxe-timeline-badge { right: 12px; top: 25px; }\n            .cxe-timeline-item:nth-child(even) .cxe-timeline-badge { left: auto; right: 12px; }\n            .cxe-media-wrapper { border-radius: 12px; }\n        }\n    \u003c\/style\u003e\n\u003c!-- 1. HERO SECTION (Dark Base) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-base\" style=\"padding-top: 60px;\"\u003e\n\u003cdiv class=\"cxe-ambient\"\u003e\n\u003cdiv class=\"cxe-glow-orb cxe-orb-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-container\" style=\"text-align: center;\"\u003e\n\u003ch1 class=\"cxe-title-main cxe-reveal\"\u003eLa première chose qui révèle l'âge n'est pas les rides..\u003cbr\/\u003e\u003cspan class=\"cxe-text-gold\"\u003eVoici les yeux\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"cxe-subtitle cxe-reveal delay-1\"\u003e\n                L'attention se porte sur les yeux avant d'entendre un mot. Avant qu'un signe ne soit remarqué sur le visage, la zone des yeux précède tout le reste, révélant les détails du manque de sommeil, l'effet des écrans, le stress et les années qui ont passé. Et le problème ? La majorité traitent l'ensemble du visage et laissent la zone parler!\n            \u003c\/p\u003e\n\u003cdiv class=\"cxe-media-wrapper size-lg cxe-reveal delay-2\"\u003e\n\u003cimg alt=\"COSRX Snail Peptide Eye Cream\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx_snail_7771-R4_e133b5a0-7b1b-48db-8db0-0a5f14cdfd2f.webp?v=1788026267\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. THE PROBLEM (Dark Gradient) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-dark-grad\"\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eLa peau sous les yeux est la plus fine possible... et la traiter comme le reste du visage est une erreur\u003c\/h2\u003e\n\u003cdiv class=\"cxe-grid-2\" style=\"align-items: center; margin-top: 40px;\"\u003e\n\u003cdiv class=\"cxe-reveal\"\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--cxe-text-light); margin-bottom: 20px; line-height: 1.8;\"\u003e\n                        La peau autour des yeux est beaucoup plus fine que le reste du visage, contient beaucoup moins de glandes sébacées et subit des mouvements quotidiens constants à chaque clignement et à chaque sourire. Le résultat?\n                    \u003c\/p\u003e\n\u003cul class=\"cxe-list\"\u003e\n\u003cli\u003eSèche plus vite.\u003c\/li\u003e\n\u003cli\u003eIl montre des signes de fatigue avant tout autre domaine.\u003c\/li\u003e\n\u003cli\u003eLes fines lignes commencent à partir de cela en premier.\u003c\/li\u003e\n\u003cli\u003eIl est sensible aux crèmes lourdes destinées au reste du visage.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--cxe-gold-bright); font-weight: bold; margin-top: 20px;\"\u003e\n                        Par conséquent, une crème pour le visage ordinaire n'est pas une solution ici. Cette zone a besoin d'une formule spécialement conçue pour elle.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-media-wrapper size-md cxe-reveal delay-1\" style=\"margin-bottom: 0;\"\u003e\n\u003cimg alt=\"Snail Secretion Care\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/snail_secetions_skin_care.webp?v=1788026290\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. THE SOLUTION \u0026 BENEFITS (Overlap Theme) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-overlap\"\u003e\n\u003cdiv class=\"cxe-ambient\"\u003e\n\u003cdiv class=\"cxe-glow-orb cxe-orb-3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eCosrx n'a pas créé une crème pour les yeux ordinaire... il a créé une dose concentrée\u003c\/h2\u003e\n\u003cp class=\"cxe-subtitle cxe-reveal\"\u003e\n                La plupart des crèmes pour les yeux sur le marché sont composées d'eau, d'huiles et de parfum, et l'ingrédient actif est en bas de la liste en concentration nominale. Cosrx est allé à contre-courant: \u003cstrong class=\"cxe-text-gold\"\u003eLe mucus d'escargot est le premier ingrédient à 72 %.\u003c\/strong\u003e L'ingrédient actif ici n'est pas un additif. Au contraire, il constitue la base du produit.\n            \u003c\/p\u003e\n\u003cdiv class=\"cxe-media-wrapper size-lg cxe-reveal\" style=\"margin-bottom: 50px;\"\u003e\n\u003cimg alt=\"COSRX Eye Cream Box\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/cosrx-advanced-snail-peptide-eye-cream_8809598451070_DarBeauty_03_4cea1998-1667-428d-a023-baaa56d1b119.webp?v=1788026319\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\" style=\"margin-bottom: 40px;\"\u003eAvantages globaux du produit\u003c\/h2\u003e\n\u003cdiv class=\"cxe-grid-2 cxe-reveal\"\u003e\n\u003cdiv class=\"cxe-card\"\u003e\n\u003cul class=\"cxe-list\" style=\"margin-top: 0;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéduire l'apparence des cernes et de la fatigue:\u003c\/strong\u003e Grâce à la combinaison de niacinamide avec du mucus d'escargot.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLissage des rides fines et d'expression:\u003c\/strong\u003e Avec la technologie Acétyl Hexapeptide-8 et Palmitoyl Pentapeptide-4.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoutenir l'élasticité et la fermeté de la peau délicate:\u003c\/strong\u003e Grâce au Copper Tripeptide-1.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation profonde et plénitude instantanée:\u003c\/strong\u003e Avec un mélange de hyaluronate de sodium, glycérine et butylène glycol.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-card\"\u003e\n\u003cul class=\"cxe-list\" style=\"margin-top: 0;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéduire l'apparence des poches matinales:\u003c\/strong\u003e Puissante adénosine combinée avec du mucus d'escargot.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApaiser les rougeurs et la sensibilité:\u003c\/strong\u003e Avec l'action de l'allantoïne, du panthénol et des peptides apaisants.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection contre le stress oxydatif quotidien:\u003c\/strong\u003e Grâce à la vitamine E.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNutrition pour peau sèche sans l'alourdir:\u003c\/strong\u003e Grâce à l'huile de graines de tournesol 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!-- 4. HOW IT WORKS (Alternate Theme) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-alt\"\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eComment cela fonctionne? \u003c\/h2\u003e\n\u003cdiv class=\"cxe-media-wrapper size-lg cxe-reveal delay-1\" style=\"margin-bottom: 50px;\"\u003e\n\u003cimg alt=\"Applying Eye Cream\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Woman_applying_eye_cream_202608292106.jpg?v=1788026823\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-grid-2 cxe-reveal\"\u003e\n\u003cdiv class=\"cxe-card\" style=\"border-top: 3px solid var(--cxe-gold-main);\"\u003e\n\u003ch3 style=\"color: var(--cxe-gold-bright);\"\u003e72% de mucus d'escargot : une plante réparatrice complète\u003c\/h3\u003e\n\u003cp\u003ePas seulement une crème hydratante, mais un mélange naturel de glycoprotéines, d'acide hyaluronique, d'allantoïne, de cuivre et de peptides naturels. Il remplit la peau d'hydratation pour réduire rapidement les lignes sèches, apaise et favorise la réparation de la barrière cutanée pour diminuer les rougeurs et la sensibilité. Le résultat : une zone « pleine et détendue » plutôt que « sèche et tendue”.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-card\" style=\"border-top: 3px solid var(--cxe-gold-main);\"\u003e\n\u003ch3 style=\"color: var(--cxe-gold-bright);\"\u003eNiacinamide : spécialiste de l'éclaircissement de la pigmentation\u003c\/h3\u003e\n\u003cp\u003eL'un des ingrédients les plus étudiés pour éclaircir l'apparence des taches, unifier la couleur et soutenir la barrière cutanée. Sa présence ici est spécifiquement destinée aux cernes résultant de la pigmentation, de la sécheresse et du teint terne..\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-card\" style=\"grid-column: 1 \/ -1; border-top: 3px solid var(--cxe-gold-main);\"\u003e\n\u003ch3 style=\"color: var(--cxe-gold-bright);\"\u003e5 peptides... chaque type a une tâche spécifique\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 15px;\"\u003eLes peptides sont des chaînes d'acides aminés qui signalent à la peau de construire et de raffermir. Cosrx ne s'est pas limité à un type:\u003c\/p\u003e\n\u003cul class=\"cxe-list\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 15px;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCopper Tripeptide-1:\u003c\/strong\u003e Pour soutenir le collagène et la régénération de la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcetyl Hexapeptide-8:\u003c\/strong\u003e Réduire l'apparence des rides d'expression causées par le mouvement des muscles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Pentapeptide-4:\u003c\/strong\u003e Pour soutenir l'apparence de densité et d'épaisseur de la peau fine.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tripeptide-1:\u003c\/strong\u003e Pour améliorer la flexibilité et la cohésion.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tetrapeptide-7:\u003c\/strong\u003e Pour apaiser les inflammations mineures qui accélèrent le vieillissement.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-card\" style=\"grid-column: 1 \/ -1; border-top: 3px solid var(--cxe-gold-main);\"\u003e\n\u003ch3 style=\"color: var(--cxe-gold-bright);\"\u003eHuile de tournesol et vitamine E : retenir l'hydratation\u003c\/h3\u003e\n\u003cp\u003eLa zone des yeux est souvent plus sèche que le reste du visage. L'huile de graines de tournesol apporte de la nutrition sans lourdeur ni obstruction, tandis que la vitamine E protège contre l'oxydation quotidienne nocive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. COMPARISON \u0026 TIMELINE (Dark Gradient) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-dark-grad\"\u003e\n\u003cdiv class=\"cxe-ambient\"\u003e\n\u003cdiv class=\"cxe-glow-orb cxe-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eLa différence entre lui et ce qui se trouve actuellement dans le tiroir de votre chambre\u003c\/h2\u003e\n\u003cdiv class=\"cxe-table-container cxe-reveal\" style=\"margin-bottom: 80px;\"\u003e\n\u003ctable class=\"cxe-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eNormes\u003c\/th\u003e\n\u003cth style=\"color: #666;\"\u003eCrème traditionnelle\u003c\/th\u003e\n\u003cth style=\"background: rgba(245, 184, 0, 0.1); color: var(--cxe-gold-bright);\"\u003eCOSRX Snail Peptide\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eIngrédient actif\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eAu bas de la liste avec peu de concentration\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eLe mucus d'escargot est le premier ingrédient, 72 %.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003ePeptides\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003e \u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eCinq peptides différents et complémentaires\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eTexture\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eLourde et peut provoquer des granules blancs\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eLotion légère qui s'absorbe en quelques secondes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eHolisme\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eIl traite un seul problème\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eTraite les cernes + les poches + les ridules + hydrate\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eIrritabilité\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"color: #888;\"\u003eContient des parfums et de l'alcool qui irritent la zone\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eSans parfum, alcool et huiles essentielles\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eLe parcours des résultats... étape par étape\u003c\/h2\u003e\n\u003cdiv class=\"cxe-media-wrapper size-md cxe-reveal\" style=\"margin-bottom: 40px;\"\u003e\n\u003cimg alt=\"Snail Shell and Eye Cream\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snail_shell_and_eye_cream_202608292104.jpg?v=1788026735\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline cxe-reveal\"\u003e\n\u003cdiv class=\"cxe-timeline-item\"\u003e\n\u003cdiv class=\"cxe-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-content\"\u003e\n\u003cdiv class=\"cxe-time-label\"\u003eDès la première utilisation\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eLa zone devient confortable et hydratée, et les croûtes et la sécheresse disparaissent immédiatement. Le maquillage s'étale plus facilement dessus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-item\"\u003e\n\u003cdiv class=\"cxe-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-content\"\u003e\n\u003cdiv class=\"cxe-time-label\"\u003eDe 3 à 7 jours\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eLes ridules causées par la sécheresse sont moins visibles, et la zone semble moins fatiguée et plus repulpée le matin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-item\"\u003e\n\u003cdiv class=\"cxe-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-content\"\u003e\n\u003cdiv class=\"cxe-time-label\"\u003eDe 2 à 4 semaines\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eLa texture de la peau devient plus lisse, les gonflements matinaux diminuent progressivement et les cernes dues à la sécheresse commencent à s'éclaircir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-item\"\u003e\n\u003cdiv class=\"cxe-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cxe-timeline-content\"\u003e\n\u003cdiv class=\"cxe-time-label\"\u003eDe 8 à 12 semaines\u003c\/div\u003e\n\u003cp style=\"color: var(--cxe-text-light); margin: 0;\"\u003eL'effet des peptides se fait fortement sentir : l'élasticité et la fermeté de la zone s'améliorent, et l'apparence des ridules est visiblement réduite. (Le flacon de 25 ml suffit pour deux à trois mois, grâce à la petite quantité requise).\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!-- 6. USAGE \u0026 REVIEWS (Base Theme) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-base\"\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003ch2 class=\"cxe-title-section cxe-reveal\"\u003eComment utiliser\u003c\/h2\u003e\n\u003cdiv class=\"cxe-steps cxe-reveal delay-1\" style=\"margin-bottom: 60px;\"\u003e\n\u003cdiv class=\"cxe-step\"\u003e\n\u003cdiv class=\"cxe-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003ePréparation\u003c\/h4\u003e\n\u003cp\u003eAprès avoir appliqué le tonique et le sérum, prenez une très petite quantité de la taille d'une lentille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-step\"\u003e\n\u003cdiv class=\"cxe-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eDistribution sûre\u003c\/h4\u003e\n\u003cp\u003eAvec Qui .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-step\"\u003e\n\u003cdiv class=\"cxe-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eTapotement\u003c\/h4\u003e\n\u003cp\u003eTapotez doucement jusqu'à absorption complète. Il est strictement interdit de tirer ou de malmener la peau délicate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-step\"\u003e\n\u003cdiv class=\"cxe-step-num\"\u003e4\u003c\/div\u003e\n\u003ch4\u003eRoutine\u003c\/h4\u003e\n\u003cp\u003eMorning . . Activé .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Reviews Summary --\u003e\n\u003cdiv class=\"cxe-card cxe-reveal\" style=\"background: rgba(15, 15, 15, 0.8); border: 1px solid rgba(255,255,255,0.1);\"\u003e\n\u003ch3 style=\"text-align: center; font-size: 1.6rem; color: #fff; margin-bottom: 20px;\"\u003eOpinions des utilisateurs (note globale 4,8\/5))\u003c\/h3\u003e\n\u003cp style=\"text-align: center; color: var(--cxe-text-muted); margin-bottom: 30px;\"\u003eEn examinant les critiques publiées sur des sites internationaux, cette crème est considérée comme l'une des mieux notées dans la catégorie des crèmes pour les yeux coréennes.\u003c\/p\u003e\n\u003cdiv class=\"cxe-grid-2\"\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--cxe-gold-bright); margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px;\"\u003e:\u003c\/h4\u003e\n\u003cul class=\"cxe-list\"\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eTexture:\u003c\/strong\u003e Léger comme une lotion, il s'absorbe en quelques secondes, ne laisse pas de couche grasse et n'interfère pas avec le correcteur.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eHydratation instantanée:\u003c\/strong\u003e La texture de la zone s'améliore clairement et les squames sèches sont réduites dès les premiers jours.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eNon irritant:\u003c\/strong\u003e Totalement Les yeux Sensible .\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color:#fff;\"\u003eÉconomies:\u003c\/strong\u003e Une très petite quantité suffit, et le paquet dure des mois.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--cxe-text-muted); margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px;\"\u003ePoints qui ont été répétés dans la critique:\u003c\/h4\u003e\n\u003cul class=\"cxe-list\" style=\"color: #aaa;\"\u003e\n\u003cli style=\"color: #aaa;\"\u003e\n\u003cspan style=\"color: #666;\"\u003e✓\u003c\/span\u003e Certains trouvent que le paquet (25 ml) est petit, bien que les avis confirment que la consommation quotidienne est très faible.\u003c\/li\u003e\n\u003cli style=\"color: #aaa;\"\u003e\n\u003cspan style=\"color: #666;\"\u003e✓\u003c\/span\u003e La texture du mucus peut sembler étrange lors de la première utilisation, mais la sensation disparaît immédiatement.\u003c\/li\u003e\n\u003cli style=\"color: #aaa;\"\u003e\n\u003cspan style=\"color: #666;\"\u003e✓\u003c\/span\u003e Un changement radical des ridules nécessite des semaines de patience, et n'apparaît pas dès la première semaine.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; color: var(--cxe-gold-main); font-weight: bold; margin-top: 20px;\"\u003eConclusion neutre : Le consensus indique que c'est l'une des meilleures crèmes pour les yeux dans sa catégorie de prix pour l'hydratation, le confort et la sécurité de la formule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. CTA \u0026 INGREDIENTS (Overlap Theme) --\u003e\n\u003cdiv class=\"cxe-section cxe-theme-overlap\" style=\"text-align: center;\"\u003e\n\u003cdiv class=\"cxe-ambient\"\u003e\n\u003cdiv class=\"cxe-glow-orb cxe-orb-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cxe-container\"\u003e\n\u003cdiv class=\"cxe-media-wrapper size-md cxe-reveal\" style=\"margin-bottom: 40px;\"\u003e\n\u003cimg alt=\"Snail Eye Cream\" class=\"cxe-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Snails_crawling_near_eye_cream_202608292102.jpg?v=1788026614\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"cxe-title-main cxe-reveal\" style=\"font-size: clamp(26px, 4vw, 40px);\"\u003eLes yeux n'attendront pas... et le temps ne s'arrête pas\u003c\/h2\u003e\n\u003cp class=\"cxe-subtitle cxe-reveal\" style=\"color: #fff; font-size: 1.15rem;\"\u003e\n                Chaque jour qui passe alors que la zone délicate autour des yeux est laissée sans soin spécifique est un jour ajouté à l’âge, et non à la peau. La différence entre un aspect jeune et un aspect fatigué ne tient pas seulement à la génétique, mais plutôt à continuer d’appliquer la crème correcte au bon endroit..\n            \u003c\/p\u003e\n\u003cdiv class=\"cxe-reveal\"\u003e\n\u003cbutton class=\"cxe-btn\"\u003eLe début est maintenant... pour restaurer un aspect jeune et radieux\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Footer --\u003e\n\u003cdiv class=\"cxe-reveal\" style=\"margin-top: 60px; text-align: left; direction: ltr; padding: 25px; background: rgba(0,0,0,0.5); border: 1px solid var(--cxe-border); border-radius: 16px;\"\u003e\n\u003ch4 style=\"color: var(--cxe-gold-main); margin-bottom: 10px; font-size: 1.1rem; text-align: left; direction: ltr;\"\u003eListe complète des ingrédients (INCI))\u003c\/h4\u003e\n\u003cp style=\"color: #888; font-size: 0.9rem; line-height: 1.6;\"\u003e\n                    Snail Secretion Filtrate, Butylene Glycol, Glycerin, Helianthus Annuus (Sunflower) Seed Oil, 1,2-Hexanediol, Niacinamide, Water, Palmitic Acid, Arginine, Carbomer, Stearic Acid, Betaine, Cetearyl Olivate, Sorbitan Olivate, Sodium Polyacrylate, Allantoin, Tocopheryl Acetate, Panthenol, Hydroxyethyl Acrylate\/Sodium Acryloyldimethyl Taurate Copolymer, Sodium Hyaluronate, Adenosine, Xanthan Gum, Myristic Acid, Copper Tripeptide-1, Acetyl Hexapeptide-8, Palmitoyl Pentapeptide-4, Palmitoyl Tripeptide-1, Palmitoyl Tetrapeptide-7.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            \/\/ Scroll Reveal Animation\n            const reveals = document.querySelectorAll('.cxe-reveal');\n            const observer = new IntersectionObserver((entries, obs) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('cxe-active');\n                        obs.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(el =\u003e observer.observe(el));\n\n            \/\/ Premium 3D Tilt Effect\n            if (window.matchMedia(\"(hover: hover)\").matches) {\n                const tiltCards = document.querySelectorAll('.cxe-media-wrapper');\n                tiltCards.forEach(card =\u003e {\n                    const media = card.querySelector('.cxe-product-media');\n                    card.addEventListener('mousemove', e =\u003e {\n                        const rect = card.getBoundingClientRect();\n                        const x = e.clientX - rect.left;\n                        const y = e.clientY - rect.top;\n                        const centerX = rect.width \/ 2;\n                        const centerY = rect.height \/ 2;\n                        \n                        const rotateX = ((y - centerY) \/ centerY) * -3;\n                        const rotateY = ((x - centerX) \/ centerX) * 3;\n                        \n                        media.style.transform = `scale(1.02) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n                    });\n\n                    card.addEventListener('mouseleave', () =\u003e {\n                        media.style.transform = `scale(1) rotateX(0deg) rotateY(0deg)`;\n                    });\n                });\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Cosrx","offers":[{"title":"Default Title","offer_id":46999393730734,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrx_snail_peptide_eye_cream_1.png?v=1788175379"},{"product_id":"skin-1004-centella-ampoule-signature-soothing-ampoule","title":"Ampoule\/Sérum SKIN1004 Centella Madagascar | Apaisement avancé pour peau sensible | Anti-rougeurs et irritations","description":"\u003c!-- SKIN1004 Madagascar Centella Ampoule - Converted to Universal CSS System --\u003e\n\u003cdiv class=\"ph-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"ph-hero-section\"\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"ph-hero-title\"\u003eAmpoule coréenne 100 % pure qui répare la peau endommagée en quelques minutes\u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003eLorsque la pureté de Centella asiatica de Madagascar se combine avec la science coréenne avancée - un véritable soin SOS pour tout dommage ou irritation de la peau.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003cimg alt=\"SKIN1004 Madagascar Centella Ampoule\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica_skin_1004_centella_ampoule.webp?v=1762333980\"\/\u003e\n\u003ch2 class=\"ph-product-name\"\u003eSKIN1004 Madagascar Centella Ampoule\u003c\/h2\u003e\n\u003cp class=\"ph-product-intro\"\u003e\n      La peau est rouge tout le temps. Sensible à tout produit. La barrière cutanée est détruite par les acides ou le rétinol. Les rougeurs et les irritations persistent. Le problème ne vient pas de la peau elle-même - \u003cstrong\u003eLe problème est une barrière cutanée endommagée\u003c\/strong\u003e. SKIN1004 Madagascar Centella Ampoule est \u003cstrong\u003eAmpoule aqueuse pure - presque 100% Centella asiatica\u003c\/strong\u003e Qui . - \u003cstrong\u003eUn seul ingrédient puissant et cliniquement prouvé\u003c\/strong\u003e Il répare la barrière, apaise les rougeurs, accélère la guérison et hydrate profondément. Végan, sûr pour l'acné fongique, idéal pour tous les types de peau.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section --\u003e\n\u003cdiv class=\"ph-problem-section\"\u003e\n\u003ch2 class=\"ph-problem-title\"\u003eBarrière cutanée endommagée = peau sensible et enflammée\u003c\/h2\u003e\n\u003ch3 class=\"ph-problem-subtitle\"\u003e\n\u003cstrong\u003eLa barrière cutanée est la première ligne de défense – une couche de protection contre le monde extérieur\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp class=\"ph-problem-text\"\u003e\n      Skin Il Premier - Qui Graisse Skin Qui Qui . Barrière Qui Dans Skin Activé Protection .\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-problem-details\"\u003e\n\u003ch4 class=\"ph-problem-detail-title\"\u003eSignes d'une barrière cutanée endommagée:\u003c\/h4\u003e\n\u003cdiv class=\"ph-problem-grid\"\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eRougeur persistante\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003eMême sans raison apparente, la peau est sensible à tout produit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eSécheresse et desquamation\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003eMême si vous utilisez une crème hydratante et que la peau n'est pas confortable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eBoutons fréquents\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003eLes bactéries peuvent facilement pénétrer, et les cicatrices d'acné guérissent lentement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-problem-highlight\"\u003e\n\u003cstrong\u003eCause : sur-exfoliation, produits agressifs, infections chroniques ou facteurs environnementaux\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp class=\"ph-problem-conclusion\"\u003e\n      Une barrière cutanée endommagée ne se répare pas d'elle-même. Plus la barrière s'affaiblit, plus la peau reste sensible, rouge et sujette aux boutons et aux infections. Le problème s'aggrave avec le temps, il ne s'améliore pas.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eCe que cela fera à votre peau ? - 6 solutions thérapeutiques en 2 gouttes\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.1rem; opacity: 0.9; margin-bottom: 3rem;\"\u003e\n      100 % Centella Asiatica de Madagascar - l'ingrédient naturel avec l'efficacité de la cortisone sans effets secondaires\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eS\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eApaisement instantané des peaux rouges et irritées\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eApaise rapidement l'irritation et les rougeurs - surtout après un peeling, du rétinol ou des crises de dermatite - en seulement quelques minutes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eH\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eHydratation profonde sans matière grasse\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eMultiples hydratants + action hyaluronique de la Centella = peau rebondie, hydratée et pulpeuse sans sensation de gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eH\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eAccélérez la récupération après des boutons et des brûlures\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eFavorise la guérison après des éruptions cutanées, des coups de soleil ou des procédures cutanées et accélère naturellement la synthèse du collagène\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eB\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eRenforcer la barrière endommagée\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eProtège et répare les barrières endommagées - idéal pour l'eczéma, la rosacée, la pigmentation ou les éruptions et restaure un pH sain\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eC\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eSans huile, non comédogène\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eConvient aux peaux sujettes aux mycoses, très grasses et à tendance acnéique - Végétalien, sûr pour l'acné fongique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eA\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eAnti-âge à long terme\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eUne utilisation prolongée améliore la teneur en collagène, la texture de la peau, les ridules et l'élasticité générale\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 class=\"ph-section-title\"\u003eCentella asiatica pure de Madagascar - la plante qui a dérouté les médecins\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.1rem; opacity: 0.9; margin-bottom: 3rem;\"\u003e\n      Le seul véritable ingrédient : 100 % extrait de Centella Asiatica - le Centella le plus pur et le plus puissant au monde\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eComposés actifs Miracle\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003e4 composés naturels puissants qui travaillent en parfaite harmonie pour réparer et protéger la peau\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMadecassoside + Asiaticoside:\u003c\/strong\u003e Stimule la synthèse du collagène et accélère la cicatrisation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAugmente la production d'acide hyaluronique:\u003c\/strong\u003e Dans la peau pour une hydratation en profondeur\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAsiatic Acid + Madecassic Acid:\u003c\/strong\u003e Inhibe les signaux inflammatoires\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntioxydants puissants:\u003c\/strong\u003e Combat les radicaux libres et protège contre les agressions environnementales\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eComment la Centella fonctionne-t-elle scientifiquement?\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eMécanisme d'action cliniquement prouvé pour réparer et protéger la barrière cutanée\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAccélérer la cicatrisation des plaies:\u003c\/strong\u003e Taux et qualité de récupération de la peau améliorés\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéduire les cicatrices et les rougeurs:\u003c\/strong\u003e Amélioration significative de la pigmentation et de l'épaisseur des cicatrices\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéparation de la barrière physique:\u003c\/strong\u003e Restaurer un pH sain et réduire la perte d'eau\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnti-inflammatoire naturel:\u003c\/strong\u003e Il apaise les rougeurs et prévient les signaux de pression externes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eL'effet global est miraculeux\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eRésultats complets pour une peau saine, protégée et rajeunie\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoutient la microcirculation:\u003c\/strong\u003e Favorise la cicatrisation des micro-fissures\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAccélère la récupération:\u003c\/strong\u003e Après des interventions ou des peelings chimiques\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRenforce la barrière cutanée:\u003c\/strong\u003e Il rétablit l'équilibre naturel de la peau\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection à long terme:\u003c\/strong\u003e Contre les facteurs environnementaux nocifs\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"ph-timeline-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eLe voyage de 8 semaines vers une peau sans irritation ni rougeur\u003c\/h2\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eImmédiat \u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eApaisement immédiat\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eRéduit visiblement les rougeurs et les irritations\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eUne sensation d'apaisement et de confort immédiats\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eSensation d'hydratation - la peau est rebondie et hydratée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003e1-2 semaines\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eRenforcez la barrière\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eRésistance de la barrière améliorée - peau moins sensible\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMoins de boutons - la barrière forte empêche les bactéries d'entrer\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMoins de pellicules ou de sécheresse et équilibre naturel amélioré\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003e4-8 semaines\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eRénovation complète\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eÉclaircir les effets des boutons et de la pigmentation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eÉclat permanent et unification du teint\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eAméliore la fermeté, la texture et l'élasticité générale\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-timeline-conclusion\"\u003e\n      Seulement 8 semaines = une transformation complète de la peau endommagée à la peau saine et protégée\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"ph-usage-section\"\u003e\n\u003ch2 class=\"ph-usage-title\"\u003eComment utiliser correctement\u003c\/h2\u003e\n\u003cdiv class=\"ph-usage-steps\"\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eTiming parfait\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eAprès le tonique ou immédiatement après le nettoyage, votre routine est simple – il peut être utilisé le matin et\/ou le soir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eLa quantité parfaite\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eAppliquer 2-3 gouttes sur une peau propre - une petite quantité suffit en raison de la forte concentration\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eBelle application\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eTapotez doucement sur le visage et le cou jusqu'à absorption complète - évitez de frotter vigoureusement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eHydratation supplémentaire\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eAppliquez une crème hydratante par-dessus si votre peau est sèche ou a besoin d'une hydratation supplémentaire - très léger pour les peaux sèches\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips\"\u003e\n\u003ch3 class=\"ph-usage-tips-title\"\u003eAstuces importantes pour une utilisation optimale:\u003c\/h3\u003e\n\u003cdiv class=\"ph-usage-tips-grid\"\u003e\n\u003cdiv class=\"ph-usage-tips-column\"\u003e\n\u003ch4 class=\"ph-usage-tips-subtitle advanced\"\u003eUtilisations avancées:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFonctionne très bien le matin\u003c\/strong\u003e Pour apaiser avant le maquillage\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfait la nuit\u003c\/strong\u003e Après avoir utilisé des acides ou du rétinol\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIl peut être utilisé sur le corps\u003c\/strong\u003e Pour les zones irritées\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSûr autour des yeux et des lèvres\u003c\/strong\u003e Sans parfums ou alcool\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips-column\"\u003e\n\u003ch4 class=\"ph-usage-tips-subtitle additional\"\u003eConseils supplémentaires:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAppliquer en couches\u003c\/strong\u003e Avec d'autres sérums ou ampoules\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConvient après le rasage\u003c\/strong\u003e Ou pour l'eczéma et l'irritation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePeut être utilisé à plusieurs reprises\u003c\/strong\u003e Lorsque le calme est nécessaire\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans danger pendant la grossesse et l'allaitement\u003c\/strong\u003e Pas d'absorption systémique\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 --\u003e\n\u003cdiv class=\"ph-social-proof\"\u003e\n\u003ch2 class=\"ph-social-proof-title\"\u003ePureté sous sa forme la plus simple - pourquoi SKIN1004 est différent?\u003c\/h2\u003e\n\u003cdiv class=\"ph-proof-grid\"\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e100\u003c\/div\u003e\n\u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eCentella asiatica 100 %\u003c\/h4\u003e\n\u003cp\u003eDe Madagascar - La Centella la plus pure et la plus puissante au monde grâce à un sol propre et un climat idéal, cliniquement prouvée pour réparer la barrière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eM\u003c\/div\u003e\n\u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eMinimalist Formula\u003c\/h4\u003e\n\u003cp\u003ePas de parfums, d'huiles ou d'additifs inutiles - pureté absolue pour les peaux sensibles et abîmées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eV\u003c\/div\u003e\n\u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eVegan \u0026amp; Fungal Acne Safe\u003c\/h4\u003e\n\u003cp\u003eSûr pour tous les types de peau, même très sensibles, sans allergènes ni substances comédogènes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eC\u003c\/div\u003e\n\u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eCliniquement prouvé\u003c\/h4\u003e\n\u003cp\u003eDes essais cliniques avec des crèmes à base de Centella ont montré une amélioration significative de la pigmentation, des cicatrices et des irritations sur 8 à 12 semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eS\u003c\/div\u003e\n\u003ch4 style=\"margin-bottom: 0.5rem;\"\u003eTraitement SOS instantané\u003c\/h4\u003e\n\u003cp\u003eApaisement instantané en quelques minutes - les rougeurs sont réduites immédiatement et la peau se sent confortable dès la première utilisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ph-ingredients-list\"\u003e\n\u003ch2 class=\"ph-ingredients-list-title\"\u003eListe complète des ingrédients\u003c\/h2\u003e\n\u003cdiv class=\"ph-ingredients-text\"\u003e\n\u003cstrong\u003eIngrédients actifs:\u003c\/strong\u003e\u003cbr\/\u003e\n      • \u003cstrong\u003eCentella Asiatica Extract (100%)\u003c\/strong\u003e - Centella asiatica pure de Madagascar\u003cbr\/\u003e\n      • \u003cstrong\u003eWater\u003c\/strong\u003e - Eau pure comme base naturelle\u003cbr\/\u003e\n      • \u003cstrong\u003eGlycerin\u003c\/strong\u003e - Glycérine pour une hydratation douce\u003cbr\/\u003e\n      • \u003cstrong\u003eButylene Glycol\u003c\/strong\u003e - Absorbation et améliorateur de texture\u003cbr\/\u003e\n      • \u003cstrong\u003e1,2-Hexanediol\u003c\/strong\u003e - Hydratant et stabilisateur naturel\u003cbr\/\u003e\n      • \u003cstrong\u003eCellulose Gum\u003c\/strong\u003e - Épaississant naturel pour une texture parfaite\u003cbr\/\u003e\n      • \u003cstrong\u003eEthylhexylglycerin\u003c\/strong\u003e - Conditionneur naturel pour la peau\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eListe complète des ingrédients (INCI)):\u003c\/strong\u003e\u003cbr\/\u003e\n      Water, Centella Asiatica Extract (100%), Glycerin, Butylene Glycol, 1,2-Hexanediol, Cellulose Gum, Ethylhexylglycerin\n    \u003c\/div\u003e\n\u003cdiv class=\"ph-ingredients-safety\"\u003e\n\u003cp class=\"ph-ingredients-safety-text\"\u003e\n\u003cstrong\u003e✓ Sans:\u003c\/strong\u003e Parabènes, sulfates, silicones, parfums, huiles minérales, alcool agressif\u003cbr\/\u003e\n\u003cstrong\u003e✓ Testé dermatologiquement\u003c\/strong\u003e - Vegan, Cruelty-Free, Fungal Acne Safe\u003cbr\/\u003e\n\u003cstrong\u003e✓ Sûr pendant la grossesse et l'allaitement\u003c\/strong\u003e - Idéal pour tous les types de peau, même très sensibles\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"ph-cta-section\"\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"ph-cta-title\"\u003ePeau abîmée et irritée ? Secours en deux gouttes\u003c\/h2\u003e\n\u003cp class=\"ph-cta-text\"\u003e\n\u003cstrong\u003eAmpoule Madagascar Centella SKIN1004 - Pureté dans sa forme la plus simple\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\n      Chaque jour, vous utilisez des produits agressifs ou négligez la barrière = destruction progressive de la peau.\u003cbr\/\u003e\n      Il ne se contentera pas d'hydrater la surface...il pénétrera en profondeur et réparera la barrière cutanée depuis les racines.\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-cta-content\"\u003e\n\u003cp class=\"ph-cta-highlight\"\u003eLa barrière de votre peau a besoin d'une réparation immédiate\u003c\/p\u003e\n\u003cp class=\"ph-cta-subtext\"\u003eLa solution est pure et simple. Soulagement instantané - les rougeurs diminuent en quelques minutes 🌿💧\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":46999393992878,"sku":null,"price":23.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/skin1004centellaampoule_1.png?v=1788175377"},{"product_id":"some-by-mi-yuja-niacin-brightening-toner-150ml","title":"Some by Mi Yuja Niacin Brightening Toner 150ml","description":"\n\u003cstyle\u003e\n\n.yuja-description {\n  max-width: 100%;\n  margin: 0 auto;\n  direction: ltr;\n  color: #333;\n}\n\n.yuja-title {\n  text-align: center;\n  font-size: 24px;\n  color: #333;\n  margin-bottom: 15px;\n  position: relative;\n  padding-bottom: 10px;\n}\n\n.yuja-title:after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  width: 50px;\n  height: 2px;\n  background-color: #9C8102;\n}\n\n.yuja-image {\n  display: block;\n  margin: 25px auto;\n  max-width: 100%;\n  border-radius: 5px;\n}\n\n.yuja-text {\n  margin-bottom: 20px;\n  line-height: 1.6;\n  text-align: center;\n}\n\n.yuja-section {\n  margin: 30px 0;\n  padding: 20px;\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n}\n\n.yuja-section-title {\n  font-size: 20px;\n  color: #333;\n  margin-bottom: 15px;\n  position: relative;\n  padding-left: 15px;\n}\n\n.yuja-section-title:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 3px;\n  height: 100%;\n  background-color: #9C8102;\n  border-radius: 3px;\n}\n\n.yuja-list {\n  padding-left: 20px;\n}\n\n.yuja-list-item {\n  margin-bottom: 15px;\n  position: relative;\n}\n\n.yuja-list-item:before {\n  content: \"•\";\n  position: absolute;\n  right: -20px;\n  color: #9C8102;\n  font-weight: bold;\n}\n\n.yuja-highlight {\n  color: #9C8102;\n  font-weight: bold;\n}\n\n.yuja-feature-section {\n  margin: 25px 0;\n  padding: 15px;\n  background-color: #f9f9f9;\n  border-radius: 6px;\n}\n\n.yuja-feature-title {\n  font-size: 18px;\n  color: #333;\n  margin-bottom: 10px;\n}\n\n.yuja-cta {\n  text-align: center;\n  margin: 30px 0;\n  padding: 20px;\n  background-color: #f9f8f2;\n  border-radius: 8px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"yuja-description\"\u003e\n\n\u003ch3 class=\"yuja-title\"\u003eNe laissez pas les taches sombres et le teint terne voler l'éclat de votre peau\u003c\/h3\u003e\n\u003cp class=\"yuja-text\"\u003eAvez-vous remarqué que votre peau a perdu sa fraîcheur ? Des taches sombres et de l'hyperpigmentation ont-elles commencé à apparaître ? Chaque jour où vous retardez les soins de votre peau rend plus difficile de retrouver son éclat naturel. Ne laissez pas le regret s'installer plus tard..\u003c\/p\u003e\n \u003cimg alt=\"Some By Mi Yuja Niacin Brightening Toner\" class=\"yuja-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_7.webp?v=1744750603\"\/\u003e\n\u003ch3 class=\"yuja-title\"\u003eToner éclaircissant Some By Mi Yuja Niacin – Une révolution dans l'éclaircissement de la peau\u003c\/h3\u003e\n\u003cp class=\"yuja-text\"\u003eCe toner propose une formule innovante qui contient:\u003c\/p\u003e\n\u003cul class=\"yuja-list\"\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e90% d'extrait de Yuja\u003c\/strong\u003e: Un fruit riche en vitamine C, qui agit pour éclaircir la peau et unifier sa couleur.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e5% de niacinamide\u003c\/strong\u003e: Il aide à réduire la pigmentation et les taches sombres, et améliore l'élasticité de la peau.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003eGlutathion et arbutine\u003c\/strong\u003e: Des antioxydants puissants qui contribuent à l'éclat de la peau et réduisent les signes du vieillissement.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e12 types de vitamines\u003c\/strong\u003e: Nourrit la peau et améliore sa vitalité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"yuja-text\"\u003eCette formule unique fait du tonique un choix idéal pour ceux qui recherchent une peau éclatante et saine.\u003c\/p\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner Ingredients\" class=\"yuja-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_2.webp?v=1744750657\"\/\u003e \n\u003cdiv class=\"yuja-section\"\u003e\n\u003ch3 class=\"yuja-section-title\"\u003eQu'est-ce qui rend le toner éclaircissant à la niacine Yuja de Some By Mi spécial?\u003c\/h3\u003e\n\u003cp\u003eSur un marché plein de toners promettant d'éclaircir la peau, il se distingue \u003cstrong\u003eSome By Mi Yuja Niacin Brightening Toner\u003c\/strong\u003e Avec sa formule unique et concentrée qui combine:\u003c\/p\u003e\n\u003cul class=\"yuja-list\"\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e90% Qui \u003c\/strong\u003eUne source riche en vitamine C. Elle contient trois fois la quantité de vitamine C que l'on trouve dans le citron, ce qui aide à éclaircir et unifier le teint.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e5% de niacinamide\u003c\/strong\u003e: Il aide à réduire la pigmentation et les taches sombres, et améliore l'élasticité de la peau.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003eDes antioxydants puissants tels que le glutathion et l'arbutine\u003c\/strong\u003e: Contribue à l'éclat de la peau et réduit les signes du vieillissement.\u003c\/li\u003e\n\u003cli class=\"yuja-list-item\"\u003e\n\u003cstrong\u003e12 types de vitamines\u003c\/strong\u003e: Nourrit la peau et améliore sa vitalité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCette formule riche fait du toner un choix idéal pour ceux qui recherchent une peau éclatante et en bonne santé, supérieur à de nombreux autres toners contenant des pourcentages plus faibles de ces ingrédients actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner\" class=\"yuja-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_5.webp?v=1744750657\"\/\u003e \n\u003cdiv class=\"yuja-feature-section\"\u003e\n\u003ch3 class=\"yuja-feature-title\"\u003eExcellent rapport qualité-prix\u003c\/h3\u003e\n\u003cp\u003eAvec un volume de 150 ml, ce tonique offre une utilisation durable, car une petite quantité suffit à couvrir tout le visage. Étant donné sa concentration en ingrédients actifs, c'est un investissement intelligent en soins de la peau, combinant qualité et quantité en un seul produit..\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"yuja-feature-section\"\u003e\n\u003ch3 class=\"yuja-feature-title\"\u003eTexture légère et absorption rapide\u003c\/h3\u003e\n\u003cp\u003eLe tonique se caractérise par sa texture légère qui est rapidement absorbée par la peau sans laisser de résidu gras, ce qui le rend adapté à une utilisation quotidienne pour tous les types de peau, même les peaux sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Yuja Niacin Brightening Toner Usage\" class=\"yuja-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Brightening_Toner_150ml_6.webp?v=1744750657\"\/\u003e \n\u003cdiv class=\"yuja-cta\"\u003e\n\u003ch3\u003eNe remettez pas à plus tard le soin de votre peau\u003c\/h3\u003e\n\u003cp\u003eChaque jour où vous retardez le début de votre routine de soins de la peau est un pas vers une peau terne et pleine d'imperfections. Commencez dès aujourd'hui avec le tonique éclaircissant Some By Mi Yuja Niacin, et retrouvez l'éclat naturel de votre peau avant qu'il ne soit trop tard.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999394255022,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/61NmPogYOaL_f067d8a8-d1cc-4965-98cd-20f958b0296c.jpg?v=1788175376"},{"product_id":"beauty-of-joseon-ginseng-essence-water-150-ml","title":"Beauty of Joseon Ginseng Essence Water 150 Ml","description":"\n\u003cstyle\u003e\n\n.ginseng-product-description {\n\n  max-width: 100%;\n  margin: 0 auto;\n  direction: ltr;\n  color: #333;\n}\n\n\n.ginseng-main-title {\n  text-align: center;\n  font-size: 26px;\n  color: #333;\n  margin-bottom: 20px;\n  position: relative;\n  padding-bottom: 10px;\n}\n\n.ginseng-main-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: #d4a017;\n}\n\n\n.ginseng-intro {\n  text-align: center;\n  font-size: 16px;\n  margin-bottom: 30px;\n  line-height: 1.6;\n}\n\n\n.ginseng-main-image {\n  display: block;\n  margin: 30px auto;\n  max-width: 100%;\n  border-radius: 8px;\n  transition: transform 0.3s ease;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n}\n\n.ginseng-main-image:hover {\n  transform: translateY(-5px);\n}\n\n\n.ginseng-features {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 20px;\n  margin: 30px 0;\n}\n\n\n.ginseng-feature-card {\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n  padding: 25px;\n  transition: all 0.3s ease;\n  border: 1px solid rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-feature-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n}\n\n.ginseng-feature-title {\n  display: flex;\n  align-items: center;\n  margin-bottom: 15px;\n  color: #333;\n  font-size: 18px;\n  font-weight: bold;\n}\n\n.ginseng-feature-icon {\n  margin-left: 10px;\n  color: #d4a017;\n  font-size: 20px;\n}\n\n.ginseng-feature-content {\n  line-height: 1.6;\n  color: #555;\n}\n\n\n.ginseng-ingredients {\n  background-color: #fbfbfb;\n  padding: 30px;\n  border-radius: 8px;\n  margin: 40px 0;\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-section-title {\n  text-align: center;\n  font-size: 22px;\n  color: #333;\n  margin-bottom: 25px;\n}\n\n.ginseng-ingredients-list {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 15px;\n}\n\n.ginseng-ingredient {\n  background-color: #fff;\n  padding: 20px;\n  border-radius: 8px;\n  flex: 1;\n  min-width: 120px;\n  text-align: center;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\n  transition: transform 0.3s ease;\n}\n\n.ginseng-ingredient:hover {\n  transform: scale(1.03);\n}\n\n.ginseng-ingredient-title {\n  font-weight: bold;\n  color: #333;\n  margin-bottom: 5px;\n}\n\n.ginseng-ingredient-percentage {\n  font-size: 24px;\n  color: #d4a017;\n  font-weight: bold;\n  margin: 10px 0;\n}\n\n\n.ginseng-benefits {\n  margin: 40px 0;\n}\n\n.ginseng-benefits-list {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 15px;\n}\n\n.ginseng-benefit-item {\n  display: flex;\n  align-items: center;\n  padding: 13px 18px;\n  background-color: #fff;\n  border-radius: 6px;\n  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.03);\n  transition: transform 0.3s ease;\n  border: 1px solid rgba(0, 0, 0, 0.03);\n}\n\n.ginseng-benefit-item:hover {\n  transform: translateX(-5px);\n  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);\n}\n\n.ginseng-benefit-icon {\n  color: #d4a017;\n  font-size: 18px;\n  margin-left: 10px;\n}\n\n\n.ginseng-how-to-use {\n  background-color: #fff;\n  padding: 30px;\n  border-radius: 8px;\n  margin: 40px 0;\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n}\n\n.ginseng-steps {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n  margin-top: 20px;\n}\n\n.ginseng-step {\n  flex: 1;\n  display: flex;\n  align-items: flex-start;\n  min-width: 250px;\n}\n\n.ginseng-step-number {\n  background-color: #f5f5f5;\n  color: #333;\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: bold;\n  margin-left: 15px;\n  flex-shrink: 0;\n  border: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.ginseng-step-content {\n  line-height: 1.6;\n}\n\n\n.ginseng-highlight-section {\n  position: relative;\n  padding-left: 15px;\n}\n\n.ginseng-highlight-section::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 3px;\n  height: 100%;\n  background-color: #d4a017;\n  border-radius: 3px;\n}\n\n\n.ginseng-fade-in {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n\n@media (max-width: 768px) {\n  .ginseng-features {\n    grid-template-columns: 1fr;\n  }\n  \n  .ginseng-ingredients-list {\n    flex-direction: column;\n  }\n  \n  .ginseng-ingredient {\n    min-width: auto;\n  }\n}\n\u003c\/style\u003e\n\n\u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\"\/\u003e\n\n\u003cdiv class=\"ginseng-product-description\"\u003e\n\u003ch2 class=\"ginseng-main-title ginseng-fade-in\"\u003eEau de ginseng – la fontaine éternelle de jeunesse pour la peau\u003c\/h2\u003e\n\u003cp class=\"ginseng-intro ginseng-fade-in\"\u003e\n    Un mélange rare de secrets de la médecine traditionnelle coréenne et de technologie moderne. L'eau de ginseng à 80 % utilisée dans ce produit n'est pas seulement un ingrédient naturel, mais plutôt un trésor riche en antioxydants, saponines et micronutriments qui soutiennent la jeunesse de la peau de l'intérieur et la reconstruisent à chaque utilisation.\n  \u003c\/p\u003e\n\u003cimg alt=\"Eau de ginseng\" class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water_2_38493ea6-27fe-4423-8576-1279076c3b2a.jpg?v=1744744014\"\/\u003e\n\n\u003cdiv class=\"ginseng-features\"\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-leaf ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        Ginseng – l'un des plus grands secrets de la peau coréenne\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        Depuis des siècles, le ginseng est connu comme « l'Herbe des Dieux » dans les livres de médecine traditionnelle coréenne tels que le Donguibogam. Les premières femmes coréennes l'utilisaient pour se baigner et prendre soin de leur peau en raison de sa capacité étonnante à stimuler la circulation sanguine, nourrir les cellules et rajeunir la peau.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-feather-alt ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        Formule légère – résultats puissants\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        Malgré sa texture légère semblable à de l'eau, ce toner offre à la peau un apport concentré d'hydratation et de nutriments. Il est rapidement absorbé sans laisser de trace grasse, offrant une expérience d'utilisation confortable et rapide, avec des résultats visibles dès la première semaine..\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-shield-alt ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        Une solution radicale aux problèmes d'irritation et d'inflammation de la peau\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        Le produit contient 2 % de niacinamide, un ingrédient efficace scientifiquement prouvé pour renforcer la barrière cutanée, apaiser l'inflammation et réduire les rougeurs causées par des facteurs environnementaux ou des irritations quotidiennes.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cimg alt=\"Bienfaits de l'eau de ginseng\" class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/blog-boj-ginseng-water-review-cover-830x518_1.webp?v=1744744064\"\/\u003e\n\n\u003cdiv class=\"ginseng-features\"\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-tint ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        Un hydratant immense pour la peau\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        Les saponines actives présentes dans l'eau de ginseng attirent et retiennent l'humidité en profondeur dans la peau, laissant la peau hydratée plus longtemps sans besoin de réapplication. Idéal pour ceux qui souffrent de sécheresse chronique ou de peau craquelée.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-magic ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        Peau plus douce, plus claire et plus éclatante\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        En lissant la texture de la peau, en régulant la sécrétion de sébum et en aidant à réduire l'apparence des pores dilatés, ce tonique contribue à améliorer la clarté globale de la peau. La niacinamide agit également pour éclaircir la pigmentation et unifier le teint, laissant votre visage avec un éclat plus uniforme et clair.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-card ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-feature-title\"\u003e\n\u003ci class=\"fas fa-sun ginseng-feature-icon\"\u003e\u003c\/i\u003e\n        Spécialiste du traitement estompant\n      \u003c\/div\u003e\n\u003cdiv class=\"ginseng-feature-content\"\u003e\n        La constante pâleur du visage n'est pas seulement causée par la fatigue, mais aussi par le manque d'éléments dans la peau qui stimulent sa régénération naturelle. L'eau de ginseng fournit de l'énergie aux cellules de la peau et réactive la microcirculation du visage, restaurant son éclat et sa brillance naturels.\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cimg alt=\"Ingrédients de l'eau de ginseng\" class=\"ginseng-main-image ginseng-fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Ginseng_Essence_Water.png?v=1744744535\"\/\u003e\n\n\u003cdiv class=\"ginseng-ingredients ginseng-fade-in\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003eFormule de ginseng à l'eau et de niacinamide très avancée!\u003c\/h3\u003e\n\u003cp style=\"text-align: center; margin-bottom: 20px;\"\u003eCette formule méticuleusement développée combine science et tradition, avec des ingrédients réfléchis:\u003c\/p\u003e\n\u003cdiv class=\"ginseng-ingredients-list\"\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003eEau de racine de ginseng coréen\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient-percentage\"\u003e80%\u003c\/div\u003e\n\u003cp\u003eL'ingrédient essentiel pour le rajeunissement de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003eNiacinamide\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient-percentage\"\u003e2%\u003c\/div\u003e\n\u003cp\u003ePour unifier le teint et réduire l'inflammation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-ingredient ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-ingredient-title\"\u003eComposants supplémentaires\u003c\/div\u003e\n\u003cdiv style=\"color: #d4a017; font-size: 24px; margin: 10px 0;\"\u003e\n\u003ci class=\"fas fa-plus-circle\"\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cp\u003ePanthénol, allantoïne, extrait de ginseng fermenté, acide hyaluronique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 20px;\"\u003eChaque ingrédient qu'il contient agit en synergie pour vous donner les meilleurs résultats avec un minimum d'effort, et sans aucune irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ginseng-benefits ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-highlight-section\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003ePrincipaux avantages\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefits-list\"\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eSoutenir une peau jeune et la reconstruire\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eStimulation de la circulation sanguine et rajeunissement de la peau\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eHydratation profonde et nutrition immédiate pour la peau\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eAbsorption rapide sans effet gras\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eRenforcer la barrière cutanée et apaiser l'inflammation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eRéduire les rougeurs et l'irritation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eHydrater la peau pendant de longues périodes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-benefit-item ginseng-fade-in\"\u003e\n\u003ci class=\"fas fa-check-circle ginseng-benefit-icon\"\u003e\u003c\/i\u003e\n\u003cspan\u003eLissage de la texture de la peau et régulation de la sécrétion de sébum\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ginseng-how-to-use ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-highlight-section\"\u003e\n\u003ch3 class=\"ginseng-section-title\"\u003eComment utiliser\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-steps\"\u003e\n\u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step-content\"\u003e\n          Après avoir nettoyé la peau, appliquez une petite quantité sur les mains ou sur un coton\n        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step-content\"\u003e\n          Essuyez doucement le visage et le cou en effectuant des mouvements circulaires\n        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step ginseng-fade-in\"\u003e\n\u003cdiv class=\"ginseng-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ginseng-step-content\"\u003e\n          Laissez-le jusqu'à absorption complète avant d'appliquer le produit suivant dans votre routine\n        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  \n  const fadeElements = document.querySelectorAll('.ginseng-fade-in');\n  \n  \n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      \n      if (entry.isIntersecting) {\n        \n        setTimeout(() =\u003e {\n          entry.target.style.opacity = \"1\";\n          entry.target.style.transform = \"translateY(0)\";\n        }, 100);\n        \n        \n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.1 }); \n  \n  \n  fadeElements.forEach(element =\u003e {\n    observer.observe(element);\n  });\n});\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999394484398,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Beauty_of_Joseon_Ginseng_Essence_Water_44852e5e-9e5d-463b-a5e8-e87bd2920fa5.webp?v=1788175375"},{"product_id":"yuja-niacin-30days-blemish-care-serum-50","title":"Some by Mi YUJA NIACIN 30DAYS BLEMISH CARE SERUM 50 ml","description":"\n\u003cstyle\u003e\n\n.yuja-serum-container {\n  max-width: 100%;\n  margin: 0 auto;\n  direction: ltr;\n  color: #333;\n  overflow-x: hidden;\n}\n\n.yuja-serum-header {\n  text-align: center;\n  margin-bottom: 30px;\n  opacity: 0;\n  animation: fadeInUp 0.8s ease forwards;\n}\n\n.yuja-serum-title {\n  font-size: 26px;\n  color: #333;\n  margin-bottom: 15px;\n  position: relative;\n  padding-bottom: 15px;\n  display: inline-block;\n}\n\n.yuja-serum-title:after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  width: 60px;\n  height: 2px;\n  background-color: #9C8102;\n  animation: expandWidth 1.5s ease-in-out;\n}\n\n.yuja-serum-intro {\n  text-align: center;\n  font-size: 16px;\n  margin-bottom: 20px;\n  line-height: 1.6;\n}\n\n.yuja-serum-image {\n  display: block;\n  margin: 25px auto;\n  max-width: 100%;\n  border-radius: 8px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  opacity: 0;\n  transform: scale(0.95);\n  animation: fadeInAndScale 0.8s ease forwards;\n  animation-delay: 0.2s;\n}\n\n.yuja-serum-image:hover {\n  transform: translateY(-5px) scale(1.02);\n  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n}\n\n.yuja-serum-section {\n  margin: 40px 0;\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.yuja-serum-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n  transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-section-title {\n  display: flex;\n  align-items: center;\n  margin-bottom: 20px;\n  font-size: 22px;\n  color: #333;\n  font-weight: bold;\n}\n\n.yuja-serum-section-icon {\n  margin-left: 10px;\n  color: #9C8102;\n  font-size: 24px;\n}\n\n.yuja-serum-content {\n  background-color: #fff;\n  border-radius: 8px;\n  padding: 25px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  line-height: 1.7;\n}\n\n.yuja-serum-content:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-ingredients {\n  margin-top: 30px;\n}\n\n.yuja-serum-ingredient-item {\n  display: flex;\n  margin-bottom: 20px;\n  background-color: rgba(156, 129, 2, 0.03);\n  border-radius: 8px;\n  padding: 15px;\n  transform: translateX(30px);\n  opacity: 0;\n  transition: all 0.5s ease;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item {\n  transform: translateX(0);\n  opacity: 1;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(1) {\n  transition-delay: 0.1s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(2) {\n  transition-delay: 0.2s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n.yuja-serum-section.visible .yuja-serum-ingredient-item:nth-child(4) {\n  transition-delay: 0.4s;\n}\n\n.yuja-serum-ingredient-icon {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background-color: #9C8102;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  margin-left: 15px;\n}\n\n.yuja-serum-ingredient-content {\n  flex: 1;\n}\n\n.yuja-serum-ingredient-title {\n  font-weight: bold;\n  margin-bottom: 5px;\n}\n\n.yuja-serum-ingredient-desc {\n  color: #555;\n}\n\n.yuja-serum-highlight {\n  color: #9C8102;\n  font-weight: bold;\n}\n\n.yuja-serum-feature-section {\n  margin: 40px 0;\n  padding: 25px;\n  background-color: #fff;\n  border-radius: 8px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  opacity: 0;\n  transform: translateY(30px);\n}\n\n.yuja-serum-feature-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.yuja-serum-feature-section:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-serum-conclusion {\n  text-align: center;\n  margin: 40px 0;\n  padding: 30px;\n  background-color: rgba(156, 129, 2, 0.05);\n  border-radius: 8px;\n  opacity: 0;\n  transform: scale(0.95);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-serum-conclusion.visible {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.yuja-serum-conclusion p {\n  line-height: 1.7;\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeInAndScale {\n  from {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes expandWidth {\n  from {\n    width: 0;\n  }\n  to {\n    width: 60px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"yuja-serum-container\"\u003e\n\u003cdiv class=\"yuja-serum-header\"\u003e\n\u003ch3 class=\"yuja-serum-title\"\u003e🌟 Une révolution dans le monde des sérums : Some By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/h3\u003e\n\u003cp class=\"yuja-serum-intro\"\u003e\n      Dans un océan de produits de soin de la peau, ce sérum se distingue comme un chef-d'œuvre qui combine la nature et la science moderne, offrant une solution immédiate et efficace aux problèmes de peau.\n    \u003c\/p\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Serum\" class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.jpg?v=1744753103\"\/\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"yuja-serum-section\" id=\"ingredients-section\"\u003e\n\u003cdiv class=\"yuja-serum-section-title\"\u003e\n\u003ci class=\"fas fa-lemon yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n\u003ch3\u003eUne formule unique qui dépasse les attentes\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-content\"\u003e\n\u003cp\u003eCe qui distingue ce sérum des autres produits à la niacinamide, c'est sa combinaison exceptionnelle d'ingrédients:\u003c\/p\u003e\n\u003cdiv class=\"yuja-serum-ingredients\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-title\"\u003e82.3%  \u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n              Reconnue pour sa forte concentration en vitamine C, elle en contient trois fois plus que le citron, ce qui donne à la peau un éclat naturel et stimule la production de collagène.\n            \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-title\"\u003e5% de niacinamide\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n              À la concentration idéale, il unifie le teint, réduit la pigmentation et renforce la barrière protectrice de la peau sans causer d'irritation.\n            \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-title\"\u003eGlutathion et arbutine\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n              Les antioxydants puissants contribuent à réduire la production de mélanine, ce qui aide à éclaircir les taches sombres et à donner à la peau un aspect plus uniforme.\n            \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-icon\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-content\"\u003e\n\u003cdiv class=\"yuja-serum-ingredient-title\"\u003e12 types de vitamines\u003c\/div\u003e\n\u003cdiv class=\"yuja-serum-ingredient-desc\"\u003e\n              Il nourrit la peau, améliore sa vitalité et aide à calmer le stress résultant des facteurs environnementaux nuisibles.\n            \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Serum Benefits\" class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_3.jpg?v=1744753101\"\/\u003e\n\n\u003cdiv class=\"yuja-serum-feature-section\" id=\"results-section\"\u003e\n\u003cdiv class=\"yuja-serum-section-title\"\u003e\n\u003ci class=\"fas fa-clock yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n\u003ch3\u003eRésultats tangibles en un temps record\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003e\n      Contrairement à de nombreux sérums qui prennent des mois pour montrer des résultats, ce sérum montre son effet en seulement 30 jours. Les expériences des utilisateurs indiquent une amélioration claire de l'unification du teint et de la réduction de la pigmentation en peu de temps.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Serum Value\" class=\"yuja-serum-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_serum_blemish_care_2.webp?v=1744753103\"\/\u003e\n\n\u003cdiv class=\"yuja-serum-feature-section\" id=\"value-section\"\u003e\n\u003cdiv class=\"yuja-serum-section-title\"\u003e\n\u003ci class=\"fas fa-gem yuja-serum-section-icon\"\u003e\u003c\/i\u003e\n\u003ch3\u003eUn investissement intelligent pour votre peau\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003e\n      Avec une taille de 50 ml et une forte concentration d'ingrédients actifs, ce sérum offre un excellent rapport qualité-prix. Une petite quantité suffit pour obtenir les résultats souhaités, ce qui le rend durable et constitue une solution de soins de la peau économique et efficace.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"yuja-serum-conclusion\" id=\"conclusion-section\"\u003e\n\u003cp\u003e\n      En bref, \u003cstrong class=\"yuja-serum-highlight\"\u003eSome By Mi Yuja Niacin 30 Days Blemish Care Serum\u003c\/strong\u003e Ce n'est pas simplement un autre sérum sur le marché, mais plutôt une expérience unique qui combine le pouvoir de la nature avec la technologie moderne pour obtenir une peau saine et radieuse en un temps record.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  const sections = document.querySelectorAll('.yuja-serum-section, .yuja-serum-feature-section, .yuja-serum-conclusion');\n  \n  \n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.2 });\n  \n  \n  sections.forEach(section =\u003e {\n    observer.observe(section);\n  });\n});\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999394713774,"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_yuja_niacin_serum_blemish_care.jpg?v=1788175374"},{"product_id":"some-by-mi-yuja-niacin-anti-blemish-cream-60ml","title":"SOME BY MI Yuja Niacin Anti Blemish Cream 60ml","description":"\n\u003cstyle\u003e\n\n.yuja-cream-container {\n  max-width: 100%;\n  margin: 0 auto;\n  direction: ltr;\n  color: #333;\n  overflow-x: hidden;\n}\n\n.yuja-cream-header {\n  text-align: center;\n  margin-bottom: 30px;\n  opacity: 0;\n  animation: fadeInUp 1s ease forwards;\n}\n\n.yuja-cream-title {\n  font-size: 26px;\n  color: #333;\n  margin-bottom: 15px;\n  position: relative;\n  padding-bottom: 15px;\n  display: inline-block;\n}\n\n.yuja-cream-title:after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  transform: translateX(50%);\n  width: 60px;\n  height: 2px;\n  background-color: #9C8102;\n  animation: expandWidth 1.5s ease-in-out;\n}\n\n.yuja-cream-question {\n  font-size: 24px;\n  font-weight: bold;\n  margin: 25px 0 15px;\n  color: #333;\n  text-align: center;\n}\n\n.yuja-cream-intro {\n  text-align: center;\n  font-size: 16px;\n  line-height: 1.7;\n  max-width: 800px;\n  margin: 0 auto 20px;\n}\n\n.yuja-cream-image {\n  display: block;\n  margin: 30px auto;\n  max-width: 100%;\n  border-radius: 8px;\n  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n  transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  opacity: 0;\n  transform: scale(0.95) translateY(20px);\n  animation: fadeInAndScale 1s ease forwards;\n  animation-delay: 0.3s;\n}\n\n.yuja-cream-image:hover {\n  transform: translateY(-10px) scale(1.02);\n  box-shadow: 0 15px 35px rgba(156, 129, 2, 0.2);\n}\n\n.yuja-cream-section {\n  margin: 50px 0;\n  opacity: 0;\n  transform: translateY(30px);\n  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-cream-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.yuja-cream-section-title {\n  display: flex;\n  align-items: center;\n  margin-bottom: 25px;\n  font-size: 24px;\n  color: #333;\n  font-weight: bold;\n  text-align: center;\n  justify-content: center;\n}\n\n.yuja-cream-section-icon {\n  margin-left: 12px;\n  color: #9C8102;\n  font-size: 28px;\n}\n\n.yuja-cream-content {\n  background-color: #fff;\n  border-radius: 10px;\n  padding: 30px;\n  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  line-height: 1.8;\n  text-align: center;\n}\n\n.yuja-cream-content:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);\n}\n\n.yuja-cream-ingredients {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 20px;\n  margin-top: 30px;\n}\n\n.yuja-cream-ingredient-item {\n  background-color: #fff;\n  border-radius: 8px;\n  padding: 20px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n  transition: all 0.4s ease;\n  position: relative;\n  overflow: hidden;\n  opacity: 0;\n  transform: translateY(20px);\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(1) {\n  transition-delay: 0.1s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(2) {\n  transition-delay: 0.2s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(3) {\n  transition-delay: 0.3s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(4) {\n  transition-delay: 0.4s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(5) {\n  transition-delay: 0.5s;\n}\n\n.yuja-cream-section.visible .yuja-cream-ingredient-item:nth-child(6) {\n  transition-delay: 0.6s;\n}\n\n.yuja-cream-ingredient-item:hover {\n  transform: translateY(-7px);\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);\n}\n\n.yuja-cream-ingredient-item:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 3px;\n  height: 0;\n  background-color: #9C8102;\n  transition: height 0.4s ease;\n}\n\n.yuja-cream-ingredient-item:hover:before {\n  height: 100%;\n}\n\n.yuja-cream-ingredient-title {\n  font-weight: bold;\n  margin-bottom: 10px;\n  color: #333;\n  font-size: 17px;\n}\n\n.yuja-cream-ingredient-desc {\n  color: #555;\n  line-height: 1.6;\n}\n\n.yuja-cream-highlight {\n  color: #9C8102;\n  font-weight: bold;\n}\n\n.yuja-cream-feature-section {\n  margin: 50px 0;\n  padding: 30px;\n  background-color: #fff;\n  border-radius: 10px;\n  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  opacity: 0;\n  transform: translateY(30px);\n  text-align: center;\n}\n\n.yuja-cream-feature-section.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.yuja-cream-feature-section:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);\n}\n\n.yuja-cream-feature-content {\n  line-height: 1.8;\n}\n\n.yuja-cream-cta-section {\n  margin: 50px 0;\n  padding: 35px;\n  background: linear-gradient(to left, rgba(156, 129, 2, 0.05), rgba(156, 129, 2, 0.1));\n  border-radius: 10px;\n  text-align: center;\n  opacity: 0;\n  transform: scale(0.95);\n  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.yuja-cream-cta-section.visible {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.yuja-cream-cta-title {\n  font-size: 24px;\n  font-weight: bold;\n  margin-bottom: 20px;\n  color: #333;\n}\n\n.yuja-cream-cta-content {\n  line-height: 1.8;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeInAndScale {\n  from {\n    opacity: 0;\n    transform: scale(0.95) translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n@keyframes expandWidth {\n  from {\n    width: 0;\n  }\n  to {\n    width: 60px;\n  }\n}\n\n@media (max-width: 768px) {\n  .yuja-cream-ingredients {\n    grid-template-columns: 1fr;\n  }\n  \n  .yuja-cream-section-title {\n    font-size: 22px;\n  }\n  \n  .yuja-cream-question {\n    font-size: 20px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"yuja-cream-container\"\u003e\n\u003cdiv class=\"yuja-cream-header\"\u003e\n\u003ch2 class=\"yuja-cream-title\"\u003eCrème de yoga et niacinamide ! Spécialisé dans le traitement de toutes les imperfections de la peau\u003c\/h2\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Anti Blemish Cream\" class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/some_by_mi_yuja_niacin_anti_blemish_cream.webp?v=1744754502\"\/\u003e\n\u003ch2 class=\"yuja-cream-question\"\u003eVotre peau souffre-t-elle de pigmentation et de taches foncées?\u003c\/h2\u003e\n\u003cp class=\"yuja-cream-intro\"\u003e\n      Si vous êtes frustré par des produits qui promettent d'améliorer votre peau mais ne donnent pas de résultats tangibles, il est temps d'essayer. \u003cstrong\u003eCrème anti-imperfections Some By Mi Yuja Niacin\u003c\/strong\u003e.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Products\" class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_YUJA_NIACIN_30DAYS_BLEMISH_CARE_SERUM_50_ml.webp?v=1744754624\"\/\u003e\n\n\u003cdiv class=\"yuja-cream-section\" id=\"formula-section\"\u003e\n\u003cdiv class=\"yuja-cream-section-title\"\u003e\n\u003ci class=\"fas fa-flask yuja-cream-section-icon\"\u003e\u003c\/i\u003e\n\u003ch2\u003eFormule scientifique avancée pour des résultats rapides et efficaces\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-content\"\u003e\n\u003cp\u003eCette crème contient une combinaison unique d'ingrédients actifs qui agissent en harmonie pour éclaircir et améliorer l'apparence de la peau:\u003c\/p\u003e\n\u003cdiv class=\"yuja-cream-ingredients\"\u003e\n\u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-cream-ingredient-title\"\u003e5% de niacinamide (vitamine B3))\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            Il est considéré comme l'un des ingrédients les plus puissants pour réduire la pigmentation et unifier le teint de la peau.\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-cream-ingredient-title\"\u003e \u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            Riche en vitamine C, il aide à éclaircir la peau et à réduire les taches foncées.\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-cream-ingredient-title\"\u003eArbutine\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            Il contribue à réduire la production de mélanine, ce qui diminue l'apparence des taches sombres.\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-cream-ingredient-title\"\u003eGlutathion\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            Il est considéré comme l'un des antioxydants les plus puissants, combat les radicaux libres et améliore l'éclat de la peau.\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-cream-ingredient-title\"\u003ePanthénol (Vitamine B5))\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            Il hydrate en profondeur la peau et renforce sa barrière naturelle.\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-item\"\u003e\n\u003cdiv class=\"yuja-cream-ingredient-title\"\u003eExtrait de Centella Asiatica (Cica)\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-ingredient-desc\"\u003e\n            Apaise la peau et favorise la régénération cellulaire.\n          \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Cream Benefits\" class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/yuja-niacin-Anti-Blemish-Cream.webp?v=1744754799\"\/\u003e\n\n\u003cdiv class=\"yuja-cream-feature-section\" id=\"benefits-section\"\u003e\n\u003cdiv class=\"yuja-cream-section-title\"\u003e\n\u003ci class=\"fas fa-lightbulb yuja-cream-section-icon\"\u003e\u003c\/i\u003e\n\u003ch2\u003ePourquoi cette crème est-elle considérée comme une révolution dans les soins de la peau?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-feature-content\"\u003e\n\u003cp\u003e\n        La crème combine le composé révolutionnaire niacinamide, qui a bouleversé les soins de la peau, avec un extrait de yuga à haute concentration. La plante yuga, connue sous le nom de mandarine coréenne, est considérée comme contenant 3 fois la concentration de vitamine C que l'on trouve dans les citrons. Ce qui fait de cet extrait un miracle pour éclaircir la peau, résister à l'oxydation et traiter les signes de l'âge.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Some By Mi Yuja Niacin Cream Value\" class=\"yuja-cream-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/SOMEBYMI_YujaNiacinAntiBlemishCream60g-Holiholiholic_1_480x480_ff0e92bb-54fe-412f-935f-88df680ffe33.webp?v=1744754852\"\/\u003e\n\n\u003cdiv class=\"yuja-cream-feature-section\" id=\"value-section\"\u003e\n\u003cdiv class=\"yuja-cream-section-title\"\u003e\n\u003ci class=\"fas fa-coins yuja-cream-section-icon\"\u003e\u003c\/i\u003e\n\u003ch2\u003eUn investissement intelligent pour une peau plus radieuse\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-feature-content\"\u003e\n\u003cp\u003e\n        Avec un volume de 60 ml, cette crème est un investissement à long terme. La concentration en ingrédients actifs qu'elle contient permet une longue durée d'utilisation, en faisant une option économique et efficace.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"yuja-cream-cta-section\" id=\"cta-section\"\u003e\n\u003cdiv class=\"yuja-cream-cta-title\"\u003e\n\u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e Vous méritez une peau plus lumineuse et éclatante \u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yuja-cream-cta-content\"\u003e\n\u003cp\u003e\n        Ne laissez pas la pigmentation et les taches foncées affecter votre confiance en vous. Essayez-le \u003cstrong class=\"yuja-cream-highlight\"\u003eCrème anti-imperfections Some By Mi Yuja Niacin\u003c\/strong\u003e Aujourd'hui, profitez d'une peau plus éclatante et fraîche.\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  const sections = document.querySelectorAll('.yuja-cream-section, .yuja-cream-feature-section, .yuja-cream-cta-section');\n  \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  }, { threshold: 0.15 });\n  \n  \n  sections.forEach(section =\u003e {\n    observer.observe(section);\n  });\n});\n\u003c\/script\u003e","brand":"SOME BY MI","offers":[{"title":"Default Title","offer_id":46999395008686,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SOMEBYMIYujaNiacinAntiBlemishCream60ml_25169074-1738-418d-b346-1413aba41b72.jpg?v=1788175373"},{"product_id":"anua-niacinamide-txa-dark-spot-correcting-serum","title":"Anua Niacinamide 10% and TXA 4% Dark Spot Correcting Serum 30 ml","description":"\u003cdiv class=\"anua-txa-ultimate-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        .anua-txa-ultimate-wrapper {\n            --atxa-neon-red: #ff2a3b;\n            --atxa-neon-rose: #ff6b7e;\n            --atxa-neon-gold: #ffd24a;\n            --atxa-glow-red: rgba(255, 42, 59, 0.45);\n            --atxa-glow-gold: rgba(255, 210, 74, 0.45);\n\n            --atxa-bg-base: #040304;\n            --atxa-bg-surface: #0a0608;\n            --atxa-bg-card: rgba(18, 10, 13, 0.9);\n            --atxa-bg-card-hover: rgba(26, 14, 18, 0.98);\n\n            --atxa-text-pure: #ffffff;\n            --atxa-border: rgba(255, 42, 59, 0.25);\n            --atxa-border-hover: rgba(255, 42, 59, 0.8);\n            --atxa-line: rgba(255, 255, 255, 0.08);\n\n            line-height: 1.8;\n            position: relative;\n            width: 100%;\n            max-width: 100%;\n            border-radius: 24px;\n            background-color: var(--atxa-bg-base);\n            color: var(--atxa-text-pure);\n            box-shadow: inset 0 0 120px rgba(255, 42, 59, 0.08);\n            box-sizing: border-box;\n            padding: 40px 0;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .anua-txa-ultimate-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .neon-red {\n            color: var(--atxa-neon-red) !important;\n            text-shadow: 0 0 10px var(--atxa-glow-red), 0 0 20px var(--atxa-glow-red);\n            font-weight: 900;\n        }\n\n        .neon-gold {\n            color: var(--atxa-neon-gold) !important;\n            text-shadow: 0 0 10px var(--atxa-glow-gold), 0 0 20px var(--atxa-glow-gold);\n            font-weight: 900;\n        }\n\n        .neon-rose {\n            color: var(--atxa-neon-rose) !important;\n            text-shadow: 0 0 10px rgba(255, 107, 126, 0.5);\n            font-weight: 900;\n        }\n\n        .pure-white {\n            color: #ffffff !important;\n            font-weight: 600;\n        }\n\n        .anua-txa-ultimate-wrapper img {\n            width: 100%;\n            max-width: 100% !important;\n            height: auto !important;\n            border-radius: 20px;\n            display: block;\n            margin: 0 auto;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);\n            border: 1px solid rgba(255, 42, 59, 0.25);\n            box-sizing: border-box;\n            object-fit: contain;\n        }\n\n        .atxa-img-md {\n            max-width: 650px !important;\n            width: 100%;\n        }\n\n        .atxa-container {\n            max-width: 940px;\n            width: 100%;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n            box-sizing: border-box;\n        }\n\n        .atxa-ambient-bg {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 0; pointer-events: none; overflow: hidden;\n        }\n\n        .atxa-orb {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(110px);\n            opacity: 0.35;\n            animation: atxaOrbFloat 18s infinite alternate ease-in-out;\n            pointer-events: none;\n        }\n\n        .atxa-orb-1 {\n            width: 500px; height: 500px;\n            background: radial-gradient(circle, rgba(255, 42, 59, 0.22) 0%, transparent 70%);\n            top: -120px; right: -120px;\n        }\n\n        .atxa-orb-2 {\n            width: 550px; height: 550px;\n            background: radial-gradient(circle, rgba(255, 210, 74, 0.16) 0%, transparent 70%);\n            bottom: 15%; left: -150px;\n            animation-delay: -6s;\n        }\n\n        @keyframes atxaOrbFloat {\n            0% { transform: translate(0, 0) scale(1); }\n            100% { transform: translate(40px, 80px) scale(1.15); }\n        }\n\n        .atxa-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(28px, 5.2vw, 44px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.4;\n            color: #ffffff;\n            text-shadow: 0 0 30px rgba(255, 42, 59, 0.45);\n            word-wrap: break-word;\n        }\n\n        .atxa-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4vw, 32px);\n            font-weight: 900;\n            color: #ffffff;\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.4;\n            word-wrap: break-word;\n        }\n\n        .atxa-section-title::after {\n            content: '';\n            display: block;\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--atxa-neon-red), var(--atxa-neon-gold), transparent);\n            border-radius: 10px;\n            margin: 14px auto 0;\n            box-shadow: 0 0 15px var(--atxa-glow-red);\n        }\n\n        .atxa-badge {\n            display: inline-block;\n            background: rgba(255, 42, 59, 0.14);\n            border: 1.5px solid var(--atxa-neon-red);\n            color: #ffffff;\n            padding: 9px 28px;\n            border-radius: 40px;\n            font-size: 1.05rem;\n            font-weight: 900;\n            margin-bottom: 25px;\n            box-shadow: 0 0 25px var(--atxa-glow-red);\n        }\n\n        .atxa-hero-subtitle {\n            font-size: 1.25rem;\n            color: #ffffff;\n            max-width: 840px;\n            margin: 0 auto 35px;\n            font-weight: 600;\n            line-height: 1.85;\n            border-right: 4px solid var(--atxa-neon-red);\n            padding-left: 20px;\n            background: linear-gradient(90deg, transparent, rgba(255, 42, 59, 0.1));\n            border-radius: 12px 0 0 12px;\n            text-align: left;\n        }\n\n        .atxa-art-divider {\n            width: 100%;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, var(--atxa-neon-red), var(--atxa-neon-gold), var(--atxa-neon-red), transparent);\n            margin: 35px 0;\n            position: relative;\n            box-shadow: 0 0 15px var(--atxa-glow-red);\n        }\n\n        .atxa-benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 22px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .atxa-card {\n            background: linear-gradient(145deg, rgba(24, 12, 16, 0.92), rgba(8, 4, 6, 0.98));\n            border: 1px solid var(--atxa-border);\n            border-radius: 18px;\n            padding: 28px 22px;\n            transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;\n            position: relative;\n            overflow: hidden;\n            text-align: left;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            min-width: 0;\n            word-break: break-word;\n        }\n\n        .atxa-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--atxa-neon-red);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px var(--atxa-glow-red);\n            background: rgba(32, 16, 22, 0.98);\n        }\n\n        .atxa-icon-wrap {\n            width: 56px; height: 56px;\n            background: rgba(8, 4, 6, 0.9);\n            border: 1.5px solid rgba(255, 42, 59, 0.35);\n            border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 18px;\n            color: var(--atxa-neon-red);\n            transition: transform 0.3s ease, background 0.3s ease;\n            box-shadow: 0 0 15px rgba(255, 42, 59, 0.15);\n            flex-shrink: 0;\n            font-size: 1.3rem;\n            font-weight: 900;\n        }\n\n        .atxa-card:hover .atxa-icon-wrap {\n            transform: scale(1.1) rotate(-5deg);\n            background: var(--atxa-neon-red);\n            color: #040304;\n            border-color: transparent;\n            box-shadow: 0 0 25px var(--atxa-neon-red);\n        }\n\n        .atxa-card h3 {\n            font-size: 1.3rem;\n            color: #ffffff;\n            margin-bottom: 10px;\n            font-weight: 800;\n            line-height: 1.4;\n        }\n\n        .atxa-card p {\n            color: #ffffff;\n            font-size: 1.05rem;\n            line-height: 1.75;\n            font-weight: 500;\n        }\n\n        .atxa-ingredient-tag {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(255, 42, 59, 0.14);\n            border: 1px solid var(--atxa-neon-red);\n            color: var(--atxa-neon-red);\n            padding: 5px 14px;\n            border-radius: 8px;\n            font-size: 0.92rem;\n            font-weight: 800;\n            margin-bottom: 12px;\n            box-shadow: 0 0 12px rgba(255, 42, 59, 0.2);\n            width: fit-content;\n            max-width: 100%;\n            white-space: normal;\n            word-break: break-word;\n        }\n\n        .atxa-ingredient-tag.gold {\n            background: rgba(255, 210, 74, 0.14);\n            border-color: var(--atxa-neon-gold);\n            color: var(--atxa-neon-gold);\n            box-shadow: 0 0 12px rgba(255, 210, 74, 0.25);\n        }\n\n        .atxa-ingredient-tag.rose {\n            background: rgba(255, 107, 126, 0.14);\n            border-color: var(--atxa-neon-rose);\n            color: var(--atxa-neon-rose);\n            box-shadow: 0 0 12px rgba(255, 107, 126, 0.25);\n        }\n\n        .atxa-diff-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 18px;\n            margin: 30px 0;\n            width: 100%;\n        }\n\n        .atxa-diff-card {\n            background: linear-gradient(145deg, rgba(22, 10, 14, 0.9), rgba(8, 4, 6, 0.98));\n            border: 1.5px solid var(--atxa-border);\n            border-radius: 18px;\n            padding: 24px 18px;\n            text-align: center;\n            transition: transform 0.3s ease, border-color 0.3s ease;\n            min-width: 0;\n        }\n\n        .atxa-diff-card:hover {\n            border-color: var(--atxa-neon-gold);\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n        }\n\n        .atxa-bignum {\n            font-size: clamp(34px, 5.5vw, 50px);\n            font-weight: 900;\n            line-height: 1;\n            margin-bottom: 8px;\n            direction: ltr;\n        }\n\n        .atxa-diff-card h4 {\n            font-size: 1.18rem;\n            font-weight: 800;\n            margin-bottom: 8px;\n            color: #ffffff;\n        }\n\n        .atxa-diff-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.65;\n            font-weight: 500;\n        }\n\n        .atxa-stats-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 18px;\n            margin: 35px 0;\n            width: 100%;\n        }\n\n        .atxa-stat-box {\n            background: rgba(18, 8, 12, 0.9);\n            border: 1.5px solid var(--atxa-border);\n            border-radius: 18px;\n            padding: 26px 16px;\n            text-align: center;\n            transition: transform 0.3s ease, border-color 0.3s ease;\n            min-width: 0;\n        }\n\n        .atxa-stat-box:hover {\n            border-color: var(--atxa-neon-gold);\n            transform: translateY(-5px);\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n        }\n\n        .atxa-stat-num {\n            font-size: clamp(34px, 5.5vw, 54px);\n            font-weight: 900;\n            line-height: 1;\n            margin-bottom: 8px;\n            direction: ltr;\n        }\n\n        .atxa-stat-title {\n            color: #ffffff;\n            font-size: 1.05rem;\n            font-weight: 800;\n        }\n\n        .atxa-timeline-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 16px;\n            margin: 30px 0;\n            width: 100%;\n        }\n\n        .atxa-timeline-card {\n            background: rgba(18, 10, 14, 0.88);\n            border: 1px solid var(--atxa-border);\n            border-top: 4px solid var(--atxa-neon-red);\n            border-radius: 16px;\n            padding: 22px 16px;\n            text-align: left;\n            transition: transform 0.3s ease, border-color 0.3s ease;\n            min-width: 0;\n        }\n\n        .atxa-timeline-card:hover {\n            transform: translateY(-6px);\n            border-top-color: var(--atxa-neon-gold);\n            background: rgba(28, 14, 20, 0.95);\n        }\n\n        .atxa-timeline-badge {\n            display: inline-block;\n            background: rgba(255, 42, 59, 0.14);\n            color: var(--atxa-neon-red);\n            font-weight: 900;\n            padding: 4px 14px;\n            border-radius: 20px;\n            margin-bottom: 12px;\n            font-size: 0.9rem;\n            border: 1px solid var(--atxa-border);\n            white-space: nowrap;\n        }\n\n        .atxa-timeline-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .atxa-value-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 18px;\n            margin: 30px 0;\n            width: 100%;\n        }\n\n        .atxa-value-card {\n            background: linear-gradient(145deg, rgba(20, 10, 14, 0.9), rgba(8, 4, 6, 0.98));\n            border: 1px solid var(--atxa-border);\n            border-radius: 18px;\n            padding: 26px 18px;\n            text-align: left;\n            transition: transform 0.3s ease, border-color 0.3s ease;\n            min-width: 0;\n        }\n\n        .atxa-value-card:hover {\n            border-color: var(--atxa-neon-gold);\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\n        }\n\n        .atxa-value-num {\n            width: 44px; height: 44px;\n            background: rgba(255, 42, 59, 0.15);\n            border: 1.5px solid var(--atxa-neon-red);\n            border-radius: 12px;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.2rem; font-weight: 900;\n            color: var(--atxa-neon-gold);\n            margin-bottom: 14px;\n        }\n\n        .atxa-value-card h3 {\n            font-size: 1.2rem;\n            font-weight: 900;\n            margin-bottom: 8px;\n            color: #ffffff;\n        }\n\n        .atxa-value-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .atxa-steps-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 18px;\n            margin: 30px 0;\n            width: 100%;\n        }\n\n        .atxa-step-card {\n            background: rgba(18, 8, 12, 0.85);\n            border: 1.5px dashed var(--atxa-border);\n            padding: 24px 16px;\n            border-radius: 16px;\n            text-align: center;\n            transition: transform 0.3s ease, border-color 0.3s ease;\n            min-width: 0;\n        }\n\n        .atxa-step-card:hover {\n            border-color: var(--atxa-neon-red);\n            transform: translateY(-5px);\n            background: rgba(26, 12, 18, 0.95);\n        }\n\n        .atxa-step-num {\n            width: 44px; height: 44px;\n            background: linear-gradient(135deg, #2a080e, #0a0204);\n            border: 2px solid var(--atxa-neon-red);\n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.3rem; font-weight: 900;\n            color: var(--atxa-neon-gold);\n            margin: 0 auto 14px;\n            box-shadow: 0 0 15px var(--atxa-glow-red);\n        }\n\n        .atxa-step-card h4 {\n            color: var(--atxa-neon-red);\n            font-size: 1.2rem;\n            font-weight: 800;\n            margin-bottom: 8px;\n        }\n\n        .atxa-step-card p {\n            color: #ffffff;\n            font-size: 0.98rem;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        .atxa-table-wrap {\n            margin: 35px 0;\n            border-radius: 18px;\n            border: 1px solid var(--atxa-border);\n            background: rgba(18, 8, 12, 0.85);\n            overflow: hidden;\n            width: 100%;\n        }\n\n        .atxa-table { width: 100%; border-collapse: collapse; text-align: left; }\n        .atxa-table th, .atxa-table td {\n            padding: 18px 20px;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n            font-size: 1.05rem;\n            vertical-align: middle;\n        }\n\n        .atxa-table thead th {\n            background: rgba(35, 10, 16, 0.95);\n            font-size: 1.15rem; font-weight: 900;\n            color: #ffffff;\n            border-bottom: 2px solid var(--atxa-neon-red);\n        }\n\n        .atxa-table thead th.atxa-th-win {\n            color: var(--atxa-neon-gold);\n            background: rgba(255, 42, 59, 0.18);\n            text-shadow: 0 0 18px var(--atxa-glow-gold);\n        }\n\n        .atxa-table td:first-child { color: #ffffff; font-weight: 800; }\n        .atxa-table td.atxa-td-old { color: #ffffff; }\n        .atxa-table td.atxa-td-win {\n            color: #ffffff; font-weight: 700;\n            background: rgba(255, 42, 59, 0.08);\n            border-right: 3.5px solid var(--atxa-neon-red);\n        }\n\n        .atxa-table tbody tr:hover { background: rgba(255, 42, 59, 0.06); }\n        .atxa-table tbody tr:last-child td { border-bottom: none; }\n\n        .atxa-reveal {\n            opacity: 0;\n            transform: translateY(35px);\n            transition: opacity 0.6s ease, transform 0.6s ease;\n        }\n\n        .atxa-reveal.atxa-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .atxa-delay-1 { transition-delay: 0.12s; }\n        .atxa-delay-2 { transition-delay: 0.24s; }\n\n        @media (max-width: 768px) {\n            .anua-txa-ultimate-wrapper { padding: 25px 0; }\n            .atxa-container { padding: 0 14px !important; }\n            .atxa-img-md { max-width: 100% !important; }\n\n            .atxa-benefits-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n                margin: 20px 0 !important;\n                width: 100% !important;\n            }\n\n            .atxa-benefits-grid .atxa-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .atxa-benefits-grid .atxa-icon-wrap {\n                width: 38px !important;\n                height: 38px !important;\n                margin-bottom: 10px !important;\n                border-radius: 10px !important;\n                font-size: 16px !important;\n            }\n\n            .atxa-benefits-grid .atxa-card h3 {\n                font-size: 0.94rem !important;\n                margin-bottom: 6px !important;\n                line-height: 1.3 !important;\n            }\n\n            .atxa-benefits-grid .atxa-ingredient-tag {\n                font-size: 0.72rem !important;\n                padding: 3px 6px !important;\n                margin-bottom: 6px !important;\n                line-height: 1.25 !important;\n                border-radius: 6px !important;\n            }\n\n            .atxa-benefits-grid .atxa-card p {\n                font-size: 0.82rem !important;\n                line-height: 1.5 !important;\n            }\n\n            .atxa-diff-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .atxa-diff-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .atxa-diff-card:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .atxa-bignum {\n                font-size: 32px !important;\n            }\n\n            .atxa-diff-card h4 {\n                font-size: 0.95rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .atxa-diff-card p {\n                font-size: 0.82rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .atxa-stats-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .atxa-stat-box {\n                padding: 16px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .atxa-stat-box:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .atxa-stat-num {\n                font-size: 34px !important;\n            }\n\n            .atxa-stat-title {\n                font-size: 0.85rem !important;\n            }\n\n            .atxa-timeline-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .atxa-timeline-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .atxa-timeline-badge {\n                font-size: 0.75rem !important;\n                padding: 3px 8px !important;\n                margin-bottom: 8px !important;\n            }\n\n            .atxa-timeline-card p {\n                font-size: 0.82rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .atxa-value-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .atxa-value-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .atxa-value-card:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .atxa-value-num {\n                width: 36px !important;\n                height: 36px !important;\n                font-size: 1rem !important;\n                margin-bottom: 8px !important;\n            }\n\n            .atxa-value-card h3 {\n                font-size: 0.95rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .atxa-value-card p {\n                font-size: 0.82rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .atxa-steps-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                gap: 10px !important;\n            }\n\n            .atxa-step-card {\n                padding: 14px 10px !important;\n                border-radius: 14px !important;\n            }\n\n            .atxa-step-card:last-child {\n                grid-column: span 2 !important;\n            }\n\n            .atxa-step-num {\n                width: 38px !important;\n                height: 38px !important;\n                font-size: 1.1rem !important;\n                margin-bottom: 8px !important;\n            }\n\n            .atxa-step-card h4 {\n                font-size: 0.95rem !important;\n                margin-bottom: 4px !important;\n            }\n\n            .atxa-step-card p {\n                font-size: 0.82rem !important;\n                line-height: 1.45 !important;\n            }\n\n            .atxa-table, .atxa-table tbody, .atxa-table tr, .atxa-table td { display: block; width: 100%; }\n            .atxa-table thead { display: none; }\n            .atxa-table tr {\n                margin-bottom: 12px;\n                border: 1px solid rgba(255, 42, 59, 0.25);\n                border-radius: 14px;\n                overflow: hidden;\n            }\n            .atxa-table td { border-bottom: 1px solid rgba(255,255,255,0.06); padding: 12px 14px; font-size: 0.88rem; }\n            .atxa-table td:first-child {\n                background: rgba(35, 10, 16, 0.95);\n                font-size: 1rem;\n                color: var(--atxa-neon-gold);\n            }\n            .atxa-table td[data-label]::before {\n                content: attr(data-label) \": \";\n                font-weight: 800;\n                color: var(--atxa-neon-rose);\n                margin-left: 6px;\n            }\n            .atxa-table td.atxa-td-win::before { color: var(--atxa-neon-gold); }\n\n            .atxa-title-glow { font-size: 24px; }\n            .atxa-section-title { font-size: 20px; }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"atxa-ambient-bg\"\u003e\n\u003cdiv class=\"atxa-orb atxa-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"atxa-orb atxa-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"atxa-hero atxa-reveal atxa-active\" style=\"text-align: center; padding: 20px 0 35px;\"\u003e\n\u003cdiv class=\"atxa-badge\"\u003eLa formule d'éclaircissement et de correction des taches la plus puissante en Corée\u003c\/div\u003e\n\u003ch1 class=\"atxa-title-glow\"\u003e\n                Sérum Anua Niacinamide 10 % + TXA 4 %\u003cbr\/\u003e\n\u003cspan class=\"neon-gold\"\u003eÉliminez le fond de teint et retrouvez la pureté de votre peau en 30 jours\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"atxa-hero-subtitle\"\u003e\n                Je suis fatigué de sa politesse \u003cspan class=\"neon-red\"\u003eTraces de vieux boutons avec correcteur\u003c\/span\u003e? Le mélasma et les taches de soleil disparaissent peu importe combien vous essayez de les éclaircir avec des sérums? \u003cspan class=\"neon-gold\"\u003eLe secret est de ne pas exfolier votre peau\u003c\/span\u003eLe secret est d'arrêter la tache elle-même dès les racines avant qu'elle n'apparaisse à la surface de votre peau.\n            \u003c\/p\u003e\n\u003cimg alt=\"ANUA Niacinamide 10% + TXA 4% Serum\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_against_dark_backgr__202608311311.jpg?v=1788171326\" style=\"margin-bottom: 30px;\"\/\u003e\n\u003cdiv style=\"background: rgba(255, 42, 59, 0.08); border: 1.5px solid var(--atxa-neon-red); border-radius: 18px; padding: 22px; text-align: center; max-width: 840px; margin: 0 auto 30px;\"\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: 900; color: #ffffff; line-height: 1.85;\"\u003e\n                    Ce n'est pas juste un sérum éclaircissant ordinaire. \u003cspan class=\"neon-red\"\u003eTrilogie de correction intelligente\u003c\/span\u003e Il fusionne \u003cspan class=\"neon-gold\"\u003e10 % niacinamide + 4 % tranexamique + 2 % arbutine\u003c\/span\u003e Pour effacer la tache la plus sombre, vous êtes sur le point d'unifier votre couleur sans un seul point de desquamation ni une seule brûlure!\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(255, 210, 74, 0.08); border: 1px dashed var(--atxa-neon-gold); padding: 16px 22px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; max-width: 820px;\"\u003e\n\u003cp style=\"font-size: 1.05rem; font-weight: 800; margin: 0; color: #ffffff;\"\u003e\n                    Produit le plus vendu dans \u003cspan class=\"neon-gold\"\u003ePlus de 30 pays\u003c\/span\u003e Pour mettre fin à la bataille des taches tenaces une fois pour toutes, totalement sûr pour la peau sensible.\n                \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 2. Core Targeted Benefits Grid --\u003e\n\u003cdiv class=\"atxa-reveal\" style=\"margin-top: 15px;\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eQu'est-ce qui changera exactement dans votre peau?\u003c\/h2\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 30px; font-size: 1.15rem;\"\u003e\n                La véritable différence que vous verrez dans le miroir chaque jour dès la première semaine:\n            \u003c\/p\u003e\n\u003cdiv class=\"atxa-benefits-grid\"\u003e\n\u003c!-- Benefit 1 --\u003e\n\u003cdiv class=\"atxa-card\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"neon-red\"\u003eCouleur uniforme et pores resserrés\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag\"\u003eNiacinamide 10 % pur\u003c\/div\u003e\n\u003cp\u003eIl contrôle l'excès de sébum, resserre les pores dilatés et répartit la fraîcheur partout, éliminant le besoin de poudre de maquillage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 2 --\u003e\n\u003cdiv class=\"atxa-card atxa-delay-1\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eArrêtez le mélasma à la source\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag gold\"\u003eAcide tranéxamique 4%\u003c\/div\u003e\n\u003cp\u003eIl empêche la formation de pigments de pigmentation depuis ses racines profondes, arrêtant le mélasma et les taches de soleil estivales avant qu'ils ne s'installent dans votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 3 --\u003e\n\u003cdiv class=\"atxa-card atxa-delay-2\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"neon-rose\"\u003eEffacer les traces de boutons tenaces\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag rose\"\u003eArbutine Pure 2%\u003c\/div\u003e\n\u003cp\u003eIl fonctionne comme un élastique sur les marques brunes et rouges laissées par les anciens boutons, faisant revenir votre peau aussi claire qu'un filtre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 4 --\u003e\n\u003cdiv class=\"atxa-card\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"neon-red\"\u003ePlénitude aqueuse sans aucune sécheresse\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag\"\u003eAcide hyaluronique et acide polyglutamique\u003c\/div\u003e\n\u003cp\u003eIl infuse vos cellules cutanées d'une hydratation profonde et aqueuse, prévenant la sécheresse ou la desquamation souvent causées par d'autres sérums éclaircissants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 5 --\u003e\n\u003cdiv class=\"atxa-card atxa-delay-1\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eLe bouclier de protection empêche les taches de revenir\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag gold\"\u003eCéramide NP\u003c\/div\u003e\n\u003cp\u003eIl crée une barrière protectrice solide qui retient l'humidité dans votre peau et empêche la sensibilité au soleil et les fluctuations météorologiques de vous brûler à nouveau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 6 --\u003e\n\u003cdiv class=\"atxa-card atxa-delay-2\"\u003e\n\u003cdiv class=\"atxa-icon-wrap\"\u003e6\u003c\/div\u003e\n\u003ch3 class=\"neon-rose\"\u003eApaisement instantané sans aucune rougeur\u003c\/h3\u003e\n\u003cdiv class=\"atxa-ingredient-tag rose\"\u003eCica et thé vert naturel\u003c\/div\u003e\n\u003cp\u003eUne sensation de fraîcheur et de confort dès la première goutte. Elle élimine les brûlures et apaise immédiatement les irritations, même si votre peau est très sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 3. Formula Secrets Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003ePourquoi ce sérum ne brûlera pas et n'irritera pas votre peau?\u003c\/h2\u003e\n\u003cimg alt=\"ANUA Serum Natural Ingredients\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_with_rose_petals_202608311314.jpg?v=1788171326\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 25px; font-size: 1.15rem;\"\u003e\n                La plupart des sérums éclaircissants sont agressifs et provoquent des brûlures et des desquamations, mais Anua résout le problème:\n            \u003c\/p\u003e\n\u003cdiv class=\"atxa-diff-grid\"\u003e\n\u003cdiv class=\"atxa-diff-card\"\u003e\n\u003cdiv class=\"atxa-bignum neon-gold\"\u003e10%\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\"\u003ePuissance maximale sans sensibilité\u003c\/h4\u003e\n\u003cp\u003eLe ratio doré qui éclaircit et unifie rapidement la couleur, mais est soutenu par des agents apaisants et des céramides, afin que vous restiez à 100 % confortable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-diff-card\" style=\"border-color: var(--atxa-neon-red);\"\u003e\n\u003cdiv class=\"atxa-bignum neon-red\"\u003e100%\u003c\/div\u003e\n\u003ch4 class=\"neon-red\"\u003ePureté rose naturelle\u003c\/h4\u003e\n\u003cp\u003eSa couleur rose cristalline n'est pas un colorant artificiel, c'est la couleur de la vitamine B12 naturelle, qui nourrit et illumine votre teint.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-diff-card\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n\u003cdiv class=\"atxa-bignum neon-rose\"\u003e7 jours\u003c\/div\u003e\n\u003ch4 class=\"neon-rose\"\u003eFraîcheur et éclat remarquables\u003c\/h4\u003e\n\u003cp\u003eVous n'avez pas besoin d'attendre des mois pour voir des résultats, car la texture de votre peau sera lisse et le teint terne disparaîtra dès la première semaine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; font-size: 1.15rem; font-weight: 800; margin-top: 25px;\"\u003e\n                Idéal pour tous les types de peau, même \u003cspan class=\"neon-gold\"\u003ePeau sujette à l'acné et sensible\u003c\/span\u003eIl est entièrement exempt de parfums et d'alcool.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 4. Clinical Evidence \u0026 Stats Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eNombres réels prouvés par des essais cliniques\u003c\/h2\u003e\n\u003cimg alt=\"ANUA Niacinamide TXA Serum benefits\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_with_abstract_shapes_202608311314.jpg?v=1788171326\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; margin-bottom: 25px; font-size: 1.15rem;\"\u003e\n                Résultats documentés après une étude en laboratoire \u003cspan class=\"neon-gold\"\u003e347 utilisés\u003c\/span\u003e:\n            \u003c\/p\u003e\n\u003cdiv class=\"atxa-stats-grid\"\u003e\n\u003cdiv class=\"atxa-stat-box\"\u003e\n\u003cdiv class=\"atxa-stat-num neon-gold\"\u003e\n\u003cspan class=\"atxa-counter\" data-target=\"94\"\u003e0\u003c\/span\u003e%\n                    \u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-title\"\u003eAtténuation visible des taches foncées et de l'hyperpigmentation\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-box\" style=\"border-color: var(--atxa-neon-red);\"\u003e\n\u003cdiv class=\"atxa-stat-num neon-red\"\u003e\n\u003cspan class=\"atxa-counter\" data-target=\"89\"\u003e0\u003c\/span\u003e%\n                    \u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-title\"\u003eUniformisation complète de la couleur du visage et du cou\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-box\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n\u003cdiv class=\"atxa-stat-num neon-rose\"\u003e\n\u003cspan class=\"atxa-counter\" data-target=\"91\"\u003e0\u003c\/span\u003e%\n                    \u003c\/div\u003e\n\u003cdiv class=\"atxa-stat-title\"\u003eLissage visible et disparition de la rugosité de la peau\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pure-white\" style=\"text-align: center; font-size: 1.1rem; font-weight: bold;\"\u003e\n                Résultats documentés provenant de centres de recherche coréens accrédités, pas seulement des discours publicitaires!\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 5. Comparison Table --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003ePourquoi le sérum Anua est-il supérieur aux sérums ordinaires?\u003c\/h2\u003e\n\u003cdiv class=\"atxa-table-wrap\"\u003e\n\u003ctable class=\"atxa-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eComparaison\u003c\/th\u003e\n\u003cth\u003eSérums traditionnels\u003c\/th\u003e\n\u003cth class=\"atxa-th-win\"\u003eSérum à la niacinamide ANUA TXA\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparaison\"\u003eIngrédients actifs\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Sérums traditionnels\"\u003e5 à 10% de niacinamide seule\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Sérum à la niacinamide ANUA TXA\"\u003e10 % niacinamide + 4 % tranexamique + 2 % arbutine\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparaison\"\u003eComment traiter les boutons\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Sérums traditionnels\"\u003eUn éclaircissement superficiel faible se produit au premier soleil\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Sérum à la niacinamide ANUA TXA\"\u003eArrête la production de pigment dans les taches à partir de leurs racines profondes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparaison\"\u003eConfort de la peau\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Sérums traditionnels\"\u003eCela provoque des brûlures, des desquamations et une peau sèche\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Sérum à la niacinamide ANUA TXA\"\u003eHydratation instantanée et aqueuse avec céramides et acide hyaluronique\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparaison\"\u003eRapidité des résultats\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Sérums traditionnels\"\u003eIl faut deux mois et vous pourriez ne pas remarquer de différence\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Sérum à la niacinamide ANUA TXA\"\u003eFraîcheur visible et réduction de l'altération dès les 7 premiers jours\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Comparaison\"\u003eSécurité pour les peaux sensibles\u003c\/td\u003e\n\u003ctd class=\"atxa-td-old\" data-label=\"Sérums traditionnels\"\u003eIl est plein d'alcool et de parfum qui enflamment les boutons\u003c\/td\u003e\n\u003ctd class=\"atxa-td-win\" data-label=\"Sérum à la niacinamide ANUA TXA\"\u003eComplètement exempt de parfums, d'alcool et d'irritants\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 6. Timeline Transformation Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eLe voyage se fait étape par étape avec l'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"atxa-timeline-grid\"\u003e\n\u003cdiv class=\"atxa-timeline-card\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\"\u003eSemaine 1\u003c\/div\u003e\n\u003ch4 class=\"neon-red\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eÉclat instantané et fraîcheur\u003c\/h4\u003e\n\u003cp\u003eAbsorption rapide en quelques secondes sans aucune sensation de collant, hydratation aqueuse confortable, et les taches commenceront à disparaître et vos mains auront l'air en bonne santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-gold);\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\" style=\"color: var(--atxa-neon-gold); border-color: var(--atxa-neon-gold);\"\u003eSemaine 2 et 3\u003c\/div\u003e\n\u003ch4 class=\"neon-gold\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eTraces de grain qui s'estompent\u003c\/h4\u003e\n\u003cp\u003eLes effets des boutons superficiels commenceront à s'éclaircir de manière notable, la brillance gênante du sébum diminuera, et vos pores paraîtront plus propres et plus petits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-rose);\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\" style=\"color: var(--atxa-neon-rose); border-color: var(--atxa-neon-rose);\"\u003eLe premier mois\u003c\/div\u003e\n\u003ch4 class=\"neon-rose\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eUniformité vraie des couleurs\u003c\/h4\u003e\n\u003cp\u003eUne diminution significative du mélasma et de la pigmentation. Vous sentirez que votre peau est raffermie et unifiée, comme si vous portiez un filtre naturel sans maquillage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-timeline-card\" style=\"border-top-color: var(--atxa-neon-red);\"\u003e\n\u003cdiv class=\"atxa-timeline-badge\"\u003eLe deuxième mois\u003c\/div\u003e\n\u003ch4 class=\"neon-red\" style=\"font-size: 1.1rem; margin-bottom: 8px; font-weight: 800;\"\u003eClarté permanente et protégée\u003c\/h4\u003e\n\u003cp\u003eLa disparition presque totale des anciennes taches tenaces, avec une barrière solide qui protège votre peau contre la réapparition des taches au soleil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 7. Value Proposition Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003ePourquoi ce sérum est le meilleur investissement pour votre peau?\u003c\/h2\u003e\n\u003cimg alt=\"ANUA serum results\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Woman_holding_skincare_serum_bottle_202608311314.jpg?v=1788171326\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cdiv class=\"atxa-value-grid\"\u003e\n\u003cdiv class=\"atxa-value-card\"\u003e\n\u003cdiv class=\"atxa-value-num\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"neon-red\"\u003eDeux points suffisent\u003c\/h3\u003e\n\u003cp\u003eSa haute concentration permet à deux ou trois gouttes de couvrir l'ensemble de votre visage et de votre cou. Le flacon de 30 ml vous durera deux mois complets d'utilisation quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-value-card\" style=\"border-color: var(--atxa-neon-gold);\"\u003e\n\u003cdiv class=\"atxa-value-num\" style=\"color: var(--atxa-neon-gold); border-color: var(--atxa-neon-gold);\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"neon-gold\"\u003eIl élimine le besoin de 4 produits\u003c\/h3\u003e\n\u003cp\u003eAu lieu d'acheter un sérum éclaircissant, un sérum contre l'acné, un sérum à l'acide hyaluronique et une crème à la céramide, cela combine tout cela en une seule étape qui épargne votre budget.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-value-card\" style=\"border-color: var(--atxa-neon-rose);\"\u003e\n\u003cdiv class=\"atxa-value-num\" style=\"color: var(--atxa-neon-rose); border-color: var(--atxa-neon-rose);\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"neon-rose\"\u003eGarantie et testé à l'échelle mondiale\u003c\/h3\u003e\n\u003cp\u003eN° 1 dans les tendances beauté coréennes et des millions de filles l'ont adopté dans leur routine quotidienne comme une alternative sûre aux séances coûteuses en clinique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 8. Usage Protocol Grid --\u003e\n\u003cdiv class=\"atxa-reveal\"\u003e\n\u003ch2 class=\"atxa-section-title\"\u003eMéthode facile à utiliser pour des résultats maximum\u003c\/h2\u003e\n\u003cimg alt=\"ANUA serum bottle\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Serum_bottle_on_red_liquid_202608311311.jpg?v=1788171326\" style=\"margin-bottom: 25px;\"\/\u003e\n\u003cdiv class=\"atxa-steps-grid\"\u003e\n\u003cdiv class=\"atxa-step-card\"\u003e\n\u003cdiv class=\"atxa-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eNettoyez votre visage\u003c\/h4\u003e\n\u003cp\u003eUtilisez-le le matin ou le soir sur une peau complètement propre et sèche après votre étape tonique préférée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-step-card\"\u003e\n\u003cdiv class=\"atxa-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eÉtaler doucement\u003c\/h4\u003e\n\u003cp\u003eMettre 2 à 3 gouttes et masser doucement, en insistant sur les taches et les boutons jusqu'à absorption complète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-step-card\"\u003e\n\u003cdiv class=\"atxa-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eTerminez avec une crème hydratante\u003c\/h4\u003e\n\u003cp\u003eAppliquez votre crème hydratante habituelle pour sceller les ingrédients, et il est très important d'utiliser un écran solaire pendant la journée pour protéger votre nouvelle peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-art-divider\"\u003e\u003c\/div\u003e\n\u003c!-- 9. Final CTA --\u003e\n\u003cdiv class=\"atxa-reveal\" style=\"text-align: center; margin-top: 55px; padding: 50px 20px; background: linear-gradient(180deg, rgba(32, 10, 16, 0.95) 0%, rgba(8, 2, 4, 0.98) 100%); border-radius: 24px; border: 2px solid var(--atxa-neon-red); box-shadow: 0 20px 60px rgba(255, 42, 59, 0.25);\"\u003e\n\u003ch2 class=\"atxa-title-glow\" style=\"font-size: clamp(24px, 4.5vw, 36px); margin-bottom: 20px;\"\u003e\n                Votre peau n'a pas besoin de maquillage pour en prendre soin.. \u003cspan class=\"neon-gold\"\u003eJ'ai besoin d'un sérum qui le clarifie vraiment\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cimg alt=\"ANUA Niacinamide Serum\" class=\"atxa-img-md\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/202608311326.jpg?v=1788172007\" style=\"margin: 30px auto;\"\/\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: bold; color: #ffffff; max-width: 800px; margin: 0 auto 25px; line-height: 1.85;\"\u003e\n\u003cstrong class=\"neon-red\" style=\"font-size: 1.35rem; display: block; margin-bottom: 10px;\"\u003eAu lieu de gaspiller votre argent et d'épuiser votre peau avec des expériences inutiles!\u003c\/strong\u003e\n                Commencez aujourd'hui avec la formule triple Anua approuvée internationalement... et effacez les taches et les boutons pour retrouver votre éclat naturel en toute confiance.\n            \u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-neon-gold); font-size: 1.6rem; font-weight: 900; margin-bottom: 20px; text-shadow: 0 0 20px var(--atxa-glow-gold);\"\u003e\n                Commandez dès maintenant le sérum original Anua Niacinamide 10 % + TXA 4 %... et profitez d'une peau éclatante dès le premier mois!\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 10. Technical INCI List --\u003e\n\u003cdiv class=\"atxa-reveal\" style=\"background: rgba(0,0,0,0.85); border: 1px dashed rgba(255, 42, 59, 0.3); border-radius: 16px; padding: 30px 20px; margin-top: 50px; text-align: left; direction: ltr; word-break: break-word; overflow-wrap: break-word;\"\u003e\n\u003ch3 style=\"color: var(--atxa-neon-red); margin-bottom: 15px; font-size: 1.2rem; text-align: left; direction: ltr; font-weight: 800;\"\u003eListe complète des ingrédients approuvés (INCI))\u003c\/h3\u003e\n\u003cp style=\"font-size: 0.95rem; color: #ffffff; line-height: 1.8; font-weight: 500;\"\u003e\n                Water, Glycerin, \u003cstrong class=\"neon-red\"\u003eNiacinamide (10%)\u003c\/strong\u003e, \u003cstrong class=\"neon-gold\"\u003eTranexamic Acid (4%)\u003c\/strong\u003e, Butylene Glycol, Diethoxyethyl Succinate, 1,2-Hexanediol, \u003cstrong class=\"neon-rose\"\u003eArbutin (2%)\u003c\/strong\u003e, Sodium Hyaluronate, Alpha-Arbutin, Coccinia Indica Fruit Extract, Eclipta Prostrata Extract, Macadamia Integrifolia Seed Oil, Olea Europaea (Olive) Fruit Oil, Simmondsia Chinensis (Jojoba) Seed Oil, Vitis Vinifera (Grape) Seed Oil, Theobroma Cacao (Cocoa) Extract, Hydrolyzed Hyaluronic Acid, Chamaecyparis Obtusa Leaf Extract, Prunus Persica (Peach) Flower Extract, Camellia Sinensis Seed Oil, Yeast Ferment Extract, Centella Asiatica Extract, Artemisia Princeps Leaf Extract, Candida Bombicola\/Glucose\/Methyl Rapeseedate Ferment, Hyaluronic Acid, Pentylene Glycol, Betaine Salicylate, Sucrose Palmitate, Hydrogenated Lecithin, Gellan Gum, Sodium Phytate, Cellulose, Caprylic\/Capric Triglyceride, Panthenol, Cyanocobalamin, Polyglutamic Acid, 3-O-Ethyl Ascorbic Acid, \u003cstrong class=\"neon-red\"\u003eCeramide NP\u003c\/strong\u003e, Dextrin, Asiaticoside, Madecassic Acid, Asiatic Acid, Dimethylsilanol Hyaluronate, Hydrolyzed Sodium Hyaluronate, Potassium Hyaluronate, Hydroxypropyltrimonium Hyaluronate, Sodium Hyaluronate Crosspolymer, Sodium Hyaluronate Dimethylsilanol, Sodium Acetylated Hyaluronate, Xanthan Gum.\n            \u003c\/p\u003e\n\u003cp style=\"font-size: 0.95rem; color: var(--atxa-neon-gold); margin-top: 10px; font-weight: bold; direction: ltr; text-align: left;\"\u003e\n                Une formule thérapeutique coréenne pure, totalement exempte de parfums synthétiques, d’alcool agressif et de parabènes. 100 % sûre pour les peaux sensibles et à tendance acnéique.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', function () {\n            var reveals = document.querySelectorAll('.atxa-reveal');\n            var observer = new IntersectionObserver(function (entries, obs) {\n                entries.forEach(function (entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('atxa-active');\n                        \n                        var counters = entry.target.querySelectorAll('.atxa-counter');\n                        if (counters.length \u003e 0) {\n                            runCounters(counters);\n                        }\n                        \n                        obs.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.08, rootMargin: \"0px 0px -40px 0px\" });\n\n            reveals.forEach(function (el) { observer.observe(el); });\n\n            function runCounters(counters) {\n                counters.forEach(function (counter) {\n                    var target = parseFloat(counter.getAttribute('data-target'));\n                    if (isNaN(target)) return;\n                    var duration = 1800;\n                    var frames = 60;\n                    var increment = target \/ (duration \/ (1000 \/ frames));\n                    var current = 0;\n\n                    var updateCounter = function () {\n                        current += increment;\n                        if (current \u003c target) {\n                            counter.innerText = Math.ceil(current);\n                            requestAnimationFrame(updateCounter);\n                        } else {\n                            counter.innerText = target;\n                        }\n                    };\n                    updateCounter();\n                });\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":46999395270830,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/anua-niacinamide-10-txa-4-serum-30ml-1.webp?v=1789237578"},{"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":"skin1004-centella-tone-brightening-capsule-ampoule","title":"Ampoule Éclaircissante SKIN1004 Madagascar Centella — Ampoule éclaircissante pour l'acné et la pigmentation avec 77% de Centella","description":"\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\/\u003e\n\u003cstyle\u003e\n    \/* Scoped CSS for skinGeer Shopify Snippet - Luxury Dark Mode *\/\n    .sg-product-description {\n        \/* Core Palette - Deep Blacks \u0026 Charcoals *\/\n        --sg-bg-main: #050505;\n        --sg-bg-card: rgba(20, 20, 22, 0.75);\n        --sg-bg-card-hover: rgba(30, 30, 32, 0.9);\n        \n        \/* Accents - Vibrant Emerald \u0026 Warning Gold *\/\n        --sg-green-primary: #10b981;\n        --sg-green-dark: #059669;\n        --sg-green-glow: rgba(16, 185, 129, 0.15);\n        --sg-yellow-accent: #fbbf24;\n        --sg-yellow-glow: rgba(251, 191, 36, 0.15);\n        \n        \/* Borders \u0026 Text *\/\n        --sg-border: rgba(255, 255, 255, 0.1);\n        --sg-border-light: rgba(255, 255, 255, 0.2);\n        --sg-text-white: #ffffff;\n        --sg-text-main: #f3f4f6;\n        --sg-text-muted: #9ca3af;\n        \n        font-family:Cairo',sans-serif;\n        background-color: var(--sg-bg-main);\n        color: var(--sg-text-main);\n        line-height: 1.8;\n        direction: ltr;\n        text-align: left;\n        border-radius: 16px;\n        overflow: hidden;\n        position: relative;\n        padding-bottom: 3rem;\n        box-sizing: border-box;\n        margin: 0 auto;\n        max-width: 1200px; \/* Optional constraint for wide screens *\/\n    }\n\n    .sg-product-description * {\n        box-sizing: border-box;\n    }\n\n    .sg-glass-card {\n        background: var(--sg-bg-card);\n        backdrop-filter: blur(16px);\n        -webkit-backdrop-filter: blur(16px);\n        border: 1px solid var(--sg-border);\n        border-radius: 16px;\n        padding: 2rem;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        position: relative;\n        overflow: hidden;\n    }\n\n    .sg-glass-card::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0; height: 2px;\n        background: linear-gradient(90deg, transparent, var(--sg-green-primary), transparent);\n        opacity: 0;\n        transition: opacity 0.4s ease;\n    }\n\n    .sg-glass-card:hover {\n        transform: translateY(-5px);\n        background: var(--sg-bg-card-hover);\n        border-color: var(--sg-border-light);\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 20px var(--sg-green-glow);\n    }\n\n    .sg-glass-card:hover::before {\n        opacity: 1;\n    }\n\n    \/* Typography \u0026 Utilities *\/\n    .sg-text-gradient {\n        background: linear-gradient(135deg, #ffffff 0%, var(--sg-green-primary) 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        display: inline-block;\n    }\n    \n    .sg-text-yellow {\n        color: var(--sg-yellow-accent);\n    }\n\n    .sg-container {\n        max-width: 900px;\n        margin: 0 auto;\n        padding: 0 1.5rem;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* Layout Grids *\/\n    .sg-grid-2 { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }\n    .sg-grid-3 { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }\n\n    @media (min-width: 768px) {\n        .sg-grid-2 { grid-template-columns: repeat(2, 1fr); }\n        .sg-grid-3 { grid-template-columns: repeat(3, 1fr); }\n    }\n\n    .sg-glow-bg {\n        position: absolute;\n        border-radius: 50%;\n        filter: blur(120px);\n        z-index: 0;\n        pointer-events: none;\n        opacity: 0.15;\n    }\n\n    .sg-glow-green { background: var(--sg-green-primary); width: 400px; height: 400px; top: -100px; right: -100px; }\n    .sg-glow-white { background: #ffffff; width: 300px; height: 300px; bottom: 30%; left: -50px; opacity: 0.05; }\n    .sg-glow-yellow { background: var(--sg-yellow-accent); width: 200px; height: 200px; top: 60%; right: 10%; opacity: 0.05; }\n\n    .sg-reveal {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\n    }\n    .sg-reveal.sg-active {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* Responsive Images *\/\n    .sg-responsive-img {\n        width: 100%;\n        height: auto;\n        border-radius: 16px;\n        border: 1px solid var(--sg-border);\n        box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n        margin: 2rem 0;\n        display: block;\n    }\n\n    \/* Headers *\/\n    .sg-hero {\n        text-align: center;\n        padding: 4rem 0 2rem;\n        position: relative;\n    }\n\n    .sg-hero h1 {\n        font-size: clamp(1.8rem, 4vw, 2.8rem);\n        font-weight: 800;\n        line-height: 1.3;\n        margin-bottom: 1.5rem;\n        color: var(--sg-text-white);\n    }\n\n    .sg-hero p {\n        font-size: clamp(1.1rem, 2vw, 1.25rem);\n        color: var(--sg-text-muted);\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .sg-section-title {\n        font-size: clamp(1.5rem, 3vw, 2.2rem);\n        font-weight: 800;\n        text-align: center;\n        margin: 4rem 0 2rem;\n        color: var(--sg-text-white);\n        line-height: 1.4;\n    }\n\n    .sg-tech-card-layout {\n        display: flex;\n        align-items: flex-start;\n        gap: 1.2rem;\n        margin-bottom: 1rem;\n    }\n    \n    .sg-tech-icon {\n        width: 56px;\n        height: 56px;\n        flex-shrink: 0;\n        background: rgba(16, 185, 129, 0.08);\n        border: 1px solid rgba(16, 185, 129, 0.3);\n        border-radius: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: var(--sg-green-primary);\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .sg-glass-card:hover .sg-tech-icon {\n        background: var(--sg-green-primary);\n        color: var(--sg-bg-main);\n        transform: scale(1.1) rotate(5deg);\n        box-shadow: 0 0 20px var(--sg-green-glow);\n    }\n\n    \/* Feature Lists in Cards *\/\n    .sg-feature-list {\n        list-style: none;\n        padding: 0;\n        margin: 1rem 0 0 0;\n    }\n    \n    .sg-feature-list li {\n        position: relative;\n        padding-left: 1.5rem;\n        margin-bottom: 0.5rem;\n        font-size: 1rem;\n        color: var(--sg-text-main);\n    }\n\n    .sg-feature-list li::before {\n        content: '✓';\n        position: absolute;\n        right: 0;\n        top: 2px;\n        color: var(--sg-green-primary);\n        font-weight: bold;\n    }\n\n    .sg-timeline {\n        position: relative;\n        padding-left: 2rem;\n        border-right: 2px solid rgba(255, 255, 255, 0.1);\n        margin: 2rem 0;\n    }\n\n    .sg-timeline-item {\n        position: relative;\n        margin-bottom: 2.5rem;\n    }\n\n    .sg-timeline-dot {\n        position: absolute;\n        right: -31px;\n        top: 20px;\n        width: 14px;\n        height: 14px;\n        border-radius: 50%;\n        background: var(--sg-bg-main);\n        border: 2px solid var(--sg-green-primary);\n        transition: all 0.3s ease;\n    }\n\n    .sg-timeline-item:hover .sg-timeline-dot {\n        background: var(--sg-green-primary);\n        box-shadow: 0 0 10px var(--sg-green-primary);\n    }\n\n    .sg-timeline-badge {\n        display: inline-block;\n        padding: 4px 14px;\n        background: rgba(255, 255, 255, 0.05);\n        color: var(--sg-text-main);\n        font-size: 0.9rem;\n        font-weight: 700;\n        border-radius: 20px;\n        margin-bottom: 1rem;\n        border: 1px solid var(--sg-border);\n    }\n\n    .sg-step-header {\n        display: flex;\n        align-items: center;\n        gap: 1rem;\n        margin-bottom: 1rem;\n    }\n\n    .sg-step-number {\n        display: inline-flex;\n        width: 40px;\n        height: 40px;\n        background: rgba(16, 185, 129, 0.1);\n        color: var(--sg-green-primary);\n        border-radius: 50%;\n        align-items: center;\n        justify-content: center;\n        font-weight: 800;\n        font-size: 1.2rem;\n        border: 1px solid var(--sg-green-primary);\n        flex-shrink: 0;\n        transition: all 0.3s ease;\n    }\n\n    .sg-glass-card:hover .sg-step-number {\n        background: var(--sg-green-primary);\n        color: var(--sg-bg-main);\n        box-shadow: 0 0 15px var(--sg-green-glow);\n    }\n\n    .sg-notice-box {\n        background: rgba(251, 191, 36, 0.03);\n        border: 1px solid rgba(251, 191, 36, 0.2);\n        border-right: 4px solid var(--sg-yellow-accent);\n        border-radius: 12px;\n        padding: 1.5rem;\n        margin: 2rem 0;\n        display: flex;\n        align-items: flex-start;\n        gap: 1rem;\n    }\n\n    .sg-notice-icon {\n        color: var(--sg-yellow-accent);\n        flex-shrink: 0;\n        margin-top: 5px;\n    }\n\n    .sg-quote-box {\n        text-align: center;\n        padding: 2rem;\n        border-top: 1px solid var(--sg-border);\n        border-bottom: 1px solid var(--sg-border);\n        margin: 3rem 0;\n        font-style: italic;\n        font-size: 1.3rem;\n        color: var(--sg-green-primary);\n        font-weight: 600;\n    }\n\n    .sg-ingredients-raw {\n        font-size: 0.85rem;\n        color: var(--sg-text-muted);\n        line-height: 1.8;\n        direction: ltr;\n        text-align: left;\n        font-family:monospace;\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"sg-product-description\" dir=\"ltr\"\u003e\n\u003c!-- Ambient Backgrounds --\u003e\n\u003cdiv class=\"sg-glow-bg sg-glow-green\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sg-glow-bg sg-glow-white\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sg-glow-bg sg-glow-yellow\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sg-container\"\u003e\n\u003cdiv class=\"sg-hero sg-reveal\"\u003e\n\u003cspan style=\"display: inline-block; padding: 4px 16px; background: rgba(16, 185, 129, 0.1); border: 1px solid rgba(16, 185, 129, 0.3); border-radius: 20px; color: var(--sg-green-primary); font-weight: 700; margin-bottom: 1rem; font-size: 0.9rem;\"\u003eSkin1004 Madagascar Centella\u003c\/span\u003e\n\u003ch1\u003eEnfin... un véritable éclaircissement sans \u003cspan class=\"sg-text-gradient\"\u003ePas de brûlure, irritation ou sécheresse\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp\u003e\u003cstrong\u003e77% Centella + 3 ingrédients éclaircissants scientifiques = la formule éclaircissante la plus puissante pour les peaux sensibles sans aucun signe d'irritation.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Skin1004 Tone Brightening Ampoule\" class=\"sg-responsive-img sg-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/skin1004_centella_tone_brightening_capsule_ampoule_50ml_1.jpg?v=1782049817\"\/\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\" style=\"margin-bottom: 3rem;\"\u003e\n\u003ch2 style=\"font-size: 1.5rem; color: var(--sg-text-white); margin-bottom: 1rem; font-weight: 800;\"\u003eL'équation impossible résolue par la science coréenne : foudre puissante + douceur complète\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1rem; margin-bottom: 1rem;\"\u003eL'éclaircissement est toujours un dilemme dans le monde des soins de la peau, car la plupart des ingrédients qui éclaircissent (comme la vitamine C pure en fortes concentrations ou les acides puissants) brûlent et irritent la peau, provoquant un cycle sans fin de pigmentation plus profonde pour les peaux sensibles.\u003c\/p\u003e\n\u003cp style=\"font-size: 1.1rem; color: var(--sg-text-muted);\"\u003e\u003cstrong\u003eSKIN1004 Changez l'équation:\u003c\/strong\u003e Cette ampoule a été conçue sur \u003cstrong\u003e77% extrait de Centella asiatica\u003c\/strong\u003e — la plante apaisante la plus puissante dans le monde des soins de la peau — et la mettre au top \u003cstrong\u003e3 ingrédients éclaircissants scientifiquement étudiés\u003c\/strong\u003eIl a ajouté des capsules Madewhite™ qui éclaircissent doucement la peau. Le résultat ? Un produit qui illumine fortement, tandis que la centella apaise toute irritation avant qu'elle ne survienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sg-quote-box sg-reveal\"\u003e\n            \"Tous les produits éclaircissants puissants irritent votre peau... et tous les produits doux ne blanchissent pas. SKIN1004 a brisé cette règle.\"\n        \u003c\/div\u003e\n\u003ch2 class=\"sg-section-title sg-reveal\"\u003eUne équipe intégrée qui entoure la mélanine de tous les côtés\u003cbr\/\u003e\u003cspan style=\"font-size: 1.2rem; color: var(--sg-green-primary); font-weight: 600;\"\u003eSous la protection de la Centella\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"sg-grid-2\"\u003e\n\u003c!-- Centella --\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n\u003cdiv class=\"sg-tech-card-layout\"\u003e\n\u003cdiv class=\"sg-tech-icon\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"width:30px; height:30px;\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22C12 22 20 18 20 12V5L12 2L4 5V12C4 18 12 22 12 22Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 style=\"color: var(--sg-text-white); margin-bottom: 0.2rem; font-size: 1.4rem; font-weight: 800;\"\u003eCentella Asiatica 77%\u003c\/h3\u003e\n\u003cspan style=\"color: var(--sg-green-primary); font-size: 1rem; font-weight: 700;\"\u003eFond de teint apaisant et protecteur\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.05rem; margin-top: 0.5rem; color: var(--sg-text-muted);\"\u003eCe n'est pas juste un ingrédient, c'est la base sur laquelle le produit est construit. Enrichi de composés apaisants qui agissent comme un « coussin protecteur » permettant aux ingrédients éclaircissants d'agir en toute sécurité.\u003c\/p\u003e\n\u003cul class=\"sg-feature-list\"\u003e\n\u003cli\u003eApaise puissamment l'inflammation et les rougeurs\u003c\/li\u003e\n\u003cli\u003eAccélérer la guérison des plaies et des cicatrices d'acné\u003c\/li\u003e\n\u003cli\u003eSoutient la barrière cutanée pour résister à l'éclaircissement\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Niacinamide --\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n\u003cdiv class=\"sg-tech-card-layout\"\u003e\n\u003cdiv class=\"sg-tech-icon\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"width:30px; height:30px;\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 style=\"color: var(--sg-text-white); margin-bottom: 0.2rem; font-size: 1.4rem; font-weight: 800;\"\u003eNiacinamide 4 %\u003c\/h3\u003e\n\u003cspan style=\"color: var(--sg-green-primary); font-size: 1rem; font-weight: 700;\"\u003eUnifier la couleur et minimiser les pores\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.05rem; margin-top: 0.5rem; color: var(--sg-text-muted);\"\u003eLa concentration idéale étudiée scientifiquement qui équilibre une efficacité puissante avec une haute tolérance pour une utilisation quotidienne continue.\u003c\/p\u003e\n\u003cul class=\"sg-feature-list\"\u003e\n\u003cli\u003ePrévient le transfert de mélanine aux cellules de surface\u003c\/li\u003e\n\u003cli\u003eRenforce la barrière cutanée avec des céramides\u003c\/li\u003e\n\u003cli\u003eRégule la sécrétion de graisses et minimise les pores\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Tranexamic Acid --\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n\u003cdiv class=\"sg-tech-card-layout\"\u003e\n\u003cdiv class=\"sg-tech-icon\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"width:30px; height:30px;\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 style=\"color: var(--sg-text-white); margin-bottom: 0.2rem; font-size: 1.4rem; font-weight: 800;\"\u003eAcide tranéxamique 2%\u003c\/h3\u003e\n\u003cspan style=\"color: var(--sg-green-primary); font-size: 1rem; font-weight: 700;\"\u003eContre la pigmentation tenace\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.05rem; margin-top: 0.5rem; color: var(--sg-text-muted);\"\u003eUne molécule médicale avancée utilisée dans des formules professionnelles éclaircissantes, l'un des ingrédients les plus puissants contre le mélasma et les taches solaires.\u003c\/p\u003e\n\u003cul class=\"sg-feature-list\"\u003e\n\u003cli\u003eInterfère avec l'activation des mélanocytes\u003c\/li\u003e\n\u003cli\u003eRéduit la production et le transport de la mélanine à la source\u003c\/li\u003e\n\u003cli\u003eTrès efficace contre les boutons tenaces\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Madewhite --\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n\u003cdiv class=\"sg-tech-card-layout\"\u003e\n\u003cdiv class=\"sg-tech-icon\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"width:30px; height:30px;\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 12a4 4 0 018 0\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 style=\"color: var(--sg-text-white); margin-bottom: 0.2rem; font-size: 1.4rem; font-weight: 800;\"\u003eCapsules Madewhite™\u003c\/h3\u003e\n\u003cspan style=\"color: var(--sg-green-primary); font-size: 1rem; font-weight: 700;\"\u003eTechnologie de connectivité intelligente\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.05rem; margin-top: 0.5rem; color: var(--sg-text-muted);\"\u003eUn ingrédient exclusif à base de Centella encapsulé dans des microcapsules blanches, pour garantir que les ingrédients pénètrent efficacement plutôt que d'être perdus à la surface.\u003c\/p\u003e\n\u003cul class=\"sg-feature-list\"\u003e\n\u003cli\u003eApporte un éclaircissement de manière contrôlée et douce\u003c\/li\u003e\n\u003cli\u003eLes capsules se dissolvent immédiatement lors de la distribution\u003c\/li\u003e\n\u003cli\u003eIrritation minimale possible\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Vitamin C --\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n\u003cdiv class=\"sg-tech-card-layout\"\u003e\n\u003cdiv class=\"sg-tech-icon\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"width:30px; height:30px;\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 style=\"color: var(--sg-text-white); margin-bottom: 0.2rem; font-size: 1.4rem; font-weight: 800;\"\u003eDérivé de la vitamine C\u003c\/h3\u003e\n\u003cspan style=\"color: var(--sg-green-primary); font-size: 1rem; font-weight: 700;\"\u003eÉclaircissant et stabilisateur\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.05rem; margin-top: 0.5rem; color: var(--sg-text-muted;\"\u003e(3-O-Éthyl Acide Ascorbique) Un dérivé stabilisé avec une bonne pénétration et un risque beaucoup moins élevé d'irritation que la vitamine C pure agressive.\u003c\/p\u003e\n\u003cul class=\"sg-feature-list\"\u003e\n\u003cli\u003eProtection antioxydante contre les radicaux libres\u003c\/li\u003e\n\u003cli\u003eSupport supplémentaire pour l'éclaircissement et la production de collagène\u003c\/li\u003e\n\u003cli\u003eIl fonctionne en parfaite harmonie avec la niacinamide\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Hydration --\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n\u003cdiv class=\"sg-tech-card-layout\"\u003e\n\u003cdiv class=\"sg-tech-icon\"\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"width:30px; height:30px;\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 12 2 12 2C12 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 style=\"color: var(--sg-text-white); margin-bottom: 0.2rem; font-size: 1.4rem; font-weight: 800;\"\u003eMadécassoside et hydratation\u003c\/h3\u003e\n\u003cspan style=\"color: var(--sg-green-primary); font-size: 1rem; font-weight: 700;\"\u003ePréviens les irritations et soutient la barrière\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.05rem; margin-top: 0.5rem; color: var(--sg-text-muted);\"\u003eLes triterpénoïdes isolés préviennent l'irritation avant qu'elle ne se produise, soutenus par la glycérine et la bétaïne pour retenir l'humidité dans une formule ultra-légère.\u003c\/p\u003e\n\u003cul class=\"sg-feature-list\"\u003e\n\u003cli\u003eIl aide la peau à supporter un éclaircissement en toute sécurité\u003c\/li\u003e\n\u003cli\u003eHydrate profondément sans sensation lourde et grasse\u003c\/li\u003e\n\u003cli\u003eFonctionne parfaitement sous les sérums et les crèmes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Skin1004 Technology\" class=\"sg-responsive-img sg-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Product_in_lab_with_plants_202606211712.jpg?v=1782051190\"\/\u003e\n\u003ch2 class=\"sg-section-title sg-reveal\"\u003eParcours de transformation : de la peau terne à une peau éclatante\u003cbr\/\u003e\u003cspan style=\"font-size: 1.2rem; color: var(--sg-text-muted); font-weight: 400;\"\u003eÉclaircissement progressif et doux... mais réel et durable\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"sg-timeline sg-reveal\"\u003e\n\u003cdiv class=\"sg-timeline-item\"\u003e\n\u003cdiv class=\"sg-timeline-dot\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sg-glass-card\"\u003e\n\u003cspan class=\"sg-timeline-badge\"\u003eUne à deux semaines\u003c\/span\u003e\n\u003ch3 style=\"color: var(--sg-text-white); font-size: 1.3rem; margin-bottom: 0.5rem; font-weight: 800;\"\u003eApaisement et éclaircissement initiaux\u003c\/h3\u003e\n\u003cp style=\"font-size: 1.05rem; color: var(--sg-text-muted); margin: 0;\"\u003eLa peau se sent plus calme et plus hydratée. Éclaircissement général et apparence plus « pure ». Une légère radiance commence à apparaître sans aucune rougeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sg-timeline-item\"\u003e\n\u003cdiv class=\"sg-timeline-dot\" style=\"border-color: var(--sg-green-primary); background: var(--sg-bg-main);\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sg-glass-card\" style=\"border-color: rgba(16, 185, 129, 0.3);\"\u003e\n\u003cspan class=\"sg-timeline-badge\" style=\"color: var(--sg-green-primary); border-color: rgba(16, 185, 129, 0.3);\"\u003e4 à 8 semaines\u003c\/span\u003e\n\u003ch3 style=\"color: var(--sg-text-white); font-size: 1.3rem; margin-bottom: 0.5rem; font-weight: 800;\"\u003eEstomper les effets des boutons\u003c\/h3\u003e\n\u003cp style=\"font-size: 1.05rem; color: var(--sg-text-main); margin: 0;\"\u003eAtténuation visible des boutons frais et des taches légères. Teint plus uniforme, rougeur nettement réduite et peau qui paraît plus radieuse et lumineuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sg-timeline-item\"\u003e\n\u003cdiv class=\"sg-timeline-dot\" style=\"background: var(--sg-green-primary); border-color: var(--sg-green-primary); box-shadow: 0 0 10px rgba(16, 185, 129, 0.5);\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sg-glass-card\" style=\"border-color: var(--sg-green-primary);\"\u003e\n\u003cspan class=\"sg-timeline-badge\" style=\"background: var(--sg-green-primary); color: var(--sg-bg-main); border-color: var(--sg-green-primary);\"\u003e3 mois ou plus\u003c\/span\u003e\n\u003ch3 style=\"color: var(--sg-text-white); font-size: 1.3rem; margin-bottom: 0.5rem; font-weight: 800;\"\u003eRésultats durables\u003c\/h3\u003e\n\u003cp style=\"font-size: 1.05rem; color: var(--sg-text-main); margin: 0;\"\u003eAmélioration continue des pigments tenaces. Cela aide à maintenir un teint radieux et uniforme lorsqu'il est utilisé dans le cadre de votre routine quotidienne avec un écran solaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sg-notice-box sg-reveal\" style=\"border-color: rgba(255, 255, 255, 0.2); border-right-color: var(--sg-text-white); background: rgba(255, 255, 255, 0.05);\"\u003e\n\u003cdiv class=\"sg-notice-icon\" style=\"color: var(--sg-text-white);\"\u003e\n\u003csvg fill=\"currentColor\" height=\"28\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003cpath d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 style=\"color: var(--sg-text-white); font-size: 1.2rem; margin-bottom: 0.5rem; font-weight: 800;\"\u003e: 4.4 \/ 5\u003c\/h3\u003e\n\u003cp style=\"margin: 0; font-size: 1rem; color: var(--sg-text-muted);\"\u003eLes personnes ayant la peau sensible l'ont loué pour l'absence de picotements ou de brûlures, avec une nette amélioration des marques de boutons. \u003cstrong\u003eNote transparente:\u003c\/strong\u003e Il brille particulièrement avec les éruptions récentes et leur estompage, tandis que les taches de soleil profondes et les tâches de rousseur s'améliorent plus lentement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"sg-section-title sg-reveal\"\u003eComment utiliser correctement\u003c\/h2\u003e\n\u003cdiv class=\"sg-grid-2\"\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n\u003cdiv class=\"sg-step-header\"\u003e\n\u003cdiv class=\"sg-step-number\"\u003e1\u003c\/div\u003e\n\u003ch3 style=\"color: var(--sg-text-white); font-size: 1.2rem; font-weight: 800; margin: 0;\"\u003eHeure et quantité\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1rem; color: var(--sg-text-muted); line-height: 1.6; margin: 0;\"\u003eLe matin et\/ou le soir après le nettoyant et le tonique, et avant les crèmes épaisses. Appliquez 1 à 2 pressions avec le compte-gouttes dans la paume de votre main. Très sûr pour une utilisation quotidienne continue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n\u003cdiv class=\"sg-step-header\"\u003e\n\u003cdiv class=\"sg-step-number\"\u003e2\u003c\/div\u003e\n\u003ch3 style=\"color: var(--sg-text-white); font-size: 1.2rem; font-weight: 800; margin: 0;\"\u003eMéthode d'application \u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1rem; color: var(--sg-text-muted); line-height: 1.6; margin: 0;\"\u003eÉtalez sur le visage et le cou. \u003cstrong\u003eMassez doucement pour décomposer les capsules Madewhite™\u003c\/strong\u003e Blanc à fondre et à mélanger complètement dans la peau. Tapotez jusqu'à absorption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\"\u003e\n\u003cdiv class=\"sg-step-header\"\u003e\n\u003cdiv class=\"sg-step-number\"\u003e3\u003c\/div\u003e\n\u003ch3 style=\"color: var(--sg-text-white); font-size: 1.2rem; font-weight: 800; margin: 0;\"\u003eScellement et hydratants\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1rem; color: var(--sg-text-muted); line-height: 1.6; margin: 0;\"\u003eAppliquez ensuite votre crème hydratante préférée. Elle peut être combinée sans problème avec du rétinol doux ou des peptides, car la Centella soulagera toute irritation potentielle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal\" style=\"border-color: rgba(251, 191, 36, 0.4); background: rgba(251, 191, 36, 0.05);\"\u003e\n\u003cdiv class=\"sg-step-header\"\u003e\n\u003cdiv class=\"sg-step-number\" style=\"background: rgba(251, 191, 36, 0.2); color: var(--sg-yellow-accent); border-color: var(--sg-yellow-accent);\"\u003e!\u003c\/div\u003e\n\u003ch3 style=\"color: var(--sg-text-white); font-size: 1.2rem; font-weight: 800; margin: 0;\"\u003eLa règle d'or de l'éclaircissement\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1rem; color: var(--sg-text-main); line-height: 1.6; margin: 0;\"\u003eLa crème solaire n'est pas optionnelle — c'est la moitié du traitement. Matin \u003cstrong\u003eTerminez toujours avec un écran solaire SPF 30+\u003c\/strong\u003eTout effort d'éclaircissement sans protection = effort perdu et la pigmentation reviendra.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Skin1004 Identity\" class=\"sg-responsive-img sg-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Visual_identity_product_Centella__202606211706.jpg?v=1782050838\"\/\u003e\n\u003cdiv class=\"sg-hero sg-reveal\" style=\"padding-top: 1rem;\"\u003e\n\u003ch2 style=\"font-size: 2rem; font-weight: 800; color: var(--sg-text-white); margin-bottom: 1rem;\"\u003eAmpoule de Al Noor exclusivement pour votre peau\u003c\/h2\u003e\n\u003cp style=\"margin-bottom: 1rem;\"\u003e\u003cstrong\u003eOuvrez votre peau sans la torturer\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eSKIN1004 Madagascar Centella n'est pas seulement un sérum... c'est la preuve que la force et la gentillesse peuvent coexister. Les taches de pigmentation et d'acné ne sont pas inévitables. Commencez votre parcours vers une peau radieuse dès maintenant avec confiance et sans crainte d'irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"sg-section-title sg-reveal\" style=\"font-size: 1.5rem; margin-top: 2rem;\"\u003eListe complète des ingrédients\u003c\/h2\u003e\n\u003cdiv class=\"sg-glass-card sg-reveal sg-ingredients-raw\"\u003e\n            Centella Asiatica Extract (77%), Butylene Glycol, Glycerin, \u003cstrong style=\"color: var(--sg-green-primary);\"\u003eNiacinamide (4%)\u003c\/strong\u003e, \u003cstrong style=\"color: var(--sg-green-primary);\"\u003eTranexamic Acid (2%)\u003c\/strong\u003e, 1,2-Hexanediol, Water, Betaine, Madecassoside, Hydrogenated Lecithin, Xylitylglucoside, Anhydroxylitol, Xylitol, \u003cstrong style=\"color: var(--sg-green-primary);\"\u003e3-O-Ethyl Ascorbic Acid\u003c\/strong\u003e, Hydroxyethylcellulose, Carbomer, Tromethamine, Disodium EDTA, Caprylyl Glycol\n        \u003c\/div\u003e\n\u003cdiv class=\"sg-reveal\" style=\"margin-top: 1.5rem; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;\"\u003e\n\u003cspan style=\"background: rgba(255, 255, 255, 0.05); border: 1px solid var(--sg-border); color: var(--sg-text-white); padding: 8px 20px; border-radius: 20px; font-size: 0.9rem; font-weight: 700;\"\u003e✓ Sans parfums ni huiles essentielles\u003c\/span\u003e\n\u003cspan style=\"background: rgba(255, 255, 255, 0.05); border: 1px solid var(--sg-border); color: var(--sg-text-white); padding: 8px 20px; border-radius: 20px; font-size: 0.9rem; font-weight: 700;\"\u003e✓ Sans alcool ni acides agressifs\u003c\/span\u003e\n\u003cspan style=\"background: rgba(255, 255, 255, 0.05); border: 1px solid var(--sg-border); color: var(--sg-text-white); padding: 8px 20px; border-radius: 20px; font-size: 0.9rem; font-weight: 700;\"\u003e✓ Sûr pour les peaux très sensibles\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const observerOptions = {\n            root: null,\n            rootMargin: '0px',\n            threshold: 0.1\n        };\n\n        const observer = new IntersectionObserver((entries, observer) =\u003e {\n            entries.forEach(entry =\u003e {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('sg-active');\n                }\n            });\n        }, observerOptions);\n\n        const revealElements = document.querySelectorAll('.sg-reveal');\n        revealElements.forEach(el =\u003e observer.observe(el));\n        \n        \/\/ Trigger immediately for elements already in viewport on load\n        setTimeout(() =\u003e {\n            revealElements.forEach(el =\u003e {\n                const rect = el.getBoundingClientRect();\n                if(rect.top \u003c window.innerHeight) {\n                    el.classList.add('sg-active');\n                }\n            });\n        }, 150);\n    });\n\u003c\/script\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":46999395762350,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/skin_1004_centella_ampoule.png?v=1759854521"},{"product_id":"beauty-of-joseon-relief-sun-rice-probiotics-50ml","title":"Beauty of Joseon Relief Sun : Rice + Probiotics 50ml","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n    \/* Base styles *\/\n    .product-container {\n        max-width: 1000px;\n        margin: 0 auto;\n        padding: 20px;\n        color: #333;\n        line-height: 1.6;\n        direction: ltr;\n        \n        background-color: #ffffff;\n    }\n\n    \/* Typography *\/\n    .product-container h2, \n    .product-container h3 {\n        color: #9C8102;\n        margin-top: 1.8em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n    }\n\n    .product-container h2 {\n        font-size: 1.8rem;\n        position: relative;\n    }\n    \n    .product-container h2::after {\n        content: '';\n        display: block;\n        width: 80px;\n        height: 3px;\n        background-color: #9C8102;\n        margin-top: 10px;\n    }\n\n    .product-container h3 {\n        font-size: 1.4rem;\n        color: #777;\n        font-style: italic;\n        margin-top: -0.5em;\n    }\n\n    .product-container p {\n        font-size: 1.1rem;\n        margin-bottom: 1.2em;\n        line-height: 1.8;\n    }\n\n    .product-container strong {\n        color: #9C8102;\n        font-weight: bold;\n    }\n    \n    .product-container ul, \n    .product-container ol {\n        padding-left: 25px;\n        margin: 1.5em 0;\n    }\n    \n    .product-container li {\n        margin-bottom: 1em;\n        position: relative;\n    }\n    \n    .product-container li p {\n        margin-bottom: 0.5em;\n    }\n\n    \/* Hero image *\/\n    .hero-image {\n        max-width: 100%;\n        height: auto;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        margin: 30px 0;\n        transition: transform 0.5s ease;\n    }\n\n    .hero-image:hover {\n        transform: scale(1.02);\n    }\n\n    \/* Introduction section with subtle background *\/\n    .intro-section {\n        background-color: #fafafa;\n        border-radius: 15px;\n        padding: 30px;\n        margin: 40px 0;\n        border-right: 4px solid #9C8102;\n    }\n\n    \/* Features section *\/\n    .features-section {\n        background-color: #ffffff;\n        border-radius: 15px;\n        padding: 30px;\n        margin: 40px 0;\n        border: 1px solid #f0f0f0;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n    }\n\n    \/* Process steps *\/\n    .process-steps {\n        counter-reset: step-counter;\n    }\n    \n    .process-step {\n        background-color: #ffffff;\n        border-radius: 10px;\n        padding: 20px;\n        margin-bottom: 15px;\n        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\n        border-right: 3px solid #9C8102;\n        transition: transform 0.3s ease;\n        position: relative;\n    }\n    \n    .process-step:hover {\n        transform: translateX(-5px);\n    }\n    \n    .process-step::before {\n        counter-increment: step-counter;\n        content: counter(step-counter);\n        position: absolute;\n        right: -15px;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 30px;\n        height: 30px;\n        background-color: #9C8102;\n        color: white;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: bold;\n    }\n    \n    .step-title {\n        color: #9C8102;\n        font-weight: bold;\n        margin-bottom: 5px;\n    }\n\n    \/* Benefits grid *\/\n    .benefits-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n        margin: 30px 0;\n    }\n    \n    .benefit-card {\n        background-color: #ffffff;\n        border-radius: 15px;\n        padding: 25px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        border: 1px solid #f0f0f0;\n        transition: transform 0.3s ease;\n    }\n    \n    .benefit-card:hover {\n        transform: translateY(-8px);\n    }\n    \n    .benefit-title {\n        color: #9C8102;\n        font-weight: bold;\n        font-size: 1.1rem;\n        margin-bottom: 10px;\n    }\n\n    \/* Two column section *\/\n    .two-column-section {\n        display: flex;\n        gap: 30px;\n        margin: 40px 0;\n    }\n    \n    .column {\n        flex: 1;\n        min-width: 300px;\n    }\n    \n    .column img {\n        width: 100%;\n        height: auto;\n        border-radius: 15px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    }\n\n    \/* Call to action - Black *\/\n    .cta-section {\n        background: #000000;\n        color: white;\n        padding: 40px;\n        border-radius: 15px;\n        text-align: center;\n        margin: 40px 0;\n    }\n    \n    .cta-title {\n        color: white;\n        font-size: 1.6rem;\n        margin-bottom: 20px;\n        position: relative;\n    }\n    \n    .cta-title::after {\n        content: '';\n        display: block;\n        width: 60px;\n        height: 3px;\n        background-color: #9C8102;\n        margin: 15px auto 0;\n    }\n    \n    .cta-text {\n        font-size: 1.1rem;\n        margin-bottom: 30px;\n        color: white;\n    }\n    \n    .cta-button {\n        display: inline-block;\n        padding: 12px 35px;\n        background-color: #9C8102;\n        color: white;\n        font-weight: bold;\n        border-radius: 30px;\n        text-decoration: none;\n        font-size: 1.1rem;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n    }\n    \n    .cta-button:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\n        background-color: #b49a1c;\n    }\n\n    \/* Separator *\/\n    .separator {\n        height: 1px;\n        background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.3), transparent);\n        margin: 40px 0;\n        width: 100%;\n    }\n\n    \/* Animation classes *\/\n    .fade-in {\n        opacity: 0;\n        transform: translateY(20px);\n        transition: opacity 0.8s ease, transform 0.8s ease;\n    }\n    \n    .fade-in.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* Badge *\/\n    .spf-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        background-color: #9C8102;\n        color: white;\n        padding: 5px 15px;\n        border-radius: 20px;\n        font-weight: bold;\n        margin-left: 10px;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .benefits-grid {\n            grid-template-columns: 1fr;\n        }\n        \n        .two-column-section {\n            flex-direction: column;\n        }\n        \n        .process-step::before {\n            right: 10px;\n            top: 10px;\n            transform: none;\n        }\n        \n        .process-step {\n            padding-left: 45px;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun_Rice_Probiotics_50ml.jpg?v=1745773366\"\/\u003e\n\u003ch2\u003eSUPER PROTECTION : Bouclier solaire avec soin coréen\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Introduction Section --\u003e\n\u003cdiv class=\"intro-section fade-in\"\u003e\n\u003cp\u003e: \u003cstrong\u003eBeauty of Joseon Relief Sun: Rice + Probiotics SPF50+ PA++++ (50ml)\u003c\/strong\u003e C'est un écran solaire coréen innovant qui combine une protection à large spectre avec un SPF50+ PA++++ élevé et une formule riche en nutriments pour hydrater et nourrir en profondeur la peau. Ce protecteur contient 30 % d'extrait de riz fermenté et un mélange de probiotiques qui rééquilibrent le microbiome cutané et apaisent les rougeurs et la sécheresse. Grâce à sa texture légère et brillante qui disparaît instantanément sans laisser de film gras ou blanc, Relief Sun allie efficacité et confort quotidien pour tous les types de peau, même les plus sensibles..\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Complete Protection Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Protection\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun_Rice_Probiotics_50ml_2.jpg?v=1745773397\"\/\u003e\n\u003ch2\u003eProtection complète sans compromis\u003c\/h2\u003e\n\u003ch3\u003e- Formulation avancée pour prévenir les dommages causés par le soleil -\u003c\/h3\u003e\n\u003cp\u003eRelief Sun offre une protection efficace contre les rayons UVA et UVB grâce à des filtres chimiques avancés garantissant SPF50+ PA++++, réduisant le risque de coups de soleil et d'hyperpigmentation résultant de l'exposition quotidienne au soleil. Formule sans parfum, sans alcool et sûre (niveau vert EWG), adaptée aux peaux sensibles et à celles allergiques aux écrans solaires conventionnels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Texture\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_Joseon_Relief_Sun.webp?v=1745773502\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"features-section fade-in\"\u003e\n\u003ch2\u003eDuo hydratation et nutrition : riz et probiotiques dans un mélange unique\u003c\/h2\u003e\n\u003ch3\u003e- Ingrédients naturels pour une hydratation profonde et un apaisement instantané -\u003c\/h3\u003e\n\u003cdiv class=\"two-column-section\"\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cimg alt=\"Beauty of Joseon Relief Sun Ingredients\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_rice_probiotics.webp?v=1745773561\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cp\u003eRelief Sun combine 30 % d'extrait de riz fermenté avec un mélange de probiotiques et de céréales fermentées, riche en vitamines B, C, E, en acides aminés et en minéraux, pour offrir à la peau une hydratation instantanée et apaiser les rougeurs et la sécheresse tout au long de la journée.\u003c\/p\u003e\n\u003cp\u003eLa formule est également enrichie en niacinamide, qui équilibre les niveaux de sébum et d'humidité de la peau, réduisant la taille des pores pour un aspect plus lisse et plus repulpé.\u003c\/p\u003e\n\u003cdiv style=\"display: flex; gap: 10px; margin-top: 20px;\"\u003e\n\u003cspan class=\"spf-badge\"\u003eSPF50+\u003c\/span\u003e\n\u003cspan class=\"spf-badge\"\u003ePA++++\u003c\/span\u003e\n\u003cspan class=\"spf-badge\"\u003eEWG GREEN\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003eComment fonctionne le produit?\u003c\/h2\u003e\n\u003ch3\u003e- La technologie hydratante agit en synergie avec la protection solaire -\u003c\/h3\u003e\n\u003cdiv class=\"process-steps\"\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eDébut du calme\u003c\/div\u003e\n\u003cp\u003eLors de l'application du protecteur, les probiotiques et le riz fermenté apaisent la peau et soulagent les sensations de sécheresse et de rougeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eBarrière protectrice forte\u003c\/div\u003e\n\u003cp\u003eLes filtres SPF50+ PA++++ reflètent et absorbent les rayons nocifs avant qu'ils ne pénètrent la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eHydratant et nourrissant\u003c\/div\u003e\n\u003cp\u003eLe riz fermenté libère ses ingrédients hydratants en profondeur dans la peau, tandis que la niacinamide renforce la barrière naturelle d'eau de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"process-step\"\u003e\n\u003cdiv class=\"step-title\"\u003eFinition légère\u003c\/div\u003e\n\u003cp\u003eLa texture gel brillante s'absorbe rapidement, laissant la peau douce sans aucun résidu blanc ni collant gênant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Advantages Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003eLe secret de l'excellence : Pourquoi Relief Sun surpasse-t-il les autres?\u003c\/h2\u003e\n\u003ch3\u003e- Résultats pratiques et expérience utilisateur fiable -\u003c\/h3\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eTexture irrésistible\u003c\/h4\u003e\n\u003cp\u003eLéger comme l'air, il se fond dans la peau sans laisser de trace de graisse ou de blanchiment gênant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eEfficacité prouvée\u003c\/h4\u003e\n\u003cp\u003eL'un des écrans solaires les mieux notés au monde avec des évaluations dépassant 4,5 étoiles de la part de millions d'utilisateurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eFormule scientifique et naturelle\u003c\/h4\u003e\n\u003cp\u003eCombine des filtres chimiques avancés avec des extraits organiques traditionnels de riz fermenté et des probiotiques, pour assurer une protection et une hydratation complètes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eReconnaissance des experts\u003c\/h4\u003e\n\u003cp\u003eRecommandé par Allure comme l'un des meilleurs écrans solaires coréens pour sa combinaison de protection et de style, et approuvé par les dermatologues grâce à sa formule sûre et efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch4 class=\"benefit-title\"\u003eConvient à toutes les conditions\u003c\/h4\u003e\n\u003cp\u003eIl fonctionne parfaitement dans des conditions de forte humidité et prévient une sensation de lourdeur ou de glissement, en faisant le choix parfait pour une utilisation quotidienne sous ou sans maquillage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action Section - Black --\u003e\n\u003cdiv class=\"cta-section fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eProtégez votre peau avec l'élégance coréenne ultime\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eProfitez d'une protection SPF50+ avec une hydratation et une nutrition profondes dans un seul produit. Dites adieu aux écrans solaires lourds et blancs, et bonjour à un éclat sain et protégé toute la journée!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eAchetez maintenant\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Add subtle animations and interactions\n    (function() {\n        \/\/ Function to handle fade-in animations\n        const observeElements = (elements, callback) =\u003e {\n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        callback(entry.target);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1 });\n            \n            elements.forEach(el =\u003e observer.observe(el));\n        };\n        \n        \/\/ Apply animations to fade-in elements when they come into view\n        observeElements(document.querySelectorAll('.fade-in'), (element) =\u003e {\n            setTimeout(() =\u003e {\n                element.classList.add('visible');\n            }, 100);\n        });\n        \n        \/\/ Add hover effects to process steps\n        document.querySelectorAll('.process-step').forEach(step =\u003e {\n            step.addEventListener('mouseenter', () =\u003e {\n                step.style.transform = 'translateX(-5px)';\n            });\n            \n            step.addEventListener('mouseleave', () =\u003e {\n                step.style.transform = '';\n            });\n        });\n    })();\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999396057262,"sku":null,"price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/51KXcVZceoL_fd748b52-4e55-4a76-8c3f-58d52954320a.jpg?v=1788175363"},{"product_id":"beauty-of-joseon-light-on-serum-30ml","title":"BEAUTÉ DE JOSEON Light On Sérum Éclaircissant avec Extrait de Centella et Vitamine C, Taille 30 ml","description":"\u003c!-- Product Description Section --\u003e\n\u003cstyle\u003e\n    \/* Base styles *\/\n    .product-container {\n        max-width: 1000px;\n        margin: 0 auto;\n        padding: 20px;\n        color: #333;\n        line-height: 1.6;\n        direction: ltr;\n       \n        background-color: #ffffff;\n    }\n\n    \/* Typography *\/\n    .product-container h1, \n    .product-container h2 {\n        color: #9C8102;\n        margin-top: 1.8em;\n        margin-bottom: 0.8em;\n        font-weight: 700;\n    }\n\n    .product-container h1 {\n        font-size: 2.2rem;\n        text-align: center;\n        position: relative;\n    }\n    \n    .product-container h1::after {\n        content: '';\n        display: block;\n        width: 100px;\n        height: 3px;\n        background-color: #9C8102;\n        margin: 15px auto 0;\n    }\n\n    .product-container h2 {\n        font-size: 1.6rem;\n        position: relative;\n    }\n    \n    .product-container h2::after {\n        content: '';\n        display: block;\n        width: 60px;\n        height: 3px;\n        background-color: #9C8102;\n        margin-top: 10px;\n    }\n\n    .product-container p {\n        font-size: 1.1rem;\n        margin-bottom: 1.2em;\n        line-height: 1.8;\n    }\n\n    .product-container strong {\n        color: #9C8102;\n        font-weight: bold;\n    }\n    \n    .product-container ul {\n        padding-left: 20px;\n        margin: 1.5em 0;\n    }\n    \n    .product-container li {\n        margin-bottom: 1em;\n        position: relative;\n    }\n    \n    .product-container li p {\n        margin-bottom: 0.5em;\n    }\n\n    \/* Hero section *\/\n    .hero-section {\n        text-align: center;\n        margin-bottom: 40px;\n        background-color: #ffffff;\n    }\n\n    .hero-image {\n        max-width: 100%;\n        height: auto;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        margin: 30px 0;\n        transition: transform 0.5s ease;\n    }\n\n    .hero-image:hover {\n        transform: scale(1.02);\n    }\n\n    \/* Feature section *\/\n    .feature-section {\n        background-color: #ffffff;\n        border-radius: 15px;\n        padding: 30px;\n        margin: 40px 0;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        border: 1px solid #f0f0f0;\n    }\n    \n    \/* Info box *\/\n    .info-box {\n        background-color: #f9f9f9;\n        border-radius: 15px;\n        padding: 30px;\n        margin: 30px 0;\n        position: relative;\n    }\n    \n    .info-box::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        width: 4px;\n        background-color: #9C8102;\n        border-radius: 0 15px 15px 0;\n    }\n\n    \/* List items with custom bullets *\/\n    .custom-list {\n        list-style: none;\n        padding: 0;\n    }\n    \n    .custom-list li {\n        padding-left: 25px;\n        position: relative;\n        margin-bottom: 15px;\n    }\n    \n    .custom-list li::before {\n        content: '';\n        position: absolute;\n        right: 0;\n        top: 10px;\n        width: 8px;\n        height: 8px;\n        background-color: #9C8102;\n        border-radius: 50%;\n    }\n\n    \/* Benefits grid *\/\n    .benefits-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n        margin: 30px 0;\n    }\n    \n    .benefit-card {\n        background-color: #ffffff;\n        border-radius: 15px;\n        padding: 25px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        border: 1px solid #f0f0f0;\n        transition: transform 0.3s ease;\n    }\n    \n    .benefit-card:hover {\n        transform: translateY(-8px);\n    }\n    \n    .benefit-title {\n        color: #9C8102;\n        font-weight: bold;\n        font-size: 1.1rem;\n        margin-bottom: 10px;\n    }\n\n    \/* Testimonials section *\/\n    .testimonials-section {\n        background-color: #fafafa;\n        border-radius: 15px;\n        padding: 30px;\n        margin: 40px 0;\n    }\n    \n    .testimonials-title {\n        text-align: center;\n        margin-bottom: 30px;\n    }\n    \n    .testimonials-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n    }\n    \n    .testimonial-card {\n        background-color: #ffffff;\n        border-radius: 10px;\n        padding: 20px;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n    }\n    \n    .testimonial-highlight {\n        color: #9C8102;\n        font-weight: bold;\n        font-size: 1.1rem;\n        margin-bottom: 10px;\n    }\n\n    \/* Call to action - Black *\/\n    .cta-section {\n        background: #000000;\n        color: white;\n        padding: 40px;\n        border-radius: 15px;\n        text-align: center;\n        margin: 40px 0;\n    }\n    \n    .cta-title {\n        color: white;\n        font-size: 1.6rem;\n        margin-bottom: 20px;\n        position: relative;\n    }\n    \n    .cta-title::after {\n        content: '';\n        display: block;\n        width: 60px;\n        height: 3px;\n        background-color: #9C8102;\n        margin: 15px auto 0;\n    }\n    \n    .cta-text {\n        font-size: 1.1rem;\n        margin-bottom: 30px;\n        color: white;\n    }\n    \n    .cta-button {\n        display: inline-block;\n        padding: 12px 35px;\n        background-color: #9C8102;\n        color: white;\n        font-weight: bold;\n        border-radius: 30px;\n        text-decoration: none;\n        font-size: 1.1rem;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n    }\n    \n    .cta-button:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\n        background-color: #b49a1c;\n    }\n\n    \/* Separator *\/\n    .separator {\n        height: 1px;\n        background: linear-gradient(to right, transparent, rgba(156, 129, 2, 0.3), transparent);\n        margin: 40px 0;\n        width: 100%;\n    }\n\n    \/* Animation classes *\/\n    .fade-in {\n        opacity: 0;\n        transform: translateY(20px);\n        transition: opacity 0.8s ease, transform 0.8s ease;\n    }\n    \n    .fade-in.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* Ingredients section *\/\n    .ingredients-section {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        margin: 40px 0;\n        gap: 30px;\n    }\n    \n    .ingredients-image {\n        flex: 1;\n        min-width: 300px;\n    }\n    \n    .ingredients-content {\n        flex: 1;\n        min-width: 300px;\n    }\n    \n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        .benefits-grid,\n        .testimonials-grid {\n            grid-template-columns: 1fr;\n        }\n        \n        .ingredients-section {\n            flex-direction: column;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section fade-in\"\u003e\n\u003ch1\u003eSérum Light On Beauty of Joseon (Centella + Vitamine C) – éclat coréen radieux\u003c\/h1\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_centella_vitamin_c.webp?v=1745771070\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- Introduction Section --\u003e\n\u003cdiv class=\"feature-section fade-in\"\u003e\n\u003ch2\u003eÉclat sans obstruction : l'importance de traiter la pigmentation et de rajeunir la peau\u003c\/h2\u003e\n\u003cp\u003eLa pigmentation et les taches sombres réduisent non seulement la beauté de la peau, mais elles la rendent également terne et plus âgée que son âge réel. Le traitement de la pigmentation restaure l'équilibre naturel de la peau, la laissant plus claire, plus lumineuse et plus éclatante. La vitamine C joue un rôle essentiel dans la réduction de la pigmentation et l'unification du teint, et elle stimule également la production de collagène, ce qui rajeunit la peau et améliore son élasticité. Lorsque votre peau reste uniforme et lumineuse, votre confiance en vous brille devant le monde entier..\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum Application\" class=\"hero-image fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_light_on_serum_6eeba7fb-b756-4410-a59a-26c1d9a92945.webp?v=1745772222\"\/\u003e\n\u003c!-- Korean Heritage Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003eLa magie du patrimoine coréen et de l'innovation moderne\u003c\/h2\u003e\n\u003cp\u003eSérum Light On Ce produit est l'incarnation de l'art des soins de la peau coréen. Il contient 68 % d'extrait biologique de Centella asiatica - la plante légendaire célèbre pour sa capacité miraculeuse à apaiser la peau et à renouveler ses cellules. Soutenu par les dernières techniques de stabilisation de la vitamine C, le sérum offre une efficacité maximale pour éclaircir et traiter les taches pigmentaires sans aucune irritation. Une touche de patrimoine et une touche d'innovation... et le résultat : une véritable magie sur votre peau..\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum Benefits\" class=\"hero-image fade-in\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_centella_vitamin_c_2_24ba1a6d-be84-4fd5-a1a6-06a5a41a6a23.webp?v=1745772244\"\/\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"info-box fade-in\"\u003e\n\u003ch2\u003eComment le sérum fonctionne : Un duo unique d'éclat et d'hydratation\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003eDès que vous appliquez le sérum sur votre peau, l'extrait de centella commence à l'hydrater et à apaiser toute rougeur ou inflammation.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eLa vitamine C stabilisée pénètre la peau en toute sécurité, réduit la production de mélanine et éclaircit progressivement les pigments tenaces.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eAvec une utilisation régulière, vous remarquerez que votre peau devient plus douce, plus claire et sans taches, avec une hydratation en profondeur qui la maintient ferme et éclatante.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-section fade-in\"\u003e\n\u003cdiv class=\"ingredients-image\"\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum Ingredients\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_beauty_of_joseon.jpg?v=1745772318\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-content\"\u003e\n\u003ch2\u003eIngrédients principaux et leur rôle : Vitamine C et Centella pour votre peau\u003c\/h2\u003e\n\u003cul class=\"custom-list\"\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eVitamine C (Acide 3-O-éthyl ascorbique 10%))\u003c\/strong\u003e: Un puissant antioxydant qui unifie le teint, éclaircit les taches sombres et active la production de collagène pour améliorer l'apparence des ridules et des rides.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eExtrait de Centella asiatique (68 %))\u003c\/strong\u003e: Une plante thérapeutique qui apaise la peau irritée, stimule la régénération des cellules de la peau et améliore l'hydratation profonde pour maintenir l'élasticité et la santé de la peau.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"separator\"\u003e\u003c\/div\u003e\n\u003c!-- Unique Benefits Section --\u003e\n\u003cdiv class=\"fade-in\"\u003e\n\u003ch2\u003eLe secret de l'excellence : Pourquoi ce sérum est-il différent de tout ce que vous avez essayé auparavant?\u003c\/h2\u003e\n\u003cimg alt=\"Beauty of Joseon Light On Serum Unique Benefits\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty-of-Joeson-Light-On-Serum-Centella-Vita-C-30ml-6-min.jpg?v=1745772347\"\/\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eFormule légère qui s'absorbe rapidement\u003c\/h3\u003e\n\u003cp\u003eIl n'y a pas de sensation grasse ni de film collant, mais de la douceur et un éclat clair.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eHaute concentration d'ingrédients actifs\u003c\/h3\u003e\n\u003cp\u003eLa quantité de vitamine C et de Centella est plus élevée que dans la plupart des sérums concurrents, ce qui signifie des résultats plus rapides et plus forts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eIdéal pour les peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSans parfum ni alcool, il apaise la peau au lieu de l'irriter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eDouble résultat\u003c\/h3\u003e\n\u003cp\u003eÉclaircir + combattre les signes de l'âge en une seule étape facile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Testimonials Section --\u003e\n\u003cdiv class=\"testimonials-section fade-in\"\u003e\n\u003ch2 class=\"testimonials-title\"\u003eAvis des utilisateurs : Histoires de succès réelles\u003c\/h2\u003e\n\u003cdiv class=\"testimonials-grid\"\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eRésultats visibles dès les premières semaines\u003c\/h3\u003e\n\u003cp\u003eLa plupart des utilisateurs ont remarqué une nette différence dans l'unification de leur teint et l'augmentation de son éclat en quelques semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eTexture légère et confortable\u003c\/h3\u003e\n\u003cp\u003eTout le monde a loué le fait que sa texture est légère et facile à absorber, idéale même pour les journées chaudes d'été.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eConvient aux peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eDe nombreuses personnes ayant la peau sensible ont confirmé que cela aidait à apaiser leur peau sans provoquer d'irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card\"\u003e\n\u003ch3 class=\"testimonial-highlight\"\u003eSatisfaction complète et recommandations étendues\u003c\/h3\u003e\n\u003cp\u003eUn grand pourcentage de ceux qui l'ont essayé l'ont tellement aimé qu'ils l'ont racheté plus d'une fois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Call to Action Section - Black Box --\u003e\n\u003cdiv class=\"cta-section fade-in\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDécouvrez le secret de l'éclat coréen aujourd'hui\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003ePeau plus lumineuse et éclatante en une étape simple. Dites adieu aux taches sombres et à l'hyperpigmentation, et bonjour à une peau éclatante!\u003c\/p\u003e\n\u003ca class=\"cta-button\" href=\"#\"\u003eAchetez maintenant\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Add subtle animations and interactions\n    (function() {\n        \/\/ Function to handle fade-in animations\n        const observeElements = (elements, callback) =\u003e {\n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        callback(entry.target);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1 });\n            \n            elements.forEach(el =\u003e observer.observe(el));\n        };\n        \n        \/\/ Apply animations to fade-in elements when they come into view\n        observeElements(document.querySelectorAll('.fade-in'), (element) =\u003e {\n            setTimeout(() =\u003e {\n                element.classList.add('visible');\n            }, 100);\n        });\n    })();\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999396319406,"sku":null,"price":26.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty-of-joseon-light-on-serum-centella-vita-c-30ml.jpg?v=1788175362"},{"product_id":"centella-skincare-routine-set","title":"Centella Skincare Routine Set Complete Centella-Based Skincare Solution","description":"\u003cstyle\u003e\n        \n        .sk-mfg-oasis {\n            \n            --bg-basalt-deep: #090807;     \n            --bg-sand-night: #12100D;      \n            --bg-earth-dune: #1A1612;      \n            --bg-card-glass: #171310;\n            --bg-card-hover: #221c17;\n\n            \n            --sand-primary: #D4A373;       \n            --sand-bright: #F0DFC8;        \n            --sand-soft: #C29668;          \n            --sand-glow: rgba(212, 163, 115, 0.22);\n            --sand-border: rgba(212, 163, 115, 0.2);\n            --sand-border-strong: rgba(212, 163, 115, 0.45);\n\n            \n            --text-main: #FDFBF7;          \n            --text-muted: #C8BFB5;         \n            --text-gold: #E5BA82;          \n\n            font-family:inherit;\n            line-height: 1.8;\n            overflow: hidden;\n            position: relative;\n            background-color: var(--bg-basalt-deep);\n            color: var(--text-main);\n            border-radius: 24px;\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7);\n        }\n\n        .sk-mfg-oasis * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .oasis-container {\n            max-width: 1040px;\n            margin: 0 auto;\n            padding: 0 24px;\n            position: relative;\n            z-index: 3;\n        }\n\n        \n        .oasis-hl-sand {\n            color: #FFF4E5;\n            font-weight: 900;\n            text-shadow: 0 0 8px rgba(212, 163, 115, 0.5);\n            display: inline;\n        }\n\n        .oasis-hl-gold {\n            color: #F8CD9C;\n            font-weight: 900;\n            text-shadow: 0 0 8px rgba(212, 163, 115, 0.6);\n            display: inline;\n        }\n\n        .oasis-mark-glow {\n            display: inline;\n            background: rgba(212, 163, 115, 0.2);\n            color: #FFFFFF;\n            font-weight: 800;\n            padding: 2px 8px;\n            border-radius: 6px;\n            border-bottom: 1.5px solid var(--sand-primary);\n        }\n\n        .oasis-pill-sand {\n            display: inline-block;\n            background: rgba(212, 163, 115, 0.16);\n            border: 1px solid var(--sand-primary);\n            color: #FFF6EB;\n            font-weight: 900;\n            padding: 3px 14px;\n            border-radius: 8px;\n            margin: 2px 0;\n        }\n\n        \n        .oasis-section {\n            padding: 75px 0;\n            position: relative;\n        }\n\n        \n        .oasis-theme-basalt {\n            background-color: var(--bg-basalt-deep);\n            border-bottom: 1px solid rgba(255, 255, 255, 0.04);\n        }\n\n        \n        .oasis-theme-night {\n            background-color: var(--bg-sand-night);\n            border-top: 1px solid var(--sand-border);\n            border-bottom: 1px solid var(--sand-border);\n        }\n\n        \n        .oasis-theme-dune-grad {\n            background: linear-gradient(180deg, #12100D 0%, #1A1510 50%, #12100D 100%);\n            border-top: 1px solid rgba(212, 163, 115, 0.15);\n            border-bottom: 1px solid rgba(212, 163, 115, 0.15);\n        }\n\n        \n        .oasis-theme-earth {\n            background-color: var(--bg-earth-dune);\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n        }\n\n        .oasis-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(212, 163, 115, 0.12);\n            border: 1px solid var(--sand-primary);\n            color: var(--sand-bright);\n            padding: 7px 24px;\n            border-radius: 40px;\n            font-size: 0.95rem;\n            font-weight: 800;\n            margin-bottom: 22px;\n            letter-spacing: 0.5px;\n        }\n\n        .oasis-main-title {\n            font-size: clamp(26px, 4.5vw, 42px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.35;\n            color: #FFFFFF;\n        }\n\n        .oasis-section-title {\n            font-size: clamp(22px, 3.5vw, 32px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            position: relative;\n            line-height: 1.4;\n            color: #FFFFFF;\n        }\n\n        .oasis-section-title::after {\n            content: '';\n            display: block;\n            width: 70px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--sand-primary), transparent);\n            margin: 12px auto 0;\n            border-radius: 4px;\n        }\n\n        \n        .oasis-media-wrapper {\n            width: 100%;\n            max-width: 850px;\n            margin: 0 auto 35px;\n            border-radius: 20px;\n            overflow: hidden;\n            border: 1px solid var(--sand-border-strong);\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.7);\n            position: relative;\n        }\n\n        .oasis-media-wrapper img {\n            width: 100%;\n            height: auto;\n            display: block;\n            object-fit: cover;\n            transition: transform 0.4s ease;\n        }\n\n        .oasis-media-wrapper:hover img {\n            transform: scale(1.015);\n        }\n\n        \n        .oasis-hook-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 16px;\n            margin: 30px 0;\n        }\n\n        .oasis-hook-card {\n            background: #181411;\n            border: 1px solid var(--sand-border);\n            border-radius: 16px;\n            padding: 22px 18px;\n            text-align: left;\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n            transition: transform 0.25s ease, border-color 0.25s ease;\n        }\n\n        .oasis-hook-card:hover {\n            transform: translateY(-3px);\n            border-color: var(--sand-primary);\n        }\n\n        .oasis-hook-card h4 {\n            color: var(--sand-bright);\n            font-size: 1.15rem;\n            font-weight: 800;\n            margin-bottom: 6px;\n        }\n\n        .oasis-hook-card p {\n            color: var(--text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \n        .oasis-danger-card {\n            background: linear-gradient(145deg, rgba(50, 16, 16, 0.9) 0%, rgba(24, 17, 13, 0.98) 100%);\n            border: 1px solid rgba(239, 68, 68, 0.3);\n            border-radius: 20px;\n            padding: 30px 26px;\n            margin: 30px 0;\n            text-align: left;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6);\n        }\n\n        .oasis-danger-card h3 {\n            color: #FCA5A5;\n            font-size: 1.35rem;\n            font-weight: 900;\n            margin-bottom: 12px;\n        }\n\n        .oasis-damage-list {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n            gap: 12px;\n            list-style: none;\n            margin-top: 16px;\n        }\n\n        .oasis-damage-list li {\n            position: relative;\n            padding-left: 24px;\n            color: #FFFFFF;\n            font-size: 1rem;\n            font-weight: 600;\n        }\n\n        .oasis-damage-list li::before {\n            content: 'x';\n            position: absolute;\n            right: 0;\n            top: 0;\n            color: #EF4444;\n            font-weight: 900;\n            font-size: 1.1rem;\n        }\n\n        \n        .oasis-legend-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 18px;\n            margin: 30px 0;\n        }\n\n        .oasis-legend-card {\n            background: #181410;\n            border: 1px solid var(--sand-border);\n            border-radius: 16px;\n            padding: 24px 20px;\n            text-align: left;\n            transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n        }\n\n        .oasis-legend-card:hover {\n            transform: translateY(-4px);\n            border-color: var(--sand-primary);\n            background: #201A14;\n        }\n\n        .oasis-legend-tag {\n            font-size: 0.85rem;\n            color: var(--sand-primary);\n            font-weight: 800;\n            margin-bottom: 8px;\n            display: block;\n        }\n\n        .oasis-legend-title {\n            color: #FFFFFF;\n            font-size: 1.25rem;\n            font-weight: 900;\n            margin-bottom: 8px;\n        }\n\n        .oasis-legend-desc {\n            color: var(--text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \n        .oasis-table-wrap {\n            overflow-x: auto;\n            margin: 30px 0;\n            border-radius: 18px;\n            border: 1px solid var(--sand-border-strong);\n            background: #110E0B;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);\n        }\n\n        .oasis-table {\n            width: 100%;\n            border-collapse: collapse;\n            text-align: left;\n            min-width: 600px;\n        }\n\n        .oasis-table th,\n        .oasis-table td {\n            padding: 16px 20px;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n            font-size: 1.05rem;\n        }\n\n        .oasis-table th {\n            background: #18130E;\n            color: var(--sand-bright);\n            font-weight: 900;\n            font-size: 1.15rem;\n        }\n\n        .oasis-table td.col-centella {\n            background: rgba(212, 163, 115, 0.08);\n            color: var(--sand-bright);\n            font-weight: 800;\n        }\n\n        .oasis-table td.col-cortisone {\n            color: #FCA5A5;\n            font-weight: 600;\n        }\n\n        .oasis-table tr:last-child td {\n            border-bottom: none;\n        }\n\n        \n        .oasis-env-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 18px;\n            margin: 30px 0;\n        }\n\n        .oasis-env-card {\n            background: #181410;\n            border: 1px solid var(--sand-border);\n            border-radius: 16px;\n            padding: 24px 20px;\n            text-align: left;\n            transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n        }\n\n        .oasis-env-card:hover {\n            transform: translateY(-3px);\n            border-color: var(--sand-primary);\n            background: #201A14;\n        }\n\n        .oasis-env-num {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 34px;\n            height: 34px;\n            background: rgba(212, 163, 115, 0.15);\n            color: var(--sand-bright);\n            border: 1px solid var(--sand-primary);\n            border-radius: 8px;\n            font-weight: 900;\n            margin-bottom: 12px;\n        }\n\n        .oasis-env-card h4 {\n            color: #FFFFFF;\n            font-size: 1.2rem;\n            font-weight: 800;\n            margin-bottom: 6px;\n        }\n\n        .oasis-env-card p {\n            color: var(--text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \n        .oasis-conflict-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 24px;\n            margin: 35px 0;\n        }\n\n        .oasis-conflict-card {\n            border-radius: 20px;\n            padding: 28px 24px;\n            text-align: left;\n            box-shadow: 0 10px 24px rgba(0, 0, 0, 0.5);\n        }\n\n        .oasis-conflict-card.bad {\n            background: linear-gradient(180deg, rgba(45, 18, 18, 0.95) 0%, rgba(24, 15, 15, 0.98) 100%);\n            border: 1px solid rgba(239, 68, 68, 0.25);\n        }\n\n        .oasis-conflict-card.good {\n            background: linear-gradient(180deg, rgba(38, 28, 20, 0.95) 0%, rgba(22, 17, 13, 0.98) 100%);\n            border: 1px solid var(--sand-border-strong);\n        }\n\n        .oasis-conflict-card h4 {\n            font-size: 1.3rem;\n            font-weight: 900;\n            margin-bottom: 12px;\n        }\n\n        .oasis-conflict-card.bad h4 { color: #FCA5A5; }\n        .oasis-conflict-card.good h4 { color: var(--sand-bright); }\n\n        .oasis-conflict-list {\n            list-style: none;\n            margin-top: 12px;\n        }\n\n        .oasis-conflict-list li {\n            position: relative;\n            padding-left: 24px;\n            margin-bottom: 10px;\n            font-size: 1rem;\n            color: #FFFFFF;\n        }\n\n        .oasis-conflict-card.bad .oasis-conflict-list li::before {\n            content: 'x';\n            position: absolute;\n            right: 0;\n            color: #EF4444;\n            font-weight: 900;\n        }\n\n        .oasis-conflict-card.good .oasis-conflict-list li::before {\n            content: '✓';\n            position: absolute;\n            right: 0;\n            color: var(--sand-primary);\n            font-weight: 900;\n        }\n\n        \n        .oasis-products-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));\n            gap: 22px;\n            margin: 35px 0;\n        }\n\n        .oasis-product-card {\n            background: #181410;\n            border: 1px solid var(--sand-border);\n            border-radius: 18px;\n            padding: 24px 20px;\n            display: flex;\n            flex-direction: column;\n            text-align: left;\n            transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);\n        }\n\n        .oasis-product-card:hover {\n            transform: translateY(-4px);\n            border-color: var(--sand-primary);\n            background: #211A14;\n        }\n\n        .oasis-product-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 12px;\n        }\n\n        .oasis-product-step {\n            background: rgba(212, 163, 115, 0.15);\n            border: 1px solid var(--sand-primary);\n            color: var(--sand-bright);\n            font-size: 0.82rem;\n            font-weight: 900;\n            padding: 3px 12px;\n            border-radius: 6px;\n        }\n\n        .oasis-product-size {\n            color: var(--sand-primary);\n            font-weight: 800;\n            font-size: 0.95rem;\n        }\n\n        .oasis-product-card h3 {\n            color: #FFFFFF;\n            font-size: 1.35rem;\n            font-weight: 900;\n            margin-bottom: 4px;\n        }\n\n        .oasis-product-subtitle {\n            color: var(--sand-gold);\n            font-size: 0.95rem;\n            font-weight: 700;\n            margin-bottom: 14px;\n            padding-bottom: 8px;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n        }\n\n        .oasis-product-bullets {\n            list-style: none;\n            margin-bottom: 16px;\n        }\n\n        .oasis-product-bullets li {\n            position: relative;\n            padding-left: 22px;\n            color: var(--text-main);\n            font-size: 0.96rem;\n            line-height: 1.55;\n            margin-bottom: 8px;\n        }\n\n        .oasis-product-bullets li::before {\n            content: '✓';\n            position: absolute;\n            right: 0;\n            top: 0;\n            color: var(--sand-primary);\n            font-weight: 900;\n        }\n\n        .oasis-product-review {\n            margin-top: auto;\n            background: #110E0B;\n            border: 1px solid rgba(212, 163, 115, 0.2);\n            padding: 12px 16px;\n            border-radius: 12px;\n            color: var(--sand-bright);\n            font-size: 0.88rem;\n            font-weight: 700;\n        }\n\n        \n        .oasis-routine-flex {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 24px;\n            margin: 35px 0;\n        }\n\n        .oasis-routine-card {\n            background: #191410;\n            border: 1px solid var(--sand-border);\n            border-radius: 20px;\n            padding: 28px 22px;\n            text-align: left;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);\n        }\n\n        .oasis-routine-card.evening {\n            border-color: rgba(212, 163, 115, 0.35);\n        }\n\n        .oasis-routine-card.morning {\n            border-color: rgba(240, 223, 200, 0.35);\n        }\n\n        .oasis-routine-tag {\n            display: inline-block;\n            padding: 6px 16px;\n            border-radius: 8px;\n            font-weight: 900;\n            font-size: 0.95rem;\n            margin-bottom: 18px;\n            background: rgba(212, 163, 115, 0.15);\n            color: var(--sand-bright);\n            border: 1px solid var(--sand-primary);\n        }\n\n        .oasis-steps-list {\n            list-style: none;\n        }\n\n        .oasis-steps-list li {\n            padding: 12px 0;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n            display: flex;\n            align-items: center;\n            gap: 14px;\n            font-size: 1rem;\n            color: #FFFFFF;\n        }\n\n        .oasis-steps-list li:last-child {\n            border-bottom: none;\n        }\n\n        .oasis-step-num {\n            width: 30px;\n            height: 30px;\n            background: #0A0908;\n            border: 2px solid var(--sand-primary);\n            color: var(--sand-bright);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 900;\n            font-size: 0.88rem;\n            flex-shrink: 0;\n        }\n\n        \n        .oasis-accordion-box {\n            background: #181410;\n            border: 1px solid var(--sand-border);\n            border-radius: 12px;\n            margin-bottom: 12px;\n            overflow: hidden;\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);\n        }\n\n        .oasis-acc-btn {\n            width: 100%;\n            padding: 16px 20px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            cursor: pointer;\n            background: transparent;\n            border: none;\n            color: #FFFFFF;\n            font-size: 1.05rem;\n            font-weight: 800;\n            text-align: left;\n            user-select: none;\n        }\n\n        .oasis-acc-btn span.icon {\n            color: var(--sand-primary);\n            font-size: 1.4rem;\n            font-weight: 900;\n            transition: transform 0.3s ease;\n        }\n\n        .oasis-accordion-box.active .oasis-acc-btn span.icon {\n            transform: rotate(45deg);\n            color: var(--sand-bright);\n        }\n\n        .oasis-acc-content {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.35s ease, padding 0.35s ease;\n            padding: 0 20px;\n            font-size: 0.9rem;\n            color: var(--text-muted);\n            direction: ltr;\n            text-align: left;\n            line-height: 1.6;\n            background: #100D0A;\n        }\n\n        .oasis-accordion-box.active .oasis-acc-content {\n            padding: 16px 20px;\n            max-height: 380px;\n        }\n\n        \n        .oasis-cta-card {\n            text-align: center;\n            padding: 55px 24px;\n            background: linear-gradient(180deg, #1C1712 0%, #0A0908 100%);\n            border-radius: 22px;\n            border: 1px solid var(--sand-primary);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7);\n        }\n\n        .oasis-cta-btn {\n            display: inline-block;\n            background: linear-gradient(135deg, var(--sand-bright), var(--sand-primary));\n            color: #0F0D0A;\n            font-size: 1.35rem;\n            font-weight: 900;\n            padding: 18px 48px;\n            border-radius: 40px;\n            cursor: pointer;\n            transition: transform 0.25s ease, box-shadow 0.25s ease;\n            margin-top: 25px;\n            border: none;\n            text-decoration: none;\n        }\n\n        .oasis-cta-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 10px 25px rgba(212, 163, 115, 0.4);\n            background: linear-gradient(135deg, #FFFFFF, var(--sand-bright));\n        }\n\n        \n        .oasis-reveal {\n            opacity: 0;\n            transform: translateY(20px);\n            transition: opacity 0.5s ease, transform 0.5s ease;\n            will-change: opacity, transform;\n        }\n\n        .oasis-reveal.oasis-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \n        .oasis-timeline-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n            gap: 18px;\n            margin-top: 30px;\n        }\n\n        .oasis-timeline-card {\n            background: #191410;\n            border: 1px solid var(--sand-border);\n            border-radius: 18px;\n            padding: 24px 20px;\n            text-align: left;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);\n            transition: transform 0.25s ease, border-color 0.25s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .oasis-timeline-card:hover {\n            transform: translateY(-3px);\n            border-color: var(--sand-primary);\n        }\n\n        .oasis-timeline-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            background: rgba(212, 163, 115, 0.14);\n            border: 1px solid rgba(212, 163, 115, 0.4);\n            color: var(--sand-bright);\n            font-size: 0.82rem;\n            font-weight: 900;\n            padding: 4px 12px;\n            border-radius: 20px;\n            margin-bottom: 12px;\n            letter-spacing: 0.5px;\n        }\n\n        .oasis-timeline-card h4 {\n            font-size: 1.25rem;\n            font-weight: 900;\n            margin-bottom: 8px;\n        }\n\n        .oasis-timeline-card p {\n            color: var(--text-muted);\n            font-size: 0.96rem;\n            line-height: 1.65;\n            margin: 0;\n        }\n\n        @media (max-width: 768px) {\n            .oasis-table th, .oasis-table td { padding: 12px 14px; font-size: 0.95rem; }\n            .oasis-hook-grid { grid-template-columns: 1fr; }\n            .oasis-conflict-grid { grid-template-columns: 1fr; }\n            .oasis-products-grid { grid-template-columns: 1fr; }\n            .oasis-timeline-grid { grid-template-columns: 1fr; }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"sk-mfg-oasis\" dir=\"ltr\" id=\"skin1004-madagascar-wrapper\"\u003e\n\u003c!-- 1. Hero Section (Basalt Deep Theme) --\u003e\n\u003cdiv class=\"oasis-section oasis-theme-basalt\"\u003e\n\u003cdiv class=\"oasis-container\" style=\"text-align: center;\"\u003e\n\u003cdiv class=\"oasis-badge\"\u003eMini routine coréenne de sauvetage de la peau\u003c\/div\u003e\n\u003ch1 class=\"oasis-main-title\"\u003eSKIN1004 Madagascar Centella Travel Kit\u003cbr\/\u003e\u003cspan class=\"oasis-hl-sand\"\u003eLe groupe qui traitera toutes les inflammations, rougeurs et acné\u003c\/span\u003e\n\u003c\/h1\u003e\n\n\u003cdiv class=\"oasis-media-wrapper\"\u003e\u003cimg alt=\"SKIN1004 Centella Travel Kit in Mountains\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Centella_travel_kit_in_mountains_20260912200048.jpg?v=1789232691\"\/\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"oasis-hook-grid\"\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003eVotre peau s'enflamme-t-elle rapidement?\u003c\/h4\u003e\n\u003cp\u003eLe moins qui vous fait rougir et devenir irrité. \u003cspan class=\"oasis-mark-glow\"\u003eEt tu ne sais pas comment utiliser les produits à ta convenance\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003eVotre barrière cutanée est-elle endommagée?\u003c\/h4\u003e\n\u003cp\u003eVotre peau semble tendue, sèche ou squameuse à cause de... \u003cspan class=\"oasis-mark-glow\"\u003eUtilisez trop d'exfoliants ou de produits puissants\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003eLes pilules laissent-elles une marque?\u003c\/h4\u003e\n\u003cp\u003eLa pilule part, mais elle reste derrière \u003cspan class=\"oasis-mark-glow\"\u003eUne marque rouge ou foncée qui ne s'enlève pas facilement\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-hook-card\"\u003e\n\u003ch4\u003eAvez-vous peur de prendre des risques?\u003c\/h4\u003e\n\u003cp\u003eVous voulez simplement essayer une routine coréenne complète \u003cspan class=\"oasis-mark-glow\"\u003ePeur d'acheter de grandes tailles et qu'elles ne conviennent pas\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: 800; color: var(--sand-bright); margin-bottom: 25px;\"\u003eLe problème n'est pas votre type de peau, le problème, c'est vous \u003cspan class=\"oasis-hl-sand\"\u003eVous n'avez pas encore essayé la routine qui élimine vraiment l'inflammation\u003c\/span\u003e.\u003c\/p\u003e\n\n\u003cdiv class=\"oasis-danger-card\"\u003e\n\u003ch3\u003ePourquoi votre peau ne peut-elle pas le tolérer et ses problèmes persistent-ils?\u003c\/h3\u003e\n\u003cp style=\"font-size: 1.15rem; color: #ffffff; font-weight: bold;\"\u003eLe secret est tout dans \u003cspan class=\"oasis-pill-sand\"\u003eBarrière cutanée\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"color: var(--text-muted); margin-top: 8px; font-size: 1rem;\"\u003eLorsque le bouclier protecteur de votre peau se brise, \u003cspan class=\"oasis-hl-gold\"\u003eToute chose simple crée un gros problème\u003c\/span\u003eVoici ce qui cause:\u003c\/p\u003e\n\u003cul class=\"oasis-damage-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eRougeur et sensibilité\u003c\/span\u003e De tout nouveau produit ou même de l'air.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eSécheresse et fissures\u003c\/span\u003e Peu importe à quel point vous êtes mouillé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eDe nouveaux boutons apparaissent\u003c\/span\u003e Parce que les bactéries pénètrent facilement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eMarques tenaces et pigmentation\u003c\/span\u003e Parce que la peau ne peut pas se guérir elle-même.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: rgba(212, 163, 115, 0.1); border: 1px solid var(--sand-primary); border-radius: 14px; padding: 18px; margin-top: 20px;\"\u003e\n\u003cp style=\"font-size: 1.2rem; font-weight: 800; color: #ffffff; margin: 0;\"\u003ePour arrêter cette spirale : Vous avez besoin de l'ingrédient magique qui répare rapidement cette barrière: \u003cspan class=\"oasis-hl-sand\"\u003eExtrait de Centella Asiatica de Madagascar\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. Story: Tiger Herb (Dark Sand Night Theme) --\u003e\n\u003cdiv class=\"oasis-section oasis-theme-night oasis-reveal\"\u003e\n\u003cdiv class=\"oasis-container\"\u003e\n\u003ch2 class=\"oasis-section-title\"\u003eQu'est-ce que l'herbe centella ? Pourquoi l'appelle-t-on « herbe du tigre »”?\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center; max-width: 820px; margin: 0 auto 20px;\"\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--text-muted); font-weight: 500;\"\u003eL'histoire a commencé dans la nature... lorsqu'ils ont remarqué que les tigres blessés, après tout conflit, allaient se vautrer dans les feuilles d'une certaine plante. De manière surprenante, \u003cspan class=\"oasis-mark-glow\"\u003eLeurs blessures guérissaient incroyablement vite et sans aucune trace!\u003c\/span\u003e Cette plante est la Centella, et depuis, ils l'utilisent pour traiter les brûlures et les blessures graves.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-legend-grid\"\u003e\n\u003cdiv class=\"oasis-legend-card\"\u003e\n\u003cspan class=\"oasis-legend-tag\"\u003ePouvoir de restauration\u003c\/span\u003e\n\u003ch3 class=\"oasis-legend-title\"\u003eIl traite la peau en profondeur\u003c\/h3\u003e\n\u003cp class=\"oasis-legend-desc\"\u003eIl stimule la production de collagène naturel \u003cspan class=\"oasis-hl-sand\"\u003eLe tissu cutané endommagé se reconstruit\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-legend-card\"\u003e\n\u003cspan class=\"oasis-legend-tag\"\u003eCalme instantané\u003c\/span\u003e\n\u003ch3 class=\"oasis-legend-title\"\u003eIl éteint le « feu » de l'inflammation\u003c\/h3\u003e\n\u003cp class=\"oasis-legend-desc\"\u003eIl calme immédiatement les rougeurs et la sensibilité \u003cspan class=\"oasis-hl-sand\"\u003eTu m'as fait brûler\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oasis-legend-card\" style=\"border-color: var(--sand-primary); border-width: 2px;\"\u003e\n\u003cspan class=\"oasis-legend-tag\" style=\"color: var(--sand-bright);\"\u003eMadagascar en particulier\u003c\/span\u003e\n\u003ch3 class=\"oasis-legend-title\" style=\"color: var(--sand-bright);\"\u003eLa souche la plus pure au monde\u003c\/h3\u003e\n\u003cp class=\"oasis-legend-desc\"\u003eParce que la nature volcanique de Madagascar produit de la centella en concentration \u003cspan class=\"oasis-mark-glow\"\u003eDeux fois plus efficace n'importe où ailleurs\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Comparison Table (Dark Earth Theme) --\u003e\n\u003cdiv class=\"oasis-section oasis-theme-earth oasis-reveal\"\u003e\n\u003cdiv class=\"oasis-container\"\u003e\n\u003ch2 class=\"oasis-section-title\"\u003eLa Centella est une alternative naturelle et sûre aux crèmes médicamenteuses fortes\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--text-muted); font-size: 1.15rem; margin-bottom: 20px;\"\u003eLorsque votre peau est sévèrement enflammée, les médecins prescrivent souvent des crèmes contenant de la cortisone, mais la cortisone a des effets nuisibles à long terme. La centella est toujours en train de venir vers vous \u003cspan class=\"oasis-hl-sand\"\u003eMême résultat qu'apaiser\u003c\/span\u003e Mais \u003cspan class=\"oasis-hl-gold\"\u003eEntièrement en toute sécurité\u003c\/span\u003e:\u003c\/p\u003e\n\u003cdiv class=\"oasis-table-wrap\"\u003e\n\u003ctable class=\"oasis-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eQuelle est la différence?\u003c\/th\u003e\n\u003cth\u003e \u003c\/th\u003e\n\u003cth style=\"background: rgba(212, 163, 115, 0.2); color: var(--sand-bright);\"\u003eCentella naturelle de SKIN1004\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eUtilisez tous les jours?\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003e \u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-mark-glow\"\u003eTrès sûr et utilisé quotidiennement\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eÉpaisseur et protection de la peau\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003eIl amincit la peau et la rend très fragile\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-hl-sand\"\u003eIl renforce la peau, augmente son épaisseur et sa protection\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eSi vous arrêtez de l'utiliser?\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003eLe problème revient encore et avec force\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-hl-gold\"\u003eLa peau est guérie et il n'y a pas de récidive\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eRougeurs et poils\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"col-cortisone\"\u003eIl peut augmenter l'apparence des capillaires sanguins\u003c\/td\u003e\n\u003ctd class=\"col-centella\"\u003e\u003cspan class=\"oasis-mark-glow\"\u003eIl apaise les rougeurs et traite les irritations\u003c\/span\u003e\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\/div\u003e\n\u003c!-- 5. Zero Brand Conflict System (Dark Night Theme) --\u003e\n\u003cdiv class=\"oasis-section oasis-theme-night oasis-reveal\"\u003e\n\u003cdiv class=\"oasis-container\"\u003e\n\u003ch2 class=\"oasis-section-title\"\u003ePourquoi utiliser un ensemble complet plutôt que des produits au hasard?\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--text-muted); max-width: 820px; margin: 0 auto 25px; font-size: 1.1rem;\"\u003eLa plus grande erreur que vous puissiez faire est d'acheter une lotion d'une marque, un tonique d'une autre marque, et un sérum d'une troisième! \u003cspan class=\"oasis-hl-gold\"\u003eCes produits ne sont pas conçus pour fonctionner ensemble\u003c\/span\u003eIls peuvent interagir entre eux et irriter la peau.\u003c\/p\u003e\n\u003cdiv class=\"oasis-conflict-grid\"\u003e\n\n\u003cdiv class=\"oasis-conflict-card bad\"\u003e\n\u003ch4\u003eBlender : Produits de chaque chanson de film\u003c\/h4\u003e\n\u003cp style=\"color: var(--text-muted); margin-bottom: 12px;\"\u003eQue se passe-t-il quand vous mélangez différents produits?\u003c\/p\u003e\n\u003cul class=\"oasis-conflict-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\" style=\"border-color: #EF4444; background: rgba(239, 68, 68, 0.2);\"\u003eLes matériaux entrent en collision les uns avec les autres\u003c\/span\u003e Et tu peux annuler son effet.\u003c\/li\u003e\n\u003cli\u003eVotre peau devient irritée, enflammée, et de nouveaux boutons apparaissent.\u003c\/li\u003e\n\u003cli\u003eJe dépense beaucoup d'argent pour des choses inappropriées.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"oasis-conflict-card good\"\u003e\n\u003ch4\u003eLa solution intelligente : la routine intégrée SKIN1004\u003c\/h4\u003e\n\u003cp style=\"color: var(--text-muted); margin-bottom: 12px;\"\u003eCes 5 produits sont conçus pour se compléter les uns les autres:\u003c\/p\u003e\n\u003cul class=\"oasis-conflict-list\"\u003e\n\u003cli\u003eChaque étape \u003cspan class=\"oasis-mark-glow\"\u003eIl prépare la peau et apporte davantage\u003c\/span\u003e De l'étape suivante.\u003c\/li\u003e\n\u003cli\u003eVous prenez une dose de Centella \u003cspan class=\"oasis-hl-gold\"\u003eÀ chaque étape\u003c\/span\u003e Pour une récupération plus rapide et plus forte.\u003c\/li\u003e\n\u003cli\u003eGarantie \u003cspan class=\"oasis-mark-glow\"\u003e100% qu'il n'y a pas de conflit\u003c\/span\u003e Ou des allergies vous arriveront.\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!-- 6. The 5 Products Breakdown (Basalt Deep Theme) --\u003e\n\u003cdiv class=\"oasis-section oasis-theme-basalt oasis-reveal\"\u003e\n\u003cdiv class=\"oasis-container\"\u003e\n\u003ch2 class=\"oasis-section-title\"\u003eQu'y a-t-il dans ce groupe ? (5 étapes pour une peau plus calme)\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: var(--text-muted); margin-bottom: 25px; font-weight: bold;\"\u003eFormats voyage (suffisants pour 2 à 3 semaines)... Parfait pour essayer toute la routine avant d'acheter les grands formats!\u003c\/p\u003e\n\u003cdiv class=\"oasis-products-grid\"\u003e\n\u003c!-- Product 1 --\u003e\n\u003cdiv class=\"oasis-product-card\"\u003e\n\u003cdiv class=\"oasis-product-header\"\u003e\n\u003cspan class=\"oasis-product-step\"\u003eÉtape 1\u003c\/span\u003e \u003cspan class=\"oasis-product-size\"\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eHuile nettoyante légère\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003ePour enlever le maquillage et la crème solaire sans frotter\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-mark-glow\"\u003eIl traite tout avec gentillesse\u003c\/span\u003e Même la graisse qui obstrue les pores.\u003c\/li\u003e\n\u003cli\u003eTrès léger, comme de l'eau. \u003cspan class=\"oasis-hl-sand\"\u003eIl ne bouche pas les pores et ne cause pas de boutons\u003c\/span\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Product 2 --\u003e\n\u003cdiv class=\"oasis-product-card\"\u003e\n\u003cdiv class=\"oasis-product-header\"\u003e\n\u003cspan class=\"oasis-product-step\"\u003eÉtape 2\u003c\/span\u003e \u003cspan class=\"oasis-product-size\"\u003e20 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eNettoyant moussant à la Centella\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eNettoyage en profondeur respectueux de votre peau\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003eSa mousse est très douce \u003cspan class=\"oasis-mark-glow\"\u003eCela ne dessèche jamais le visage\u003c\/span\u003e Après le lavage.\u003c\/li\u003e\n\u003cli\u003eIl maintient l'équilibre de la peau afin qu'elle ne sécrète pas d'excès de graisse.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Product 3 --\u003e\n\u003cdiv class=\"oasis-product-card\"\u003e\n\u003cdiv class=\"oasis-product-header\"\u003e\n\u003cspan class=\"oasis-product-step\"\u003eÉtape 3\u003c\/span\u003e \u003cspan class=\"oasis-product-size\"\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eTonique exfoliant doux\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eDouceur et uniformité de la couleur sans irritation\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003eIl exfolie les cellules mortes \u003cspan class=\"oasis-mark-glow\"\u003eTrès, très doucement\u003c\/span\u003e Avec acides PHA.\u003c\/li\u003e\n\u003cli\u003eIl prépare la peau pour \u003cspan class=\"oasis-hl-sand\"\u003eVous buvez le sérum plus efficacement\u003c\/span\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Product 4 --\u003e\n\u003cdiv class=\"oasis-product-card\" style=\"border: 2px solid var(--sand-primary); background: rgba(36, 28, 20, 0.85);\"\u003e\n\u003cdiv class=\"oasis-product-header\"\u003e\n\u003cspan class=\"oasis-product-step\" style=\"background: var(--sand-primary); color: #0c0b0a;\"\u003eProduit magique\u003c\/span\u003e \u003cspan class=\"oasis-product-size\"\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eAmpoule de centella pure\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003e\u003cspan class=\"oasis-hl-sand\"\u003eExtrait de Centella 100 % brut à haute concentration\u003c\/span\u003e\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003e\n\u003cspan class=\"oasis-hl-gold\"\u003eIl apaise toute rougeur ou acné inflammée\u003c\/span\u003e En un temps record!\u003c\/li\u003e\n\u003cli\u003eRépare la barrière cutanée endommagée\u003cspan class=\"oasis-mark-glow\"\u003eIl traite les effets des boutons tenaces\u003c\/span\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Product 5 --\u003e\n\u003cdiv class=\"oasis-product-card\"\u003e\n\u003cdiv class=\"oasis-product-header\"\u003e\n\u003cspan class=\"oasis-product-step\"\u003eÉtape 5\u003c\/span\u003e \u003cspan class=\"oasis-product-size\"\u003e30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003eCrème gel apaisante\u003c\/h3\u003e\n\u003cp class=\"oasis-product-subtitle\"\u003eIl retient l'humidité et protège la peau toute la journée\u003c\/p\u003e\n\u003cul class=\"oasis-product-bullets\"\u003e\n\u003cli\u003eTexture gel légère, \u003cspan class=\"oasis-mark-glow\"\u003eLa peau l'absorbe immédiatement et il ne colle pas du tout\u003c\/span\u003e.\u003c\/li\u003e\n\u003cli\u003eIl contient des céramides parce que \u003cspan class=\"oasis-hl-sand\"\u003eRenforce le bouclier de protection\u003c\/span\u003e De votre peau.\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!-- 7. Complete Routine (Morning \u0026 Evening) in Dune Gradient Theme --\u003e\n\u003cdiv class=\"oasis-section oasis-theme-dune-grad oasis-reveal\"\u003e\n\u003cdiv class=\"oasis-container\"\u003e\n\u003ch2 class=\"oasis-section-title\"\u003e \u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.15rem; font-weight: 800; color: var(--sand-bright); margin-bottom: 25px;\"\u003eDes étapes très simples qui ne prendront pas quelques minutes de votre temps!\u003c\/p\u003e\n\u003cdiv class=\"oasis-routine-flex\"\u003e\n\u003c!-- Morning Routine --\u003e\n\u003cdiv class=\"oasis-routine-card morning\"\u003e\n\u003cspan class=\"oasis-routine-tag\"\u003eMatin \u003c\/span\u003e\n\u003cul class=\"oasis-steps-list\"\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-gold\"\u003eMousse d'ampoule:\u003c\/strong\u003e Lotion .\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-gold\"\u003eToner tonifiant:\u003c\/strong\u003e Appliquez un peu de toner pour rafraîchir.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-gold\"\u003eAmpoule Centella:\u003c\/strong\u003e Deux ou trois gouttes apaiseront votre peau et la protégeront tout au long de la journée.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-gold\"\u003eCrème apaisante:\u003c\/strong\u003e Appliquez le gel-crème pour hydrater votre peau.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Evening Routine --\u003e\n\u003cdiv class=\"oasis-routine-card evening\"\u003e\n\u003cspan class=\"oasis-routine-tag\"\u003e \u003c\/span\u003e\n\u003cul class=\"oasis-steps-list\"\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-sand\"\u003eHuile nettoyante:\u003c\/strong\u003e Massez-le sur peau sèche pour enlever le maquillage, puis lavez-le.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-sand\"\u003eMousse d'ampoule:\u003c\/strong\u003e Lavez votre visage pour vous assurer que les pores sont complètement propres.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-sand\"\u003eToner tonifiant:\u003c\/strong\u003e Essuyez votre bouche avec pour un gommage doux.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-sand\"\u003eAmpoule Centella:\u003c\/strong\u003e Il est temps de restaurer ! Appliquez-le et laissez-le agir pendant que vous dormez.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv class=\"oasis-step-num\"\u003e5\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"oasis-hl-sand\"\u003eCrème apaisante:\u003c\/strong\u003e Terminez votre routine avec cela pour retenir l'hydratation toute la nuit.\u003c\/div\u003e\n\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!-- 10. Final Closing \u0026 Required Second Image (Basalt Theme) --\u003e\n\u003cdiv class=\"oasis-section oasis-theme-basalt oasis-reveal\" style=\"padding-bottom: 90px;\"\u003e\n\u003cdiv class=\"oasis-container\"\u003e\n\u003cdiv class=\"oasis-cta-card\"\u003e\n\u003ch2 class=\"oasis-main-title\" style=\"font-size: clamp(24px, 4vw, 36px); margin-bottom: 20px;\"\u003eVotre meilleure chance de découvrir toute la routine coréenne\u003c\/h2\u003e\n\n\u003cdiv class=\"oasis-media-wrapper\" style=\"margin: 25px auto; max-width: 780px;\"\u003e\u003cimg alt=\"SKIN1004 Madagascar Centella Routine Kit\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Skin1004_centella_travel_kit_in_20260912200000.jpg?v=1789232695\"\/\u003e\u003c\/div\u003e\n\u003cp style=\"font-size: 1.25rem; color: #ffffff; font-weight: bold; max-width: 800px; margin: 0 auto 15px; line-height: 1.85;\"\u003eAu lieu d'acheter un produit à un prix élevé sans savoir s'il conviendra à votre peau ou non, cet ensemble est disponible pour vous \u003cspan class=\"oasis-hl-sand\"\u003e5 produits complets en tailles excellentes pour essai et voyage\u003c\/span\u003e!\u003c\/p\u003e\n\u003cp style=\"color: var(--sand-bright); font-size: 1.45rem; font-weight: 900; text-shadow: 0 0 15px var(--sand-glow);\"\u003eInvestissez dans votre peau et expérimentez la véritable pureté.\u003c\/p\u003e\n\u003cbutton class=\"oasis-cta-btn\" type=\"button\"\u003e Commandez maintenant le Kit de Voyage SKIN1004 Centella \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \n            var reveals = document.querySelectorAll('.oasis-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('oasis-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, {\n                threshold: 0.08,\n                rootMargin: \"0px 0px -40px 0px\"\n            });\n\n            reveals.forEach(function(el) {\n                revealObserver.observe(el);\n            });\n\n            \n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e\n\u003cp\u003e```eof\u003c\/p\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":46999396581550,"sku":null,"price":35.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Centella_Skincare_Routine_Set_8f245ba5-0089-43ff-8981-4790aa8b84f8.webp?v=1788175360"},{"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":"anua-peach-70-niacinamide-serum","title":"Sérum Anua avec 70% de pêche et niacinamide pour éclaircir la peau, unifier le teint et lutter contre la pigmentation, 30 ml","description":"\u003cdiv class=\"anua-txa-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \n        .anua-txa-wrapper {\n            --atxa-bg-dark: #0f0508; \n            --atxa-bg-card: rgba(25, 10, 15, 0.6); \n            --atxa-rose-gold: #e29587; \n            --atxa-peach-glow: #fca38d; \n            --atxa-pink-light: #fad6d0; \n            --atxa-glow: rgba(226, 149, 135, 0.25);\n            --atxa-text-main: #fdfaf9;\n            --atxa-text-muted: #d4b5b0;\n            --atxa-border: rgba(226, 149, 135, 0.2);\n            --atxa-border-hover: rgba(252, 163, 141, 0.5);\n            \n            background-color: var(--atxa-bg-dark);\n            color: var(--atxa-text-main);\n            font-family:Tajawal',Cairo',system-ui,-apple-system,sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 30px 0;\n            border-radius: 16px;\n            box-shadow: 0 0 60px rgba(226, 149, 135, 0.05) inset;\n        }\n\n        .anua-txa-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .anua-txa-wrapper img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 16px;\n            display: block;\n            margin-left: auto;\n            margin-left: auto;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n        }\n\n        .atxa-container {\n            max-width: 850px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \n        .atxa-ambient-particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n            pointer-events: none;\n            overflow: hidden;\n        }\n\n        .atxa-particle {\n            position: absolute;\n            background: radial-gradient(circle, var(--atxa-glow) 0%, transparent 70%);\n            border-radius: 50%;\n            bottom: -100px;\n            animation: floatUpPeach 14s infinite ease-in-out;\n            filter: blur(6px);\n        }\n\n        @keyframes floatUpPeach {\n            0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n            20% { opacity: 0.6; }\n            80% { opacity: 0.3; }\n            100% { transform: translateY(-1600px) scale(1.5) translateX(40px); opacity: 0; }\n        }\n\n        \n        .atxa-title-glow {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4.5vw, 36px);\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 25px;\n            line-height: 1.5;\n            background: linear-gradient(135deg, #ffffff 0%, var(--atxa-peach-glow) 60%, var(--atxa-rose-gold) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 30px var(--atxa-glow);\n        }\n\n        .atxa-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(22px, 4vw, 28px);\n            font-weight: 800;\n            color: var(--atxa-peach-glow);\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .atxa-section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -12px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--atxa-rose-gold), transparent);\n            border-radius: 10px;\n        }\n\n        \n        .atxa-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n            position: relative;\n        }\n\n        .atxa-badge {\n            display: inline-block;\n            background: rgba(226, 149, 135, 0.15);\n            border: 1px solid var(--atxa-rose-gold);\n            color: var(--atxa-peach-glow);\n            padding: 8px 25px;\n            border-radius: 30px;\n            font-size: 0.95rem;\n            font-weight: bold;\n            margin-bottom: 25px;\n            box-shadow: 0 0 20px var(--atxa-glow);\n        }\n        \n        .atxa-hero-subtitle {\n            font-size: 1.15rem;\n            color: var(--atxa-text-muted);\n            max-width: 750px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n            line-height: 1.8;\n        }\n\n        \n        .atxa-glass-box {\n            background: var(--atxa-bg-card);\n            backdrop-filter: blur(12px);\n            -webkit-backdrop-filter: blur(12px);\n            border: 1px solid var(--atxa-border);\n            border-radius: 20px;\n            padding: 30px;\n            margin: 40px auto;\n            box-shadow: 0 20px 40px rgba(0,0,0,0.6);\n            position: relative;\n            overflow: hidden;\n            max-width: 800px;\n        }\n\n        .atxa-glass-box::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 4px;\n            height: 100%;\n            background: linear-gradient(180deg, var(--atxa-peach-glow), transparent);\n        }\n\n        \n        .atxa-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin: 30px 0;\n        }\n\n        .atxa-card {\n            background: linear-gradient(145deg, rgba(25, 10, 15, 0.7), rgba(15, 5, 8, 0.9));\n            border: 1px solid var(--atxa-border);\n            border-radius: 16px;\n            padding: 25px;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .atxa-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--atxa-peach-glow);\n            box-shadow: 0 10px 30px var(--atxa-glow);\n            background: rgba(35, 15, 20, 0.8);\n        }\n\n        .atxa-icon {\n            width: 55px;\n            height: 55px;\n            background: rgba(226, 149, 135, 0.1);\n            border: 1px solid rgba(252, 163, 141, 0.3);\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            color: var(--atxa-peach-glow);\n            transition: transform 0.3s ease;\n        }\n        \n        .atxa-card:hover .atxa-icon {\n            transform: scale(1.1) rotate(-5deg);\n            background: linear-gradient(135deg, var(--atxa-rose-gold), var(--atxa-peach-glow));\n            color: #111;\n            border-color: transparent;\n        }\n\n        .atxa-card h3 {\n            font-size: 1.15rem;\n            color: #fff;\n            margin-bottom: 12px;\n            line-height: 1.4;\n        }\n\n        .atxa-card p {\n            color: var(--atxa-text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        \/* === Custom Lists with Checkmarks === *\/\n        .atxa-list {\n            list-style: none;\n            padding: 0;\n            margin-top: 15px;\n        }\n\n        .atxa-list li {\n            position: relative;\n            padding-left: 25px;\n            margin-bottom: 10px;\n            color: var(--atxa-text-muted);\n            font-size: 0.95rem;\n        }\n\n        .atxa-list li::before {\n            content: '✓';\n            position: absolute;\n            right: 0;\n            top: 0;\n            color: var(--atxa-peach-glow);\n            font-weight: bold;\n        }\n\n        .atxa-highlight-num {\n            color: var(--atxa-peach-glow);\n            font-weight: bold;\n            font-size: 1.1em;\n        }\n\n        \n        .atxa-table-container {\n            overflow-x: auto;\n            margin: 30px 0;\n            border-radius: 16px;\n            border: 1px solid var(--atxa-border);\n            box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n            background: rgba(15, 5, 8, 0.6);\n        }\n\n        .atxa-table {\n            width: 100%;\n            border-collapse: collapse;\n            text-align: left;\n            min-width: 600px;\n        }\n\n        .atxa-table th, .atxa-table td {\n            padding: 15px 20px;\n            border-bottom: 1px solid rgba(255,255,255,0.05);\n        }\n\n        .atxa-table th {\n            background: rgba(226, 149, 135, 0.1);\n            color: var(--atxa-pink-light);\n            font-weight: 800;\n            font-size: 1.1rem;\n        }\n\n        .atxa-table td strong {\n            color: var(--atxa-text-main);\n        }\n\n        .atxa-table tr:hover {\n            background: rgba(226, 149, 135, 0.05);\n        }\n        \n        .atxa-table tr:last-child td {\n            border-bottom: none;\n        }\n\n        \n        .atxa-timeline-list {\n            list-style: none;\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n        }\n\n        .atxa-timeline-item {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            background: rgba(255,255,255,0.02);\n            border: 1px dashed var(--atxa-border);\n            padding: 20px;\n            border-radius: 12px;\n            border-right: 4px solid var(--atxa-rose-gold);\n            transition: all 0.3s ease;\n        }\n\n        .atxa-timeline-item:hover {\n            background: rgba(226, 149, 135, 0.05);\n            border-color: var(--atxa-peach-glow);\n        }\n\n        .atxa-phase-badge {\n            background: var(--atxa-bg-card);\n            border: 1px solid var(--atxa-rose-gold);\n            color: var(--atxa-peach-glow);\n            padding: 8px 15px;\n            border-radius: 8px;\n            font-weight: bold;\n            min-width: 120px;\n            text-align: center;\n        }\n\n        \n        .atxa-reveal {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .atxa-reveal.atxa-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .atxa-delay-1 { transition-delay: 0.1s; }\n        .atxa-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .atxa-hero { padding: 10px 0 20px; }\n            .atxa-timeline-item { flex-direction: column; text-align: center; }\n            .atxa-phase-badge { margin-bottom: 10px; width: 100%; }\n        }\n    \u003c\/style\u003e\n\n\u003cdiv class=\"atxa-ambient-particles\" id=\"atxa-particles\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"atxa-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"atxa-hero atxa-reveal atxa-active\"\u003e\n\u003cdiv class=\"atxa-badge\"\u003eL'équation coréenne pour une peau de verre\u003c\/div\u003e\n\u003ch1 class=\"atxa-title-glow\"\u003e“Ils vous ont trompé en disant que tous les niacinamides sont les mêmes!”\u003c\/h1\u003e\n\u003cp class=\"atxa-hero-subtitle\"\u003e\n                Dans un monde où les promesses sont les mêmes, les résultats sont radicalement différents. Aujourd'hui, vous faites face à un choix décisif : continuer à utiliser des produits ordinaires qui donnent des résultats superficiels, ou prendre une décision qui changera le destin de votre peau pour toujours.\n            \u003c\/p\u003e\n\u003cimg alt=\"Anua Peach 70% Niacinamide Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_1.png?v=1747140901\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Problem Section --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eVotre peau est terne... et les gens le remarquent!\u003c\/h2\u003e\n\u003cdiv class=\"atxa-glass-box atxa-reveal\"\u003e\n\u003cp style=\"text-align: center; color: var(--atxa-text-main); line-height: 1.8; margin-bottom: 20px; font-size: 1.1rem;\"\u003e\n                Avez-vous remarqué que votre peau perd sa fraîcheur année après année ? Avec le temps, les taches sombres augmentent, les pores s'élargissent et la peau devient rugueuse et mate. \u003cstrong\u003eMais la question la plus importante : Qu'avez-vous décidé de faire à ce sujet?\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv style=\"border-top: 1px dashed var(--atxa-border); padding-top: 20px; text-align: center;\"\u003e\n\u003cp style=\"font-size: 1.25rem; color: var(--atxa-peach-glow); font-weight: bold; margin-bottom: 10px;\"\u003e\n                    Le secret que les grandes entreprises de beauté cachent\n                \u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-text-muted);\"\u003e\n                    La plupart des sérums promettent des résultats fantastiques, mais utilisent de faibles concentrations d'ingrédients actifs pour réduire les coûts. \u003cstrong\u003eMais Anua a enfreint toutes les règles.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg alt=\"Skin Problems\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_3.webp?v=1747140899\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003c!-- 3. The Solution \/ Formula --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eSérum Anua Pêche 70% : La formule scientifique pour une peau éclatante et lumineuse\u003c\/h2\u003e\n\u003cp class=\"atxa-reveal\" style=\"text-align: center; color: var(--atxa-text-muted); font-size: 1.1rem; margin-bottom: 30px;\"\u003e\n            Les scientifiques d'Anua ont passé 3 ans à développer cette formule parfaite qui transformera votre peau de terne et fatiguée à éclatante et radieuse. \u003cstrong\u003eComme si elle était sculptée dans la lumière\u003c\/strong\u003e.\n        \u003c\/p\u003e\n\u003cimg alt=\"Anua Peach Formula\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_4.webp?v=1747140899\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003c!-- 4. How it works (Ingredients Grid) --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eComment cela fonctionne? \u003c\/h2\u003e\n\u003cdiv class=\"atxa-grid\"\u003e\n\u003cdiv class=\"atxa-card atxa-reveal\"\u003e\n\u003cdiv class=\"atxa-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eForce de pêche concentration 70%\u003c\/h3\u003e\n\u003cp\u003eCe n'est pas seulement un fruit... c'est toute une plante de vitamines et d'acides. Extrait de pêche \u003cstrong\u003ePénètre 7 couches de cellules de la peau\u003c\/strong\u003e Pour atteindre les couches profondes et les traiter de l'intérieur vers l'extérieur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card atxa-reveal atxa-delay-1\"\u003e\n\u003cdiv class=\"atxa-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eNiacinamide 5 % \u003c\/h3\u003e\n\u003cp\u003eLa niacinamide est un ingrédient révolutionnaire dans le monde des soins de la peau. \u003cstrong\u003eÀ une concentration idéale de 5 %\u003c\/strong\u003e, peut:\u003c\/p\u003e\n\u003cul class=\"atxa-list\"\u003e\n\u003cli\u003eRéduit l'apparence des pores \u003cspan class=\"atxa-highlight-num\"\u003e68%\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003eÉclaircit les taches foncées en \u003cspan class=\"atxa-highlight-num\"\u003e14\u003c\/span\u003e Un jour\u003c\/li\u003e\n\u003cli\u003eRégule la sécrétion de sébum et prévient la brillance\u003c\/li\u003e\n\u003cli\u003eRenforce et consolide la barrière naturelle de la peau\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card atxa-reveal atxa-delay-2\"\u003e\n\u003cdiv class=\"atxa-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eTriple acide hyaluronique\u003c\/h3\u003e\n\u003cp\u003ePas un seul type... mais \u003cstrong\u003e3 types différents\u003c\/strong\u003e Avec diverses masses molaires pour atteindre toutes les couches de la peau:\u003c\/p\u003e\n\u003cul class=\"atxa-list\"\u003e\n\u003cli\u003eSurface : hydrate instantanément\u003c\/li\u003e\n\u003cli\u003eMilieu : retient l'eau à l'intérieur\u003c\/li\u003e\n\u003cli\u003eProfond : Augmente le niveau d'hydratation depuis les racines\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card atxa-reveal\"\u003e\n\u003cdiv class=\"atxa-icon\"\u003e\n\u003csvg fill=\"none\" height=\"28\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"28\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"color: var(--atxa-peach-glow);\"\u003eComplexe bio-pêche et yaourt\u003c\/h3\u003e\n\u003cp\u003ePour la première fois dans le monde, l'extrait de pêche a été combiné avec des bactéries bénéfiques de yaourt dans une biotechnologie unique. Le résultat? \u003cstrong\u003eUn composé qui élimine les cellules mortes\u003c\/strong\u003e Doucement et sans irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Scientific Miracle --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eLe miracle scientifique qu'ils vous cachent\u003c\/h2\u003e\n\u003cimg alt=\"Scientific Miracle\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_5.webp?v=1747140899\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003cdiv class=\"atxa-glass-box atxa-reveal\" style=\"padding: 25px; text-align: center;\"\u003e\n\u003cp style=\"color: #fff; font-size: 1.2rem; margin-bottom: 10px;\"\u003e\n                Tout le monde va vous demander: \u003cstrong\u003e“Que faites-vous pour votre peau?”\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-text-muted); line-height: 1.8;\"\u003e\n                Dans Technology \" \" Sérum. Principaux ingrédients Active Ingredients Dans Seulement Activé .\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Results --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eVotre parcours de transformation de la peau avec le sérum Anua\u003c\/h2\u003e\n\u003cimg alt=\"Skin Transformation\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_2.webp?v=1747140895\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003cdiv class=\"atxa-glass-box atxa-reveal\" style=\"padding: 20px;\"\u003e\n\u003cul class=\"atxa-timeline-list\"\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eAprès la première utilisation\u003c\/div\u003e\n\u003cdiv\u003eBrillance instantanée et douceur notable, comme si vous aviez eu une séance de masque coûteuse dans une clinique de beauté.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eAprès 3 jours\u003c\/div\u003e\n\u003cdiv\u003eUne réduction nette de la taille des pores, et un début visible d'unification du teint et de réduction des rougeurs.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eAprès une semaine\u003c\/div\u003e\n\u003cdiv\u003eLa rugosité et la texture fatiguée disparaissent, laissant la peau 40 % plus lisse et prête pour un maquillage parfait.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eAprès deux semaines\u003c\/div\u003e\n\u003cdiv\u003eÉclaircit visiblement les taches sombres et donne un éclat renouvelé comme si votre peau avait retrouvé 5 ans de jeunesse.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"atxa-timeline-item\"\u003e\n\u003cdiv class=\"atxa-phase-badge\"\u003eAprès un mois\u003c\/div\u003e\n\u003cdiv\u003eTRANSFORMATION COMPLÈTE - Peau claire, transparente et éclatante même sans une seule goutte de maquillage.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Why Choose Anua --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eDans un monde rempli de produits... pourquoi Anua?\u003c\/h2\u003e\n\u003cimg alt=\"Why Choose Anua\" class=\"atxa-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/qXFYxnaNUR28pIwzePQs50YSmVPBLdE7.jpg?v=1747141341\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003cdiv class=\"atxa-grid atxa-reveal\"\u003e\n\u003cdiv class=\"atxa-card\" style=\"text-align: center; border-color: var(--atxa-rose-gold);\"\u003e\n\u003ch3 style=\"color: #fff;\"\u003eFormule scientifiquement prouvée\u003c\/h3\u003e\n\u003cp\u003eDes tests cliniques rigoureux ont prouvé des résultats incroyables sur des centaines de volontaires à travers le monde.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card\" style=\"text-align: center; border-color: var(--atxa-rose-gold);\"\u003e\n\u003ch3 style=\"color: #fff;\"\u003ePuissance de concentration élevée\u003c\/h3\u003e\n\u003cp\u003eFournit des concentrations d'ingrédients actifs 3 fois plus élevées que les concurrents conventionnels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atxa-card\" style=\"text-align: center; border-color: var(--atxa-rose-gold);\"\u003e\n\u003ch3 style=\"color: #fff;\"\u003eSûr pour tous les types de peau\u003c\/h3\u003e\n\u003cp\u003eConçu pour être doux même sur les peaux sensibles, mixtes et grasses sans causer d'irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Skin Type Table --\u003e\n\u003ch2 class=\"atxa-section-title atxa-reveal\"\u003eConvient-il à votre type de peau?\u003c\/h2\u003e\n\u003cdiv class=\"atxa-table-container atxa-reveal\"\u003e\n\u003ctable class=\"atxa-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eType de peau\u003c\/th\u003e\n\u003cth\u003eLe problème de base\u003c\/th\u003e\n\u003cth style=\"background: rgba(252, 163, 141, 0.15); color: #fff;\"\u003eCe qu'Anua lui offrira?\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eToujours épuisant\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eTerne et manque d'éclat\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eRéveille les cellules et donne un éclat et une luminosité instantanés.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eTrès sensible\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eIrritation et rougeur causées par n'importe quel produit\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eApaise immédiatement l'inflammation et renforce la barrière protectrice\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eBrillant et gras\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003ePores dilatés et brillance gênante\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eContrôle le sébum et réduit efficacement la taille des pores de 68%\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eâge avancé\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eRidules et pigmentation\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eÉclaircit les taches sombres et améliore l'élasticité de la peau\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eSec dans certaines zones et gras dans d'autres\u003c\/td\u003e\n\u003ctd class=\"highlight\"\u003eÉquilibre intelligemment la peau et hydrate en profondeur sans graisse\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- 9. Final CTA --\u003e\n\u003cdiv class=\"atxa-reveal\" style=\"text-align: center; margin-top: 60px; padding: 40px 20px; background: linear-gradient(180deg, transparent, rgba(226, 149, 135, 0.15)); border-radius: 20px; border: 1px solid var(--atxa-border);\"\u003e\n\u003ch2 class=\"atxa-title-glow\" style=\"font-size: clamp(22px, 4vw, 32px);\"\u003e“Tout investissement a un retour... investir dans votre peau a le plus grand retour.”\u003c\/h2\u003e\n\u003cimg alt=\"Anua Peach Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_peach_70_niacinamide_serum_1.jpg?v=1747140897\" style=\"margin: 30px auto; border-radius: 16px; box-shadow: 0 15px 40px rgba(0,0,0,0.6); max-width: 600px;\"\/\u003e\n\u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 750px; margin: 0 auto 20px; line-height: 1.8;\"\u003e\n                Ne traitez pas votre peau comme votre dernière priorité, c'est la première chose que les gens voient en vous.\n            \u003c\/p\u003e\n\u003cp style=\"color: var(--atxa-peach-glow); font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; text-shadow: 0 0 15px var(--atxa-glow);\"\u003e\n                Sérum Anua Pêche \u0026amp; Niacinamide 70% - Parce que votre peau mérite le meilleur. Commandez-le 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('.atxa-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('atxa-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, {\n                root: null,\n                threshold: 0.1,\n                rootMargin: \"0px 0px -50px 0px\"\n            });\n\n            reveals.forEach(function(reveal) {\n                reveal.classList.remove('atxa-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Ambient Particles Generator\n            var ambientContainer = document.getElementById('atxa-particles');\n            var particleCount = 20; \n            \n            for (var i = 0; i \u003c particleCount; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('atxa-particle');\n                \n                var size = Math.random() * 50 + 20; \n                var left = Math.random() * 100; \n                var duration = Math.random() * 15 + 12; \n                var delay = Math.random() * 8; \n                \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = left + '%';\n                particle.style.animationDuration = duration + 's';\n                particle.style.animationDelay = delay + 's';\n                \n                ambientContainer.appendChild(particle);\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":46999397728430,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Peach70NiacinSerum_30ml_AMZ_2000x2000_thumb_fa77cea2-3e78-4653-a242-b5ef3c8f4cb3.webp?v=1788175356"},{"product_id":"anua-heartleaf-70-intense-calming-cream-50ml","title":"Crème avancée et apaisante ANUA pour peau sensible avec 70 % d'extrait de cœur de feuille et céramides 50 ml","description":"\u003cdiv class=\"anua-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"anua-hero\"\u003e\n\u003cdiv class=\"anua-hero-image\"\u003e\u003cimg alt=\"Anua Heartleaf Intense Calming Cream\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_heartleaf_intense_calming_cream_2.webp?v=1747143721\"\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"anua-hero-content\"\u003e\n\u003ch1 class=\"accent-text\"\u003e\"Imaginez la Corée... un pays qui ne sait pas ce que signifie 'peau sensible'!\"\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e\u003cstrong\u003eDes scientifiques coréens ont découvert une plante naturelle qui pousse en forme de cœur, et ils l'ont extraite à une concentration de 70 %, ce qui était la solution magique pour la peau enflammée. Le secret a enfin atteint l'Égypte\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section --\u003e\n\u003cdiv class=\"anua-section problem-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eLes experts disent que 80 % des problèmes de peau sont causés par une barrière protectrice faible\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eVotre peau devient-elle rouge pour une quelconque raison ? Ressentez-vous une sensation de brûlure et de picotement avec chaque produit que vous essayez ? Le temps froid provoque-t-il sécheresse et desquamation? \u003cstrong\u003eCombien de temps supporterez-vous cette douleur?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"problem-image\"\u003e\u003cimg alt=\"Skin Problems\" class=\"full-width-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/anua_heartleaf_intense_calming_cream_1.webp?v=1747143745\"\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"highlighted-text\"\u003e\n\u003ch3 class=\"accent-text\"\u003e“Toutes les crèmes apaisantes se ressemblent... et c'est le plus grand mensonge dans le monde des soins de la peau.”\u003c\/h3\u003e\n\u003cp\u003eLa plupart des crèmes apaisantes reposent sur des ingrédients chimiques qui traitent les symptômes et éliminent la cause principale. \u003cstrong\u003eANUA a choisi un chemin complètement différent.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Introduction --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eCrème Apaisante Anua avec Extrait de Feuille de Coeur 70% : Le garde du corps de votre peau sensible\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eLes scientifiques d'Anua ont utilisé une technologie unique pour extraire l'extrait de heartleaf de fermes privées en Corée à une concentration de 70 %. \u003cstrong\u003eLe pourcentage le plus élevé au monde.\u003c\/strong\u003e Le résultat ? La crème non seulement apaise la peau... elle reprogramme la façon dont elle réagit aux irritants externes.\u003c\/p\u003e\n\u003cdiv class=\"section-header secondary-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eLe secret de la peau coréenne qui n'irrite jamais!\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\u003cimg alt=\"Heartleaf Plant\" class=\"ingredient-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/philodendron_cordatum_heart_leaf_PDP_02.webp?v=1747143691\"\/\u003e\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eLa merveille de Hartliffe\u003c\/h3\u003e\n\u003cp\u003e... Cela \u003cstrong\u003eSystème de protection intégré\u003c\/strong\u003e. Il contient de puissants agents anti-inflammatoires naturels qui arrêtent immédiatement les rougeurs et les irritations, et corrigent le pH cutané perturbé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\u003cimg alt=\"Ceramide\" class=\"ingredient-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_1080x1346_Listing_HeartleafIntenseCalmingCream12.webp?v=1747144240\"\/\u003e\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003eCéramides de protection concentrés\u003c\/h3\u003e\n\u003cp\u003eLe céramide n'est pas une crème... c'est ça \u003cstrong\u003eBriques de construction de la barrière cutanée\u003c\/strong\u003e Préservatif. Lorsque vous perdez des céramides, l'humidité s'échappe et des polluants apparaissent. La crème Anua est riche en céramides, qui reconstruisent la barrière protectrice et préviennent complètement les infections futures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\u003cimg alt=\"Panthenol\" class=\"ingredient-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_BHAToner_1200x1200_Listing3_b3fce2a0-8095-4f85-8456-2453dbd1f4be.webp?v=1747144258\"\/\u003e\u003c\/div\u003e\n\u003ch3 class=\"accent-text\"\u003ePanthénol (Vitamine B5) miracle\u003c\/h3\u003e\n\u003cp\u003eLe panthénol est un ingrédient magique qui pénètre profondément dans la peau et fait deux choses importantes:\u003c\/p\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eIl accélère la guérison des cellules endommagées d'un pourcentage \u003cspan class=\"counter\" data-target=\"34\"\u003e0\u003c\/span\u003e%\u003c\/li\u003e\n\u003cli\u003eIl forme un bouclier de secours contre les irritations futures\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Three-Layer Theory --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eLa théorie des « trois couches » pour une protection absolue\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"table-container\"\u003e\n\u003ctable class=\"comparison-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eClasse\u003c\/th\u003e\n\u003cth\u003eLe rôle de la crème Anua\u003c\/th\u003e\n\u003cth\u003eAutres crèmes\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003ecouche externe\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eIl apaise instantanément et arrête les rougeurs\u003c\/td\u003e\n\u003ctd\u003eIls ne traitent que les symptômes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eClasse moyenne\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eIl hydrate en profondeur et empêche la perte d'eau\u003c\/td\u003e\n\u003ctd\u003eIls humidifient temporairement la surface\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"table-row\"\u003e\n\u003ctd\u003e\u003cstrong\u003eCouche intérieure\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eIl répare les cellules et renforce l'immunité de la peau\u003c\/td\u003e\n\u003ctd\u003eIls n'atteignent pas du tout cette catégorie\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!-- Results Timeline --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"results-image\"\u003e\u003cimg alt=\"Product Results\" class=\"full-width-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/AnuaUS_HeartleafIntenseCalmingCream_2000x2200_Listing1.webp?v=1747144397\"\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003e“La patience est belle... mais vous n'avez pas à attendre longtemps.”\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eChronologie des résultats visibles lors de l'utilisation de la crème\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDès la première utilisation\u003c\/h3\u003e\n\u003cp\u003eSoulagement instantané, moins de rougeurs et moins de pores obstrués\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eAprès 3 jours\u003c\/h3\u003e\n\u003cp\u003eL'irritation disparaît et la couleur normale de la peau revient\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eAprès une semaine\u003c\/h3\u003e\n\u003cp\u003eLa peau est plus résistante aux irritants et moins sensible aux autres produits\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eAprès deux semaines\u003c\/h3\u003e\n\u003cp\u003eLa capacité de la peau à se protéger double\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eAprès un mois\u003c\/h3\u003e\n\u003cp\u003eTransformation complète - peau équilibrée et forte qui n'est pas affectée par les facteurs externes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Skin Types Section --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eCe n'est pas juste une crème... c'est un système de secours pour la peau fatiguée\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"quote-box\"\u003e\n\u003cp\u003eLa fin des rougeurs et des irritations commence ici!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003eLa crème Anua Heartleaf est spécialement conçue pour une peau qui en a assez de tout. Que votre peau:\u003c\/p\u003e\n\u003cdiv class=\"skin-types-container\"\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eSensible et rougit à tout\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eSec et qui pèle avec le temps\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eGras, brillant et irrité\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skin-type-box\"\u003e\n\u003ch3\u003eMélangé et confus\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Features Section --\u003e\n\u003cdiv class=\"anua-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"accent-text\"\u003eCaractéristiques que vous ne trouverez dans aucun autre produit:\u003c\/h2\u003e\n\u003cdiv class=\"section-line\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eTexture non grasse\u003c\/h3\u003e\n\u003cp\u003eElle absorbe immédiatement sans laisser de résidu gras ou brillant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eInodore\u003c\/h3\u003e\n\u003cp\u003eIl n'y a pas de parfums artificiels qui irritent la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eFormule coréenne originale\u003c\/h3\u003e\n\u003cp\u003eExtrait de fermes privées en Corée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003ch3\u003eCompatible avec tous les types de peau\u003c\/h3\u003e\n\u003cp\u003eSensible aux peaux grasses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"anua-cta\"\u003e\n\u003ch2 class=\"cta-heading accent-text\"\u003eVotre peau n'a pas besoin de supporter la douleur non plus... \u003c\/h2\u003e\n\u003cp class=\"cta-subheading\"\u003ePeau apaisée = plus de confiance = meilleure vie\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003eCommencez aujourd'hui... La crème Anua Heartliffe sera la meilleure décision que vous prendrez pour votre peau.\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eCommandez maintenant\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.anua-product-container {\n  font-family:Arial,sans-serif;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  direction: ltr;\n}\n\n.accent-text {\n  color: #9C8102;\n}\n\n.section-line {\n  height: 3px;\n  width: 80px;\n  background-color: #9C8102;\n  margin: 10px 0 30px;\n}\n\n\/* Hero Section *\/\n.anua-hero {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 60px;\n  gap: 30px;\n}\n\n.anua-hero-content {\n  flex: 1;\n}\n\n.anua-hero-image {\n  flex: 1;\n  text-align: center;\n}\n\n.anua-hero-content h1 {\n  font-size: 2.2rem;\n  margin-bottom: 20px;\n}\n\n.hero-subtitle {\n  font-size: 1.3rem;\n  line-height: 1.6;\n}\n\n.product-image {\n  max-width: 100%;\n  height: auto;\n  border-radius: 10px;\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n  transition: transform 0.5s ease, box-shadow 0.5s ease;\n}\n\n.product-image:hover {\n  transform: translateY(-10px);\n  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n}\n\n\/* Section Styles *\/\n.anua-section {\n  margin-bottom: 60px;\n}\n\n.section-header {\n  margin-bottom: 30px;\n}\n\n.section-header h2 {\n  font-size: 1.8rem;\n  margin-bottom: 5px;\n}\n\n.secondary-header {\n  margin-top: 40px;\n}\n\n\/* Full Width Images *\/\n.full-width-image {\n  width: 100%;\n  border-radius: 10px;\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n  margin: 30px 0;\n  transition: transform 0.3s ease;\n}\n\n.full-width-image:hover {\n  transform: translateY(-5px);\n}\n\n\/* Highlighted Text *\/\n.highlighted-text {\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  padding: 30px;\n  margin: 30px 0;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.highlighted-text h3 {\n  margin-bottom: 15px;\n  font-size: 1.4rem;\n}\n\n\/* Ingredients Grid *\/\n.ingredients-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n  gap: 30px;\n  margin-top: 30px;\n}\n\n.ingredient-card {\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  padding: 25px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.ingredient-card:hover {\n  transform: translateY(-7px);\n  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.ingredient-image {\n  text-align: center;\n  margin-bottom: 20px;\n}\n\n.ingredient-img {\n  max-width: 100%;\n  height: auto;\n  border-radius: 10px;\n  transition: transform 0.3s ease;\n}\n\n.ingredient-card:hover .ingredient-img {\n  transform: scale(1.03);\n}\n\n.ingredient-card h3 {\n  margin-bottom: 15px;\n  font-size: 1.4rem;\n}\n\n.ingredient-benefits {\n  list-style-type: disc;\n  padding-left: 20px;\n  margin-top: 15px;\n}\n\n.ingredient-benefits li {\n  margin-bottom: 10px;\n}\n\n\/* Table Styles *\/\n.table-container {\n  overflow-x: auto;\n  margin: 30px 0;\n}\n\n.comparison-table {\n  width: 100%;\n  border-collapse: collapse;\n  background-color: #fff;\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.comparison-table th {\n  background-color: #9C8102;\n  color: white;\n  text-align: left;\n  padding: 15px;\n}\n\n.comparison-table td {\n  padding: 15px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.comparison-table tr:last-child td {\n  border-bottom: none;\n}\n\n.table-row {\n  transition: background-color 0.3s ease;\n}\n\n.table-row:hover {\n  background-color: #f5f5f5;\n}\n\n\/* Timeline Section *\/\n.timeline {\n  position: relative;\n  margin: 40px 0;\n  padding-left: 40px;\n}\n\n.timeline:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  right: 10px;\n  height: 100%;\n  width: 2px;\n  background: #9C8102;\n}\n\n.timeline-item {\n  position: relative;\n  margin-bottom: 40px;\n}\n\n.timeline-marker {\n  position: absolute;\n  top: 5px;\n  right: -40px;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: #9C8102;\n  box-shadow: 0 0 0 4px rgba(156, 129, 2, 0.2);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.timeline-item:hover .timeline-marker {\n  transform: scale(1.2);\n  box-shadow: 0 0 0 6px rgba(156, 129, 2, 0.3);\n}\n\n.timeline-content {\n  background: #f9f9f9;\n  border-radius: 10px;\n  padding: 20px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  transition: transform 0.3s ease;\n}\n\n.timeline-item:hover .timeline-content {\n  transform: translateX(-10px);\n}\n\n.timeline-content h3 {\n  color: #9C8102;\n  margin-bottom: 10px;\n  font-size: 1.2rem;\n}\n\n\/* Quote Box *\/\n.quote-box {\n  background-color: #f9f9f9;\n  border-right: 4px solid #9C8102;\n  padding: 20px;\n  margin: 30px 0;\n  font-style: italic;\n  font-size: 1.2rem;\n  position: relative;\n}\n\n.quote-box:before {\n  content: '\"';\n  position: absolute;\n  right: -15px;\n  top: 10px;\n  font-size: 3rem;\n  color: #9C8102;\n  font-family:serif;\n}\n\n\/* Skin Types *\/\n.skin-types-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n  gap: 20px;\n  margin: 30px 0;\n}\n\n.skin-type-box {\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  padding: 20px;\n  text-align: center;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  transition: transform 0.3s ease, background-color 0.3s ease;\n}\n\n.skin-type-box:hover {\n  transform: translateY(-5px);\n  background-color: #f5f1e2;\n}\n\n.skin-type-box h3 {\n  color: #9C8102;\n  font-size: 1.1rem;\n}\n\n\/* Features Grid *\/\n.features-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n  gap: 25px;\n  margin-top: 30px;\n}\n\n.feature-card {\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  padding: 25px;\n  text-align: center;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.feature-card:hover {\n  transform: translateY(-7px);\n  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.feature-card h3 {\n  margin-bottom: 10px;\n  font-size: 1.2rem;\n  color: #9C8102;\n}\n\n\/* CTA Section *\/\n.anua-cta {\n  text-align: center;\n  padding: 40px;\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.cta-heading {\n  font-size: 2rem;\n  margin-bottom: 15px;\n}\n\n.cta-subheading {\n  font-size: 1.4rem;\n  margin-bottom: 15px;\n  font-weight: bold;\n}\n\n.cta-text {\n  font-size: 1.1rem;\n  margin-bottom: 25px;\n}\n\n.cta-button {\n  padding: 15px 35px;\n  background-color: #9C8102;\n  color: white;\n  border: none;\n  border-radius: 50px;\n  font-size: 1.2rem;\n  cursor: pointer;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.cta-button:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n  .anua-hero {\n    flex-direction: column;\n  }\n  \n  .ingredients-grid, .features-grid, .skin-types-container {\n    grid-template-columns: 1fr;\n  }\n  \n  .timeline {\n    padding-left: 30px;\n  }\n}\n\n\/* Animation Classes *\/\n.fade-in {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.fade-in.active {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Add animation delays for staggered effect *\/\n.fade-in:nth-child(2) { transition-delay: 0.2s; }\n.fade-in:nth-child(3) { transition-delay: 0.4s; }\n.fade-in:nth-child(4) { transition-delay: 0.6s; }\n\u003c\/style\u003e","brand":"Anua","offers":[{"title":"Default Title","offer_id":46999398056110,"sku":null,"price":19.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/anua_heartleaf_intense_calming_cream_1_c872893b-0208-4adc-a65f-3d6a637186e1.jpg?v=1788175354"},{"product_id":"beauty-of-joseon-glow-deep-serum","title":"Beauty of Joseon Deep Glow Serum avec riz et alpha-arbutine pour illuminer la peau.","description":"\u003cdiv class=\"joseon-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"joseon-hero\"\u003e\n\u003cdiv class=\"hero-image\"\u003e\n\u003cimg alt=\"Beauty of Joseon Glow Deep Serum\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_2.webp?v=1747571948\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"accent-text\"\u003eBeauty of Joseon Deep Serum : Quand le patrimoine ancestral rencontre la science du futur\u003c\/h1\u003e\n\u003cp class=\"hero-description\"\u003eAu cœur de ce sérum miracle, le secret de beauté des impératrices coréennes (\u003cstrong\u003e68% d'eau de son de riz\u003c\/strong\u003e(Avec l'ingrédient scientifique moderne le plus puissant pour éclaircir la peau)\u003cstrong\u003e2 % d'alpha-arbutine\u003c\/strong\u003e).\u003c\/p\u003e\n\u003cp class=\"hero-conclusion\"\u003e\u003cstrong\u003eLe résultat ? Une véritable révolution\u003c\/strong\u003e Dans le monde de l'éclaircissement de la peau et de l'unification de la couleur de la peau de manière sûre, efficace et rapide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Traditional Wisdom Section --\u003e\n\u003cdiv class=\"section tradition-section\"\u003e\n\u003cdiv class=\"section-image right-image\"\u003e\n\u003cimg alt=\"Traditional Korean Beauty Secret\" class=\"section-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_1.webp?v=1747571949\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eUn trésor coréen ancien avec une technologie moderne\u003c\/h2\u003e\n\u003cp\u003eDepuis l'époque de l'ancienne dynastie coréenne Joseon, nous avons appris le secret de beauté des impératrices coréennes qui utilisaient l'eau de son de riz comme « eau de beauté » pour une peau radieuse et parfaite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Introduction --\u003e\n\u003cdiv class=\"section product-intro\"\u003e\n\u003cdiv class=\"intro-image\"\u003e\n\u003cimg alt=\"Beauty of Joseon Glow Deep Serum\" class=\"full-width-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum.webp?v=1747572064\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"intro-content\"\u003e\n\u003ch2 class=\"intro-title accent-text\"\u003eSérum Profond Éclat de Beauty of Gossion : la science de l'éclaircissement de la peau dans sa forme la plus pure\u003c\/h2\u003e\n\u003cp\u003eCe sérum combine la puissance de centaines d'années de patrimoine coréen avec les dernières découvertes en science des soins de la peau dans une formule unique qui contient:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients Section --\u003e\n\u003cdiv class=\"section ingredients-section\"\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eIngrédients ultra-puissants et efficaces:\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\n\u003cimg alt=\"Rice Water\" class=\"ingredient-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_6.webp?v=1747571949\"\/\u003e\n\u003cdiv class=\"rice-animation\"\u003e\n\u003cdiv class=\"rice-grain grain1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"rice-grain grain2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"rice-grain grain3\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"rice-grain grain4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003ch3 class=\"ingredient-title accent-text\"\u003eEau de son de riz concentrée \u003cspan class=\"counter\" data-target=\"68\"\u003e0\u003c\/span\u003e%\u003c\/h3\u003e\n\u003cp\u003ePas seulement un ingrédient hydratant ordinaire... mais un trésor nutritionnel pour la peau:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003eRiche en acides aminés essentiels pour construire de nouvelles cellules\u003c\/li\u003e\n\u003cli\u003ePlein de minéraux qui stimulent la circulation sanguine et créent un éclat naturel\u003c\/li\u003e\n\u003cli\u003eIl contient des enzymes naturelles qui exfolient doucement la peau et renouvellent ses cellules\u003c\/li\u003e\n\u003cli\u003eHistoriquement reconnu pour sa capacité à éclaircir et unifier le teint de la peau de manière sûre\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-image\"\u003e\n\u003cimg alt=\"Alpha Arbutin\" class=\"ingredient-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_7.webp?v=1747571949\"\/\u003e\n\u003cdiv class=\"arbutin-animation\"\u003e\n\u003cdiv class=\"molecule molecule1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule molecule2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule molecule3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-content\"\u003e\n\u003ch3 class=\"ingredient-title accent-text\"\u003eConcentration d'Alpha-Arbutine \u003cspan class=\"counter\" data-target=\"2\"\u003e0\u003c\/span\u003e% \u003c\/h3\u003e\n\u003cp\u003eIngrédient japonais avancé qui surpasse tous les éclaircissants pour la peau traditionnels:\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003ePlus fort avec \u003cspan class=\"counter\" data-target=\"10\"\u003e0\u003c\/span\u003e fois la bêta-arbutine utilisée dans la plupart des produits\u003c\/li\u003e\n\u003cli\u003eIl inhibe en toute sécurité l'enzyme tyrosinase responsable de la production de mélanine\u003c\/li\u003e\n\u003cli\u003eIl cible les taches sombres à leur racine sans irriter la peau\u003c\/li\u003e\n\u003cli\u003ePrévient l'apparition de nouvelles pigmentations en cas d'utilisation réguliè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!-- Features Section --\u003e\n\u003cdiv class=\"section features-section\"\u003e\n\u003cdiv class=\"features-image\"\u003e\n\u003cimg alt=\"Product Features\" class=\"full-width-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_3.webp?v=1747571949\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eLes caractéristiques uniques en font le numéro un pour l'éclaircissement de la peau:\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\n\u003cdiv class=\"droplet-animation\"\u003e\n\u003cdiv class=\"droplet\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title accent-text\"\u003eFormule légère à absorption rapide\u003c\/h3\u003e\n\u003cp\u003eContrairement aux produits éclaircissants gras et lourds, le Sérum Profond Glow:\u003c\/p\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003eIl pénètre immédiatement dans les couches profondes de la peau\u003c\/li\u003e\n\u003cli\u003eIl ne laisse aucune trace de graisse ou de brillance\u003c\/li\u003e\n\u003cli\u003eIdéal pour tous les types de peau \u003c\/li\u003e\n\u003cli\u003eIl peut être utilisé directement avant le maquillage sans problème\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\n\u003cdiv class=\"results-animation\"\u003e\n\u003cdiv class=\"chart-bar bar1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"chart-bar bar2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"chart-bar bar3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3 class=\"feature-title accent-text\"\u003eRésultats scientifiquement prouvés\u003c\/h3\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\u003eÉclaircir les taches foncées jusqu'à \u003cspan class=\"counter\" data-target=\"43\"\u003e0\u003c\/span\u003e% en 4 semaines\u003c\/li\u003e\n\u003cli\u003eUnifier le teint et réduire les différences de couleur\u003c\/li\u003e\n\u003cli\u003eAugmenter l'éclat et la fraîcheur de la peau\u003c\/li\u003e\n\u003cli\u003eAméliorer la santé globale de la peau et la force de sa barrière protectrice\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"section timeline-section\"\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eVoyage de transformation avec le Sérum Glow Deep:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-table-container\"\u003e\n\u003ctable class=\"timeline-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eétape\u003c\/th\u003e\n\u003cth\u003eRésultat attendu\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eLa première semaine\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eHydratation profonde, douceur notable, éclat initial\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eLa deuxième semaine\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eLe début de l'éclaircissement des anciennes taches, unification progressive de la couleur\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eQuatrième semaine\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eAmélioration visible des taches et du teint, peau plus saine\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"timeline-row\"\u003e\n\u003ctd class=\"timeline-phase\"\u003e\u003cstrong\u003eLe deuxième mois\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"timeline-result\"\u003eTransformation complète - peau radieuse, uniforme et saine\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"section usage-section\"\u003e\n\u003cdiv class=\"usage-image\"\u003e\n\u003cimg alt=\"How to Use\" class=\"full-width-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Beauty_of_joseon_Glow_Deep_Serum_Rice_Alpha-Arbutin_Brightening_Serum_4.webp?v=1747571949\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"section-title accent-text\"\u003eIdéal comment utiliser:\u003c\/h2\u003e\n\u003cdiv class=\"steps-container\"\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eAppliquer 2-3 gouttes sur une peau propre et hydratée\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eMassez doucement en effectuant des mouvements circulaires du centre vers l'extérieur\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eUtilisez-le matin et soir pour de meilleurs résultats\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003eAssurez-vous d'utiliser un écran solaire pendant la journée pour maintenir les résultats\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"joseon-cta\"\u003e\n\u003ch2 class=\"cta-heading accent-text\"\u003e“Votre véritable éclat de peau est là... mais il a besoin de la bonne clé.”\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003eHistoire ancienne de la Corée + science japonaise avancée = peau parfaite et uniforme.\u003c\/p\u003e\n\u003cp class=\"cta-conclusion\"\u003eSérum Profond Éclat de Beauty of Gossion - \u003cstrong\u003eParce que votre peau mérite de briller avec sa couleur naturelle et uniforme.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbutton class=\"cta-button\"\u003eCommandez maintenant\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Base Styles *\/\n.joseon-product-container {\n\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  direction: ltr;\n  background-color: #fafafa;\n}\n\n.accent-text {\n  color: #9C8102;\n}\n\n\/* Hero Section *\/\n.joseon-hero {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 60px;\n  gap: 30px;\n}\n\n.hero-image {\n  flex: 1;\n}\n\n.hero-content {\n  flex: 1;\n}\n\n.hero-content h1 {\n  font-size: 2.2rem;\n  margin-bottom: 20px;\n  line-height: 1.3;\n}\n\n.hero-description {\n  font-size: 1.1rem;\n  margin-bottom: 15px;\n  line-height: 1.6;\n}\n\n.hero-conclusion {\n  font-size: 1.2rem;\n  margin-top: 20px;\n}\n\n.product-image {\n  max-width: 100%;\n  height: auto;\n  border-radius: 10px;\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);\n  transition: transform 0.5s ease, box-shadow 0.5s ease;\n}\n\n.product-image:hover {\n  transform: translateY(-10px);\n  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n}\n\n\/* Section Styles *\/\n.section {\n  margin-bottom: 70px;\n  padding: 30px;\n  background-color: #fff;\n  border-radius: 15px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  position: relative;\n  overflow: hidden;\n}\n\n.section:after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 100px;\n  height: 100px;\n  background-color: rgba(156, 129, 2, 0.03);\n  border-radius: 50%;\n  z-index: 1;\n}\n\n.section-title {\n  font-size: 1.8rem;\n  margin-bottom: 25px;\n  position: relative;\n  display: inline-block;\n}\n\n.section-title:after {\n  content: '';\n  position: absolute;\n  bottom: -10px;\n  right: 0;\n  width: 60px;\n  height: 3px;\n  background-color: #9C8102;\n}\n\n.tradition-section {\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: center;\n  gap: 30px;\n}\n\n.section-image {\n  flex: 1;\n}\n\n.section-content {\n  flex: 1;\n}\n\n.right-image {\n  order: 2;\n}\n\n.section-img, .full-width-img {\n  max-width: 100%;\n  height: auto;\n  border-radius: 10px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n  transition: transform 0.3s ease;\n}\n\n.section-img:hover, .full-width-img:hover {\n  transform: scale(1.02);\n}\n\n.intro-image {\n  margin-bottom: 20px;\n}\n\n.intro-title {\n  text-align: center;\n  margin-bottom: 20px;\n}\n\n\/* Ingredients Section *\/\n.ingredients-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));\n  gap: 30px;\n  margin-top: 40px;\n}\n\n.ingredient-card {\n  display: flex;\n  background-color: #f9f9f9;\n  border-radius: 15px;\n  padding: 25px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  overflow: hidden;\n  position: relative;\n}\n\n.ingredient-card:hover {\n  transform: translateY(-7px);\n  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n}\n\n.ingredient-image {\n  flex: 1;\n  margin-left: 20px;\n  position: relative;\n}\n\n.ingredient-img {\n  width: 100%;\n  border-radius: 10px;\n  position: relative;\n  z-index: 2;\n}\n\n.ingredient-content {\n  flex: 2;\n  text-align: left;\n  width: 100%;\n}\n\n.ingredient-title {\n  font-size: 1.4rem;\n  margin-bottom: 15px;\n  text-align: left;\n  width: 100%;\n}\n\n.benefits-list {\n  list-style-type: none;\n  padding: 0;\n  margin: 15px 0 0 0;\n  width: 100%;\n  display: block;\n  text-align: left;\n}\n\n.benefits-list li {\n  padding: 12px 0;\n  position: relative;\n  padding-left: 40px;\n  margin-bottom: 10px;\n  width: 100%;\n  box-sizing: border-box;\n  text-align: left;\n  display: block;\n}\n\n.benefits-list li:before {\n  content: '•';\n  color: #9C8102;\n  position: absolute;\n  right: 10px;\n  top: 12px;\n  font-size: 20px;\n}\n\n\/* Rice Animation *\/\n.rice-animation {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  opacity: 0.3;\n}\n\n.rice-grain {\n  position: absolute;\n  width: 15px;\n  height: 8px;\n  background-color: #fff;\n  border-radius: 50%;\n  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);\n  opacity: 0;\n  animation: float 3s infinite;\n}\n\n.grain1 {\n  top: 20%;\n  left: 20%;\n  animation-delay: 0s;\n}\n\n.grain2 {\n  top: 30%;\n  left: 60%;\n  animation-delay: 0.5s;\n}\n\n.grain3 {\n  top: 50%;\n  left: 40%;\n  animation-delay: 1s;\n}\n\n.grain4 {\n  top: 70%;\n  left: 70%;\n  animation-delay: 1.5s;\n}\n\n@keyframes float {\n  0% { transform: translateY(0); opacity: 0; }\n  50% { opacity: 1; }\n  100% { transform: translateY(-20px); opacity: 0; }\n}\n\n\/* Arbutin Animation *\/\n.arbutin-animation {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  opacity: 0.3;\n}\n\n.molecule {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  background-color: #9C8102;\n  border-radius: 50%;\n  opacity: 0;\n  animation: pulse 3s infinite;\n}\n\n.molecule1 {\n  top: 30%;\n  left: 30%;\n  animation-delay: 0s;\n}\n\n.molecule2 {\n  top: 50%;\n  left: 50%;\n  animation-delay: 1s;\n}\n\n.molecule3 {\n  top: 70%;\n  left: 20%;\n  animation-delay: 2s;\n}\n\n@keyframes pulse {\n  0% { transform: scale(1); opacity: 0; }\n  50% { transform: scale(1.5); opacity: 1; }\n  100% { transform: scale(1); opacity: 0; }\n}\n\n\/* Features Section *\/\n.features-image {\n  margin-bottom: 30px;\n}\n\n.features-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\n  gap: 30px;\n  margin-top: 40px;\n  width: 100%;\n}\n\n.features-section,\n.ingredients-section {\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.feature-card {\n  display: flex;\n  background-color: #f9f9f9;\n  border-radius: 15px;\n  padding: 25px 15px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  width: 100%;\n  box-sizing: border-box;\n  align-items: flex-start;\n  text-align: left;\n}\n\n.feature-icon {\n  width: 50px;\n  height: 50px;\n  margin-left: 20px;\n  position: relative;\n  flex-shrink: 0;\n}\n\n.feature-content {\n  flex: 1;\n  width: 100%;\n  text-align: left;\n  padding-left: 0;\n}\n\n.feature-title {\n  font-size: 1.3rem;\n  margin-bottom: 15px;\n  text-align: left;\n  width: 100%;\n}\n\n.check-list {\n  list-style-type: none;\n  padding: 0;\n  width: 100%;\n  display: block;\n  text-align: left;\n  margin: 0;\n}\n\n.check-list li {\n  padding: 12px 0;\n  position: relative;\n  padding-left: 40px;\n  margin-bottom: 10px;\n  width: 100%;\n  box-sizing: border-box;\n  text-align: left;\n  display: block;\n}\n\n.check-list li:before {\n  content: '✓';\n  color: #9C8102;\n  position: absolute;\n  right: 10px;\n  top: 12px;\n  font-weight: bold;\n  font-size: 16px;\n}\n\n\/* Droplet Animation *\/\n.droplet-animation {\n  position: relative;\n  width: 60px;\n  height: 60px;\n}\n\n.droplet {\n  position: absolute;\n  top: 0;\n  left: 20px;\n  width: 20px;\n  height: 20px;\n  background-color: #9C8102;\n  border-radius: 50% 50% 50% 0;\n  transform: rotate(-45deg);\n  opacity: 0.7;\n  animation: drip 2.5s infinite;\n}\n\n@keyframes drip {\n  0% { top: 0; opacity: 0.7; }\n  80% { top: 30px; opacity: 0.7; transform: rotate(-45deg) scale(1); }\n  100% { top: 30px; opacity: 0; transform: rotate(-45deg) scale(1.5); }\n}\n\n\/* Results Animation *\/\n.results-animation {\n  position: relative;\n  width: 60px;\n  height: 60px;\n}\n\n.chart-bar {\n  position: absolute;\n  bottom: 0;\n  width: 10px;\n  background-color: #9C8102;\n  border-radius: 5px 5px 0 0;\n  opacity: 0.7;\n  animation: grow 2.5s infinite;\n}\n\n.bar1 {\n  height: 20px;\n  left: 5px;\n  animation-delay: 0s;\n}\n\n.bar2 {\n  height: 30px;\n  left: 25px;\n  animation-delay: 0.5s;\n}\n\n.bar3 {\n  height: 40px;\n  left: 45px;\n  animation-delay: 1s;\n}\n\n@keyframes grow {\n  0% { height: 0; opacity: 0.5; }\n  60% { height: 100%; opacity: 0.7; }\n  100% { height: 100%; opacity: 0.5; }\n}\n\n\/* Counter Style *\/\n.counter {\n  color: #9C8102;\n  font-weight: bold;\n  display: inline-block;\n  min-width: 2rem;\n  text-align: center;\n}\n\n\/* Timeline Section *\/\n.timeline-table-container {\n  overflow-x: auto;\n  margin: 30px 0;\n}\n\n.timeline-table {\n  width: 100%;\n  border-collapse: collapse;\n  background-color: #fff;\n  border-radius: 15px;\n  overflow: hidden;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.timeline-table th {\n  background-color: #9C8102;\n  color: white;\n  text-align: left;\n  padding: 15px;\n  font-weight: 600;\n}\n\n.timeline-table td {\n  padding: 15px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.timeline-row {\n  transition: background-color 0.3s ease, transform 0.3s ease;\n}\n\n.timeline-row:hover {\n  background-color: #f5f5f5;\n  transform: translateX(-5px);\n}\n\n.timeline-phase {\n  width: 150px;\n  font-weight: bold;\n}\n\n\/* Usage Instructions *\/\n.usage-image {\n  margin-bottom: 30px;\n}\n\n.steps-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n  gap: 20px;\n  margin-top: 30px;\n}\n\n.step-card {\n  display: flex;\n  align-items: center;\n  background-color: #f9f9f9;\n  border-radius: 15px;\n  padding: 20px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n  transition: transform 0.3s ease;\n}\n\n.step-card:hover {\n  transform: translateY(-5px);\n}\n\n.step-number {\n  width: 40px;\n  height: 40px;\n  background-color: #9C8102;\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.2rem;\n  font-weight: bold;\n  margin-left: 15px;\n  flex-shrink: 0;\n}\n\n.step-content {\n  flex: 1;\n  font-size: 1rem;\n}\n\n\/* CTA Section *\/\n.joseon-cta {\n  text-align: center;\n  padding: 50px 40px;\n  background-color: #f9f9f9;\n  border-radius: 15px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n  margin-top: 50px;\n  position: relative;\n  overflow: hidden;\n}\n\n.joseon-cta:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 5px;\n  background: linear-gradient(to left, #9C8102, transparent);\n}\n\n.cta-heading {\n  font-size: 2rem;\n  margin-bottom: 20px;\n}\n\n.cta-text {\n  font-size: 1.3rem;\n  margin-bottom: 15px;\n}\n\n.cta-conclusion {\n  font-size: 1.2rem;\n  margin-bottom: 30px;\n}\n\n.cta-button {\n  padding: 15px 40px;\n  background-color: #9C8102;\n  color: white;\n  border: none;\n  border-radius: 50px;\n  font-size: 1.2rem;\n  cursor: pointer;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.cta-button:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n  .joseon-hero, .tradition-section {\n    flex-direction: column;\n  }\n  \n  .ingredients-container, .features-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .ingredient-card {\n    flex-direction: column;\n    width: 100%;\n    box-sizing: border-box;\n    text-align: left;\n  }\n  \n  .ingredient-image {\n    margin-left: 0;\n    margin-bottom: 20px;\n  }\n  \n  .right-image {\n    order: 1;\n  }\n  \n  .feature-card, \n  .ingredient-card,\n  .step-card {\n    width: 100%;\n    box-sizing: border-box;\n    padding: 20px 15px;\n  }\n  \n  .steps-container {\n    grid-template-columns: 1fr;\n  }\n  \n  .feature-content,\n  .ingredient-content {\n    width: 100%;\n    text-align: left;\n  }\n  \n  .check-list li,\n  .benefits-list li {\n    width: 100%;\n    box-sizing: border-box;\n    padding-left: 40px;\n    text-align: left;\n  }\n  \n  .check-list li:before,\n  .benefits-list li:before {\n    right: 10px;\n  }\n  \n  .section {\n    padding: 20px 15px;\n  }\n  \n  .feature-title, \n  .ingredient-title {\n    width: 100%;\n    text-align: left;\n  }\n  \n  .ingredient-content {\n    padding-left: 0;\n  }\n}\n\n\/* Animation Classes *\/\n.fade-in {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.fade-in.active {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Add animation delays for staggered effect *\/\n.fade-in:nth-child(2) { transition-delay: 0.2s; }\n.fade-in:nth-child(3) { transition-delay: 0.4s; }\n.fade-in:nth-child(4) { transition-delay: 0.6s; }\n\u003c\/style\u003e\n\u003cscript\u003e\n\/\/ Start animations when page loads\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Start all counters immediately\n  startAllCounters();\n  \n  \/\/ Setup the scroll animation for other elements\n  setupScrollAnimations();\n  \n  \/\/ Add button animation\n  setupButtonAnimation();\n});\n\nfunction startAllCounters() {\n  const counters = document.querySelectorAll('.counter');\n  \n  counters.forEach(counter =\u003e {\n    const target = parseInt(counter.getAttribute('data-target'));\n    let current = 0;\n    const increment = Math.max(1, Math.floor(target \/ 40)); \/\/ Ensure minimum step of 1\n    \n    \/\/ Immediately visible animation\n    const timer = setInterval(() =\u003e {\n      current += increment;\n      \n      \/\/ Make sure we don't go over the target\n      if (current \u003e= target) {\n        current = target;\n        clearInterval(timer);\n      }\n      \n      \/\/ Update the counter text\n      counter.textContent = current;\n    }, 30); \/\/ Speed of animation - lower number = faster\n  });\n}\n\nfunction setupScrollAnimations() {\n  \/\/ Add fade-in class to elements we want to animate\n  const elementsToAnimate = [\n    ...document.querySelectorAll('.ingredient-card'),\n    ...document.querySelectorAll('.feature-card'),\n    ...document.querySelectorAll('.step-card'),\n    ...document.querySelectorAll('.timeline-row'),\n    document.querySelector('.joseon-cta'),\n    ...document.querySelectorAll('.section-title')\n  ];\n  \n  elementsToAnimate.forEach(element =\u003e {\n    if (element) element.classList.add('fade-in');\n  });\n  \n  \/\/ Initial check for elements in viewport\n  handleScrollAnimations();\n  \n  \/\/ Listen for scroll events\n  window.addEventListener('scroll', handleScrollAnimations);\n}\n\nfunction handleScrollAnimations() {\n  \/\/ Animate fade-in elements\n  document.querySelectorAll('.fade-in').forEach(element =\u003e {\n    if (isInViewport(element)) {\n      element.classList.add('active');\n    }\n  });\n}\n\nfunction isInViewport(element) {\n  const rect = element.getBoundingClientRect();\n  \/\/ Consider element in viewport even if only partially visible\n  return (\n    rect.top \u003c (window.innerHeight || document.documentElement.clientHeight) + 100 \u0026\u0026\n    rect.bottom \u003e -100\n  );\n}\n\nfunction setupButtonAnimation() {\n  \/\/ Add click event to CTA button\n  const ctaButton = document.querySelector('.cta-button');\n  if (ctaButton) {\n    ctaButton.addEventListener('click', function(e) {\n      e.preventDefault();\n      this.textContent = '!';\n      setTimeout(() =\u003e {\n        this.textContent = 'Commandez maintenant';\n      }, 2000);\n    });\n  }\n}\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999398285486,"sku":null,"price":19.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/BeautyofjoseonGlowDeepSerumRice_Alpha-ArbutinBrighteningSerum_1.jpg?v=1788175353"},{"product_id":"beauty-of-joseon-revive-serum","title":"Sérum revitalisant pour la peau Beauty of Joseon avec ginseng et sécrétion d'escargot pour le rajeunissement et l'élasticité de la peau.","description":"\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Video Section --\u003e\n\u003cdiv class=\"video-section\"\u003e\n\u003cdiv class=\"video-container\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3ef500d9baac416bbea61350e65fce38.mp4\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Text Section --\u003e\n\u003cdiv class=\"hero-text-section\"\u003e\n\u003ch1 class=\"main-title fade-in\"\u003eLa science prouve : Ginseng + Mucus d'escargot = L'équation parfaite de la jeunesse\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Revive Serum : Une formule scientifique avancée qui reprogramme vos cellules de peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Key Benefits Grid --\u003e\n\u003cdiv class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003ePrincipales utilisations\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💫\u003c\/div\u003e\n\u003ch3\u003eTraitement qui s'estompe\u003c\/h3\u003e\n\u003cp\u003eLe ginseng 63 % stimule la circulation sanguine et restaure l'éclat naturel de la peau fatiguée en deux semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eAntioxydant\u003c\/h3\u003e\n\u003cp\u003e15 types de ginsénosides protègent la peau contre les radicaux libres, la pollution et les rayons nocifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⏰\u003c\/div\u003e\n\u003ch3\u003eAnti-rides\u003c\/h3\u003e\n\u003cp\u003eLe mucus d'escargot à 3 % stimule la production de collagène et réduit l'apparence des ridules et des rides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eHydratant profond\u003c\/h3\u003e\n\u003cp\u003eL'acide hyaluronique naturel retient l'humidité dans la peau pendant 12 heures d'affilée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"500\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eAméliore la texture de la peau\u003c\/h3\u003e\n\u003cp\u003eLes protéines naturelles lissent la texture de la peau et réduisent l'apparence des pores et des rugosités.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"600\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eApaise les rougeurs\u003c\/h3\u003e\n\u003cp\u003eL'allantoïne dans le mucus d'escargot réduit l'inflammation et les irritations et apaise la peau sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003cdiv class=\"ingredient-showcase\"\u003e\n\u003cdiv class=\"ingredient-card ginseng-card\"\u003e\n\u003cimg alt=\"Ginseng\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_5_c8f51ca2-5353-4586-a78a-f3c95b3cb1b3.jpg?v=1748094708\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eGinseng 63 % - moteur de la régénération cellulaire\u003c\/h3\u003e\n\u003cdiv class=\"molecular-animation\"\u003e\n\u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"molecule\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eSaponine active : stimule la microcirculation de 40%\u003c\/li\u003e\n\u003cli\u003eGinsénosides : stimulent la production naturelle de collagène\u003c\/li\u003e\n\u003cli\u003eAntioxydants puissants : combattent les radicaux libres\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card snail-card\"\u003e\n\u003cimg alt=\"Snail Mucin\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Untitled_design_7.jpg?v=1748096683\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eMuqueuse d'escargot purifiée 3% - un miracle de réparation et de renouvellement\u003c\/h3\u003e\n\u003cdiv class=\"repair-animation\"\u003e\n\u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cell\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003col class=\"ingredient-process\"\u003e\n\u003cli\u003ePénètre dans les couches profondes de la peau\u003c\/li\u003e\n\u003cli\u003eStimule la production de nouveau collagène\u003c\/li\u003e\n\u003cli\u003eRépare l'ADN endommagé\u003c\/li\u003e\n\u003cli\u003eFavorise le renouvellement cellulaire\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Centella Asiatica Section --\u003e\n\u003cdiv class=\"centella-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eComposants auxiliaires : une équipe scientifique intégrée\u003c\/h2\u003e\n\u003cdiv class=\"centella-container\"\u003e\n\u003cdiv class=\"centella-image\"\u003e\n\u003cimg alt=\"Centella Asiatica\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/centella_asiatica_beauty_of_joseon_revive_serum.jpg?v=1748097213\"\/\u003e\n\u003cdiv class=\"healing-animation\"\u003e\n\u003cdiv class=\"healing-wave\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"healing-wave\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"healing-wave\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"centella-info\"\u003e\n\u003ch3\u003e🌿 Extrait de Centella asiatica\u003c\/h3\u003e\n\u003cdiv class=\"compound-list\"\u003e\n\u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"100\"\u003e\n\u003cdiv class=\"compound-icon\"\u003e🧬\u003c\/div\u003e\n\u003cdiv class=\"compound-details\"\u003e\n\u003ch4\u003eAcide asiatique\u003c\/h4\u003e\n\u003cp\u003eStimule la production de collagène de type 1 et 3\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"200\"\u003e\n\u003cdiv class=\"compound-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv class=\"compound-details\"\u003e\n\u003ch4\u003eMadencasoside\u003c\/h4\u003e\n\u003cp\u003eUn anti-inflammatoire naturel qui apaise instantanément les rougeurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"compound-item\" data-aos=\"fade-left\" data-delay=\"300\"\u003e\n\u003cdiv class=\"compound-icon\"\u003e⚕️\u003c\/div\u003e\n\u003cdiv class=\"compound-details\"\u003e\n\u003ch4\u003eAsiaticoside\u003c\/h4\u003e\n\u003cp\u003eAccélère la cicatrisation des petites blessures et irritations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Clinical Results --\u003e\n\u003cdiv class=\"results-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eRésultats scientifiques testés en laboratoire\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\" data-week=\"1\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eAprès une semaine\u003c\/h3\u003e\n\u003cdiv class=\"stats-grid\"\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"78\"\u003e0\u003c\/span\u003e%\n                            \u003cspan class=\"stat-label\"\u003eDouceur instantanée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"65\"\u003e0\u003c\/span\u003e%\n                            \u003cspan class=\"stat-label\"\u003eÉclat amélioré\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"58\"\u003e0\u003c\/span\u003e%\n                            \u003cspan class=\"stat-label\"\u003eRéduire les rougeurs\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\" data-week=\"4\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eQuatre semaines plus tard\u003c\/h3\u003e\n\u003cdiv class=\"stats-grid\"\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"89\"\u003e0\u003c\/span\u003e%\n                            \u003cspan class=\"stat-label\"\u003eAméliorer la flexibilité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"76\"\u003e0\u003c\/span\u003e%\n                            \u003cspan class=\"stat-label\"\u003eRéduire les rides\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-number\" data-target=\"91\"\u003e0\u003c\/span\u003e%\n                            \u003cspan class=\"stat-label\"\u003eHydratation profonde\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Smart Mucin Technology --\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003ch2 class=\"section-title\"\u003e Formule technologiquement avancée\u003c\/h2\u003e\n\u003cdiv class=\"technology-grid\"\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3\u003eInnovation dans la texture\u003c\/h3\u003e\n\u003cdiv class=\"tech-features\"\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"100\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch4\u003eNanoparticules\u003c\/h4\u003e\n\u003cp\u003ePénètre facilement dans la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"200\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e⏱️\u003c\/div\u003e\n\u003ch4\u003eTechnologie de libération en gradient\u003c\/h4\u003e\n\u003cp\u003ePour les ingrédients actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"300\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eFilm de protection temporaire\u003c\/h4\u003e\n\u003cp\u003eRetient l'humidité sous la surface de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\" data-aos=\"zoom-in\" data-delay=\"400\"\u003e\n\u003cdiv class=\"tech-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eAbsorption rapide\u003c\/h4\u003e\n\u003cp\u003eSans laisser de résidu gras\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-timeline\"\u003e\n\u003ch3\u003eLa différence que vous ressentez\u003c\/h3\u003e\n\u003cdiv class=\"experience-steps\"\u003e\n\u003cdiv class=\"experience-step\" data-time=\"instant\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Application instantanée\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eÉtalement instantanément soyeux\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"1min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ En une minute\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eAbsorption complète et sensation confortable\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"5min\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Après 5 minutes\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eDouceur veloutée et éclat naturel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"experience-step\" data-time=\"allday\"\u003e\n\u003cdiv class=\"step-time\"\u003e✨ Toute la journée\u003c\/div\u003e\n\u003cdiv class=\"step-desc\"\u003eHydratation continue et protection efficace\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Why Choose Section --\u003e\n\u003cdiv class=\"why-choose-section\"\u003e\n\u003ch2 class=\"section-title\"\u003ePourquoi choisir Revive Serum ? Les preuves scientifiques ne mentent pas\u003c\/h2\u003e\n\u003cdiv class=\"scientific-proof\"\u003e\n\u003cdiv class=\"proof-card concentration-card\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3\u003eConcentration optimale calculée scientifiquement\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e63% de ginseng\u003c\/strong\u003e: Concentration optimale d'efficacité sans irritation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e3% de mucus d'escargot\u003c\/strong\u003e: Le ratio prouvé pour de meilleurs résultats\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉquilibre parfait\u003c\/strong\u003e: Entre force et sécurité pour un usage quotidien\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-card testing-card\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e🧪\u003c\/div\u003e\n\u003ch3\u003eTesté et certifié\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTests d'allergie\u003c\/strong\u003e: Sûr pour les peaux sensibles\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTests d'efficacité\u003c\/strong\u003eRésultats prouvés en 28 jours\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTests de qualité\u003c\/strong\u003e: Normes internationales strictes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-card unique-card\"\u003e\n\u003cdiv class=\"proof-icon\"\u003e⚗️\u003c\/div\u003e\n\u003ch3\u003eTechnologie unique\u003c\/h3\u003e\n\u003cul class=\"proof-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNe provoque-t-il pas de pores obstrués\u003c\/strong\u003e: Testé dermatologiquement\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCompatible avec tous les types de peau\u003c\/strong\u003e: De sec à gras\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFonctionne avec d'autres produits\u003c\/strong\u003e: Il n'interfère pas avec votre routine de soins\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Investment Section --\u003e\n\u003cdiv class=\"investment-section\"\u003e\n\u003cdiv class=\"investment-content\"\u003e\n\u003ch2 class=\"investment-title\"\u003eInvestissez dans la science... investissez dans votre peau\u003c\/h2\u003e\n\u003cp class=\"investment-tagline\"\u003eVous ne trouverez pas une autre formule qui combine le pouvoir du ginseng naturel avec le miracle de la bave d'escargot purifiée dans un équilibre aussi parfait.\u003c\/p\u003e\n\u003cdiv class=\"final-results\"\u003e\n\u003ch3\u003eLe résultat final : une peau scientifiquement saine\u003c\/h3\u003e\n\u003cdiv class=\"final-benefits\"\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🔄\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eCellules renouvelées\u003c\/strong\u003e Il fonctionne très efficacement\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🛡️\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eForte barrière naturelle\u003c\/strong\u003e Protège contre les facteurs externes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eHydratation profonde\u003c\/strong\u003e Dure 72 heures\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🌟\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eFlexibilité améliorée\u003c\/strong\u003e Jusqu'à 34 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"final-benefit\" data-aos=\"fade-up\" data-delay=\"500\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e✨\u003c\/span\u003e\n\u003cspan class=\"benefit-text\"\u003e\u003cstrong\u003eÉclat naturel\u003c\/strong\u003e Sans maquillage\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eComment utiliser\u003c\/h2\u003e\n\u003cdiv class=\"usage-container\"\u003e\n\u003cdiv class=\"usage-video\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" onloadstart=\"this.muted=true\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a658a0f994a34d3da3dd6f5136de09b2.mp4\" type=\"video\/mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step\" data-step=\"1\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003cp\u003eBien nettoyer le visage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\" data-step=\"2\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003cp\u003eAppliquer 3 ou 4 gouttes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\" data-step=\"3\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003cp\u003eMasser doucement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\" data-step=\"4\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003cp\u003eUtilisez-le matin et soir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTous les composants\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cp class=\"ingredients-text\"\u003ePanax Ginseng Root Water, Water, Butylene Glycol, Dipropylene Glycol, 1,2-Hexanediol, Glycerin, Niacinamide, Propanediol, Trehalose, Snail Secretion Filtrate, Carbomer, Tromethamine, Xanthan Gum, Malt Extract, Sodium Polyacrylate, Adenosine, Glyceryl Acrylate\/Acrylic Acid Copolymer, Disodium Edta, Panax Ginseng Root Extract, Ganoderma Lucidum (Mushroom) Extract, Phellinus Linteus Extract, Centella Asiatica Extract, Sodium Hyaluronate, Hydrolyzed Hyaluronic Acid, Forsythia Suspensa Fruit Extract, Lonicera Japonica (Honeysuckle) Flower Extract, Scutellaria Baicalensis Root Extract, Sodium Acetylated Hyaluronate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    .product-description {\n        max-width: 1200px;\n        margin: 0 auto;\n        \n        color: #333;\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n\n    \/* Video Section *\/\n    .video-section {\n        width: 100%;\n        margin-bottom: 2rem;\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n    }\n\n    .video-container {\n        position: relative;\n        width: 100%;\n        height: 60vh;\n        min-height: 400px;\n    }\n\n    .video-container video {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n    }\n\n    \/* Hero Text Section *\/\n    .hero-text-section {\n        text-align: center;\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n        border-radius: 20px;\n        margin-bottom: 4rem;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    }\n\n    .main-title {\n        font-size: 2.5rem;\n        font-weight: 700;\n        color: #9C8102;\n        margin-bottom: 1.5rem;\n        text-align: center;\n        direction: ltr;\n    }\n\n    .subtitle {\n        font-size: 1.2rem;\n        color: #666;\n        max-width: 800px;\n        margin: 0 auto;\n        text-align: center;\n        line-height: 1.8;\n    }\n\n    \/* Animations *\/\n    .fade-in {\n        opacity: 0;\n        animation: fadeIn 2s ease-out forwards;\n    }\n\n    .slide-up {\n        opacity: 0;\n        transform: translateY(30px);\n        animation: slideUp 2s ease-out 0.5s forwards;\n    }\n\n    @keyframes fadeIn {\n        to { opacity: 1; }\n    }\n\n    @keyframes slideUp {\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    \/* Section Titles *\/\n    .section-title {\n        font-size: 2rem;\n        font-weight: 700;\n        color: #9C8102;\n        text-align: center;\n        margin-bottom: 3rem;\n        position: relative;\n    }\n\n    .section-title::after {\n        content: '';\n        position: absolute;\n        bottom: -10px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 80px;\n        height: 3px;\n        background: linear-gradient(90deg, transparent, #9C8102, transparent);\n    }\n\n    \/* Benefits Grid *\/\n    .benefits-section {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n        margin-bottom: 4rem;\n        border-radius: 20px;\n    }\n\n    .benefits-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 2rem;\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n\n    .benefit-card {\n        background: white;\n        padding: 2rem;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        text-align: center;\n        transition: all 0.3s ease;\n        opacity: 0;\n        transform: translateY(50px);\n    }\n\n    .benefit-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n    }\n\n    .benefit-icon {\n        font-size: 3rem;\n        margin-bottom: 1rem;\n        animation: float 3s ease-in-out infinite;\n    }\n\n    .benefit-card h3 {\n        color: #9C8102;\n        font-size: 1.3rem;\n        font-weight: 600;\n        margin-bottom: 1rem;\n    }\n\n    .benefit-card p {\n        color: #666;\n        text-align: left;\n        direction: ltr;\n    }\n\n    @keyframes float {\n        0%, 100% { transform: translateY(0px); }\n        50% { transform: translateY(-10px); }\n    }\n\n    \/* Science Section *\/\n    .science-section {\n        padding: 4rem 2rem;\n        margin-bottom: 4rem;\n    }\n\n    .ingredient-showcase {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));\n        gap: 3rem;\n        max-width: 1100px;\n        margin: 0 auto;\n    }\n\n    .ingredient-card {\n        background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n        transition: all 0.3s ease;\n    }\n\n    .ingredient-card:hover {\n        transform: scale(1.02);\n        box-shadow: 0 20px 40px rgba(156,129,2,0.15);\n    }\n\n    .ingredient-card img {\n        width: 100%;\n        height: 250px;\n        object-fit: cover;\n    }\n\n    .ingredient-info {\n        padding: 2rem;\n    }\n\n    .ingredient-info h3 {\n        color: #9C8102;\n        font-size: 1.4rem;\n        font-weight: 600;\n        margin-bottom: 1.5rem;\n        text-align: left;\n        direction: ltr;\n    }\n\n    .molecular-animation {\n        display: flex;\n        justify-content: center;\n        margin: 2rem 0;\n        gap: 1rem;\n    }\n\n    .molecule {\n        width: 20px;\n        height: 20px;\n        background: #9C8102;\n        border-radius: 50%;\n        animation: pulse 2s ease-in-out infinite;\n    }\n\n    .molecule:nth-child(2) { animation-delay: 0.5s; }\n    .molecule:nth-child(3) { animation-delay: 1s; }\n\n    @keyframes pulse {\n        0%, 100% { \n            transform: scale(1); \n            opacity: 1; \n        }\n        50% { \n            transform: scale(1.5); \n            opacity: 0.7; \n        }\n    }\n\n    .repair-animation {\n        display: flex;\n        justify-content: center;\n        margin: 2rem 0;\n        gap: 1rem;\n    }\n\n    .cell {\n        width: 25px;\n        height: 25px;\n        background: linear-gradient(45deg, #9C8102, #d4c140);\n        border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n        animation: regenerate 3s ease-in-out infinite;\n    }\n\n    .cell:nth-child(2) { animation-delay: 1s; }\n    .cell:nth-child(3) { animation-delay: 2s; }\n\n    @keyframes regenerate {\n        0%, 100% { \n            border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n            transform: rotate(0deg);\n        }\n        50% { \n            border-radius: 70% 30% 30% 70% \/ 70% 70% 30% 30%;\n            transform: rotate(180deg);\n        }\n    }\n\n    .ingredient-benefits, .ingredient-process {\n        text-align: left;\n        direction: ltr;\n        color: #555;\n    }\n\n    .ingredient-benefits li, .ingredient-process li {\n        margin-bottom: 0.8rem;\n        position: relative;\n        padding-left: 1.5rem;\n    }\n\n    \/* Centella Section *\/\n    .centella-section {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n        margin-bottom: 4rem;\n        border-radius: 20px;\n    }\n\n    .centella-container {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 3rem;\n        max-width: 1000px;\n        margin: 0 auto;\n        align-items: center;\n    }\n\n    .centella-image {\n        position: relative;\n        border-radius: 15px;\n        overflow: hidden;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n    }\n\n    .centella-image img {\n        width: 100%;\n        height: 300px;\n        object-fit: cover;\n    }\n\n    .healing-animation {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 100px;\n        height: 100px;\n    }\n\n    .healing-wave {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 20px;\n        height: 20px;\n        border: 2px solid rgba(156,129,2,0.6);\n        border-radius: 50%;\n        transform: translate(-50%, -50%);\n        animation: healingPulse 3s ease-out infinite;\n    }\n\n    .healing-wave:nth-child(2) { animation-delay: 1s; }\n    .healing-wave:nth-child(3) { animation-delay: 2s; }\n\n    @keyframes healingPulse {\n        0% {\n            width: 20px;\n            height: 20px;\n            opacity: 1;\n        }\n        100% {\n            width: 100px;\n            height: 100px;\n            opacity: 0;\n        }\n    }\n\n    .centella-info h3 {\n        color: #9C8102;\n        font-size: 1.5rem;\n        font-weight: 600;\n        margin-bottom: 2rem;\n        text-align: left;\n        direction: ltr;\n    }\n\n    .compound-list {\n        direction: ltr;\n        text-align: left;\n    }\n\n    .compound-item {\n        display: flex;\n        align-items: center;\n        margin-bottom: 1.5rem;\n        padding: 1rem;\n        background: white;\n        border-radius: 10px;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n        transition: all 0.3s ease;\n        opacity: 0;\n        transform: translateX(50px);\n    }\n\n    .compound-item:hover {\n        transform: translateX(0) translateY(-5px);\n        box-shadow: 0 10px 25px rgba(156,129,2,0.15);\n    }\n\n    .compound-icon {\n        font-size: 2rem;\n        margin-left: 1rem;\n        animation: rotate 4s linear infinite;\n    }\n\n    @keyframes rotate {\n        from { transform: rotate(0deg); }\n        to { transform: rotate(360deg); }\n    }\n\n    .compound-details h4 {\n        color: #9C8102;\n        font-size: 1.1rem;\n        font-weight: 600;\n        margin-bottom: 0.5rem;\n    }\n\n    .compound-details p {\n        color: #666;\n        font-size: 0.95rem;\n    }\n\n    \/* Technology Section *\/\n    .technology-section {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n        color: white;\n        margin-bottom: 4rem;\n        border-radius: 20px;\n    }\n\n    .technology-section .section-title {\n        color: white;\n    }\n\n    .technology-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 3rem;\n        max-width: 1100px;\n        margin: 0 auto;\n    }\n\n    .tech-card, .experience-timeline {\n        background: rgba(255,255,255,0.1);\n        padding: 2rem;\n        border-radius: 15px;\n        backdrop-filter: blur(10px);\n        border: 1px solid rgba(255,255,255,0.2);\n    }\n\n    .tech-card h3, .experience-timeline h3 {\n        color: #9C8102;\n        font-size: 1.4rem;\n        font-weight: 600;\n        margin-bottom: 2rem;\n        text-align: center;\n    }\n\n    .tech-features {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 1.5rem;\n    }\n\n    .tech-feature {\n        text-align: center;\n        padding: 1rem;\n        background: rgba(255,255,255,0.05);\n        border-radius: 10px;\n        transition: all 0.3s ease;\n        opacity: 0;\n        transform: scale(0.8);\n    }\n\n    .tech-feature:hover {\n        transform: scale(1.05);\n        background: rgba(156,129,2,0.2);\n    }\n\n    .tech-icon {\n        font-size: 2rem;\n        margin-bottom: 0.5rem;\n        animation: float 3s ease-in-out infinite;\n    }\n\n    .tech-feature h4 {\n        color: #9C8102;\n        font-size: 1rem;\n        font-weight: 600;\n        margin-bottom: 0.5rem;\n    }\n\n    .tech-feature p {\n        font-size: 0.85rem;\n        opacity: 0.9;\n    }\n\n    .experience-steps {\n        direction: ltr;\n        text-align: left;\n    }\n\n    .experience-step {\n        display: flex;\n        align-items: center;\n        margin-bottom: 1.5rem;\n        padding: 1rem;\n        background: rgba(255,255,255,0.05);\n        border-radius: 10px;\n        border-left: 4px solid #9C8102;\n        transition: all 0.3s ease;\n    }\n\n    .experience-step:hover {\n        background: rgba(156,129,2,0.1);\n        transform: translateX(-10px);\n    }\n\n    .step-time {\n        font-weight: bold;\n        color: #9C8102;\n        margin-left: 1rem;\n        min-width: 120px;\n    }\n\n    .step-desc {\n        opacity: 0.9;\n    }\n\n    \/* Why Choose Section *\/\n    .why-choose-section {\n        padding: 4rem 2rem;\n        margin-bottom: 4rem;\n    }\n\n    .scientific-proof {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n        gap: 2rem;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .proof-card {\n        background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n        padding: 2rem;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        text-align: center;\n        transition: all 0.3s ease;\n        border-top: 4px solid #9C8102;\n    }\n\n    .proof-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n    }\n\n    .proof-icon {\n        font-size: 3rem;\n        margin-bottom: 1rem;\n        animation: pulse 3s ease-in-out infinite;\n    }\n\n    .proof-card h3 {\n        color: #9C8102;\n        font-size: 1.3rem;\n        font-weight: 600;\n        margin-bottom: 1.5rem;\n    }\n\n    .proof-list {\n        text-align: left;\n        direction: ltr;\n        list-style: none;\n        padding: 0;\n    }\n\n    .proof-list li {\n        margin-bottom: 1rem;\n        padding: 0.8rem;\n        background: rgba(156,129,2,0.05);\n        border-radius: 8px;\n        border-right: 3px solid #9C8102;\n    }\n\n    .proof-list li strong {\n        color: #9C8102;\n    }\n\n    \/* Investment Section *\/\n    .investment-section {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n        color: white;\n        border-radius: 20px;\n        margin-bottom: 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .investment-section::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003cdefs\u003e\u003cpattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"\u003e\u003ccircle cx=\"25\" cy=\"25\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"75\" cy=\"75\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003ccircle cx=\"50\" cy=\"50\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.05\"\/\u003e\u003c\/pattern\u003e\u003c\/defs\u003e\u003crect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/\u003e\u003c\/svg\u003e');\n        opacity: 0.3;\n    }\n\n    .investment-content {\n        position: relative;\n        z-index: 2;\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .investment-title {\n        font-size: 2.5rem;\n        font-weight: 700;\n        color: #9C8102;\n        margin-bottom: 1.5rem;\n        text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n    }\n\n    .investment-tagline {\n        font-size: 1.2rem;\n        line-height: 1.8;\n        margin-bottom: 3rem;\n        opacity: 0.9;\n        text-align: left;\n        direction: ltr;\n    }\n\n    .final-results h3 {\n        color: #9C8102;\n        font-size: 1.8rem;\n        font-weight: 600;\n        margin-bottom: 2rem;\n    }\n\n    .final-benefits {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 1rem;\n        text-align: left;\n        direction: ltr;\n    }\n\n    .final-benefit {\n        display: flex;\n        align-items: center;\n        padding: 1rem;\n        background: rgba(255,255,255,0.1);\n        border-radius: 10px;\n        backdrop-filter: blur(10px);\n        border-right: 4px solid #9C8102;\n        transition: all 0.3s ease;\n        opacity: 0;\n        transform: translateY(30px);\n    }\n\n    .final-benefit:hover {\n        background: rgba(156,129,2,0.2);\n        transform: translateY(0) translateX(-10px);\n    }\n\n    .final-benefit .benefit-icon {\n        font-size: 1.5rem;\n        margin-left: 1rem;\n        animation: bounce 2s ease-in-out infinite;\n    }\n\n    .final-benefit:nth-child(2) .benefit-icon { animation-delay: 0.2s; }\n    .final-benefit:nth-child(3) .benefit-icon { animation-delay: 0.4s; }\n    .final-benefit:nth-child(4) .benefit-icon { animation-delay: 0.6s; }\n    .final-benefit:nth-child(5) .benefit-icon { animation-delay: 0.8s; }\n\n    @keyframes bounce {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-5px); }\n    }\n\n    .final-benefit .benefit-text {\n        font-size: 1rem;\n        line-height: 1.5;\n    }\n\n    .final-benefit strong {\n        color: #9C8102;\n    }\n\n    \/* Results Section *\/\n    .results-section {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n        color: white;\n        margin-bottom: 4rem;\n        border-radius: 20px;\n    }\n\n    .results-section .section-title {\n        color: white;\n    }\n\n    .timeline {\n        max-width: 900px;\n        margin: 0 auto;\n        position: relative;\n    }\n\n    .timeline::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 50%;\n        width: 2px;\n        height: 100%;\n        background: #9C8102;\n        transform: translateX(-50%);\n    }\n\n    .timeline-item {\n        display: flex;\n        align-items: center;\n        margin-bottom: 3rem;\n        position: relative;\n    }\n\n    .timeline-item:nth-child(odd) .timeline-content {\n        margin-left: 50%;\n        padding-left: 3rem;\n        text-align: left;\n    }\n\n    .timeline-item:nth-child(even) .timeline-content {\n        margin-left: 50%;\n        padding-left: 3rem;\n    }\n\n    .timeline-marker {\n        position: absolute;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 60px;\n        height: 60px;\n        background: #9C8102;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.5rem;\n        font-weight: bold;\n        color: white;\n        z-index: 2;\n        animation: glow 2s ease-in-out infinite alternate;\n    }\n\n    @keyframes glow {\n        from { box-shadow: 0 0 20px rgba(156,129,2,0.5); }\n        to { box-shadow: 0 0 30px rgba(156,129,2,0.8); }\n    }\n\n    .timeline-content h3 {\n        color: #9C8102;\n        font-size: 1.4rem;\n        margin-bottom: 1.5rem;\n    }\n\n    .stats-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        gap: 1.5rem;\n    }\n\n    .stat {\n        text-align: center;\n        padding: 1rem;\n        background: rgba(255,255,255,0.1);\n        border-radius: 10px;\n        backdrop-filter: blur(10px);\n    }\n\n    .stat-number {\n        display: block;\n        font-size: 2.5rem;\n        font-weight: bold;\n        color: #9C8102;\n        margin-bottom: 0.5rem;\n    }\n\n    .stat-label {\n        font-size: 0.9rem;\n        opacity: 0.9;\n    }\n\n    \/* Usage Section *\/\n    .usage-section {\n        padding: 4rem 2rem;\n        margin-bottom: 4rem;\n    }\n\n    .usage-container {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 3rem;\n        max-width: 1000px;\n        margin: 0 auto;\n        align-items: center;\n    }\n\n    .usage-video {\n        border-radius: 15px;\n        overflow: hidden;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n        background: linear-gradient(135deg, #9C8102 0%, #d4c140 100%);\n        position: relative;\n    }\n\n    .usage-video video {\n        width: 100%;\n        height: auto;\n        display: block;\n        position: relative;\n        z-index: 2;\n    }\n\n    .usage-steps {\n        direction: ltr;\n        text-align: left;\n    }\n\n    .step {\n        display: flex;\n        align-items: center;\n        margin-bottom: 2rem;\n        opacity: 0;\n        transform: translateX(50px);\n        animation: slideInRight 0.8s ease-out forwards;\n    }\n\n    .step:nth-child(1) { animation-delay: 0.2s; }\n    .step:nth-child(2) { animation-delay: 0.4s; }\n    .step:nth-child(3) { animation-delay: 0.6s; }\n    .step:nth-child(4) { animation-delay: 0.8s; }\n\n    @keyframes slideInRight {\n        to {\n            opacity: 1;\n            transform: translateX(0);\n        }\n    }\n\n    .step-number {\n        width: 50px;\n        height: 50px;\n        background: linear-gradient(135deg, #9C8102, #d4c140);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.3rem;\n        font-weight: bold;\n        color: white;\n        margin-left: 1.5rem;\n        box-shadow: 0 5px 15px rgba(156,129,2,0.3);\n    }\n\n    .step p {\n        font-size: 1.1rem;\n        color: #333;\n        font-weight: 500;\n    }\n\n    \/* Ingredients Section *\/\n    .ingredients-section {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n        border-radius: 20px;\n        margin-bottom: 2rem;\n    }\n\n    .ingredients-container {\n        max-width: 800px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .ingredients-text {\n        font-size: 0.95rem;\n        line-height: 1.8;\n        color: #555;\n        padding: 2rem;\n        background: white;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n        border-left: 4px solid #9C8102;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 768px) {\n        .main-title {\n            font-size: 1.8rem;\n        }\n\n        .subtitle {\n            font-size: 1rem;\n        }\n\n        .video-container {\n            height: 50vh;\n            min-height: 300px;\n        }\n\n        .hero-text-section {\n            padding: 2rem 1rem;\n        }\n\n        .benefits-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .ingredient-showcase {\n            grid-template-columns: 1fr;\n        }\n\n        .centella-container {\n            grid-template-columns: 1fr;\n        }\n\n        .technology-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .tech-features {\n            grid-template-columns: 1fr;\n        }\n\n        .scientific-proof {\n            grid-template-columns: 1fr;\n        }\n\n        .usage-container {\n            grid-template-columns: 1fr;\n        }\n\n        .timeline::before {\n            left: 30px;\n        }\n\n        .timeline-item:nth-child(odd) .timeline-content,\n        .timeline-item:nth-child(even) .timeline-content {\n            margin-left: 80px;\n            margin-left: 0;\n            padding-left: 2rem;\n            padding-left: 0;\n            text-align: left;\n        }\n\n        .timeline-marker {\n            left: 30px;\n            width: 40px;\n            height: 40px;\n            font-size: 1.2rem;\n        }\n\n        .stats-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .investment-title {\n            font-size: 2rem;\n        }\n\n        .compound-item {\n            flex-direction: column;\n            text-align: center;\n        }\n\n        .compound-icon {\n            margin: 0 0 1rem 0;\n        }\n    }\n\n    \/* Advanced Animation Triggers *\/\n    .benefit-card.animate {\n        opacity: 1;\n        transform: translateY(0);\n        transition: all 0.8s ease;\n    }\n\n    .benefit-card:nth-child(1).animate { transition-delay: 0.1s; }\n    .benefit-card:nth-child(2).animate { transition-delay: 0.2s; }\n    .benefit-card:nth-child(3).animate { transition-delay: 0.3s; }\n    .benefit-card:nth-child(4).animate { transition-delay: 0.4s; }\n    .benefit-card:nth-child(5).animate { transition-delay: 0.5s; }\n    .benefit-card:nth-child(6).animate { transition-delay: 0.6s; }\n\u003c\/style\u003e\n\u003cscript\u003e\n    \/\/ Intersection Observer for animations\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                if (entry.target.classList.contains('benefit-card')) {\n                    entry.target.classList.add('animate');\n                }\n                \n                if (entry.target.classList.contains('stat-number')) {\n                    animateNumber(entry.target);\n                }\n\n                if (entry.target.classList.contains('compound-item')) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateX(0)';\n                }\n\n                if (entry.target.classList.contains('tech-feature')) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'scale(1)';\n                }\n\n                if (entry.target.classList.contains('final-benefit')) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateY(0)';\n                }\n            }\n        });\n    }, observerOptions);\n\n    \/\/ Observe benefit cards\n    document.querySelectorAll('.benefit-card').forEach(card =\u003e {\n        observer.observe(card);\n    });\n\n    \/\/ Observe stat numbers\n    document.querySelectorAll('.stat-number').forEach(stat =\u003e {\n        observer.observe(stat);\n    });\n\n    \/\/ Observe compound items for centella section\n    document.querySelectorAll('.compound-item').forEach(item =\u003e {\n        observer.observe(item);\n    });\n\n    \/\/ Observe tech features\n    document.querySelectorAll('.tech-feature').forEach(feature =\u003e {\n        observer.observe(feature);\n    });\n\n    \/\/ Observe final benefits\n    document.querySelectorAll('.final-benefit').forEach(benefit =\u003e {\n        observer.observe(benefit);\n    });\n\n    \/\/ Animate numbers\n    function animateNumber(element) {\n        const target = parseInt(element.dataset.target);\n        const duration = 2000;\n        const start = Date.now();\n        \n        function updateNumber() {\n            const elapsed = Date.now() - start;\n            const progress = Math.min(elapsed \/ duration, 1);\n            \n            \/\/ Easing function\n            const easeOutCubic = 1 - Math.pow(1 - progress, 3);\n            const current = Math.floor(easeOutCubic * target);\n            \n            element.textContent = current;\n            \n            if (progress \u003c 1) {\n                requestAnimationFrame(updateNumber);\n            } else {\n                element.textContent = target;\n            }\n        }\n        \n        updateNumber();\n    }\n\n    \/\/ Add scroll-triggered animations for ingredient cards\n    const ingredientCards = document.querySelectorAll('.ingredient-card');\n    \n    const ingredientObserver = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.style.transform = 'translateY(0) scale(1)';\n                entry.target.style.opacity = '1';\n            }\n        });\n    }, { threshold: 0.2 });\n\n    ingredientCards.forEach(card =\u003e {\n        card.style.transform = 'translateY(50px) scale(0.9)';\n        card.style.opacity = '0';\n        card.style.transition = 'all 0.8s ease';\n        ingredientObserver.observe(card);\n    });\n\n    \/\/ Add animations for proof cards\n    const proofCards = document.querySelectorAll('.proof-card');\n    \n    const proofObserver = new IntersectionObserver((entries) =\u003e {\n        entries.forEach((entry, index) =\u003e {\n            if (entry.isIntersecting) {\n                setTimeout(() =\u003e {\n                    entry.target.style.transform = 'translateY(0) scale(1)';\n                    entry.target.style.opacity = '1';\n                }, index * 200);\n            }\n        });\n    }, { threshold: 0.2 });\n\n    proofCards.forEach(card =\u003e {\n        card.style.transform = 'translateY(50px) scale(0.9)';\n        card.style.opacity = '0';\n        card.style.transition = 'all 0.8s ease';\n        proofObserver.observe(card);\n    });\n\n    \/\/ Add animations for experience steps\n    const experienceSteps = document.querySelectorAll('.experience-step');\n    \n    const experienceObserver = new IntersectionObserver((entries) =\u003e {\n        entries.forEach((entry, index) =\u003e {\n            if (entry.isIntersecting) {\n                setTimeout(() =\u003e {\n                    entry.target.style.transform = 'translateX(0)';\n                    entry.target.style.opacity = '1';\n                }, index * 300);\n            }\n        });\n    }, { threshold: 0.3 });\n\n    experienceSteps.forEach(step =\u003e {\n        step.style.transform = 'translateX(100px)';\n        step.style.opacity = '0';\n        step.style.transition = 'all 0.8s ease';\n        experienceObserver.observe(step);\n    });\n\n    \/\/ Timeline animation\n    const timelineItems = document.querySelectorAll('.timeline-item');\n    \n    const timelineObserver = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.style.transform = 'translateX(0)';\n                entry.target.style.opacity = '1';\n            }\n        });\n    }, { threshold: 0.3 });\n\n    timelineItems.forEach((item, index) =\u003e {\n        item.style.transform = index % 2 === 0 ? 'translateX(-100px)' : 'translateX(100px)';\n        item.style.opacity = '0';\n        item.style.transition = 'all 0.8s ease';\n        timelineObserver.observe(item);\n    });\n\n    \/\/ Handle video loading and mobile compatibility\n    function handleVideoLoading() {\n        const videos = document.querySelectorAll('video');\n        \n        videos.forEach(video =\u003e {\n            \/\/ Ensure video is muted for autoplay\n            video.muted = true;\n            video.setAttribute('muted', 'true');\n            video.setAttribute('webkit-playsinline', 'true');\n            video.setAttribute('playsinline', 'true');\n            \n            \/\/ Try to play the video\n            const playPromise = video.play();\n            \n            if (playPromise !== undefined) {\n                playPromise.then(() =\u003e {\n                    console.log('Video is playing');\n                }).catch(error =\u003e {\n                    console.log('Video autoplay prevented:', error);\n                });\n            }\n\n            \/\/ Ensure video stays muted\n            video.addEventListener('loadstart', function() {\n                this.muted = true;\n            });\n        });\n    }\n\n    \/\/ Initialize video handling when DOM is loaded\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', handleVideoLoading);\n    } else {\n        handleVideoLoading();\n    }\n\n    \/\/ Smooth scroll behavior for better user experience\n    document.documentElement.style.scrollBehavior = 'smooth';\n\n    \/\/ Add hover effects to step numbers\n    document.querySelectorAll('.step-number').forEach(step =\u003e {\n        step.addEventListener('mouseenter', () =\u003e {\n            step.style.transform = 'scale(1.1) rotate(10deg)';\n            step.style.transition = 'all 0.3s ease';\n        });\n        \n        step.addEventListener('mouseleave', () =\u003e {\n            step.style.transform = 'scale(1) rotate(0deg)';\n        });\n    });\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999399235758,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/revive-serum-ginseng-snail-mucin-serums-ampoules-406964.webp?v=1788175351"},{"product_id":"beauty-of-joseon-calming-serum-green-tea-and-panthenol-clear-30ml","title":"Beauty of Joseon Calming Serum spécialise dans l'apaisement de la peau et la réduction des rougeurs 30ml","description":"\u003cdiv class=\"product-description\"\u003e\n\u003c!-- Video Section --\u003e\n\u003cdiv class=\"video-section\"\u003e\n\u003cdiv class=\"video-container\"\u003e\n\u003cvideo autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" preload=\"metadata\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/413443a24bfe4ef1a568fe7c3bc4544c.mp4\"\/\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Text Section --\u003e\n\u003cdiv class=\"hero-text-section\"\u003e\n\u003ch1 class=\"main-title fade-in\"\u003eLa formule coréenne qui transforme la peau enflammée en peau parfaite\u003c\/h1\u003e\n\u003cp class=\"subtitle slide-up\"\u003eBeauty of Joseon Calming Serum : La formule magique pour les peaux sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section --\u003e\n\u003cdiv class=\"problem-section\"\u003e\n\u003cdiv class=\"problem-container\"\u003e\n\u003cimg alt=\"Beauty of Joseon Calming Serum\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum.png?v=1748104893\"\/\u003e\n\u003cdiv class=\"problem-content\"\u003e\n\u003ch2\u003ePeau sensible et enflammée - votre premier ennemi\u003c\/h2\u003e\n\u003cp class=\"problem-intro\"\u003eSouffrez-vous de \u003cstrong\u003eLa peau réagit à tout?\u003c\/strong\u003e Rougeur constante due au soleil, irritation causée par les produits les plus simples, sécheresse et démangeaisons qui ne s'arrêtent pas?\u003c\/p\u003e\n\u003ch3\u003eProblèmes de base:\u003c\/h3\u003e\n\u003cul class=\"problem-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e🔥\u003c\/span\u003e\u003cstrong\u003eInflammation chronique\u003c\/strong\u003e Ce qui détruit la barrière naturelle de la peau\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e☀️\u003c\/span\u003e\u003cstrong\u003eDommages causés par les UV\u003c\/strong\u003e Qui provoque des rougeurs et un vieillissement prématuré\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e💧\u003c\/span\u003e\u003cstrong\u003ePerte rapide d'humidité\u003c\/strong\u003e Qui laisse la peau sèche et craquelée\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"problem-icon\"\u003e😰\u003c\/span\u003e\u003cstrong\u003eSensibilité excessive\u003c\/strong\u003e Il transforme tout nouveau produit en source de peur et d'anxiété\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"painful-result\"\u003e\n\u003ch3\u003eRésultat douloureux:\u003c\/h3\u003e\n\u003cp\u003ePeau en colère et rebelle, confiance perdue, et sentiment constant qu'il n'y a pas de solution à cette souffrance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Solution Benefits --\u003e\n\u003cdiv class=\"solution-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eLa solution ultime qui arrête les souffrances de la peau sensible en 60 secondes\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eAnti-inflammatoire\u003c\/h3\u003e\n\u003cp\u003eSoulagement instantané des rougeurs et des irritations causées par des allergies ou l'exposition au soleil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eRenforcer la barrière cutanée\u003c\/h3\u003e\n\u003cp\u003eRépare et renforce la couche protectrice naturelle pour empêcher la pénétration des irritants externes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💦\u003c\/div\u003e\n\u003ch3\u003eFavorise une hydratation profonde\u003c\/h3\u003e\n\u003cp\u003eL'hydratation multi-couches pénètre profondément dans la peau et retient l'humidité pendant de longues heures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💚\u003c\/div\u003e\n\u003ch3\u003eApaise la peau sensible\u003c\/h3\u003e\n\u003cp\u003eSoulagement instantané de la peau réagissant aux facteurs environnementaux et aux produits cosmétiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\" data-aos=\"fade-up\" data-delay=\"500\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e☂️\u003c\/div\u003e\n\u003ch3\u003eProtection contre les rayons nocifs\u003c\/h3\u003e\n\u003cp\u003eRésistance aux effets négatifs des rayons ultraviolets et de la pollution environnementale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Behind Formula --\u003e\n\u003cdiv class=\"science-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eLa science derrière la formule développée\u003c\/h2\u003e\n\u003ch1 class=\"science-subtitle\"\u003eDès le premier contact : Comment ce sérum coréen efface 15 ans de dommages cutanés?\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c!-- Main Ingredients --\u003e\n\u003cdiv class=\"ingredients-section\"\u003e\n\u003cdiv class=\"ingredient-showcase\"\u003e\n\u003cdiv class=\"ingredient-card green-tea-card\"\u003e\n\u003cimg alt=\"Green Tea\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_2.jpg?v=1748105004\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eThé vert 50% | Puissance du thé vert\u003c\/h3\u003e\n\u003cdiv class=\"ancient-wisdom\"\u003e\n\u003cp\u003eDans l'ancien livre médical Dong Ui Bogam : « Le thé vert revitalise l'énergie, clarifie l'esprit et apaise la peau endommagée par le soleil ».”\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eComment le thé vert coréen combat les types d'inflammation les plus difficiles?\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eCalmer l'inflammation causée par les rayons ultraviolets\u003c\/li\u003e\n\u003cli\u003eCombattre les radicaux libres avec la puissance des antioxydants naturels\u003c\/li\u003e\n\u003cli\u003eRenouveler les cellules cutanées endommagées et les protéger contre de futurs dommages\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card mugwort-card\"\u003e\n\u003cimg alt=\"Mugwort\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_3.jpg?v=1748105031\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003eExtrait d'armoise 30 % | Extrait d'armoise\u003c\/h3\u003e\n\u003cdiv class=\"sacred-herb\"\u003e\n\u003cp\u003eUne herbe sacrée dans la médecine orientale, connue sous le nom de « Mère des Herbes » pour ses propriétés curatives distinctes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003eSoulagement naturel offre:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eApaisement instantané des peaux irritées et inflammées\u003c\/li\u003e\n\u003cli\u003eHydratation profonde et douce pour les peaux sensibles\u003c\/li\u003e\n\u003cli\u003eRenforcer l'immunité naturelle de la peau contre les irritants externes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card panthenol-card\"\u003e\n\u003cimg alt=\"Panthenol\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/12.webp?v=1748105051\"\/\u003e\n\u003cdiv class=\"ingredient-info\"\u003e\n\u003ch3\u003ePanthénol 5 % | Pro-Vitamine B5\u003c\/h3\u003e\n\u003cdiv class=\"revolutionary-development\"\u003e\n\u003cp\u003eDéveloppement révolutionnaire : concentration augmentée de 2 % à 5 % pour une double protection!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch4\u003ePanthénol Avancé atteint:\u003c\/h4\u003e\n\u003cul class=\"ingredient-benefits\"\u003e\n\u003cli\u003eCrée une barrière d'hydratation protectrice de 24 heures\u003c\/li\u003e\n\u003cli\u003eConversion immédiate en vitamine B5 au sein des cellules de la peau\u003c\/li\u003e\n\u003cli\u003ePrévenir la perte d'humidité et protéger la peau contre les irritations fréquentes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Supporting Ingredients --\u003e\n\u003cdiv class=\"supporting-ingredients\"\u003e\n\u003ch2 class=\"section-title\"\u003eIngrédients de supplément avancés\u003c\/h2\u003e\n\u003cdiv class=\"supporting-grid\"\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"100\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eAllantoïne | Allantoïne\u003c\/h3\u003e\n\u003cp\u003eUn agent apaisant naturel qui accélère la guérison de la peau endommagée et réduit les irritations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"200\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eAcide hyaluronique | Hyaluronate de sodium\u003c\/h3\u003e\n\u003cp\u003eLes molécules d'eau retiennent l'humidité et lissent la texture de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"300\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eExtrait de réglisse | Glycyrrhizate dipotassique\u003c\/h3\u003e\n\u003cp\u003eUn anti-inflammatoire naturel qui unifie le teint de la peau et réduit la pigmentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"supporting-item\" data-aos=\"fade-up\" data-delay=\"400\"\u003e\n\u003cdiv class=\"supporting-icon\"\u003e🌾\u003c\/div\u003e\n\u003ch3\u003eExtrait de racine de Coptis | Extrait de racine de Coptis Japonica\u003c\/h3\u003e\n\u003cp\u003eUne herbe chinoise traditionnelle qui est antibactérienne et apaisante pour la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Transformation Journey --\u003e\n\u003cdiv class=\"transformation-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eVoyage de transformation avec sérum\u003c\/h2\u003e\n\u003cdiv class=\"timeline\"\u003e\n\u003cdiv class=\"timeline-item\" data-time=\"1hour\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1h\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003ePendant la première heure\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Soulagement instantané des rougeurs et démangeaisons\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Une sensation de fraîcheur et de confort\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Absorption rapide sans laisser de trace grasse\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\" data-time=\"1week\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1w\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDans une semaine\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Amélioration notable de la sensibilité de la peau\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Hydratation plus profonde et plus longue durée\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Renforcement clair de la barrière naturelle de la peau\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\" data-time=\"1month\"\u003e\n\u003cdiv class=\"timeline-marker\"\u003e1m\u003c\/div\u003e\n\u003cdiv class=\"timeline-content\"\u003e\n\u003ch3\u003eDans un mois\u003c\/h3\u003e\n\u003cdiv class=\"results-list\"\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Peau plus résistante aux irritants externes\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Unifier le teint et réduire les rougeurs chroniques\u003c\/div\u003e\n\u003cdiv class=\"result-item\"\u003e✅ Texture plus douce, plus saine et plus fraîche\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- What Makes It Unique --\u003e\n\u003cdiv class=\"unique-section\"\u003e\n\u003cdiv class=\"unique-image\"\u003e\n\u003cimg alt=\"Green Tea and Mugwort\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_calming_serum_green_tea_mugwort.webp?v=1748105239\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-content\"\u003e\n\u003ch2\u003eCe qui distingue ce sérum des autres sérums apaisants?\u003c\/h2\u003e\n\u003cdiv class=\"unique-features\"\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"100\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eDouble coup de calme\u003c\/h3\u003e\n\u003cp\u003eAugmenter la concentration d'armoise de 20 % à 30 % pour un effet apaisant plus fort et durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"200\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eDouble protection de l'humidité\u003c\/h3\u003e\n\u003cp\u003eAugmentation du panthénol de 2 % à 5 % pour une barrière hydratante plus forte et une meilleure protection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"300\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eFormule parfaitement équilibrée\u003c\/h3\u003e\n\u003cp\u003eProportions calculées scientifiquement pour garantir une efficacité maximale avec un potentiel minimal d'irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unique-feature\" data-aos=\"fade-right\" data-delay=\"400\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eTexture soyeuse avancée\u003c\/h3\u003e\n\u003cp\u003eLa texture légère s'absorbe rapidement et laisse la peau douce et rafraîchie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"usage-instructions\"\u003e\n\u003ch2 class=\"section-title\"\u003eComment utiliser correctement\u003c\/h2\u003e\n\u003cdiv class=\"usage-grid\"\u003e\n\u003cdiv class=\"usage-time morning\"\u003e\n\u003ch3\u003eMatin\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003eAprès avoir nettoyé le visage, appliquez une petite quantité sur le visage et le cou\u003c\/li\u003e\n\u003cli\u003eMassez doucement en effectuant des mouvements vers le haut jusqu'à absorption complète\u003c\/li\u003e\n\u003cli\u003eSuivre avec une crème hydratante et un écran solaire\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time evening\"\u003e\n\u003ch3\u003eSoir\u003c\/h3\u003e\n\u003col class=\"usage-steps\"\u003e\n\u003cli\u003eAppliquer le sérum sur une peau propre et sèche\u003c\/li\u003e\n\u003cli\u003eLaissez-le absorber pendant deux minutes avant d'appliquer d'autres produits\u003c\/li\u003e\n\u003cli\u003eUtilisez quotidiennement pour de meilleurs résultats\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-time sensitive\"\u003e\n\u003ch3\u003ePour les peaux très sensibles\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli\u003eCommencez à utiliser tous les deux jours\u003c\/li\u003e\n\u003cli\u003eAugmentez progressivement la fréquence selon la réaction de votre peau\u003c\/li\u003e\n\u003cli\u003eIl peut être utilisé comme un masque apaisant pendant 10 minutes puis essuyé délicatement\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ingredients-list-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTous les composants\u003c\/h2\u003e\n\u003cdiv class=\"ingredients-container\"\u003e\n\u003cp class=\"ingredients-text\"\u003eCamellia Sinensis Leaf Water, Water, Panthenol, Glycerin, Butylene Glycol, 1,2-Hexanediol, Methylpropanediol, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Tromethamine, Betaine, Ethylhexylglycerin, Allantoin, Dipotassium Glycyrrhizate, Artemisia Capillaris Extract, Glyceryl Acrylate\/Acrylic Acid Copolymer, Melia Azadirachta Leaf Extract, Polyquaternium-51, Malt Extract, Melia Azadirachta Flower Extract, Coptis Japonica Root Extract, Sodium Hyaluronate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    .product-description {\n        max-width: 1200px;\n        margin: 0 auto;\n      \n        color: #333;\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n\n    \/* Video Section *\/\n    .video-section {\n        width: 100%;\n        margin-bottom: 2rem;\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n    }\n\n    .video-container {\n        position: relative;\n        width: 100%;\n        height: 60vh;\n        min-height: 400px;\n    }\n\n    .video-container video {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n    }\n\n    \/* Hero Text Section *\/\n    .hero-text-section {\n        text-align: center;\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n        border-radius: 20px;\n        margin-bottom: 4rem;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    }\n\n    .main-title {\n        font-size: 2.5rem;\n        font-weight: 700;\n        color: #9C8102;\n        margin-bottom: 1.5rem;\n        text-align: center;\n        direction: ltr;\n    }\n\n    .subtitle {\n        font-size: 1.2rem;\n        color: #666;\n        max-width: 800px;\n        margin: 0 auto;\n        text-align: center;\n        line-height: 1.8;\n    }\n\n    \/* Problem Section *\/\n    .problem-section {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);\n        color: white;\n        border-radius: 20px;\n        margin-bottom: 4rem;\n        border-left: 5px solid #9C8102;\n    }\n\n    .problem-container {\n        display: grid;\n        grid-template-columns: 1fr 2fr;\n        gap: 3rem;\n        max-width: 1000px;\n        margin: 0 auto;\n        align-items: center;\n    }\n\n    .problem-container img {\n        width: 100%;\n        border-radius: 15px;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n    }\n\n    .problem-content {\n        direction: ltr;\n        text-align: left;\n    }\n\n    .problem-content h2 {\n        color: #9C8102;\n        font-size: 1.8rem;\n        font-weight: 600;\n        margin-bottom: 1.5rem;\n    }\n\n    .problem-intro {\n        font-size: 1.1rem;\n        line-height: 1.8;\n        margin-bottom: 2rem;\n        color: #f0f0f0;\n    }\n\n    .problem-content h3 {\n        color: #9C8102;\n        font-size: 1.3rem;\n        font-weight: 600;\n        margin-bottom: 1rem;\n    }\n\n    .problem-list {\n        list-style: none;\n        padding: 0;\n        margin-bottom: 2rem;\n    }\n\n    .problem-list li {\n        display: flex;\n        align-items: center;\n        margin-bottom: 1rem;\n        padding: 1rem;\n        background: rgba(255,255,255,0.1);\n        border-radius: 10px;\n        border-right: 3px solid #9C8102;\n        backdrop-filter: blur(10px);\n    }\n\n    .problem-icon {\n        font-size: 1.5rem;\n        margin-left: 1rem;\n        animation: pulse 2s ease-in-out infinite;\n    }\n\n    .painful-result {\n        background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%);\n        color: white;\n        padding: 2rem;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n        border: 2px solid #9C8102;\n    }\n\n    .painful-result h3 {\n        color: #9C8102;\n        margin-bottom: 1rem;\n    }\n\n    \/* Section Titles *\/\n    .section-title {\n        font-size: 2rem;\n        font-weight: 700;\n        color: #9C8102;\n        text-align: center;\n        margin-bottom: 3rem;\n        position: relative;\n        direction: ltr;\n    }\n\n    .section-title::after {\n        content: '';\n        position: absolute;\n        bottom: -10px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 80px;\n        height: 3px;\n        background: linear-gradient(90deg, transparent, #9C8102, transparent);\n    }\n\n    .science-header {\n        text-align: center;\n        padding: 4rem 2rem;\n        margin-bottom: 4rem;\n    }\n\n    .science-subtitle {\n        font-size: 1.8rem;\n        font-weight: 600;\n        color: #2c3e50;\n        margin-top: 1rem;\n        direction: ltr;\n    }\n\n    \/* Solution Benefits *\/\n    .solution-section {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n        margin-bottom: 4rem;\n        border-radius: 20px;\n        border-left: 5px solid #9C8102;\n    }\n\n    .benefits-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 2rem;\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n\n    .benefit-card {\n        background: white;\n        padding: 2rem;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        text-align: center;\n        transition: all 0.3s ease;\n        opacity: 0;\n        transform: translateY(50px);\n        border-top: 4px solid #9C8102;\n    }\n\n    .benefit-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 20px 40px rgba(156,129,2,0.2);\n    }\n\n    .benefit-icon {\n        font-size: 3rem;\n        margin-bottom: 1rem;\n        animation: float 3s ease-in-out infinite;\n    }\n\n    .benefit-card h3 {\n        color: #9C8102;\n        font-size: 1.3rem;\n        font-weight: 600;\n        margin-bottom: 1rem;\n    }\n\n    .benefit-card p {\n        color: #666;\n        text-align: left;\n        direction: ltr;\n    }\n\n    \/* Ingredients Section *\/\n    .ingredients-section {\n        padding: 4rem 2rem;\n        margin-bottom: 4rem;\n    }\n\n    .ingredient-showcase {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 4rem;\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n\n    .ingredient-card {\n        background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n        transition: all 0.3s ease;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 2rem;\n        align-items: center;\n    }\n\n    .ingredient-card:hover {\n        transform: scale(1.02);\n        box-shadow: 0 20px 40px rgba(156,129,2,0.15);\n    }\n\n    .ingredient-card img {\n        width: 100%;\n        height: 300px;\n        object-fit: cover;\n    }\n\n    .ingredient-info {\n        padding: 2rem;\n        direction: ltr;\n        text-align: left;\n    }\n\n    .ingredient-info h3 {\n        color: #9C8102;\n        font-size: 1.4rem;\n        font-weight: 600;\n        margin-bottom: 1.5rem;\n    }\n\n    .ancient-wisdom, .sacred-herb, .revolutionary-development {\n        background: rgba(156,129,2,0.1);\n        padding: 1rem;\n        border-radius: 10px;\n        margin-bottom: 1.5rem;\n        border-right: 4px solid #9C8102;\n        font-style: italic;\n        color: #666;\n    }\n\n    .ingredient-info h4 {\n        color: #2c3e50;\n        font-size: 1.1rem;\n        font-weight: 600;\n        margin-bottom: 1rem;\n    }\n\n    .ingredient-benefits {\n        list-style: none;\n        padding: 0;\n    }\n\n    .ingredient-benefits li {\n        margin-bottom: 0.8rem;\n        position: relative;\n        padding-left: 1.5rem;\n    }\n\n    .ingredient-benefits li::before {\n        content: '✓';\n        position: absolute;\n        right: 0;\n        color: #9C8102;\n        font-weight: bold;\n    }\n\n    \/* Supporting Ingredients *\/\n    .supporting-ingredients {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n        border-radius: 20px;\n        margin-bottom: 4rem;\n    }\n\n    .supporting-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 2rem;\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n\n    .supporting-item {\n        background: white;\n        padding: 1.5rem;\n        border-radius: 15px;\n        text-align: center;\n        box-shadow: 0 5px 20px rgba(0,0,0,0.05);\n        transition: all 0.3s ease;\n        opacity: 0;\n        transform: translateY(30px);\n    }\n\n    .supporting-item:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 30px rgba(156,129,2,0.15);\n    }\n\n    .supporting-icon {\n        font-size: 2.5rem;\n        margin-bottom: 1rem;\n        animation: rotate 4s linear infinite;\n    }\n\n    .supporting-item h3 {\n        color: #9C8102;\n        font-size: 1.1rem;\n        font-weight: 600;\n        margin-bottom: 0.8rem;\n    }\n\n    .supporting-item p {\n        color: #666;\n        font-size: 0.9rem;\n        text-align: left;\n        direction: ltr;\n    }\n\n    \/* Transformation Timeline *\/\n    .transformation-section {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n        color: white;\n        margin-bottom: 4rem;\n        border-radius: 20px;\n    }\n\n    .transformation-section .section-title {\n        color: white;\n    }\n\n    .timeline {\n        max-width: 900px;\n        margin: 0 auto;\n        position: relative;\n    }\n\n    .timeline::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 50%;\n        width: 2px;\n        height: 100%;\n        background: #9C8102;\n        transform: translateX(-50%);\n    }\n\n    .timeline-item {\n        display: flex;\n        align-items: center;\n        margin-bottom: 3rem;\n        position: relative;\n    }\n\n    .timeline-item:nth-child(odd) .timeline-content {\n        margin-left: 50%;\n        padding-left: 3rem;\n        text-align: left;\n    }\n\n    .timeline-item:nth-child(even) .timeline-content {\n        margin-left: 50%;\n        padding-left: 3rem;\n    }\n\n    .timeline-marker {\n        position: absolute;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 60px;\n        height: 60px;\n        background: #9C8102;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1rem;\n        font-weight: bold;\n        color: white;\n        z-index: 2;\n        animation: glow 2s ease-in-out infinite alternate;\n    }\n\n    .timeline-content h3 {\n        color: #9C8102;\n        font-size: 1.4rem;\n        margin-bottom: 1.5rem;\n    }\n\n    .results-list {\n        direction: ltr;\n        text-align: left;\n    }\n\n    .result-item {\n        margin-bottom: 0.8rem;\n        padding: 0.5rem;\n        background: rgba(255,255,255,0.1);\n        border-radius: 5px;\n        font-size: 0.95rem;\n    }\n\n    \/* Unique Features *\/\n    .unique-section {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 3rem;\n        padding: 4rem 2rem;\n        margin-bottom: 4rem;\n        align-items: center;\n    }\n\n    .unique-image img {\n        width: 100%;\n        border-radius: 15px;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n    }\n\n    .unique-content {\n        direction: ltr;\n        text-align: left;\n    }\n\n    .unique-content h2 {\n        color: #9C8102;\n        font-size: 1.8rem;\n        font-weight: 600;\n        margin-bottom: 2rem;\n    }\n\n    .unique-feature {\n        display: flex;\n        align-items: flex-start;\n        margin-bottom: 2rem;\n        opacity: 0;\n        transform: translateX(50px);\n        transition: all 0.8s ease;\n    }\n\n    .feature-icon {\n        font-size: 2rem;\n        margin-left: 1rem;\n        animation: bounce 2s ease-in-out infinite;\n    }\n\n    .feature-content h3 {\n        color: #9C8102;\n        font-size: 1.2rem;\n        font-weight: 600;\n        margin-bottom: 0.5rem;\n    }\n\n    .feature-content p {\n        color: #666;\n        line-height: 1.6;\n    }\n\n    \/* Usage Instructions *\/\n    .usage-instructions {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n        border-radius: 20px;\n        margin-bottom: 4rem;\n    }\n\n    .usage-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 2rem;\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n\n    .usage-time {\n        background: white;\n        padding: 2rem;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        direction: ltr;\n        text-align: left;\n    }\n\n    .morning {\n        border-top: 4px solid #ffc107;\n    }\n\n    .evening {\n        border-top: 4px solid #6f42c1;\n    }\n\n    .sensitive {\n        border-top: 4px solid #dc3545;\n    }\n\n    .usage-time h3 {\n        color: #9C8102;\n        font-size: 1.3rem;\n        font-weight: 600;\n        margin-bottom: 1.5rem;\n        text-align: center;\n    }\n\n    .usage-steps {\n        padding-left: 1rem;\n    }\n\n    .usage-steps li {\n        margin-bottom: 1rem;\n        line-height: 1.6;\n        color: #555;\n    }\n\n    \/* Ingredients List *\/\n    .ingredients-list-section {\n        padding: 4rem 2rem;\n        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n        border-radius: 20px;\n        margin-bottom: 2rem;\n    }\n\n    .ingredients-container {\n        max-width: 800px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .ingredients-text {\n        font-size: 0.95rem;\n        line-height: 1.8;\n        color: #555;\n        padding: 2rem;\n        background: white;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n        border-left: 4px solid #9C8102;\n    }\n\n    \/* Animations *\/\n    .fade-in {\n        opacity: 0;\n        animation: fadeIn 2s ease-out forwards;\n    }\n\n    .slide-up {\n        opacity: 0;\n        transform: translateY(30px);\n        animation: slideUp 2s ease-out 0.5s forwards;\n    }\n\n    @keyframes fadeIn {\n        to { opacity: 1; }\n    }\n\n    @keyframes slideUp {\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    @keyframes float {\n        0%, 100% { transform: translateY(0px); }\n        50% { transform: translateY(-10px); }\n    }\n\n    @keyframes pulse {\n        0%, 100% { \n            transform: scale(1); \n            opacity: 1; \n        }\n        50% { \n            transform: scale(1.1); \n            opacity: 0.8; \n        }\n    }\n\n    @keyframes rotate {\n        from { transform: rotate(0deg); }\n        to { transform: rotate(360deg); }\n    }\n\n    @keyframes glow {\n        from { box-shadow: 0 0 20px rgba(156,129,2,0.5); }\n        to { box-shadow: 0 0 30px rgba(156,129,2,0.8); }\n    }\n\n    @keyframes bounce {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-5px); }\n    }\n\n    \/* Advanced Animation Triggers *\/\n    .benefit-card.animate {\n        opacity: 1;\n        transform: translateY(0);\n        transition: all 0.8s ease;\n    }\n\n    .benefit-card:nth-child(1).animate { transition-delay: 0.1s; }\n    .benefit-card:nth-child(2).animate { transition-delay: 0.2s; }\n    .benefit-card:nth-child(3).animate { transition-delay: 0.3s; }\n    .benefit-card:nth-child(4).animate { transition-delay: 0.4s; }\n    .benefit-card:nth-child(5).animate { transition-delay: 0.5s; }\n\n    \/* Responsive Design *\/\n    @media (max-width: 768px) {\n        .main-title {\n            font-size: 1.8rem;\n        }\n\n        .subtitle {\n            font-size: 1rem;\n        }\n\n        .video-container {\n            height: 50vh;\n            min-height: 300px;\n        }\n\n        .hero-text-section {\n            padding: 2rem 1rem;\n        }\n\n        .problem-container {\n            grid-template-columns: 1fr;\n        }\n\n        .benefits-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .ingredient-card {\n            grid-template-columns: 1fr;\n        }\n\n        .supporting-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .unique-section {\n            grid-template-columns: 1fr;\n        }\n\n        .usage-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .timeline::before {\n            left: 30px;\n        }\n\n        .timeline-item:nth-child(odd) .timeline-content,\n        .timeline-item:nth-child(even) .timeline-content {\n            margin-left: 80px;\n            margin-left: 0;\n            padding-left: 2rem;\n            padding-left: 0;\n            text-align: left;\n        }\n\n        .timeline-marker {\n            left: 30px;\n            width: 40px;\n            height: 40px;\n            font-size: 0.9rem;\n        }\n\n        .science-subtitle {\n            font-size: 1.4rem;\n        }\n    }\n\u003c\/style\u003e\n\u003cscript\u003e\n    \/\/ Intersection Observer for animations\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                if (entry.target.classList.contains('benefit-card')) {\n                    entry.target.classList.add('animate');\n                }\n                \n                if (entry.target.classList.contains('supporting-item')) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateY(0)';\n                }\n\n                if (entry.target.classList.contains('unique-feature')) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateX(0)';\n                }\n            }\n        });\n    }, observerOptions);\n\n    \/\/ Observe benefit cards\n    document.querySelectorAll('.benefit-card').forEach(card =\u003e {\n        observer.observe(card);\n    });\n\n    \/\/ Observe supporting items\n    document.querySelectorAll('.supporting-item').forEach(item =\u003e {\n        observer.observe(item);\n    });\n\n    \/\/ Observe unique features\n    document.querySelectorAll('.unique-feature').forEach(feature =\u003e {\n        observer.observe(feature);\n    });\n\n    \/\/ Add scroll-triggered animations for ingredient cards\n    const ingredientCards = document.querySelectorAll('.ingredient-card');\n    \n    const ingredientObserver = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.style.transform = 'translateY(0) scale(1)';\n                entry.target.style.opacity = '1';\n            }\n        });\n    }, { threshold: 0.2 });\n\n    ingredientCards.forEach(card =\u003e {\n        card.style.transform = 'translateY(50px) scale(0.9)';\n        card.style.opacity = '0';\n        card.style.transition = 'all 0.8s ease';\n        ingredientObserver.observe(card);\n    });\n\n    \/\/ Timeline animation\n    const timelineItems = document.querySelectorAll('.timeline-item');\n    \n    const timelineObserver = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.style.transform = 'translateX(0)';\n                entry.target.style.opacity = '1';\n            }\n        });\n    }, { threshold: 0.3 });\n\n    timelineItems.forEach((item, index) =\u003e {\n        item.style.transform = index % 2 === 0 ? 'translateX(-100px)' : 'translateX(100px)';\n        item.style.opacity = '0';\n        item.style.transition = 'all 0.8s ease';\n        timelineObserver.observe(item);\n    });\n\n    \/\/ Handle video loading and mobile compatibility\n    function handleVideoLoading() {\n        const videos = document.querySelectorAll('video');\n        \n        videos.forEach(video =\u003e {\n            \/\/ Ensure video is muted for autoplay\n            video.muted = true;\n            video.setAttribute('muted', 'true');\n            video.setAttribute('webkit-playsinline', 'true');\n            video.setAttribute('playsinline', 'true');\n            \n            \/\/ Try to play the video\n            const playPromise = video.play();\n            \n            if (playPromise !== undefined) {\n                playPromise.then(() =\u003e {\n                    console.log('Video is playing');\n                }).catch(error =\u003e {\n                    console.log('Video autoplay prevented:', error);\n                });\n            }\n\n            \/\/ Ensure video stays muted\n            video.addEventListener('loadstart', function() {\n                this.muted = true;\n            });\n        });\n    }\n\n    \/\/ Initialize video handling when DOM is loaded\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', handleVideoLoading);\n    } else {\n        handleVideoLoading();\n    }\n\n    \/\/ Smooth scroll behavior for better user experience\n    document.documentElement.style.scrollBehavior = 'smooth';\n\n    \/\/ Add stagger animation for problem list items\n    const problemItems = document.querySelectorAll('.problem-list li');\n    problemItems.forEach((item, index) =\u003e {\n        item.style.opacity = '0';\n        item.style.transform = 'translateX(50px)';\n        item.style.transition = 'all 0.8s ease';\n        \n        setTimeout(() =\u003e {\n            item.style.opacity = '1';\n            item.style.transform = 'translateX(0)';\n        }, 500 + (index * 200));\n    });\n\n    \/\/ Add hover effects to usage time cards\n    document.querySelectorAll('.usage-time').forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n            card.style.transform = 'translateY(-5px) scale(1.02)';\n            card.style.transition = 'all 0.3s ease';\n        });\n        \n        card.addEventListener('mouseleave', () =\u003e {\n            card.style.transform = 'translateY(0) scale(1)';\n        });\n    });\n\u003c\/script\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999399727278,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/beauty_of_joseon_calming_serum_3394f964-d316-4837-9e18-ef0d07fc6429.jpg?v=1788175349"},{"product_id":"madagascar-centella-probio-cica-intensive-ampoule","title":"SKIN1004 Ampoule\/Sérum Probiotique Cica Intense Centella Madagascar Probiotique 95 ml","description":"\u003cstyle\u003e\n  .skin1004-container {\n    max-width: 100%;\n    margin: 0 auto;\n    color: #333;\n    line-height: 1.6;\n    background: #fff;\n    direction: ltr;\n  }\n\n  .hero-section {\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    padding: 60px 30px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hero-section::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: linear-gradient(45deg, transparent, rgba(156, 129, 2, 0.05), transparent);\n    animation: shimmer 8s infinite;\n  }\n\n  @keyframes shimmer {\n    0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n    100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n  }\n\n  .hero-image {\n    max-width: 500px;\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n    margin-bottom: 40px;\n    opacity: 0;\n    transform: scale(0.9);\n    animation: zoomIn 1.2s 0.3s forwards;\n  }\n\n  @keyframes zoomIn {\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  .main-title {\n    font-size: 2.8em;\n    font-weight: 700;\n    color: #9C8102;\n    margin-bottom: 20px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.2s forwards;\n  }\n\n  .subtitle {\n    font-size: 1.6em;\n    color: #666;\n    margin-bottom: 30px;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.4s forwards;\n  }\n\n  .hero-description {\n    font-size: 1.3em;\n    color: #555;\n    max-width: 900px;\n    margin: 0 auto;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 1s 0.6s forwards;\n    line-height: 1.8;\n  }\n\n  .magic-intro {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    color: #333;\n    padding: 50px 30px;\n    text-align: center;\n    margin: 40px 0;\n    border-radius: 20px;\n  }\n\n  .magic-intro h2 {\n    color: #9C8102;\n    font-size: 2.2em;\n    margin-bottom: 25px;\n  }\n\n  .magic-intro p {\n    font-size: 1.2em;\n    line-height: 1.8;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n\n  .main-benefits-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .benefits-intro {\n    text-align: center;\n    margin-bottom: 50px;\n  }\n\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .benefit-card {\n    background: white;\n    padding: 30px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.4s ease;\n    border: 1px solid #e9ecef;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 5px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .benefit-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n    border-color: #9C8102;\n  }\n\n  .benefit-icon {\n    font-size: 3em;\n    margin-bottom: 20px;\n    display: block;\n    text-align: center;\n  }\n\n  .benefit-title {\n    color: #9C8102;\n    font-size: 1.4em;\n    font-weight: 700;\n    margin-bottom: 15px;\n    text-align: center;\n  }\n\n  .benefit-description {\n    color: #666;\n    font-size: 1.05em;\n    line-height: 1.7;\n    text-align: center;\n  }\n\n  .technology-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .tech-content {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n    gap: 40px;\n    align-items: center;\n  }\n\n  .tech-image {\n    max-width: 100%;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n  }\n\n  .tech-info {\n    background: white;\n    padding: 40px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .tech-info::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 5px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .tech-feature {\n    background: #f8f9fa;\n    padding: 25px;\n    border-radius: 15px;\n    margin: 20px 0;\n  }\n\n  .tech-feature h4 {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .ingredient-list {\n    list-style: none;\n    padding: 0;\n    margin: 15px 0;\n  }\n\n  .ingredient-list li {\n    padding: 8px 0;\n    border-bottom: 1px solid #f0f0f0;\n    position: relative;\n    padding-left: 25px;\n  }\n\n  .ingredient-list li::before {\n    content: '🧬';\n    position: absolute;\n    right: 0;\n    top: 8px;\n  }\n\n  .transformation-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .transformation-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .transformation-phase {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    padding: 35px;\n    border-radius: 20px;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.4s ease;\n    border: 2px solid transparent;\n    text-align: center;\n  }\n\n  .transformation-phase:hover {\n    border-color: #9C8102;\n    transform: translateY(-8px);\n  }\n\n  .phase-icon {\n    font-size: 3.5em;\n    margin-bottom: 20px;\n    display: block;\n  }\n\n  .phase-title {\n    color: #9C8102;\n    font-size: 1.4em;\n    font-weight: 700;\n    margin-bottom: 20px;\n  }\n\n  .phase-benefits {\n    text-align: left;\n  }\n\n  .phase-benefits p {\n    margin: 10px 0;\n    color: #666;\n    font-weight: 600;\n  }\n\n  .skin-types-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .skin-types-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .skin-type-card {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n    text-align: center;\n  }\n\n  .skin-type-card:hover {\n    transform: translateY(-5px);\n    border-color: #9C8102;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .skin-type-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .skin-type-title {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .texture-section {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    color: #333;\n    padding: 50px 30px;\n    text-align: center;\n    margin: 40px 0;\n    border-radius: 20px;\n  }\n\n  .texture-features {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .texture-feature {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n  }\n\n  .texture-feature:hover {\n    transform: translateY(-5px);\n    border-color: #9C8102;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n  }\n\n  .texture-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n    text-align: center;\n  }\n\n  .science-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .science-content {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n    gap: 40px;\n    align-items: center;\n  }\n\n  .science-image {\n    max-width: 100%;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n  }\n\n  .science-info {\n    background: #f8f9fa;\n    padding: 40px;\n    border-radius: 20px;\n    border: 1px solid #e9ecef;\n  }\n\n  .science-stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n    gap: 20px;\n    margin-top: 30px;\n  }\n\n  .stat-card {\n    background: white;\n    padding: 20px;\n    border-radius: 15px;\n    text-align: center;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    border: 2px solid transparent;\n    transition: all 0.3s ease;\n  }\n\n  .stat-card:hover {\n    border-color: #9C8102;\n    transform: translateY(-5px);\n  }\n\n  .stat-number {\n    font-size: 2.2em;\n    font-weight: 700;\n    color: #9C8102;\n    display: block;\n    margin-bottom: 5px;\n  }\n\n  .stat-label {\n    color: #666;\n    font-size: 0.9em;\n  }\n\n  .usage-section {\n    background: #f8f9fa;\n    padding: 60px 30px;\n  }\n\n  .usage-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 30px;\n    margin-top: 40px;\n  }\n\n  .usage-card {\n    background: white;\n    padding: 30px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .usage-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 5px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .usage-time {\n    color: #9C8102;\n    font-size: 1.5em;\n    font-weight: 700;\n    margin-bottom: 20px;\n    text-align: center;\n  }\n\n  .usage-steps {\n    list-style: none;\n    padding: 0;\n  }\n\n  .usage-steps li {\n    padding: 10px 0;\n    border-bottom: 1px solid #f0f0f0;\n    position: relative;\n    padding-left: 30px;\n  }\n\n  .usage-steps li::before {\n    content: attr(data-step);\n    position: absolute;\n    right: 0;\n    top: 10px;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: #9C8102;\n    color: white;\n    text-align: center;\n    line-height: 20px;\n    font-size: 0.8em;\n    font-weight: 700;\n  }\n\n  .why-section {\n    padding: 60px 30px;\n    background: white;\n  }\n\n  .why-features {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 25px;\n    margin-top: 40px;\n  }\n\n  .why-feature {\n    background: white;\n    padding: 25px;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.3s ease;\n    border: 1px solid #e9ecef;\n    position: relative;\n    overflow: hidden;\n    text-align: center;\n  }\n\n  .why-feature::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n  }\n\n  .why-feature:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n    border-color: #9C8102;\n  }\n\n  .why-icon {\n    font-size: 2.5em;\n    color: #9C8102;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .why-title {\n    color: #9C8102;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n\n  .cta-section {\n    background: linear-gradient(135deg, #000000, #1a1a1a, #2d2d2d);\n    color: white;\n    padding: 80px 30px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_11.jpg?v=1749656535') center\/cover;\n    opacity: 0.1;\n    z-index: 0;\n  }\n\n  .cta-content {\n    position: relative;\n    z-index: 1;\n  }\n\n  .cta-image {\n    max-width: 300px;\n    width: 100%;\n    border-radius: 20px;\n    margin-bottom: 30px;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.3);\n  }\n\n  .cta-button {\n    background: #9C8102;\n    color: white;\n    padding: 18px 45px;\n    border: none;\n    border-radius: 50px;\n    font-size: 1.3em;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    margin-top: 30px;\n    animation: glow 2s infinite alternate;\n  }\n\n  @keyframes glow {\n    0% { box-shadow: 0 0 25px rgba(156, 129, 2, 0.5); }\n    100% { box-shadow: 0 0 35px rgba(156, 129, 2, 0.8), 0 0 45px rgba(156, 129, 2, 0.3); }\n  }\n\n  .cta-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 30px rgba(156, 129, 2, 0.4);\n    background: #d4af37;\n  }\n\n  .section-title {\n    text-align: center;\n    font-size: 2.4em;\n    color: #9C8102;\n    margin-bottom: 20px;\n    position: relative;\n    opacity: 0;\n    transform: translateY(30px);\n  }\n\n  .section-subtitle {\n    text-align: center;\n    font-size: 1.4em;\n    color: #666;\n    margin-bottom: 40px;\n    opacity: 0;\n    transform: translateY(30px);\n  }\n\n  .section-title::after {\n    content: '';\n    position: absolute;\n    bottom: -15px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 100px;\n    height: 4px;\n    background: linear-gradient(90deg, #9C8102, #d4af37);\n    border-radius: 2px;\n    animation: expandLine 1s ease-out forwards;\n  }\n\n  @keyframes expandLine {\n    0% { width: 0; }\n    100% { width: 100px; }\n  }\n\n  @keyframes fadeInUp {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .animate-on-scroll {\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 0.8s ease;\n  }\n\n  .animate-on-scroll.animated {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .highlight {\n    color: #9C8102;\n    font-weight: 700;\n  }\n\n  .divider {\n    height: 3px;\n    background: linear-gradient(90deg, transparent, #9C8102, transparent);\n    margin: 50px 0;\n    opacity: 0;\n    animation: fadeIn 1s forwards;\n    border-radius: 2px;\n  }\n\n  @keyframes fadeIn {\n    to { opacity: 1; }\n  }\n\n  @media (max-width: 768px) {\n    .main-title { font-size: 2.2em; }\n    .section-title { font-size: 2em; }\n    .benefits-grid, .transformation-grid, .skin-types-grid, .texture-features, .science-stats, .usage-grid, .why-features {\n      grid-template-columns: 1fr;\n    }\n    .tech-content, .science-content {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"skin1004-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cimg alt=\"Skin 1004 Madagascar Centella Probio Cica Intensive Ampoule\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_3.webp?v=1749656251\"\/\u003e\n\u003ch1 class=\"main-title\"\u003eSkin 1004 Madagascar Centella Probio Cica Intensive Ampoule\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eBreuvage magique de Madagascar infusé en gouttes d'or - 95ml\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Magic Introduction --\u003e\n\u003cdiv class=\"magic-intro\"\u003e\n\u003ch2\u003eLorsque le miracle de la nature rencontre le génie de la science\u003c\/h2\u003e\n\u003cp\u003eImaginez que la Centella la plus pure du monde, provenant de l'île préservée de Madagascar, subisse un processus magique de fermentation avec des probiotiques pour rester... \u003cstrong class=\"highlight\"\u003e10 fois plus fort\u003c\/strong\u003e De son apparence naturelle... c'est exactement ce que vous trouverez dans chaque goutte de cette ampoule rare!\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-intro animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #666; font-size: 1.3em;\"\u003e\u003cstrong\u003eUne formule polyvalente qui cible tous les problèmes de votre peau\u003c\/strong\u003e\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card animate-on-scroll\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch3 class=\"benefit-title\"\u003eApaisement instantané et profond\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLa centella fermentée avec des probiotiques calme toute inflammation ou rougeur en quelques secondes et laisse votre peau confortable et rassuré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\"\u003eRétrécit visiblement les pores\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLa formule avancée resserre les pores et les fait paraître plus petits et plus lisses, ce qui donne à votre peau la texture soyeuse dont vous rêvez.\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 profonde qui dure toute la journée\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLes céramides et les acides naturels retiennent l'humidité dans votre peau et préviennent la sécheresse, même si le temps est difficile ou si la peau est sensible.\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\"\u003eRenforcer la barrière naturelle de la peau\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLes probiotiques renforcent les défenses de votre peau et la rendent moins sensible et plus résistante aux facteurs externes tels que la pollution et le soleil.\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\"\u003eÉclat naturel\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eLe résultat final est une peau éclatante et fraîche qui vous rend confiant en vous-même même sans maquillage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003c!-- Technology Section --\u003e\n\u003cdiv class=\"technology-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eTechnologie avancée de fermentation : Révolutionner la science des soins de la peau\u003c\/h2\u003e\n\u003cdiv class=\"tech-content\"\u003e\n\u003cimg alt=\"Advanced Fermentation Technology\" class=\"tech-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_2.webp?v=1749656297\"\/\u003e\n\u003cdiv class=\"tech-info animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.6em; margin-bottom: 20px;\"\u003eQu'est-ce qui rend cette ampoule complètement différente:\u003c\/h3\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003eCentella fermentée avec probiotiques\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003eDes molécules plus petites pénètrent dans les couches profondes de la peau\u003c\/li\u003e\n\u003cli\u003eDouble efficacité pour apaiser et réparer\u003c\/li\u003e\n\u003cli\u003eCapacité exceptionnelle à renforcer la barrière naturelle de la peau\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003eFormule TECA exclusive\u003c\/h4\u003e\n\u003cp style=\"margin-bottom: 15px;\"\u003eUne combinaison de 4 acides actifs naturels:\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcide madécassique\u003c\/strong\u003e: Pour réparer les dommages profonds\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAsiaticoside\u003c\/strong\u003e: Pour renouveler les cellules\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcide asiatique\u003c\/strong\u003e: Pour apaiser l'inflammation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMadécassoside\u003c\/strong\u003e: Pour une protection antioxydante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-feature\"\u003e\n\u003ch4\u003eCéramide NP de haute qualité\u003c\/h4\u003e\n\u003cp\u003eLe ratio doré est de 3:1:1 (céramides:phytostérols:acides gras) pour verrouiller l'hydratation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Transformation Section --\u003e\n\u003cdiv class=\"transformation-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eUn voyage transformationnel dès la première utilisation\u003c\/h2\u003e\n\u003cdiv class=\"transformation-grid\"\u003e\n\u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n\u003cspan class=\"phase-icon\"\u003e⚡\u003c\/span\u003e\n\u003ch3 class=\"phase-title\"\u003eDepuis le premier instant:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eHydratation instantanée en profondeur\u003c\/strong\u003e Il pénètre profondément dans la peau\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eÉclat naturel soyeux\u003c\/strong\u003e Sans aucune sensation collante ni lourdeur\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCalme instantané\u003c\/strong\u003e Pour les rougeurs et irritations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n\u003cspan class=\"phase-icon\"\u003e📈\u003c\/span\u003e\n\u003ch3 class=\"phase-title\"\u003eAprès une semaine d'utilisation:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003eRéduction visible des pores\u003c\/strong\u003e dilaté\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eForte barrière\u003c\/strong\u003e Protège contre les facteurs externes\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePeau plus résistante\u003c\/strong\u003e Et moins sensible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"transformation-phase animate-on-scroll\"\u003e\n\u003cspan class=\"phase-icon\"\u003e👑\u003c\/span\u003e\n\u003ch3 class=\"phase-title\"\u003eRésultat final:\u003c\/h3\u003e\n\u003cdiv class=\"phase-benefits\"\u003e\n\u003cp\u003e\u003cstrong\u003ePeau comme de la soie\u003c\/strong\u003e - Doux, lumineux, sain\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eUn aspect renouvelé et jeune\u003c\/strong\u003e Impeccable\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eRegard confiant\u003c\/strong\u003e Cela va de soi\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Skin Types Section --\u003e\n\u003cdiv class=\"skin-types-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eConvient à qui?\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\u003eHydratation profonde qui ressuscite les cellules assoiffées\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\u003eProtéger et nourrir pour maintenir l'équilibre parfait\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 mixte\u003c\/h3\u003e\n\u003cp\u003eRégulation naturelle des huiles avec hydratation optimale\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 sensible\u003c\/h3\u003e\n\u003cp\u003eApaisement doux sans irritation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Texture Section --\u003e\n\u003cdiv class=\"texture-section\"\u003e\n\u003ch2 style=\"font-size: 2em; color: #9C8102; margin-bottom: 20px;\"\u003eLa texture des rêves\u003c\/h2\u003e\n\u003cdiv class=\"texture-features\"\u003e\n\u003cdiv class=\"texture-feature animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e🥛\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eTexture laiteuse luxueuse\u003c\/h3\u003e\n\u003cp\u003eIl glisse sur votre peau comme de la soie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"texture-feature animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e💨\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eAbsorption rapide\u003c\/h3\u003e\n\u003cp\u003eSans aucun résidu ni sensation collante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"texture-feature animate-on-scroll\"\u003e\n\u003cspan class=\"texture-icon\"\u003e✨\u003c\/span\u003e\n\u003ch3 style=\"color: #9C8102; font-weight: 700; margin-bottom: 10px;\"\u003eFini velouté\u003c\/h3\u003e\n\u003cp\u003eLaissez votre peau rayonner de l'intérieur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eLa science derrière la magie\u003c\/h2\u003e\n\u003cdiv class=\"science-content\"\u003e\n\u003cimg alt=\"Science Behind the Magic\" class=\"science-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/2_jpg.webp?v=1749656443\"\/\u003e\n\u003cdiv class=\"science-info animate-on-scroll\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px;\"\u003eTechnologie de fermentation avancée:\u003c\/h3\u003e\n\u003cp style=\"margin-bottom: 20px;\"\u003eLes probiotiques transforment les grosses molécules de Centella en petites molécules hautement perméables, doublant leur capacité à:\u003c\/p\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003eRéparer les dommages au niveau cellulaire\u003c\/li\u003e\n\u003cli\u003eStimuler la production de collagène naturel\u003c\/li\u003e\n\u003cli\u003eRenforcer le microbiome sain de la peau\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4 style=\"color: #9C8102; margin: 25px 0 15px;\"\u003ePreuve scientifique:\u003c\/h4\u003e\n\u003cdiv class=\"science-stats\"\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e95%\u003c\/span\u003e\n\u003cspan class=\"stat-label\"\u003eAmélioration immédiate de la douceur de la peau\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e90%\u003c\/span\u003e\n\u003cspan class=\"stat-label\"\u003eAmélioration du niveau d'hydratation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e88%\u003c\/span\u003e\n\u003cspan class=\"stat-label\"\u003eRéduction de la taille des pores\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Section --\u003e\n\u003cdiv class=\"usage-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003eComment utiliser pour obtenir les 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-time\"\u003eLe matin ☀️\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003eAprès le toner, appliquez 2-3 gouttes sur le visage propre\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003eMassez avec de délicats mouvements circulaires jusqu'à absorption complète\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003eSuivre avec une crème hydratante et un écran solaire\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-card animate-on-scroll\"\u003e\n\u003ch3 class=\"usage-time\"\u003eLa nuit 🌙\u003c\/h3\u003e\n\u003cul class=\"usage-steps\"\u003e\n\u003cli data-step=\"1\"\u003eUtilisez la même méthode après avoir nettoyé la peau\u003c\/li\u003e\n\u003cli data-step=\"2\"\u003eVous pouvez l'utiliser comme une double couche pour une hydratation supplémentaire\u003c\/li\u003e\n\u003cli data-step=\"3\"\u003eLaisse la peau bénéficier du pouvoir réparateur de la nuit\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Why Skin 1004 Section --\u003e\n\u003cdiv class=\"why-section\"\u003e\n\u003ch2 class=\"section-title animate-on-scroll\"\u003ePourquoi Skin 1004 est-il le choix parfait?\u003c\/h2\u003e\n\u003cdiv class=\"why-features\"\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e🌱\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eIngrédients 100 % naturels\u003c\/h3\u003e\n\u003cp\u003eDe la Madagascar vierge\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e🔬\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eTechnologie coréenne avancée\u003c\/h3\u003e\n\u003cp\u003eSoutenu par la recherche scientifique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e🐰\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eJe n'expérimente pas sur les animaux\u003c\/h3\u003e\n\u003cp\u003eProduit éthique et sûr\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e🚫\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eSans substances nocives\u003c\/h3\u003e\n\u003cp\u003eSans parabènes ni sulfates\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-feature animate-on-scroll\"\u003e\n\u003cspan class=\"why-icon\"\u003e♻️\u003c\/span\u003e\n\u003ch3 class=\"why-title\"\u003eRespectueux de l'environnement\u003c\/h3\u003e\n\u003cp\u003eEmballage recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Section --\u003e\n\u003cdiv class=\"cta-section\"\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003cimg alt=\"Skin 1004 Investment\" class=\"cta-image animate-on-scroll\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Madagascar_Centella_Probio_Cica_Intensive_Ampoule_95ml_1.webp?v=1749656297\"\/\u003e\n\u003ch2 class=\"animate-on-scroll\"\u003eUn investissement dans votre beauté... et votre confiance en vous\u003c\/h2\u003e\n\u003ch3 class=\"animate-on-scroll\" style=\"color: white; font-size: 1.4em; margin: 20px 0;\"\u003eSkin 1004 Madagascar Centella Probio Cica Intensive Ampoule\u003c\/h3\u003e\n\u003cp class=\"animate-on-scroll\" style=\"font-size: 1.2em; margin: 25px 0;\"\u003ePas seulement un produit de soin...cela \u003cstrong style=\"color: #9C8102;\"\u003eUne promesse de transformation\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"animate-on-scroll\" style=\"margin: 30px 0;\"\u003e\n\u003cp style=\"font-size: 1.3em; color: #d4af37;\"\u003e\u003cstrong\u003e95 ml de magie pure\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eUne dose intense de beauté malgache\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"font-size: 1.2em; color: #d4af37;\"\u003e\u003cstrong\u003eVotre chemin vers la peau de vos rêves\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"cta-button animate-on-scroll\"\u003eCommandez maintenant et profitez de la transformation\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  \/\/ Intersection Observer for scroll animations\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };\n\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('animated');\n      }\n    });\n  }, observerOptions);\n\n  \/\/ Observe all animate-on-scroll elements\n  document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e {\n    observer.observe(el);\n  });\n\n  \/\/ Animate benefits cards\n  const benefitsObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.benefit-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 200);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.main-benefits-section').forEach(section =\u003e {\n    benefitsObserver.observe(section);\n  });\n\n  \/\/ Animate transformation phases\n  const transformationObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const phases = entry.target.querySelectorAll('.transformation-phase');\n        phases.forEach((phase, index) =\u003e {\n          setTimeout(() =\u003e {\n            phase.style.opacity = '1';\n            phase.style.transform = 'translateY(0)';\n          }, index * 300);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.transformation-section').forEach(section =\u003e {\n    transformationObserver.observe(section);\n  });\n\n  \/\/ Animate skin type cards\n  const skinTypesObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const cards = entry.target.querySelectorAll('.skin-type-card');\n        cards.forEach((card, index) =\u003e {\n          setTimeout(() =\u003e {\n            card.style.opacity = '1';\n            card.style.transform = 'translateY(0)';\n          }, index * 150);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.skin-types-section').forEach(section =\u003e {\n    skinTypesObserver.observe(section);\n  });\n\n  \/\/ Animate texture features\n  const textureObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        const features = entry.target.querySelectorAll('.texture-feature');\n        features.forEach((feature, index) =\u003e {\n          setTimeout(() =\u003e {\n            feature.style.opacity = '1';\n            feature.style.transform = 'translateY(0)';\n          }, index * 200);\n        });\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.texture-section').forEach(section =\u003e {\n    textureObserver.observe(section);\n  });\n\n  \/\/ Animate why features\n  const whyObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.style.opacity = '1';\n        entry.target.style.transform = 'translateY(0)';\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.why-feature').forEach(feature =\u003e {\n    whyObserver.observe(feature);\n  });\n\n  \/\/ CTA button interaction\n  document.querySelector('.cta-button')?.addEventListener('click', () =\u003e {\n    const button = document.querySelector('.cta-button');\n    button.style.animation = 'none';\n    setTimeout(() =\u003e {\n      button.style.animation = 'glow 2s infinite alternate';\n    }, 100);\n  });\n\u003c\/script\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":46999400874158,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/skin1004MadagascarCentellaProbioCicaIntensiveAmpoule95ml_1_90cd8b3f-a3ab-412a-ae57-803faeb51044.jpg?v=1788175343"},{"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":"medicube-collagen-firming-sun-cream-50-ml","title":"Crème solaire raffermissante et éclaircissante Medicube au collagène (SPF50+ PA++++) - 50 ml","description":"\u003cdiv class=\"medicube-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    .medicube-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    }\n\n    .medicube-container * {\n      box-sizing: border-box;\n    }\n\n    .main-title {\n      color: #9C8102;\n      font-size: 2.8em;\n      font-weight: bold;\n      margin-bottom: 30px;\n      text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n      text-align: center;\n      opacity: 0;\n      transform: translateY(30px);\n      animation: fadeInUp 1s ease-out forwards;\n    }\n\n    .product-image {\n      width: 100%;\n      max-width: 600px;\n      height: auto;\n      margin: 20px auto;\n      display: block;\n      border-radius: 15px;\n      box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n      opacity: 0;\n      transform: scale(0.9);\n      animation: scaleIn 1s ease-out 0.3s forwards;\n    }\n\n    .highlight-question {\n      background: #000;\n      color: white;\n      padding: 30px;\n      border-radius: 15px;\n      margin: 30px 0;\n      font-size: 1.4em;\n      font-weight: bold;\n      text-align: center;\n      opacity: 0;\n      transform: rotateX(15deg);\n      animation: rotateIn 1s ease-out 0.5s forwards;\n      border: 2px solid #9C8102;\n    }\n\n    .problem-solution {\n      background: #f8f9fa;\n      padding: 25px;\n      border-radius: 12px;\n      border-right: 4px solid #9C8102;\n      margin: 25px 0;\n      opacity: 0;\n      transform: translateX(30px);\n      animation: slideInRight 0.8s ease-out 0.7s forwards;\n    }\n\n    .section-header {\n      background: #000;\n      color: white;\n      padding: 25px;\n      margin: 40px 0 20px 0;\n      border-radius: 10px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.95);\n    }\n\n    .section-title {\n      color: #9C8102;\n      font-size: 2em;\n      font-weight: bold;\n      margin-bottom: 10px;\n    }\n\n    .benefit-section {\n      margin: 30px 0;\n      padding: 25px;\n      background: white;\n      border-radius: 12px;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateX(30px);\n    }\n\n    .benefit-title {\n      color: #9C8102;\n      font-size: 1.3em;\n      font-weight: bold;\n      margin-bottom: 15px;\n    }\n\n    .ingredient-highlight {\n      background: #e9ecef;\n      padding: 10px 15px;\n      border-radius: 8px;\n      margin: 10px 0;\n      border-right: 3px solid #9C8102;\n    }\n\n    .result-highlight {\n      background: #f8f9fa;\n      padding: 10px 15px;\n      border-radius: 8px;\n      margin: 10px 0;\n      border-right: 3px solid #d4af37;\n    }\n\n    .collagen-section {\n      background: #000;\n      color: white;\n      padding: 40px;\n      border-radius: 15px;\n      margin: 40px 0;\n      text-align: center;\n      opacity: 0;\n      transform: rotateY(15deg);\n      border: 2px solid #9C8102;\n    }\n\n    .collagen-types {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 25px;\n      margin: 30px 0;\n    }\n\n    .collagen-type {\n      background: white;\n      color: #333;\n      padding: 25px;\n      border-radius: 12px;\n      border-top: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateY(30px);\n    }\n\n    .collagen-type h4 {\n      color: #9C8102;\n      font-size: 1.2em;\n      font-weight: bold;\n      margin-bottom: 15px;\n    }\n\n    .feature-list {\n      list-style: none;\n      padding: 0;\n      margin: 15px 0;\n    }\n\n    .feature-item {\n      background: #f8f9fa;\n      margin-bottom: 10px;\n      padding: 15px;\n      border-radius: 8px;\n      border-right: 3px solid #9C8102;\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n    }\n\n    .feature-bullet {\n      width: 8px;\n      height: 8px;\n      background: #9C8102;\n      border-radius: 50%;\n      margin-top: 8px;\n      flex-shrink: 0;\n    }\n\n    .protection-stats {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 20px;\n      margin: 25px 0;\n    }\n\n    .stat-card {\n      background: white;\n      padding: 20px;\n      border-radius: 10px;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n      text-align: center;\n      border-top: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateY(20px);\n    }\n\n    .stat-number {\n      font-size: 2.5em;\n      font-weight: bold;\n      color: #9C8102;\n      display: block;\n    }\n\n    .amino-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 20px;\n      margin: 30px 0;\n    }\n\n    .amino-function {\n      background: #f8f9fa;\n      padding: 20px;\n      border-radius: 10px;\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateX(20px);\n    }\n\n    .amino-function h4 {\n      color: #9C8102;\n      margin-bottom: 10px;\n      font-weight: bold;\n    }\n\n    .hydration-section {\n      background: #f5f5f5;\n      padding: 30px;\n      border-radius: 15px;\n      margin: 30px 0;\n      border: 2px solid #9C8102;\n    }\n\n    .hydration-types {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin: 25px 0;\n    }\n\n    .hydration-type {\n      background: white;\n      padding: 20px;\n      border-radius: 10px;\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateY(25px);\n    }\n\n    .choice-section {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 30px;\n      margin: 40px 0;\n    }\n\n    .choice-card {\n      padding: 30px;\n      border-radius: 15px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.9);\n    }\n\n    .choice-delay {\n      background: #f0f0f0;\n      border: 2px solid #666;\n      color: #333;\n    }\n\n    .choice-smart {\n      background: #e8e8e8;\n      border: 2px solid #9C8102;\n      color: #333;\n    }\n\n    .ingredients-complete {\n      background: #000;\n      color: white;\n      padding: 40px;\n      border-radius: 15px;\n      margin: 40px 0;\n    }\n\n    .ingredient-category {\n      background: #333;\n      padding: 20px;\n      border-radius: 10px;\n      margin: 20px 0;\n      border-right: 4px solid #9C8102;\n    }\n\n    .ingredient-category h4 {\n      color: #9C8102;\n      margin-bottom: 15px;\n      font-weight: bold;\n    }\n\n    .ingredient-list {\n      list-style: none;\n      padding: 0;\n    }\n\n    .ingredient-list li {\n      padding: 8px 0;\n      border-bottom: 1px solid #555;\n    }\n\n    .ingredient-list li:last-child {\n      border-bottom: none;\n    }\n\n    .cta-final {\n      background: #000;\n      color: white;\n      padding: 50px;\n      border-radius: 20px;\n      text-align: center;\n      margin: 50px 0;\n      opacity: 0;\n      transform: scale(0.8);\n      border: 3px solid #9C8102;\n    }\n\n    .urgency-text {\n      font-size: 1.3em;\n      font-weight: bold;\n      margin: 20px 0;\n      animation: pulse 2s infinite;\n    }\n\n    @keyframes fadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes slideInRight {\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }\n\n    @keyframes scaleIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    @keyframes rotateIn {\n      to {\n        opacity: 1;\n        transform: rotateX(0);\n      }\n    }\n\n    @keyframes rotateInY {\n      to {\n        opacity: 1;\n        transform: rotateY(0);\n      }\n    }\n\n    @keyframes pulse {\n      0%, 100% { transform: scale(1); }\n      50% { transform: scale(1.05); }\n    }\n\n    @media (max-width: 768px) {\n      .main-title {\n        font-size: 2.2em;\n      }\n      \n      .collagen-types,\n      .amino-grid,\n      .hydration-types,\n      .choice-section {\n        grid-template-columns: 1fr;\n      }\n      \n      .highlight-question {\n        font-size: 1.2em;\n        padding: 20px;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003eÉcran Solaire au Collagène Medicube - une technologie coréenne révolutionnaire qui change les règles du jeu\u003c\/h1\u003e\n\u003c!-- Main Product Image --\u003e\n\u003cimg alt=\"Écran solaire au collagène de Medicube\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream.avif?v=1753548925\"\/\u003e\n\u003c!-- Highlight Question --\u003e\n\u003cdiv class=\"highlight-question\"\u003e\n    Pourquoi payer plus pour une crème solaire normale quand vous pouvez avoir 3 traitements en un seul produit?\n  \u003c\/div\u003e\n\u003c!-- Problem \u0026 Solution --\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003eChaque matin vous faites face à un choix:\u003c\/strong\u003e Protégez-vous seulement votre peau du soleil... ou la protégez-vous, la traitez et l'embellissez en même temps?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLe problème des crèmes solaires classiques\u003c\/strong\u003e Ils protègent contre l'avenir mais ignorent le présent. \u003cstrong\u003eVotre peau a besoin de plus que de la protection... elle a besoin de reconstruction et de renouveau.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMedicube Collagen Firming Sun Cream\u003c\/strong\u003e Ce n'est pas juste de la crème solaire \u003cstrong\u003eUn investissement quotidien dans la jeunesse de votre peau\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Main Benefits Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003ePlus qu'un écran solaire... c'est un produit de prévention, de beauté et de traitement\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"Bienfaits de la crème solaire au collagène\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream_spf_50_2.webp?v=1753548754\"\/\u003e\n\u003c!-- Individual Benefits --\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtection UV supérieure\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComposant responsable:\u003c\/strong\u003e Titanium Dioxide + Ethylhexyl Triazone\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRésultat:\u003c\/strong\u003e Protection SPF50+ PA+++ contre les coups de soleil futurs, la pigmentation et les rides\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eRéduire les rides et les ridules\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComposant responsable:\u003c\/strong\u003e Complexe de collagène 5000 ppm (4 types de collagène))\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRésultat:\u003c\/strong\u003e Raffermissement naturel de la peau et amélioration visible des ridules en 4 à 6 semaines\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eÉclat instantané et unification du teint\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComposant responsable:\u003c\/strong\u003e Iron Oxides\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRésultat:\u003c\/strong\u003e La couleur pêche naturelle cache les imperfections et donne de l'éclat dès la première utilisation\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eRégénération des cellules de la peau et anti-âge\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComposant responsable:\u003c\/strong\u003e 17 Amino Acid Complex + Adenosine\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRésultat:\u003c\/strong\u003e Peau plus douce, plus élastique et plus éclatante avec une utilisation continue\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eHydratation profonde durable\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComposant responsable:\u003c\/strong\u003e Complexe d'acide hyaluronique (4 types) + Céramide NP\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRésultat:\u003c\/strong\u003e Hydratation qui dure des heures et renforce la barrière naturelle de la peau\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eProtection contre les radicaux libres et la pollution\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComposant responsable:\u003c\/strong\u003e Chlorella Vulgaris Extract + Amino Acids\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRésultat:\u003c\/strong\u003e Résister aux facteurs de vieillissement environnementaux et maintenir une peau jeune\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"benefit-title\"\u003eEffet maquillage naturel sans maquillage\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-highlight\"\u003e\n\u003cstrong\u003eComposant responsable:\u003c\/strong\u003e Peach-tinted formula\n    \u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRésultat:\u003c\/strong\u003e Apparence instantanément améliorée, convenant aux hommes et aux femmes\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Collagen Technology Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eTechnologie coréenne exclusive : 5000 ppm de collagène quaternaire\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 3 --\u003e\n\u003cimg alt=\"Technologie coréenne du collagène\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream_spf_50_1.webp?v=1753548778\"\/\u003e\n\u003cdiv class=\"collagen-section\"\u003e\n\u003ch2 style=\"font-size: 2em; margin-bottom: 20px;\"\u003eLe collagène n'est pas seulement un ingrédient... c'est le secret de la jeunesse permanente\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em;\"\u003e\u003cstrong\u003eEntreprise Medicube\u003c\/strong\u003e Elle a passé des années à rechercher le collagène et a mis au point une formule révolutionnaire: \u003cstrong\u003eUne combinaison de 4 types différents de collagène\u003c\/strong\u003e À une concentration de 5000 ppm - \u003cstrong\u003eLa plus haute concentration au monde dans les écrans solaires\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-types\"\u003e\n\u003cdiv class=\"collagen-type\"\u003e\n\u003ch4\u003eCollagène hydrolysé - Pénètre dans la peau en quelques secondes\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\u003eDe très petites particules\u003c\/strong\u003e Atteint immédiatement les couches profondes\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 naturelle de collagène\u003c\/strong\u003e Dans votre 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\u003eRemplit les ridules de l'intérieur\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-type\"\u003e\n\u003ch4\u003eExtrait de collagène - Force concentrée\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\u003eNutrition cellulaire intense\u003c\/strong\u003e Endommagé par le soleil\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\u003eReconstruit les tissus\u003c\/strong\u003e Endommagé et relâché\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éliore l'élasticité de la peau\u003c\/strong\u003e Significativement\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"collagen-type\"\u003e\n\u003ch4\u003eCollagène soluble - absorption immédiate\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\u003eNe laisse aucune trace\u003c\/strong\u003e À la surface 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\u003eSon effet dure longtemps\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\u003eRésultats cumulatifs à chaque utilisation\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sun Protection Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eProtection supérieure SPF50+ PA+++ - le bouclier invincible\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 4 --\u003e\n\u003cimg alt=\"Protection solaire SPF50+\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/3-in-1-collagen-firming-sunscreen-42107171537152.webp?v=1753548820\"\/\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eTous les écrans solaires ne protègent pas de manière égale\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSPF50+ PA+++\u003c\/strong\u003e Pas seulement des chiffres... ceci \u003cstrong\u003eGarantie scientifique\u003c\/strong\u003e Que votre peau est protégée contre:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"protection-stats\"\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e99%\u003c\/span\u003e\n\u003cp\u003eDes rayons ultraviolets nocifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e100%\u003c\/span\u003e\n\u003cp\u003eDes brûlures et infections immédiates\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e95%\u003c\/span\u003e\n\u003cp\u003eRéduire la pigmentation et les futures taches\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cspan class=\"stat-number\"\u003e85%\u003c\/span\u003e\n\u003cp\u003eRéduire les rides résultant des dommages causés par le soleil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003eTechnologie à double protection:\u003c\/strong\u003e Protecteurs physiques + chimiques = \u003cstrong\u003eLa protection la plus forte possible\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Glow Effect Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eEffet éclaircissant instantané - beauté instantanée avec une couleur pêche naturelle\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 5 --\u003e\n\u003cimg alt=\"Effet éclaircissant instantané\" class=\"product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_collagen_sun_cream_spf_50_3.webp?v=1753548723\"\/\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003ch3 style=\"color: #9C8102; margin-bottom: 15px;\"\u003eCe n'est pas juste de la protection... c'est un embellissement professionnel\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eCouleur pêche\u003c\/strong\u003e Scientifiquement étudié pour convenir à tous les types de peau:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"protection-stats\"\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eMasque les imperfections\u003c\/h4\u003e\n\u003cp\u003eEt la pigmentation immédiatement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eÉclat naturel\u003c\/h4\u003e\n\u003cp\u003eSans maquillage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eUnifie le teint\u003c\/h4\u003e\n\u003cp\u003eIl améliore son apparence\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003ePour hommes et femmes\u003c\/h4\u003e\n\u003cp\u003eRésultat 100 % naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-highlight\"\u003e\n\u003cstrong\u003eRésultat:\u003c\/strong\u003e Il protège votre peau et en même temps elle a meilleure apparence que lorsque vous avez quitté la maison.\n  \u003c\/div\u003e\n\u003c!-- Amino Acids Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eComplexe d'acides aminés - une armée de 17 guerriers anti-âge\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eChaque acide aminé a une tâche spécifique pour reconstruire votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-solution\"\u003e\n\u003cp\u003e\u003cstrong\u003ePourquoi les acides aminés sont-ils importants?\u003c\/strong\u003e Parce que \u003cstrong\u003eLes éléments constitutifs des protéines\u003c\/strong\u003e Qu'est-ce qui construit votre peau.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e17 acides aminés\u003c\/strong\u003e Ensemble fonctionne comme une équipe professionnelle:\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-grid\"\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eGlycine + Proline\u003c\/h4\u003e\n\u003cp\u003eStimule la production de nouveau collagène et renforce la structure de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eArginine + Lysine\u003c\/h4\u003e\n\u003cp\u003eStimuler la circulation sanguine et accélérer la régénération\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eLeucine + Valine\u003c\/h4\u003e\n\u003cp\u003eRéparer les tissus endommagés par le soleil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amino-function\"\u003e\n\u003ch4\u003eLes 11 acides restants\u003c\/h4\u003e\n\u003cp\u003eSoutien complet pour le renouvellement et la vitalité de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-highlight\" style=\"text-align: center; font-size: 1.2em;\"\u003e\n\u003cstrong\u003eRésultat:\u003c\/strong\u003e Votre peau n'est pas seulement protégée... elle est renouvelée chaque jour.\n  \u003c\/div\u003e\n\u003c!-- Hydration Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eHydratation profonde avec technologie multi-couche\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eCe n'est pas juste hydrater... c'est reconstruire la barrière cutanée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-section\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; text-align: center;\"\u003eCéramide Aqua - l'architecte de la peau\u003c\/h3\u003e\n\u003cdiv class=\"hydration-types\"\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eReconstruction de la barrière naturelle\u003c\/h4\u003e\n\u003cp\u003eDestructeur provenant du soleil et de la pollution\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eRetenir l'humidité\u003c\/h4\u003e\n\u003cp\u003ePour de longues heures sans dessécher\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003ePrévenir la perte d'eau\u003c\/h4\u003e\n\u003cp\u003eDe la peau toute la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-section\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.5em; margin-bottom: 20px; text-align: center;\"\u003eComplexe d'acide hyaluronique - Réservoir d'hydratation\u003c\/h3\u003e\n\u003cp style=\"text-align: center; margin-bottom: 25px;\"\u003e\u003cstrong\u003e4 types différents\u003c\/strong\u003e De l'acide hyaluronique:\u003c\/p\u003e\n\u003cdiv class=\"hydration-types\"\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eSodium Hyaluronate\u003c\/h4\u003e\n\u003cp\u003eHydratation instantanée de la surface et douceur tactile\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eHydrolyzed Hyaluronic Acid\u003c\/h4\u003e\n\u003cp\u003ePénétration profonde dans les couches internes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eSodium Hyaluronate Crosspolymer\u003c\/h4\u003e\n\u003cp\u003eHydratation de longue durée qui dure des heures\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydration-type\"\u003e\n\u003ch4 style=\"color: #9C8102;\"\u003eHydroxypropyltrimonium Hyaluronate\u003c\/h4\u003e\n\u003cp\u003eProtection contre les facteurs externes et la pollution\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Decision Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eLa décision d'aujourd'hui détermine la forme de votre peau dans 5 ans\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.1em; opacity: 0.9;\"\u003eVous avez deux choix\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"choice-section\"\u003e\n\u003cdiv class=\"choice-card choice-delay\"\u003e\n\u003ch3 style=\"color: #666; font-size: 1.8em; margin-bottom: 20px;\"\u003ePremière option : report\u003c\/h3\u003e\n\u003cul class=\"feature-list\" style=\"text-align: left;\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n\u003cspan\u003ePréférez utiliser des produits réguliers\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eVous voyez votre peau se détériorer progressivement\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eVous aurez besoin de traitements plus coûteux et plus difficiles plus tard\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #666;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eVous regrettez de ne pas avoir investi dans votre peau plus tôt\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"choice-card choice-smart\"\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.8em; margin-bottom: 20px;\"\u003eDeuxième choix : investissement intelligent\u003c\/h3\u003e\n\u003cul class=\"feature-list\" style=\"text-align: left;\"\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n\u003cspan\u003etu obtiens \u003cstrong\u003eLa technologie coréenne la plus récente\u003c\/strong\u003e Dans les soins de la peau\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eProtège, traite et embellit votre peau chaque jour\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eVous verrez de vrais résultats en quelques mois\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-bullet\" style=\"background: #9C8102;\"\u003e\u003c\/div\u003e\n\u003cspan\u003eRegard \u003cstrong\u003ePlus jeune et plus fraîche\u003c\/strong\u003e Avec le temps\u003c\/span\u003e\n\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-final\"\u003e\n\u003ch2 style=\"font-size: 2.5em; margin-bottom: 20px;\"\u003eCommandez maintenant... avant qu'il ne soit trop tard\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.3em; margin-bottom: 25px;\"\u003e\u003cstrong\u003eMedicube Collagen Firming Sun Cream\u003c\/strong\u003e Ce n'est pas juste de la crème solaire \u003cstrong\u003ePartenaire de succès\u003c\/strong\u003e Dans le parcours de préservation de votre jeunesse.\u003c\/p\u003e\n\u003cdiv class=\"urgency-text\"\u003e\n      50 ml suffisent pour un mois et demi de protection et de traitement avancé. Les résultats commenceront dès le premier jour, et la transformation complète se produira en quelques mois.\n    \u003c\/div\u003e\n\u003cp style=\"font-size: 1.2em; margin: 25px 0;\"\u003e\n\u003cstrong\u003eVotre peau n'attendra pas votre décision... et le temps n'est pas de votre côté. Investissez en vous dès maintenant.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"urgency-text\" style=\"font-size: 1.4em; color: #fff;\"\u003e\n      Commandez-le maintenant... et ne laissez pas le regret vous prendre plus que ce qu'il a déjà pris.\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Complete Ingredients Section --\u003e\n\u003cdiv class=\"ingredients-complete\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2.2em; text-align: center; margin-bottom: 30px;\"\u003eComposition \u003c\/h2\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eIngrédients de protection solaire:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTitanium Dioxide:\u003c\/strong\u003e Un protecteur physique sûr pour les peaux sensibles\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEthylhexyl Triazone + Diethylamino Hydroxybenzoyl Hexyl Benzoate:\u003c\/strong\u003e Agents chimiques de protection très efficaces\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eComplexe de collagène (5000 ppm)):\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrolyzed Collagen:\u003c\/strong\u003e Collagène hydrolysé à absorption rapide\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCollagen Extract:\u003c\/strong\u003e Extrait de collagène naturel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoluble Collagen:\u003c\/strong\u003e Collagène soluble pour une hydratation profonde\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eComplexe d'acides aminés:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlycine, Serine, Glutamic Acid, Aspartic Acid, Leucine, Alanine, Lysine, Arginine, Tyrosine, Phenylalanine, Proline, Threonine, Valine, Isoleucine, Histidine, Cysteine, Methionine:\u003c\/strong\u003e 17 acides aminés essentiels\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eComposé d'acide hyaluronique:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSodium Hyaluronate + Hydrolyzed Hyaluronic Acid + Hyaluronic Acid + Sodium Hyaluronate Crosspolymer:\u003c\/strong\u003e Hydratation multi-couches\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eCéramides et hydratants:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCeramide NP:\u003c\/strong\u003e Renforcer la barrière cutanée\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePanthenol (Pro-Vitamin B5):\u003c\/strong\u003e Apaisant et hydratant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiacinamide:\u003c\/strong\u003e Améliore la texture et le ton de la peau\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-category\"\u003e\n\u003ch4\u003eComposants supplémentaires:\u003c\/h4\u003e\n\u003cul class=\"ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdenosine:\u003c\/strong\u003e Anti-rides approuvé par la FDA\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIron Oxides:\u003c\/strong\u003e Oxydes de fer pour une couleur pêche naturelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eChlorella Vulgaris Extract:\u003c\/strong\u003e Antioxydant naturel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Enhanced Intersection Observer for animations\n    const observerOptions = {\n      threshold: 0.1,\n      rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          const element = entry.target;\n          \n          if (element.classList.contains('benefit-section')) {\n            element.style.animation = 'slideInRight 0.8s ease-out forwards';\n          } else if (element.classList.contains('section-header')) {\n            element.style.animation = 'scaleIn 0.8s ease-out forwards';\n          } else if (element.classList.contains('collagen-section')) {\n            element.style.animation = 'rotateInY 1s ease-out forwards';\n          } else if (element.classList.contains('collagen-type')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          } else if (element.classList.contains('stat-card')) {\n            element.style.animation = 'fadeInUp 0.6s ease-out forwards';\n          } else if (element.classList.contains('amino-function')) {\n            element.style.animation = 'slideInRight 0.6s ease-out forwards';\n          } else if (element.classList.contains('hydration-type')) {\n            element.style.animation = 'fadeInUp 0.7s ease-out forwards';\n          } else if (element.classList.contains('choice-card')) {\n            element.style.animation = 'scaleIn 0.8s ease-out forwards';\n          } else if (element.classList.contains('cta-final')) {\n            element.style.animation = 'scaleIn 1.2s ease-out forwards';\n          }\n        }\n      });\n    }, observerOptions);\n\n    \/\/ Initialize animations on page load\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const animatedElements = document.querySelectorAll('.benefit-section, .section-header, .collagen-section, .collagen-type, .stat-card, .amino-function, .hydration-type, .choice-card, .cta-final');\n      \n      animatedElements.forEach(el =\u003e {\n        observer.observe(el);\n      });\n\n      \/\/ Add staggered delays\n      const benefitSections = document.querySelectorAll('.benefit-section');\n      benefitSections.forEach((section, index) =\u003e {\n        section.style.animationDelay = `${index * 0.15}s`;\n      });\n\n      const collagenTypes = document.querySelectorAll('.collagen-type');\n      collagenTypes.forEach((type, index) =\u003e {\n        type.style.animationDelay = `${index * 0.2}s`;\n      });\n\n      const statCards = document.querySelectorAll('.stat-card');\n      statCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.1}s`;\n      });\n\n      const aminoFunctions = document.querySelectorAll('.amino-function');\n      aminoFunctions.forEach((func, index) =\u003e {\n        func.style.animationDelay = `${index * 0.1}s`;\n      });\n\n      const hydrationTypes = document.querySelectorAll('.hydration-type');\n      hydrationTypes.forEach((type, index) =\u003e {\n        type.style.animationDelay = `${index * 0.15}s`;\n      });\n\n      const choiceCards = document.querySelectorAll('.choice-card');\n      choiceCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.3}s`;\n      });\n    });\n\n    \/\/ Enhanced hover effects\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const benefitSections = document.querySelectorAll('.benefit-section');\n      \n      benefitSections.forEach(section =\u003e {\n        section.addEventListener('mouseenter', () =\u003e {\n          section.style.transform = 'translateY(-8px)';\n          section.style.boxShadow = '0 12px 30px rgba(0,0,0,0.15)';\n        });\n        \n        section.addEventListener('mouseleave', () =\u003e {\n          section.style.transform = 'translateY(0)';\n          section.style.boxShadow = '0 4px 15px rgba(0,0,0,0.08)';\n        });\n      });\n\n      const statCards = document.querySelectorAll('.stat-card');\n      statCards.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          card.style.transform = 'translateY(-5px) scale(1.02)';\n        });\n        \n        card.addEventListener('mouseleave', () =\u003e {\n          card.style.transform = 'translateY(0) scale(1)';\n        });\n      });\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Medicube","offers":[{"title":"Default Title","offer_id":46999411359918,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/medicubesuncollagensuncream_ec936cf9-f0bb-437c-855b-daf830a49b9f.webp?v=1788175300"},{"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":"beauty-of-joseon-relief-sun-aqua-fresh-rice-b5-spf50","title":"Beauty of Joseon Relief Sun : Riz + Probiotiques Crème solaire légère SPF 50+ PA++++ (Hydratation non grasse avec B5))","description":"\u003cdiv class=\"aqua-relief-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Premium Arabic Font === *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900\u0026display=swap');\n\n        \/* === Core Variables (Dark Mode) === *\/\n        .aqua-relief-wrapper {\n            --aqua-bg-base: #0a0e17; \/* Deep midnight blue\/black *\/\n            --aqua-bg-card: rgba(16, 24, 40, 0.7); \/* Translucent dark navy *\/\n            --aqua-bg-card-hover: rgba(26, 36, 56, 0.9);\n            --aqua-primary: #5cb8e4;\n            --aqua-dark: #38bdf8; \/* Brighter aqua for dark mode contrast *\/\n            --aqua-light: rgba(92, 184, 228, 0.15); \/* Tinted background for badges *\/\n            --aqua-gradient: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);\n            --pearl-gradient: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(16,24,40,0.8) 100%);\n            --gold-accent: #d4af37;\n            --text-main: #f8fafc; \/* Near white for dark mode *\/\n            --text-muted: #94a3b8; \/* Light slate gray *\/\n            --border-glass: rgba(92, 184, 228, 0.2);\n            --glow-aqua: rgba(56, 189, 248, 0.25);\n            \n            background-color: var(--aqua-bg-base);\n            color: var(--text-main);\n            font-family:Tajawal',-apple-system,BlinkMacSystemFont,sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 0 0 60px 0;\n            border-radius: 24px;\n            box-shadow: 0 0 50px rgba(0,0,0,0.5) inset;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .aqua-relief-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .aqua-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 0 25px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Typography Utilities === *\/\n        .aqua-text-gradient {\n            background: var(--aqua-gradient);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n            text-shadow: 0 2px 10px rgba(56, 189, 248, 0.3);\n        }\n\n        .aqua-section-title {\n            font-size: clamp(26px, 4vw, 38px);\n            font-weight: 900;\n            text-align: center;\n            margin: 80px 0 20px;\n            color: #ffffff; \/* White for better visibility *\/\n            position: relative;\n        }\n\n        .aqua-section-subtitle {\n            text-align: center;\n            font-size: clamp(16px, 2vw, 18px);\n            color: var(--text-muted);\n            max-width: 700px;\n            margin: 0 auto 50px;\n            font-weight: 500;\n        }\n\n        \/* === Ambient Background === *\/\n        .aqua-ambient {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 0;\n            pointer-events: none;\n            overflow: hidden;\n        }\n        \n        .aqua-glow-orb {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(80px);\n            opacity: 0.5;\n            animation: orbDrift 15s infinite alternate ease-in-out;\n        }\n\n        .aqua-orb-1 { width: 400px; height: 400px; background: rgba(92, 184, 228, 0.15); top: -50px; right: -50px; }\n        .aqua-orb-2 { width: 500px; height: 500px; background: rgba(212, 175, 55, 0.08); bottom: 10%; left: -150px; animation-delay: -5s; }\n\n        @keyframes orbDrift {\n            0% { transform: translate(0, 0) scale(1); }\n            100% { transform: translate(-30px, 50px) scale(1.1); }\n        }\n\n        \/* === Hero Section === *\/\n        .aqua-hero {\n            position: relative;\n            padding: 80px 20px 40px;\n            text-align: center;\n            background: radial-gradient(circle at top, rgba(56,189,248,0.1) 0%, var(--aqua-bg-base) 70%);\n            border-bottom: 1px solid var(--border-glass);\n        }\n\n        .aqua-hero-icon {\n            display: inline-flex;\n            justify-content: center;\n            align-items: center;\n            width: 80px;\n            height: 80px;\n            margin-bottom: 20px;\n            animation: float 3s ease-in-out infinite;\n            filter: drop-shadow(0 5px 15px var(--glow-aqua));\n            color: var(--aqua-primary);\n            font-size: 40px;\n            font-weight: 900;\n            font-family:system-ui,sans-serif;\n            background: var(--aqua-bg-card); \/* Darker background *\/\n            border-radius: 50%;\n            box-shadow: 0 10px 25px rgba(56, 189, 248, 0.2);\n            border: 1px solid var(--border-glass);\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-10px); }\n        }\n\n        .aqua-main-title {\n            font-size: clamp(32px, 5vw, 52px);\n            font-weight: 900;\n            margin-bottom: 25px;\n            line-height: 1.3;\n            letter-spacing: -0.5px;\n            color: #ffffff;\n        }\n\n        .aqua-hero-subtitle-text {\n            font-size: clamp(16px, 2.5vw, 20px);\n            color: var(--text-main);\n            max-width: 800px;\n            margin: 0 auto 40px;\n            line-height: 1.8;\n            font-weight: 500;\n        }\n\n        \/* === Video \u0026 Image Wrappers === *\/\n        .aqua-media-wrapper {\n            position: relative;\n            width: 100%;\n            margin: 0 auto;\n            perspective: 1000px;\n            display: block;\n        }\n\n        .aqua-media-wrapper.size-lg { max-width: 850px; }\n        .aqua-media-wrapper.size-md { max-width: 700px; }\n        .aqua-media-wrapper.size-sm { max-width: 550px; }\n\n        .aqua-product-media {\n            width: 100%;\n            height: auto;\n            display: block;\n            border-radius: 20px;\n            box-shadow: 0 30px 60px rgba(0,0,0,0.6), 0 0 30px var(--glow-aqua);\n            border: 2px solid var(--border-glass); \/* Subtler border *\/\n            transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\n            object-fit: cover;\n        }\n\n        \/* === Glass Cards \u0026 Grids === *\/\n        .aqua-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; }\n        .aqua-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\n\n        .aqua-glass-card {\n            background: var(--aqua-bg-card);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            border: 1px solid var(--border-glass);\n            border-radius: 20px;\n            padding: 35px 25px;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            text-align: left;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n        }\n\n        .aqua-glass-card::before {\n            content: '';\n            position: absolute;\n            top: 0; right: 0;\n            width: 4px; height: 100%;\n            background: var(--aqua-gradient);\n            opacity: 0;\n            transition: 0.4s ease;\n        }\n\n        .aqua-glass-card:hover {\n            transform: translateY(-8px);\n            background: var(--aqua-bg-card-hover);\n            box-shadow: 0 15px 35px rgba(0,0,0,0.4), 0 0 20px var(--glow-aqua);\n            border-color: var(--aqua-primary);\n        }\n\n        .aqua-glass-card:hover::before { opacity: 1; }\n\n        .aqua-card-title {\n            font-size: 1.3rem;\n            color: #ffffff;\n            margin-bottom: 12px;\n            font-weight: 800;\n        }\n\n        .aqua-card-desc {\n            color: var(--text-muted);\n            font-size: 1rem;\n            line-height: 1.7;\n        }\n\n        \/* === Impact Highlight Section === *\/\n        .aqua-impact-wrapper {\n            background: var(--pearl-gradient);\n            padding: 60px 40px;\n            margin: 60px 0;\n            border-radius: 24px;\n            border: 1px solid var(--border-glass);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n            text-align: center;\n        }\n\n        \/* === Icons === *\/\n        .aqua-icon-badge {\n            width: 60px; height: 60px;\n            background: var(--aqua-light);\n            border: 1px solid var(--border-glass);\n            border-radius: 16px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 20px;\n            color: var(--aqua-dark);\n            transition: 0.4s ease;\n            font-size: 24px;\n            font-weight: 900;\n            font-family:system-ui,sans-serif;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n        }\n\n        .aqua-glass-card:hover .aqua-icon-badge {\n            background: var(--aqua-gradient);\n            color: white;\n            transform: scale(1.1) rotate(5deg);\n        }\n\n        \/* === Timeline === *\/\n        .aqua-timeline {\n            position: relative;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 20px 0;\n        }\n\n        .aqua-timeline::before {\n            content: '';\n            position: absolute;\n            top: 0; right: 50%;\n            width: 2px; height: 100%;\n            background: linear-gradient(to bottom, transparent, var(--aqua-primary), transparent);\n            transform: translateX(50%);\n        }\n\n        .aqua-timeline-item {\n            display: flex;\n            justify-content: flex-end;\n            padding-left: 50%;\n            position: relative;\n            margin-bottom: 30px;\n        }\n\n        .aqua-timeline-item:nth-child(even) {\n            justify-content: flex-start;\n            padding-left: 0;\n            padding-left: 50%;\n        }\n\n        .aqua-timeline-content {\n            width: 90%;\n            background: var(--aqua-bg-card);\n            border: 1px solid var(--border-glass);\n            padding: 25px;\n            border-radius: 16px;\n            position: relative;\n            transition: all 0.3s;\n            box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n        }\n\n        .aqua-timeline-content:hover {\n            border-color: var(--aqua-primary);\n            transform: translateY(-5px);\n            box-shadow: 0 15px 30px rgba(92, 184, 228, 0.1);\n        }\n\n        .aqua-timeline-badge {\n            position: absolute;\n            top: 25px; right: -6.5%;\n            width: 14px; height: 14px;\n            background: var(--aqua-bg-base);\n            border: 3px solid var(--aqua-primary);\n            border-radius: 50%;\n            z-index: 2;\n            box-shadow: 0 0 10px var(--glow-aqua);\n        }\n\n        .aqua-timeline-item:nth-child(even) .aqua-timeline-badge {\n            right: auto;\n            left: -6.5%;\n        }\n\n        .aqua-time-label {\n            color: var(--aqua-dark);\n            font-weight: 800;\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n            display: inline-block;\n            background: var(--aqua-light);\n            padding: 4px 15px;\n            border-radius: 20px;\n        }\n\n        \/* === Comparison Section === *\/\n        .aqua-comparison-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n            margin: 40px 0;\n        }\n\n        .aqua-comp-card {\n            background: var(--aqua-bg-card);\n            padding: 30px;\n            border-radius: 20px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n            border: 1px solid var(--border-glass);\n        }\n\n        .aqua-comp-card.premium {\n            border: 2px solid var(--aqua-primary);\n            background: var(--pearl-gradient);\n            transform: scale(1.02);\n            box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 0 30px var(--glow-aqua);\n        }\n\n        .aqua-comp-list { list-style: none; padding: 0; }\n        .aqua-comp-item {\n            padding: 12px 0;\n            border-bottom: 1px solid rgba(255,255,255,0.05);\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            color: var(--text-muted);\n        }\n        .aqua-comp-item:last-child { border-bottom: none; }\n        \n        .aqua-comp-card.premium .aqua-comp-item { color: var(--text-main); font-weight: 500; }\n\n        .aqua-check-icon {\n            width: 24px; height: 24px;\n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            font-weight: bold; font-size: 14px;\n            color: white; flex-shrink: 0;\n        }\n        .aqua-check-basic { background: #475569; } \/* Darker slate for basic check *\/\n        .aqua-check-premium { background: var(--aqua-gradient); }\n\n        \/* === CTA Section === *\/\n        .aqua-cta {\n            text-align: center;\n            margin-top: 80px;\n            padding: 60px 30px;\n            background: linear-gradient(135deg, rgba(16,24,40,0.8) 0%, rgba(2,132,199,0.1) 100%);\n            border-radius: 24px;\n            border: 1px solid var(--border-glass);\n            box-shadow: 0 30px 60px rgba(0,0,0,0.5);\n        }\n\n        .aqua-btn-primary {\n            display: inline-block;\n            background: var(--aqua-gradient);\n            background-size: 200% auto;\n            color: white;\n            padding: 18px 45px;\n            border-radius: 40px;\n            font-size: 1.2rem;\n            font-weight: 900;\n            text-decoration: none;\n            border: none;\n            cursor: pointer;\n            transition: 0.5s ease;\n            box-shadow: 0 10px 25px rgba(92, 184, 228, 0.4);\n            margin-top: 30px;\n            font-family:Tajawal',sans-serif;\n        }\n\n        .aqua-btn-primary:hover {\n            background-position: right center;\n            transform: translateY(-3px);\n            box-shadow: 0 15px 35px rgba(92, 184, 228, 0.6);\n        }\n\n        \/* === Animations === *\/\n        .aqua-reveal {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .aqua-reveal.aqua-active { opacity: 1; transform: translateY(0); }\n        .delay-1 { transition-delay: 0.1s; }\n        .delay-2 { transition-delay: 0.2s; }\n        .delay-3 { transition-delay: 0.3s; }\n\n        @media (max-width: 768px) {\n            .aqua-timeline::before { right: 20px; transform: none; }\n            .aqua-timeline-item { padding-left: 0; padding-left: 50px; justify-content: flex-start; }\n            .aqua-timeline-item:nth-child(even) { padding-left: 0; padding-left: 50px; }\n            .aqua-timeline-content { width: 100%; }\n            .aqua-timeline-badge { right: 14px; top: 25px; }\n            .aqua-timeline-item:nth-child(even) .aqua-timeline-badge { left: auto; right: 14px; }\n            \n            .aqua-comp-card.premium { transform: scale(1); margin-top: 20px; }\n            .aqua-hero { padding: 50px 15px 20px; }\n            .aqua-cta { padding: 40px 20px; }\n            .aqua-product-media { box-shadow: 0 15px 30px rgba(0,0,0,0.4); border-width: 1px; }\n            .aqua-media-wrapper { padding: 0 10px; }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"aqua-ambient\"\u003e\n\u003cdiv class=\"aqua-glow-orb aqua-orb-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-glow-orb aqua-orb-2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"aqua-hero\"\u003e\n\u003cdiv class=\"aqua-container\"\u003e\n\u003cdiv class=\"aqua-hero-icon\"\u003e💧\u003c\/div\u003e\n\u003ch1 class=\"aqua-main-title aqua-reveal aqua-active\"\u003eRelief Sun Aqua Fresh\u003cbr\/\u003e\u003cspan class=\"aqua-text-gradient\"\u003eÉcran solaire coréen\u003c\/span\u003e Ce qui vous fera aimer le soleil à nouveau\u003c\/h1\u003e\n\u003cp class=\"aqua-hero-subtitle-text aqua-reveal aqua-active delay-1\"\u003e\n                Imaginez une crème solaire avec une texture aqueuse qui disparaît en quelques secondes, et qui contient 30% d'eau de germes de riz, ce qui rend la peau des stars coréennes magnifique, et avec 5 filtres de protection avancés. Elle protège, hydrate, illumine et traite - 4 produits en un.\n            \u003c\/p\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-md aqua-reveal aqua-active delay-2\"\u003e\n\u003cvideo autoplay=\"\" class=\"aqua-product-media\" loop=\"\" muted=\"\" playsinline=\"\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0362c453e2b64b73adce019c177484fe.mp4\" type=\"video\/mp4\"\/\u003e\n                    Votre navigateur ne prend pas en charge l'affichage de la vidéo.\n                \u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-container\"\u003e\n\u003c!-- 2. Features Showcase --\u003e\n\u003cdiv class=\"aqua-grid-3 aqua-reveal\" style=\"margin-top: 60px;\"\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eLa texture aqueuse disparaît en quelques secondes\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eCe n’est pas un écran solaire ordinaire, une formule très légère qui est immédiatement absorbée par la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e30 % d'eau de graines de riz\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eLe secret de beauté coréen ancien pour éclaircir et hydrater profondément la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-2\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eSans blanchiment ni graisseur\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eMême pour les peaux grasses, elle ne laisse aucun résidu blanc gênant ni brillance indésirable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e5 filtres de protection avancés\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eLa protection la plus forte de la région contre tous les types de rayons nocifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003e4 produits en un\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eProtection forte + hydratation profonde + éclaircissement des taches + traitement de la barrière cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Pain Point Highlight --\u003e\n\u003cdiv class=\"aqua-impact-wrapper aqua-reveal\"\u003e\n\u003ch2 class=\"aqua-section-title\" style=\"margin-top: 0; font-size: 1.8rem;\"\u003eAvez-vous essayé beaucoup d'écrans solaires... et à cause de tant d'inconvénients, vous avez décidé de laisser le soleil ronger votre peau?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: var(--text-muted); margin-bottom: 25px;\"\u003e\n                Si vous en avez assez des écrans solaires qui laissent votre peau blanche, ou qui rendent votre peau grasse et collante, ou qui ne vous protègent pas vraiment du soleil...\n            \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(255,255,255,0.05); padding: 20px; border-radius: 15px; border: 2px solid var(--aqua-primary); display: inline-block;\"\u003e\n\u003cp style=\"font-size: 1.25rem; font-weight: 800; color: #ffffff; margin: 0;\"\u003eRelief Sun Aqua Fresh changera complètement votre idée\u003c\/p\u003e\n\u003cp style=\"font-size: 1rem; color: var(--text-muted); margin-top: 10px;\"\u003eDès la première utilisation, vous sentirez que vous appliquez un sérum hydratant, et non un écran solaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Rice Water Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eEau de graine de riz 30% - le secret de la beauté coréenne\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eQu'est-ce qui fait qu'un ingrédient équivaut au prix d'une crème solaire entière?\u003c\/p\u003e\n\u003cdiv class=\"aqua-glass-card aqua-reveal\" style=\"max-width: 900px; margin: 0 auto; text-align: left;\"\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-md\" style=\"margin-bottom: 30px;\"\u003e\n\u003cimg alt=\"Eau de graine de riz dans Relief Sun\" class=\"aqua-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_2.webp?v=1753600391\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"font-size: 1.5rem;\"\u003eUn secret ancien vieux de plusieurs milliers d'années\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\" style=\"margin-bottom: 20px;\"\u003eL'eau de graine de riz n'est pas juste un ingrédient ordinaire... C'est le secret de la beauté coréenne que les stars asiatiques héritent de leurs familles.\u003c\/p\u003e\n\u003cdiv class=\"aqua-grid-2\"\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--gold-accent); margin-bottom: 15px; font-size: 1.2rem;\"\u003eLe composant le plus cher dans la composition:\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Il est extrait de manière spéciale pour préserver ses bienfaits.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e 30 % de très haute concentration - le pourcentage le plus élevé dans un écran solaire.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Des antioxydants 10 fois plus puissants que la vitamine C.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4 style=\"color: var(--gold-accent); margin-bottom: 15px; font-size: 1.2rem;\"\u003eCe que cela fera à votre peau?\u003c\/h4\u003e\n\u003cul style=\"list-style: none; padding: 0;\"\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Votre peau retrouve son éclat naturel en quelques semaines.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Éclaircit les taches foncées et unifie leur couleur.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color: var(--aqua-primary);\"\u003e✓\u003c\/span\u003e Hydrate en profondeur jusqu'à 7 couches.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. 5 Filters Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003e5 filtres de protection avancés - une équipe complète contre le soleil\u003c\/h2\u003e\n\u003cp class=\"aqua-section-subtitle aqua-reveal\"\u003eÀ un moment où tous les produits de prévention ne vous offrent qu’un seul filtre, cette crème en fournit 5!\u003c\/p\u003e\n\u003cdiv class=\"aqua-grid-3 aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eEthylhexyl Triazone\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eLe premier garde : Il absorbe les rayons et les transforme en chaleur inoffensive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eMexoryl XL\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eLe combattant complet : protège contre les UVA et les UVB avec une efficacité de 99 %.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-2\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eMexoryl SX\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eSpécialiste : Il cible les rayons qui provoquent le vieillissement de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eUvinul A Plus\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eProfond protecteur : Il combat les rayons qui pénètrent les couches profondes de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-glass-card delay-1\"\u003e\n\u003cdiv class=\"aqua-icon-badge\" style=\"font-size: 20px;\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eTinosorb S\u003c\/h3\u003e\n\u003cp class=\"aqua-card-desc\"\u003eLe bouclier ultime : double protection et stabilité longue durée sur la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-reveal\" style=\"text-align: center; margin-top: 30px;\"\u003e\n\u003cspan style=\"display: inline-block; background: var(--aqua-gradient); color: white; padding: 10px 25px; border-radius: 20px; font-weight: bold;\"\u003eRésultat : Protection SPF 57,9 + PA++++ UVA PF 19,3 - plus élevée que celle indiquée sur l'emballage!\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Timeline Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eVoyage de changement - voyez votre peau s'améliorer chaque jour\u003c\/h2\u003e\n\u003cdiv class=\"aqua-timeline aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003ePremier jour\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eLa première surprise\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Protection immédiate dès la première application.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Une sensation de fraîcheur et d'hydratation profonde.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Une texture aqueuse qui disparaît sans effet gras.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003eAprès une semaine\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eLe doux début\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ La peau est plus douce et plus éclatante.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Réduit l'excès de brillance pour les peaux grasses.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Amélioration visible de la texture de la peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-item\"\u003e\n\u003cdiv class=\"aqua-timeline-badge\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqua-timeline-content\"\u003e\n\u003cdiv class=\"aqua-time-label\"\u003eAprès un mois\u003c\/div\u003e\n\u003ch3 class=\"aqua-card-title\"\u003eLes résultats parlent\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; color: var(--text-muted);\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Éclat clair et uniformisation du teint.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Les taches sombres commencent à diminuer.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✓ Peau plus forte et plus résistante.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Comparison Section --\u003e\n\u003ch2 class=\"aqua-section-title aqua-reveal\"\u003eComparé à n'importe quelle autre crème solaire - la différence est claire\u003c\/h2\u003e\n\u003cdiv class=\"aqua-comparison-grid aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-comp-card\"\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"text-align: center; color: var(--text-muted);\"\u003eÉcran solaire ordinaire (100 livres)\u003c\/h3\u003e\n\u003cul class=\"aqua-comp-list\"\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Juste une protection normale\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Texture grasse ou blancheur claire\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Composants chimiques ordinaires\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Il n'y a pas de bénéfices supplémentaires\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-basic\"\u003e✗\u003c\/div\u003e Résultat : protection seulement temporaire\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqua-comp-card premium\"\u003e\n\u003ch3 class=\"aqua-card-title\" style=\"text-align: center;\"\u003eRelief Sun Aqua Fresh\u003c\/h3\u003e\n\u003cul class=\"aqua-comp-list\"\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Protection forte + hydratation + traitement + embellissement\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Texture aqueuse luxueuse qui disparaît avec le temps\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Ingrédients naturels rares et coûteux\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Amélioration continue de la qualité de la peau\u003c\/li\u003e\n\u003cli class=\"aqua-comp-item\"\u003e\n\u003cdiv class=\"aqua-check-icon aqua-check-premium\"\u003e✓\u003c\/div\u003e Le résultat : un investissement dans la beauté et la santé de votre peau\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. CTA Section --\u003e\n\u003cdiv class=\"aqua-cta aqua-reveal\"\u003e\n\u003cdiv class=\"aqua-tilt-card aqua-media-wrapper size-sm\" style=\"margin-bottom: 30px;\"\u003e\n\u003cimg alt=\"Investissez dès maintenant dans la protection de votre peau\" class=\"aqua-product-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/beauty_of_joseon_relief_sun_aqua_fresh_spf_4.webp?v=1753600391\"\/\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"aqua-main-title\"\u003eLa décision d'aujourd'hui déterminera la forme de votre peau demain\u003c\/h2\u003e\n\u003cp class=\"aqua-card-desc\" style=\"max-width: 750px; margin: 0 auto 20px; font-size: 1.15rem;\"\u003e\n                Le soleil est le plus grand ennemi de votre peau, la principale cause du vieillissement prématuré, et la première cause de pigmentation et de taches. Laissez-vous le soleil ronger votre peau, ou allez-vous investir dans un produit de soin qui la protège et l'améliore chaque jour?\n            \u003c\/p\u003e\n\u003cp style=\"font-size: 1.3rem; font-weight: 800; color: var(--aqua-dark);\"\u003eLa bonne décision est claire!\u003c\/p\u003e\n\u003cbutton class=\"aqua-btn-primary\"\u003eCommandez-le maintenant... et investissez dans l'avenir de votre peau\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            \/\/ Scroll Reveal Animation\n            const reveals = document.querySelectorAll('.aqua-reveal');\n            const observer = new IntersectionObserver((entries, obs) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('aqua-active');\n                        obs.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n            reveals.forEach(el =\u003e observer.observe(el));\n\n            \/\/ Premium 3D Tilt Effect\n            if (window.matchMedia(\"(hover: hover)\").matches) {\n                const tiltCards = document.querySelectorAll('.aqua-tilt-card');\n                tiltCards.forEach(card =\u003e {\n                    const media = card.querySelector('.aqua-product-media');\n                    card.addEventListener('mousemove', e =\u003e {\n                        const rect = card.getBoundingClientRect();\n                        const x = e.clientX - rect.left;\n                        const y = e.clientY - rect.top;\n                        const centerX = rect.width \/ 2;\n                        const centerY = rect.height \/ 2;\n                        \n                        const rotateX = ((y - centerY) \/ centerY) * -5;\n                        const rotateY = ((x - centerX) \/ centerX) * 5;\n                        \n                        media.style.transform = `scale(1.02) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n                    });\n\n                    card.addEventListener('mouseleave', () =\u003e {\n                        media.style.transform = `scale(1) rotateX(0deg) rotateY(0deg)`;\n                    });\n                });\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Beauty Of Joseon","offers":[{"title":"Default Title","offer_id":46999412408494,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/4000a17e-2027-48ff-9425-bb8669e8ee8a.webp?v=1788175293"},{"product_id":"skin-1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-spf-50-50-ml","title":"Sérum Eau Solaire SKIN1004 avec Centella Madagascar et Hyalo Cica (SPF 50+ | 50 ml))","description":"\u003c!-- SKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum - Converted to Universal CSS System --\u003e\n\u003cdiv class=\"ph-product-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"ph-hero-section\"\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"ph-hero-title\"\u003eCrème solaire qui vous fera aimer le soleil dès la première utilisation\u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003e\u003cstrong\u003eCe n'est pas juste une crème solaire ordinaire... C'est un sérum de soin intégré avec une protection exceptionnelle SPF50+ PA++++ avec centella et acide hyaluronique.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Image --\u003e\n\u003cimg alt=\"SKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_5.webp?v=1754232167\"\/\u003e\n\u003c!-- Product Showcase --\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003ch2 class=\"ph-product-name\"\u003eSKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/h2\u003e\n\u003cp class=\"ph-product-intro\"\u003e\n      Cette crème solaire est différente de toutes les crèmes solaires que vous avez jamais essayées. Imaginez une crème solaire qui vous protège, vous hydrate et vous garde éclatant en même temps ? Imaginez appliquer de la crème solaire sans la sentir du tout sur votre peau ? Imaginez une protection solaire puissante sans aucune blancheur, sans graisse ni aspect collant ? Ce n'est pas de l'imagination... \u003cstrong\u003eSKIN1004 Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/strong\u003e. Ce n'est pas juste une crème solaire ordinaire... c'est un sérum de soin complet avec une protection exceptionnelle.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"Avantages du sérum solaire SKIN1004\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_2.webp?v=1754232166\"\/\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eProtection + soin + beauté en un seul produit - 6 avantages exceptionnels\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n      Les ingrédients naturels les plus puissants combinés pour la première fois\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e50\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eProtection supérieure SPF50+ PA++++\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eLa protection la plus forte contre les rayons UVA et UVB nocifs grâce à la technologie de protection coréenne avancée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eH\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eHydratation profonde avec acide hyaluronique\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eIl garde la peau hydratée toute la journée avec 3 tailles moléculaires différentes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eC\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eIl apaise les infections cutanées\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eAvec un extrait concentré de Centella 9800 ppm de Madagascar pour un apaisement instantané\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eW\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eTexture aqueuse légère\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eIl disparaît dans la peau sans laisser de trace, est complètement transparent et convient à tous les types de peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eG\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eÉclat naturel instantané\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eCela fait briller votre peau de manière saine et unifie sa couleur grâce à la niacinamide\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eS\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eSans danger pour les peaux sensibles\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eHypoallergénique et testé par des dermatologues\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section Header for Magic Formula --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eLa formule magique : protection + soin + beauté dans un seul produit\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003eLes ingrédients naturels les plus puissants combinés pour la première fois\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 3 --\u003e\n\u003cimg alt=\"La formule magique de SKIN1004\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_4.webp?v=1754232167\"\/\u003e\n\u003c!-- How It Works Section --\u003e\n\u003cdiv class=\"ph-how-it-works\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eComposants scientifiques avancés\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003e\n      4 combinaisons puissantes d'ingrédients travaillant en parfaite harmonie\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eExtrait de Centella de Madagascar 9800ppm - Al-Mahdi Natural\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eLa Centella la plus pure et la plus puissante au monde de Madagascar\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCentella est un miracle à base de plantes qui a la capacité d'apaiser les cas les plus sévères d'irritation et de rougeur en quelques secondes\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCalme les infections cutanées:\u003c\/strong\u003e Et rougeur immédiate\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAccélère la guérison des petites plaies:\u003c\/strong\u003e Et les effets des grains\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRenforce la barrière naturelle de la peau:\u003c\/strong\u003e Contre les facteurs externes\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtège contre la pollution et la poussière:\u003c\/strong\u003e Pendant la protection solaire\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eAcide hyaluronique avec 3 tailles moléculaires - hydratation en profondeur\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eTechnologie avancée pour hydrater toutes les couches de la peau\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eLa magie est dans la diversité:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcide Hyaluronique simple:\u003c\/strong\u003e pour la couche superficielle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnalyseur d'acide hyaluronique:\u003c\/strong\u003e Pour les couches profondes\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHyaluronate de sodium:\u003c\/strong\u003e Pour hydratation continue\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation 1000 fois:\u003c\/strong\u003e Le poids d'une molécule dans l'eau\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eNiacinamide - traitement de la pigmentation\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eLa vitamine B3, qui unifie le teint de la peau et la protège\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eMultiples bienfaits:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéduit la pigmentation:\u003c\/strong\u003e Résultant des dommages causés par le soleil\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRégule la sécrétion de sébum:\u003c\/strong\u003e Pour peau grasse et mixte\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAméliore la texture de la peau:\u003c\/strong\u003e Et sa douceur\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRenforce l'immunité de la peau:\u003c\/strong\u003e Contre les facteurs nuisibles\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eAntioxydants naturels - protection complète\u003c\/h3\u003e\n\u003cp class=\"ph-mechanism-subtitle\"\u003eLes dommages causés par l'oxydation sont la principale cause du vieillissement prématuré et des pigmentations tenaces\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eÉquipe défensive:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de thé vert:\u003c\/strong\u003e Puissant antioxydant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de brocoli:\u003c\/strong\u003e Vitamines et minéraux essentiels\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de cresson:\u003c\/strong\u003e Active la circulation sanguine\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de luzerne:\u003c\/strong\u003e Nutrition cellulaire profonde\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Problem Section (Comparison) --\u003e\n\u003cdiv class=\"ph-problem-section\"\u003e\n\u003ch2 class=\"ph-problem-title\"\u003ePourquoi SKIN1004 est-il différent des autres écrans solaires?\u003c\/h2\u003e\n\u003ch3 class=\"ph-problem-subtitle\"\u003e\n\u003cstrong\u003eÉcrans solaires ordinaires vs SKIN1004 - la différence est claire\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp class=\"ph-problem-text\"\u003e\n      La plupart des écrans solaires sur le marché se concentrent uniquement sur la protection, mais laissent la peau sèche, grasse ou avec une couche blanche gênante. Les rayons du soleil endommagent votre peau même les jours nuageux, et chaque jour sans protection adéquate, les cellules de la peau deviennent plus endommagées.\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-problem-details\"\u003e\n\u003ch4 class=\"ph-problem-detail-title\"\u003eComparaison complète:\u003c\/h4\u003e\n\u003cdiv class=\"ph-problem-grid\"\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eCrèmes solaires traditionnelles\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Une texture grasse et collante qui fait briller la peau de manière peu agréable\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Blancheur nette qui apparaît sur la peau pendant des heures\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Sécheresse et irritation, surtout pour les peaux sensibles\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Protection uniquement sans aucun avantage supplémentaire\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✗ Difficile à enlever et obstrue les pores\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-problem-detail-card\"\u003e\n\u003ch5 class=\"ph-problem-detail-subtitle\"\u003e\u003cstrong\u003eSKIN1004 Centella Hyalu-Cica Sun Serum\u003c\/strong\u003e\u003c\/h5\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Texture légère et aqueuse qui disparaît en quelques secondes\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Complètement transparent, adapté à tous les types de peau\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Hydrate et apaise tout en protégeant\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Soin de la peau intégré tout en protégeant\u003c\/p\u003e\n\u003cp class=\"ph-problem-detail-text\"\u003e✓ Facile à enlever et confortable pour un usage quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-problem-highlight\"\u003e\n\u003cstrong\u003eLa protection n'est pas un luxe... c'est une nécessité pour la santé et la beauté de votre peau\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 4 --\u003e\n\u003cimg alt=\"Comparez SKIN1004 avec d'autres produits\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.webp?v=1754232167\"\/\u003e\n\u003c!-- Results Timeline --\u003e\n\u003cdiv class=\"ph-timeline-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eUn voyage de protection et de beauté - voyez la différence dès le premier jour\u003c\/h2\u003e\n\u003cp class=\"ph-section-subtitle\"\u003eCe n'est pas juste protéger... c'est une amélioration complète pour votre peau\u003c\/p\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eDès la première utilisation\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eLa surprise agréable\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eProtection instantanée contre les rayons de soleil les plus forts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eL'hydratation profonde est préférée pour de longues heures\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eÉclat naturel sans aucune blancheur ni graisse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eConfort complet même pour les peaux sensibles\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eAprès une semaine\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eAmélioration évidente\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eLa peau est visiblement plus lisse et plus élastique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eRéduire les rougeurs et l'inflammation de la peau\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMeilleure tonicité de la peau et éclat naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eProtection prouvée sans aucun coup de soleil\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eAprès un mois\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eAmélioration continue\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003ePeau plus saine et plus éclatante grâce à une hydratation profonde\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eAmélioration de la texture et de la douceur de la peau\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eProtection puissante contre tous les dommages causés par le soleil et la pollution\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003ePlus de confiance à utiliser le produit quotidiennement\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eAprès 3 mois\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eProtection et soin complets\u003c\/h3\u003e\n\u003cdiv class=\"ph-timeline-benefits\"\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003ePeau protégée à 100 % contre les dommages du soleil et le vieillissement\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eMeilleure santé globale de la peau grâce aux ingrédients naturels\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eÉclat durable et vitalité naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-benefit\"\u003e\n\u003cspan class=\"ph-benefit-text\"\u003eUne habitude saine qui est devenue partie de votre routine quotidienne\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ph-timeline-conclusion\"\u003e\n      Ce n'est pas juste de la protection... c'est une amélioration complète pour votre peau à long terme\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 5 --\u003e\n\u003cimg alt=\"Voyage vers l'amélioration avec SKIN1004\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1.jpg?v=1754232167\"\/\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"ph-usage-section\"\u003e\n\u003ch2 class=\"ph-usage-title\"\u003eMéthode d'application optimale - pour une protection et une beauté maximales\u003c\/h2\u003e\n\u003cp class=\"ph-usage-subtitle\"\u003eÉtapes simples pour des résultats parfaits\u003c\/p\u003e\n\u003cdiv class=\"ph-usage-steps\"\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eLe matin\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eNettoyez votre visage avec la lotion appropriée, hydratez votre peau avec votre crème hydratante habituelle, attendez 5 minutes que la crème hydratante sèche, appliquez une quantité appropriée de sérum et de crème solaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eMéthode d'application\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eQuantity ,,, Activé Visage Doucement Absorption Attendez 5 Avant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eRéapplication\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eToutes les deux heures lorsqu'exposé au soleil direct, après la baignade ou une forte transpiration. Facile à appliquer même sur un maquillage léger\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"ph-step-title\"\u003eAstuces importantes\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eUtilisez quotidiennement pour de meilleurs résultats, adapté sous un écran solaire et le maquillage, sûr pour une utilisation fréquente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips\"\u003e\n\u003ch3 class=\"ph-usage-tips-title\"\u003ePourquoi la crème solaire est-elle un investissement intelligent?\u003c\/h3\u003e\n\u003cdiv class=\"ph-usage-tips-grid\"\u003e\n\u003cdiv class=\"ph-usage-tips-column\"\u003e\n\u003ch4 class=\"ph-usage-tips-subtitle advanced\"\u003eQualité coréenne originale:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUne des marques coréennes les plus célèbres\u003c\/strong\u003e Spécialisé dans les produits à base de Centella - confiance et qualité mondiales prouvées\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrix raisonnable pour un excellent rapport qualité-prix\u003c\/strong\u003e - Moins cher que la plupart des écrans solaires de luxe avec des ingrédients plus coûteux\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTaux de satisfaction de plus de 95 %\u003c\/strong\u003e Des utilisateurs du monde entier\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips-column\"\u003e\n\u003ch4 class=\"ph-usage-tips-subtitle additional\"\u003eUn investissement intelligent dans votre peau:\u003c\/h4\u003e\n\u003cul class=\"ph-feature-list white\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUn produit qui a connu un succès considérable\u003c\/strong\u003e Excellentes critiques dans le monde entier\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa lumière du soleil nuit à votre peau\u003c\/strong\u003e Même les jours nuageux\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eChaque jour sans protection\u003c\/strong\u003e Vos cellules de peau sont plus endommagées\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Warning Section --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eAvertissement important : Votre peau a besoin de protection chaque jour\u003c\/h2\u003e\n\u003cdiv class=\"ph-warning-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eLes rayons du soleil sont nocifs pour votre peau, même par temps nuageux\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eChaque jour sans protection... les cellules de votre peau deviennent plus endommagées\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eChaque semaine de négligence... les signes de vieillissement apparaissent plus rapidement\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eChaque mois de report... les dommages s'accumulent et restent difficiles à réparer\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLa protection n'est pas un luxe... c'est une nécessité pour la santé et la beauté de votre peau\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 6 --\u003e\n\u003cimg alt=\"L'importance de la protection quotidienne\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_3.webp?v=1754232167\"\/\u003e\n\u003c!-- Social Proof --\u003e\n\u003cdiv class=\"ph-social-proof\"\u003e\n\u003ch2 class=\"ph-social-proof-title\"\u003eSKIN1004 n'est pas seulement un écran solaire... c'est un investissement dans l'avenir de votre peau\u003c\/h2\u003e\n\u003cdiv class=\"ph-proof-grid\"\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eK\u003c\/div\u003e\n\u003ch4\u003eQualité coréenne originale\u003c\/h4\u003e\n\u003cp\u003eUne des marques coréennes les plus célèbres spécialisée dans les produits à la Centella - confiance et qualité mondiales prouvées avec des technologies de protection avancées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eV\u003c\/div\u003e\n\u003ch4\u003ePrix raisonnable pour un excellent rapport qualité-prix\u003c\/h4\u003e\n\u003cp\u003eMoins cher que la plupart des crèmes solaires de luxe avec des ingrédients clés plus chers - un investissement intelligent pour la santé de votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003e95\u003c\/div\u003e\n\u003ch4\u003eSuccès prouvé dans le monde entier\u003c\/h4\u003e\n\u003cp\u003eTaux de satisfaction de plus de 95 % des utilisateurs dans le monde - un produit qui a connu un grand succès et d'excellentes critiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eA\u003c\/div\u003e\n\u003ch4\u003eSûr et adapté à tous\u003c\/h4\u003e\n\u003cp\u003eHypoallergénique et testé par des dermatologues - adapté aux peaux sensibles et à un usage quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-proof-item\"\u003e\n\u003cdiv class=\"ph-proof-icon\"\u003eU\u003c\/div\u003e\n\u003ch4\u003ePolyvalent\u003c\/h4\u003e\n\u003cp\u003eÉcran solaire + sérum de soin + crème hydratante légère + anti-inflammatoire - tout ce dont la peau a besoin en un seul produit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"ph-cta-section\"\u003e\n\u003cdiv class=\"ph-floating-particles\"\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ph-particle\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"ph-cta-title\"\u003eProtégez votre peau aujourd'hui... et laissez-la vous remercier à l'avenir\u003c\/h2\u003e\n\u003cp class=\"ph-cta-text\"\u003e\n\u003cstrong\u003eSKIN1004 Madagascar Centella Hyalu-Cica Water-Fit Sun Serum\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\n      Chaque jour, sans protection adéquate, les cellules de la peau deviennent plus endommagées.\u003cbr\/\u003e\n      Chaque semaine, négliger les signes de vieillissement pour apparaître plus rapidement.\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-cta-content\"\u003e\n\u003cp class=\"ph-cta-highlight\"\u003eProfitez du soleil sans crainte\u003c\/p\u003e\n\u003cp class=\"ph-cta-subtext\"\u003eAvec la protection la plus forte et la texture la plus douce - la crème solaire qui vous fera aimer le soleil dès la première utilisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eListe complète des ingrédients\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-ingredients-list\"\u003e\n\u003ch2 class=\"ph-ingredients-list-title\"\u003eIngrédients actifs et formule complète\u003c\/h2\u003e\n\u003cdiv class=\"ph-ingredients-text\"\u003e\n\u003cstrong\u003ePrincipaux ingrédients actifs:\u003c\/strong\u003e\u003cbr\/\u003e\n      • \u003cstrong\u003eCentella Asiatica Extract (9800ppm)\u003c\/strong\u003e - Centella de Madagascar pour apaiser\u003cbr\/\u003e\n      • \u003cstrong\u003eHyaluronic Acid Complex (3 sizes)\u003c\/strong\u003e - Acide hyaluronique pour une hydratation en profondeur\u003cbr\/\u003e\n      • \u003cstrong\u003eNiacinamide\u003c\/strong\u003e - Vitamine B3 pour uniformiser la couleur\u003cbr\/\u003e\n      • \u003cstrong\u003eNatural Antioxidants\u003c\/strong\u003e - Antioxydants naturels\u003cbr\/\u003e\n      • \u003cstrong\u003eSPF50+ PA++++ Filters\u003c\/strong\u003e - Filtres de protection avancés\u003cbr\/\u003e\u003cbr\/\u003e\n\u003cstrong\u003eListe complète des ingrédients (INCI)):\u003c\/strong\u003e\u003cbr\/\u003e\n      Water, Dibutyl Adipate, Propanediol, Diethylamino Hydroxybenzoyl Hexyl Benzoate, Polymethylsilsesquioxane, Ethylhexyl Triazone, Methylene Bis-Benzotriazolyl Tetramethylbutylphenol, Niacinamide, Coco-Caprylate\/Caprate, Caprylyl Methicone, Diethylhexyl Butamido Triazone, Glycerin, 1,2-Hexanediol, Butylene Glycol, Centella Asiatica Extract(9800ppm), Betula Platyphylla Japonica Bark Extract, Ginkgo Biloba Leaf Extract, Camellia Sinensis Leaf Extract, Triticum Vulgare (Wheat) Sprout Extract, Medicago Sativa (Alfalfa) Extract, Brassica Oleracea Italica (Broccoli) Sprout Extract, Eruca Sativa Leaf Extract, Camellia Japonica Leaf Extract, Sodium Hyaluronate(10ppm), Behenyl Alcohol, Poly C10-30 Alkyl Acrylate, Polyglyceryl-3 Methylglucose Distearate, Decyl Glucoside, Tromethamine, Carbomer, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Sodium Stearoyl Glutamate, Polyacrylate Crosspolymer-6, Adenosine, Xanthan Gum, T-Butyl Alcohol, Tocopherol, Hydrolyzed Hyaluronic Acid(1ppm), Inositol, Hyaluronic Acid(0.01ppm), Pentylene Glycol, Ethylhexylglycerin\n    \u003c\/div\u003e\n\u003cdiv class=\"ph-ingredients-safety\"\u003e\n\u003cp class=\"ph-ingredients-safety-text\"\u003e\n\u003cstrong\u003e✓ Hypoallergénique\u003c\/strong\u003e - Laboratoire dermatologique\u003cbr\/\u003e\n\u003cstrong\u003e✓ Convient aux peaux sensibles\u003c\/strong\u003e - Formule douce et sûre\u003cbr\/\u003e\n\u003cstrong\u003e✓ Protection à large spectre\u003c\/strong\u003e - Contre les UVA, UVB et les rayons nocifs\n      \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":46999413457070,"sku":null,"price":18.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Madagascar_Centella_Hyalu_Cica_Water_Fit_Sun_Serum_SPF_50_skin_1004_1_b7925199-d026-46d6-88ae-ac37fcb111d9.jpg?v=1788175283"},{"product_id":"skin-1004-probio-cica-bakuchiol-eye-cream","title":"Crème contour des yeux anti-rides et anti-cernes SKIN1004 avec bakuchiol et probio cica","description":"\u003cdiv class=\"eye-cream-container\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n    .eye-cream-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: #fafafa;\n      position: relative;\n    }\n\n    .eye-cream-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Simple floating background *\/\n    .eye-cream-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 20% 30%, rgba(156, 129, 2, 0.02) 2px, transparent 2px),\n        radial-gradient(circle at 80% 70%, rgba(156, 129, 2, 0.03) 1px, transparent 1px);\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .main-title {\n      color: #9C8102;\n      font-size: 3em;\n      font-weight: 900;\n      margin-bottom: 40px;\n      text-shadow: 0 4px 15px rgba(156, 129, 2, 0.3);\n      text-align: center;\n      opacity: 0;\n      transform: translateY(40px);\n      animation: fadeInUp 1.5s ease-out forwards;\n      position: relative;\n      letter-spacing: -0.02em;\n    }\n\n    .main-title::after {\n      content: '';\n      position: absolute;\n      bottom: -15px;\n      right: 50%;\n      transform: translateX(50%);\n      width: 100px;\n      height: 3px;\n      background: linear-gradient(90deg, transparent 0%, #9C8102 50%, transparent 100%);\n      animation: lineExpand 2s ease-out 1s forwards;\n    }\n\n    .hero-image {\n      width: 100%;\n      max-width: 600px;\n      height: auto;\n      margin: 40px auto;\n      display: block;\n      border-radius: 20px;\n      box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n      opacity: 0;\n      transform: scale(0.9);\n      animation: scaleIn 1.5s ease-out 0.5s forwards;\n      transition: transform 0.3s ease;\n    }\n\n    .hero-image:hover {\n      transform: scale(1.02);\n    }\n\n    .intro-section {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 100%);\n      color: white;\n      padding: 50px;\n      border-radius: 20px;\n      margin: 60px 0;\n      text-align: center;\n      opacity: 0;\n      animation: fadeIn 1.5s ease-out 1s forwards;\n      box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n    }\n\n    .intro-title {\n      color: #f4e4a6;\n      font-size: 2.5em;\n      font-weight: 800;\n      margin-bottom: 20px;\n      text-shadow: 0 2px 10px rgba(244, 228, 166, 0.5);\n    }\n\n    .intro-text {\n      font-size: 1.2em;\n      line-height: 1.8;\n      opacity: 0.95;\n    }\n\n    .benefits-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 30px;\n      margin: 50px 0;\n      padding: 0 20px;\n    }\n\n    .benefit-card {\n      background: white;\n      padding: 30px;\n      border-radius: 15px;\n      text-align: center;\n      box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n      border: 1px solid rgba(156, 129, 2, 0.1);\n      opacity: 0;\n      transform: translateY(30px);\n      transition: all 0.3s ease;\n    }\n\n    .benefit-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 15px 35px rgba(156, 129, 2, 0.15);\n    }\n\n    .benefit-icon {\n      width: 60px;\n      height: 60px;\n      margin: 0 auto 20px auto;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 24px;\n      font-weight: bold;\n    }\n\n    .benefit-title {\n      color: #9C8102;\n      font-size: 1.2em;\n      font-weight: 700;\n      margin-bottom: 15px;\n    }\n\n    .benefit-description {\n      color: #666;\n      font-size: 0.95em;\n      line-height: 1.6;\n    }\n\n    .section-header {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #2a2a2a 100%);\n      color: white;\n      padding: 40px;\n      margin: 60px 0 40px 0;\n      border-radius: 15px;\n      text-align: center;\n      opacity: 0;\n      animation: fadeIn 1.5s ease-out 2s forwards;\n      box-shadow: 0 15px 35px rgba(0,0,0,0.4);\n      border: 2px solid rgba(156, 129, 2, 0.3);\n    }\n\n    .section-title {\n      font-size: 2.2em;\n      font-weight: 800;\n      margin-bottom: 10px;\n      text-shadow: 0 2px 8px rgba(0,0,0,0.3);\n      color: #f4e4a6;\n    }\n\n    .section-subtitle {\n      font-size: 1.1em;\n      opacity: 0.9;\n      font-weight: 300;\n      color: #e0e0e0;\n    }\n\n    .ingredient-section {\n      background: #f8f9fa;\n      padding: 50px;\n      border-radius: 15px;\n      margin: 50px 0;\n      border: 2px solid #9C8102;\n    }\n\n    .ingredient-card {\n      background: white;\n      padding: 30px;\n      border-radius: 12px;\n      margin: 25px 0;\n      box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n      border-right: 4px solid #9C8102;\n      opacity: 0;\n      transform: translateX(30px);\n      transition: all 0.3s ease;\n    }\n\n    .ingredient-card:hover {\n      transform: translateX(-10px);\n      box-shadow: 0 12px 30px rgba(156, 129, 2, 0.1);\n    }\n\n    .ingredient-title {\n      color: #9C8102;\n      font-size: 1.5em;\n      font-weight: 700;\n      margin-bottom: 15px;\n    }\n\n    .benefits-list {\n      list-style: none;\n      padding: 0;\n      margin: 20px 0;\n    }\n\n    .benefit-item {\n      background: #f1f3f4;\n      margin-bottom: 10px;\n      padding: 15px 20px;\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      transition: all 0.3s ease;\n      color: #333;\n    }\n\n    .benefit-item:hover {\n      background: #e8f4f8;\n      transform: translateX(-5px);\n    }\n\n    .benefit-bullet {\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n\n    .comparison-section {\n      background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);\n      color: white;\n      padding: 50px;\n      border-radius: 15px;\n      margin: 60px 0;\n      box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n    }\n\n    .comparison-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n      gap: 30px;\n      margin: 40px 0;\n    }\n\n    .comparison-card {\n      background: #333;\n      padding: 30px;\n      border-radius: 12px;\n      opacity: 0;\n      transform: translateY(20px);\n      transition: all 0.3s ease;\n    }\n\n    .comparison-card.premium {\n      border-top: 4px solid #d4af37;\n    }\n\n    .comparison-card.basic {\n      border-top: 4px solid #666;\n    }\n\n    .comparison-card:hover {\n      transform: translateY(-5px);\n    }\n\n    .comparison-title {\n      font-size: 1.4em;\n      font-weight: 700;\n      margin-bottom: 20px;\n      text-align: center;\n    }\n\n    .comparison-title.premium {\n      color: #f4e4a6;\n    }\n\n    .comparison-title.basic {\n      color: #ccc;\n    }\n\n    .comparison-list {\n      list-style: none;\n      padding: 0;\n    }\n\n    .comparison-item {\n      padding: 10px 0;\n      border-bottom: 1px solid rgba(255,255,255,0.1);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .comparison-item:last-child {\n      border-bottom: none;\n    }\n\n    .comparison-check {\n      width: 18px;\n      height: 18px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 10px;\n      font-weight: bold;\n    }\n\n    .comparison-check.premium {\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      color: white;\n    }\n\n    .comparison-check.basic {\n      background: #666;\n      color: white;\n    }\n\n    .timeline-section {\n      background: #f5f5f5;\n      padding: 50px;\n      border-radius: 15px;\n      margin: 50px 0;\n      border: 2px solid #9C8102;\n    }\n\n    .timeline-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 25px;\n      margin: 30px 0;\n    }\n\n    .timeline-card {\n      background: white;\n      padding: 25px;\n      border-radius: 12px;\n      border-right: 4px solid #9C8102;\n      position: relative;\n      opacity: 0;\n      transform: translateY(20px);\n      transition: all 0.3s ease;\n      box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n    }\n\n    .timeline-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 12px 30px rgba(156, 129, 2, 0.1);\n    }\n\n    .timeline-badge {\n      position: absolute;\n      top: -10px;\n      right: 20px;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      color: white;\n      padding: 5px 15px;\n      border-radius: 20px;\n      font-weight: 700;\n      font-size: 0.8em;\n    }\n\n    .timeline-title {\n      color: #9C8102;\n      font-size: 1.2em;\n      font-weight: 700;\n      margin: 20px 0 15px 0;\n    }\n\n    .warning-section {\n      background: linear-gradient(135deg, #8B0000, #DC143C);\n      color: white;\n      padding: 50px;\n      border-radius: 15px;\n      margin: 60px 0;\n      text-align: center;\n      opacity: 0;\n      animation: fadeIn 1.5s ease-out 3s forwards;\n      box-shadow: 0 15px 35px rgba(139, 0, 0, 0.3);\n    }\n\n    .warning-title {\n      color: #FFE4E1;\n      font-size: 2.2em;\n      font-weight: 800;\n      margin-bottom: 20px;\n    }\n\n    .cta-final {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 100%);\n      color: white;\n      padding: 60px;\n      border-radius: 20px;\n      text-align: center;\n      margin: 60px 0;\n      opacity: 0;\n      animation: fadeIn 1.5s ease-out 3.5s forwards;\n      border: 3px solid #9C8102;\n      box-shadow: 0 20px 50px rgba(0,0,0,0.4);\n    }\n\n    .cta-title {\n      color: #f4e4a6;\n      font-size: 2.8em;\n      font-weight: 800;\n      margin-bottom: 20px;\n    }\n\n    .cta-text {\n      font-size: 1.2em;\n      margin: 20px 0;\n      opacity: 0.95;\n      line-height: 1.7;\n    }\n\n    .cta-highlight {\n      font-size: 1.4em;\n      font-weight: 700;\n      color: #f4e4a6;\n      margin: 30px 0;\n    }\n\n    .ingredients-list {\n      background: #f8f9fa;\n      padding: 30px;\n      border-radius: 12px;\n      margin: 40px 0;\n      border: 2px solid #9C8102;\n      font-size: 0.9em;\n      line-height: 1.7;\n      color: #666;\n      text-align: justify;\n    }\n\n    @keyframes fadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes fadeIn {\n      to {\n        opacity: 1;\n      }\n    }\n\n    @keyframes scaleIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    @keyframes lineExpand {\n      from { width: 0; }\n      to { width: 100px; }\n    }\n\n    @media (max-width: 768px) {\n      .main-title {\n        font-size: 2.4em;\n        margin-bottom: 30px;\n      }\n\n      .hero-image {\n        max-width: 90%;\n        margin: 30px auto;\n      }\n      \n      .benefits-grid,\n      .timeline-grid,\n      .comparison-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        padding: 0 10px;\n      }\n      \n      .intro-section,\n      .section-header,\n      .ingredient-section,\n      .timeline-section,\n      .comparison-section,\n      .warning-section,\n      .cta-final {\n        padding: 30px 20px;\n        margin: 30px 10px;\n      }\n\n      .intro-title {\n        font-size: 2em;\n      }\n\n      .section-title {\n        font-size: 1.8em;\n      }\n\n      .cta-title {\n        font-size: 2.2em;\n      }\n\n      .benefit-card,\n      .ingredient-card,\n      .timeline-card,\n      .comparison-card {\n        padding: 20px;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .main-title {\n        font-size: 2em;\n      }\n\n      .intro-title {\n        font-size: 1.8em;\n      }\n\n      .section-title {\n        font-size: 1.6em;\n      }\n\n      .cta-title {\n        font-size: 1.8em;\n      }\n\n      .intro-section,\n      .section-header,\n      .ingredient-section,\n      .timeline-section,\n      .comparison-section,\n      .warning-section,\n      .cta-final {\n        padding: 25px 15px;\n        border-radius: 12px;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003eCrème pour les yeux SKIN1004 Probio-Cica Bakuchiol - La crème pour les yeux qui rendra votre jeunesse sans injections ni chirurgie\u003c\/h1\u003e\n\u003c!-- Hero Image --\u003e\n\u003cimg alt=\"SKIN1004 Probio-Cica Bakuchiol Eye Cream\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Probio-Cica_Bakuchiol_Eye_Cream_Gentle_Anti-wrinkle_Eye_Cream_3.webp?v=1754234127\"\/\u003e\n\u003c!-- Intro Section --\u003e\n\u003cdiv class=\"intro-section\"\u003e\n\u003ch2 class=\"intro-title\"\u003eLa zone des yeux vous expose devant tout le monde... et cela ne vous dérange pas\u003c\/h2\u003e\n\u003cdiv class=\"intro-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eLa zone des yeux est la partie la plus fine du visage... et le premier endroit où apparaissent les signes de l'âge\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMais si je vous disais qu'il existe un moyen naturel et sûr qui peut restaurer la jeunesse de vos yeux... sans rétinol agressif ni produits chimiques irritants?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLa crème pour les yeux SKIN1004 Probio-Cica Bakuchiol n'est pas une simple crème pour les yeux... C'est la solution scientifique naturelle qui donnera une nouvelle jeunesse à vos yeux en toute sécurité.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Image 2 --\u003e\n\u003cimg alt=\"Avantages de la crème pour les yeux SKIN1004\" class=\"hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Probio-Cica_Bakuchiol_Eye_Cream_Gentle_Anti-wrinkle_Eye_Cream_4.webp?v=1754234127\"\/\u003e\n\u003c!-- Benefits Grid --\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e👁\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eRéduit les rides et les ridules\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAvec l'efficacité du rétinol sans l'irritation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eHydrate en profondeur\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIl prévient la sécheresse de la peau délicate autour des yeux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eIl soulage l'inflammation et les rougeurs\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eAvec extrait de Centella fermenté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eOuvre les cernes\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eIl unifie la couleur du contour des yeux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🛡\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003e100% sûr pour les yeux sensibles\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003ePas de larmes ni d'irritation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⏰\u003c\/div\u003e\n\u003ch3 class=\"benefit-title\"\u003eYeux 5-10 ans plus jeunes\u003c\/h3\u003e\n\u003cp class=\"benefit-description\"\u003eDe votre âge réel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Technology Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eTechnologie révolutionnaire : bucchiol + centella fermentée + probiotiques\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eLa formule naturelle la plus puissante pour combattre le vieillissement autour des yeux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-section\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e🌿 Extrait de Centella fermenté avec des probiotiques - le miracle coréen\u003c\/h3\u003e\n\u003cp style=\"color: #9C8102; font-weight: bold; margin: 15px 0;\"\u003eLa technologie de biofermentation multiplie par 10 la force de la Centella\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePénètre la peau fine\u003c\/strong\u003e 5 fois plus efficace que la Centella ordinaire\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRenforce le microbiome naturel\u003c\/strong\u003e Pour la peau autour des yeux\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAccélère la cicatrisation des cellules endommagées\u003c\/strong\u003e Des dommages causés par le soleil et le vieillissement\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSe calmer immédiatement\u003c\/strong\u003e Toute inflammation ou allergie dans la zone sensible\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e🌱 Bucchiol 5000 ppm - rétinol d'origine végétale sûr\u003c\/h3\u003e\n\u003cp style=\"color: #9C8102; font-weight: bold; margin: 15px 0;\"\u003eUne alternative naturelle au rétinol avec la même efficacité sans aucun effet secondaire\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eStimule la régénération cellulaire\u003c\/strong\u003e Doucement et sans peluches ni irritation\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eActive la production de collagène\u003c\/strong\u003e Pour une peau plus jeune et élastique\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRéduit les ridules et les rides\u003c\/strong\u003e Pourcentage scientifiquement confirmé\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSûr pour une utilisation en journée\u003c\/strong\u003e Avec la lumière du soleil sans sensibilité\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch3 class=\"ingredient-title\"\u003e🛡️ Céramide NP + Niacinamide - Protection et Nutrition\u003c\/h3\u003e\n\u003cp style=\"color: #9C8102; font-weight: bold; margin: 15px 0;\"\u003eRenforcer la barrière cutanée tout en illuminant et unifiant le teint\u003c\/p\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eCéramide NP\u003c\/strong\u003e Retient l'humidité et empêche la perte d'eau\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNiacinamide\u003c\/strong\u003e Ouvre les cercles et unifie le teint\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAcide hyaluronique\u003c\/strong\u003e Deux tailles moléculaires pour une hydratation profonde\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eBeurre de karité\u003c\/strong\u003e Nourrit et adoucit la peau sensible\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Comparison Section --\u003e\n\u003cdiv class=\"comparison-section\"\u003e\n\u003ch2 style=\"color: #f4e4a6; font-size: 2.2em; text-align: center; margin-bottom: 20px; font-weight: 800;\"\u003ePourquoi SKIN1004 est-il différent des autres crèmes pour les yeux?\u003c\/h2\u003e\n\u003cp style=\"text-align: center; font-size: 1.1em; margin-bottom: 30px; opacity: 0.9;\"\u003eCrèmes pour les yeux classiques vs SKIN1004 - La comparaison honnête\u003c\/p\u003e\n\u003cdiv class=\"comparison-grid\"\u003e\n\u003cdiv class=\"comparison-card basic\"\u003e\n\u003ch3 class=\"comparison-title basic\"\u003eCrèmes pour les yeux traditionnelles\u003c\/h3\u003e\n\u003cul class=\"comparison-list\"\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRétinol agressif\u003c\/strong\u003e Cela provoque irritation et sensibilité autour des yeux\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eComposants chimiques\u003c\/strong\u003e Non adapté aux peaux fines\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRésultats lents\u003c\/strong\u003e Il faut plusieurs mois pour apparaître\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAmélioration temporaire\u003c\/strong\u003e Il disparaît dès que vous arrêtez de l'utiliser\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check basic\"\u003e✗\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePrix élevé\u003c\/strong\u003e Pour des bénéfices limités\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"comparison-card premium\"\u003e\n\u003ch3 class=\"comparison-title premium\"\u003eSKIN1004 Probio-Cica Bakuchiol Eye Cream\u003c\/h3\u003e\n\u003cul class=\"comparison-list\"\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eBicochiol naturel\u003c\/strong\u003e Avec l'efficacité du rétinol sans l'irritation\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eIngrédients 100 % naturels\u003c\/strong\u003e Sans danger pour les zones sensibles\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRésultats rapides\u003c\/strong\u003e À partir de la deuxième semaine\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAmélioration cumulative et durable\u003c\/strong\u003e Il augmente avec le temps\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"comparison-item\"\u003e\n\u003cdiv class=\"comparison-check premium\"\u003e✓\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eExcellent rapport qualité-prix\u003c\/strong\u003e Technologie avancée à un prix raisonnable\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eVoyage de rajeunissement - Regardez vos yeux changer semaine après semaine\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eCe n'est pas juste une amélioration... c'est une revitalisation de la zone d'Al Ain\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003cdiv class=\"timeline-grid\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eLa première semaine\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003ePremier contact\u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eHydratation instantanée\u003c\/strong\u003e Pour les peaux sèches autour des yeux\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eCalme complet\u003c\/strong\u003e Pour les rougeurs ou irritations existantes\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLissage visible\u003c\/strong\u003e Dans la texture délicate de la peau\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eAprès deux semaines\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003eLe début de la magie\u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRéduction visible des ridules\u003c\/strong\u003e Moderne\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eÉclaircir la zone des yeux\u003c\/strong\u003e Et amélioration de la couleur\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAugmentation de l'élasticité de la peau\u003c\/strong\u003e Et résistance à la traction\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eAprès un mois\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003eTransformation réelle\u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eLa disparition des ridules\u003c\/strong\u003e Visible à l'œil nu\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eÉclaircissement net des cernes\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRaffermissement naturel de la peau\u003c\/strong\u003e Affaissement autour de l'œil\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eAprès 3 mois\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003eJeunesse retrouvée\u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e60-70% moins de rides\u003c\/strong\u003e Depuis le début\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003ePeau ferme et souple\u003c\/strong\u003e Autour de l'œil\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eParaître des années plus jeune\u003c\/strong\u003e Tout le monde le remarque\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"ingredient-section\"\u003e\n\u003ch2 style=\"color: #9C8102; font-size: 2em; text-align: center; margin-bottom: 30px;\"\u003eComment utiliser correctement\u003c\/h2\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px;\"\u003e\n\u003cdiv style=\"background: white; padding: 25px; border-radius: 12px; border-right: 4px solid #9C8102;\"\u003e\n\u003ch4 style=\"color: #9C8102; margin-bottom: 15px; font-size: 1.2em;\"\u003e🌅 Le matin et le soir\u003c\/h4\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNettoyer le visage\u003c\/strong\u003e Avec la lotion douce habituelle\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSécher le contour des yeux\u003c\/strong\u003e Doucement sans frotter\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAppliquez une petite quantité\u003c\/strong\u003e  Du généreux\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eTapotez doucement\u003c\/strong\u003e Du coin interne au coin externe\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background: white; padding: 25px; border-radius: 12px; border-right: 4px solid #DC143C;\"\u003e\n\u003ch4 style=\"color: #DC143C; margin-bottom: 15px; font-size: 1.2em;\"\u003e⚠️ Avertissements pour une utilisation sûre\u003c\/h4\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\" style=\"background: #DC143C;\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eÉvitez que le produit ne pénètre dans les yeux\u003c\/strong\u003e directement\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\" style=\"background: #DC143C;\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eCommencez avec une petite quantité\u003c\/strong\u003e Augmenter progressivement selon les besoins\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\" style=\"background: #DC143C;\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eNe pas utiliser avec d'autres produits à la rétinol\u003c\/strong\u003e En même temps\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\" style=\"background: #DC143C;\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eArrêtez immédiatement\u003c\/strong\u003e En cas d'irritation anormale\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Warning Section --\u003e\n\u003cdiv class=\"warning-section\"\u003e\n\u003ch2 class=\"warning-title\"\u003e⚠️ Avertissement important : La zone des yeux pâlit plus vite que le reste du visage\u003c\/h2\u003e\n\u003cdiv style=\"font-size: 1.1em; line-height: 1.8;\"\u003e\n\u003cp\u003e\u003cstrong\u003eLa peau autour des yeux est 10 fois plus fine que le reste du visage\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eChaque jour sans soin spécial... les rides s'approfondissent\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eChaque semaine de négligence... l'élasticité de la peau diminue davantage\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eChaque mois de report... les dommages deviennent plus difficiles à réparer\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003cimg alt=\"Investissez dès maintenant dans la jeunesse de vos yeux\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin_1004_Probio-Cica_Bakuchiol_Eye_Cream_Gentle_Anti-wrinkle_Eye_Cream_1.webp?v=1754234127\" style=\"width: 100%; max-width: 400px; margin: 0 auto 30px auto; display: block; border-radius: 15px;\"\/\u003e\n\u003ch2 class=\"cta-title\"\u003eLa décision d'aujourd'hui déterminera la forme de vos yeux à l'avenir\u003c\/h2\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eChaque jour sans soin... la zone des yeux devient plus faible\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eReporter chaque semaine... les rides s'accentuent et restent plus difficiles à traiter\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eChaque mois de négligence... l'écart entre votre âge réel et l'âge de vos yeux augmente\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-highlight\"\u003e\n      SKIN1004 n'est pas juste une crème pour les yeux... c'est une solution sûre et naturelle pour rajeunir vos yeux\n    \u003c\/div\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cstrong\u003eCommencez votre parcours de rajeunissement des yeux dès aujourd'hui... Commandez maintenant\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredients List --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eListe complète des ingrédients\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003cp\u003e\u003cstrong\u003eWater, Glycerin, Butylene Glycol, Dipentaerythrityl Hexa C5-9 Acid Esters, 1,2-Hexanediol, Niacinamide, Squalane, Polyglyceryl-3 Distearate, Cetearyl Alcohol, Caprylic\/Capric Triglyceride, Betaine, Butyrospermum Parkii (Shea) Butter, Heptyl Undecylenate, Centella Asiatica Extract, Panthenol, Bakuchiol, Glyceryl Stearate, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Palmitic Acid, Tromethamine, Stearic Acid, Glyceryl Stearate Citrate, Carbomer, Ethylhexylglycerin, Adenosine, Macadamia Ternifolia Seed Oil, Sodium Hyaluronate, Sodium Phytate, Hydrogenated Lecithin, Ceramide NP, Glyceryl Acrylate\/Acrylic Acid Copolymer, Theobroma Cacao (Cocoa) Extract, Dextrin, Polyglyceryl-10 Myristate, Phytosphingosine, Lactobacillus Ferment, Madecassic Acid, Asiaticoside, Hydrolyzed Extensin, Sucrose Distearate, Asiatic Acid, Phytosterols, Lauric Acid, Hydrolyzed Hyaluronic Acid, Caprylyl Glycol, Acetyl Hexapeptide-8\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Simple intersection observer for animations\n    const observerOptions = {\n      threshold: 0.1,\n      rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          const element = entry.target;\n          \n          if (element.classList.contains('benefit-card')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          } else if (element.classList.contains('ingredient-card')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          } else if (element.classList.contains('timeline-card')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          } else if (element.classList.contains('comparison-card')) {\n            element.style.animation = 'fadeInUp 0.8s ease-out forwards';\n          }\n        }\n      });\n    }, observerOptions);\n\n    \/\/ Initialize animations on page load\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const animatedElements = document.querySelectorAll('.benefit-card, .ingredient-card, .timeline-card, .comparison-card');\n      \n      animatedElements.forEach((el, index) =\u003e {\n        el.style.animationDelay = `${index * 0.1}s`;\n        observer.observe(el);\n      });\n\n      \/\/ Simple hover effects\n      const cards = document.querySelectorAll('.benefit-card, .ingredient-card, .timeline-card, .comparison-card');\n      cards.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          card.style.transform = card.classList.contains('timeline-card') || card.classList.contains('comparison-card') \n            ? 'translateY(-5px)' \n            : 'translateY(-5px) scale(1.02)';\n        });\n        \n        card.addEventListener('mouseleave', () =\u003e {\n          card.style.transform = '';\n        });\n      });\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":46999413817518,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/skin_1004_Probio-Cica_Bakuchiol_Eye_Cream_Gentle_Anti-wrinkle_Eye_Cream_d7bc116b-97da-4363-ad25-50c8c74eb4fb.webp?v=1788175281"},{"product_id":"skin-1004-centella-tea-trica-relief-ampoule","title":"Skin 1004 Ampoule Thé Vert et Centella Pure | Spécialiste de l'inflammation","description":"\u003c!-- SKIN1004 Centella Tea-Trica Relief Ampoule - Redesigned with Site CSS --\u003e\n\u003cdiv class=\"product-description-container\" dir=\"ltr\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"ph-hero-section\"\u003e\n\u003ch1 class=\"ph-hero-title\"\u003e\n      SKIN1004 Centella Tea-Trica Relief Ampoule\n    \u003c\/h1\u003e\n\u003cp class=\"ph-hero-subtitle\"\u003e\n      La solution ultime pour les boutons et la peau grasse qui ne veulent pas se calmer\n    \u003c\/p\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003cimg alt=\"SKIN1004 Centella Tea-Trica Relief Ampoule\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004-ampoule-serum-coming-soon-tea-trica-relief-ampoule-37221009457398_1440x_eeea136e-0251-48f0-a2eb-a23f3ae687c5.webp?v=1754244097\"\/\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Problem Statement Section --\u003e\n\u003csection class=\"ph-section tea-trica-problem-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eVos pilules et l'excès de graisse détruisent votre confiance en vous... et vous en avez assez d'essayer\u003c\/h2\u003e\n\u003cdiv class=\"tea-trica-problem-list\"\u003e\n\u003cdiv class=\"tea-trica-problem-item\"\u003e\n\u003cspan class=\"tea-trica-problem-number\"\u003e1\u003c\/span\u003e\n\u003cp\u003eLes boutons sont-ils devenus une partie de votre visage et difficiles à éliminer?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-problem-item\"\u003e\n\u003cspan class=\"tea-trica-problem-number\"\u003e2\u003c\/span\u003e\n\u003cp\u003eVotre peau est-elle si grasse que le maquillage s'efface en quelques heures?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-problem-item\"\u003e\n\u003cspan class=\"tea-trica-problem-number\"\u003e3\u003c\/span\u003e\n\u003cp\u003eAvez-vous essayé de nombreux produits contre l'acné mais ils n'ont soit pas fonctionné soit ont irrité votre peau?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-problem-item\"\u003e\n\u003cspan class=\"tea-trica-problem-number\"\u003e4\u003c\/span\u003e\n\u003cp\u003eRessentez-vous que vos pores sont larges et que l'huile sort peu importe à quel point vous nettoyez votre visage?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-solution-intro\"\u003e\n\u003cp\u003e\u003cstrong\u003eLes boutons et la peau grasse ne sont pas seulement un problème temporaire... c'est un cercle vicieux d'inflammation et d'excès de sébum.\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eMais si je vous disais qu'il existe une formule naturelle puissante qui peut briser ce cycle... et vous donner une peau claire et saine sans agressivité ni irritation?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSKIN1004 Centella Tea-Trica Relief Ampoule\u003c\/strong\u003e Ce n'est pas juste une ampoule ordinaire... celle-ci \u003cstrong\u003eGuerrier naturel\u003c\/strong\u003e Qui libérera votre peau de la tragédie des boutons et de l'excès de graisse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Key Benefits Section --\u003e\n\u003csection class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003ePrincipales utilisations et avantages\u003c\/h2\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003cimg alt=\"Utilisations du produit\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004-ampoule-serum-coming-soon-tea-trica-relief-ampoule-37221009719542_1440x_44be4ca4-a8fb-44c0-9b31-eaf1b4bd6da4.webp?v=1754244098\"\/\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e1\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eIl attaque les céréales depuis les racines\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eAvec de l'eau d'arbre à thé concentrée à 94 000 ppm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e2\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eIl soulage l'inflammation et les rougeurs\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eAvec de l'extrait pur de Centella\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e3\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eContrôle l'excès de graisse\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eIl empêche la brillance indésirable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e4\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eRéduit la taille des pores dilatés\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eIl améliore la texture de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e5\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003ePrévient l'apparition de nouveaux boutons\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eAvec protection continue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e6\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eAccélère la cicatrisation des cicatrices d'acné\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eCicatrices anciennes et superficielles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e7\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eTexture légère qui s'absorbe rapidement\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003ePas gras ni collant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e8\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eTesté contre les pores obstrués\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eSûr pour les peaux sujettes à l'acné\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003e9\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eÉquilibre l'hydratation de la peau\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eSans excès de graisse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- How It Works Section --\u003e\n\u003csection class=\"ph-how-it-works\"\u003e\n\u003ch2 class=\"ph-section-title\" style=\"color: white;\"\u003eComment cela fonctionne?\u003c\/h2\u003e\n\u003cdiv class=\"ph-product-showcase\"\u003e\n\u003cimg alt=\"Composants du produit\" class=\"ph-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/skin1004-ampoule-serum-coming-soon-tea-trica-relief-ampoule-37221009817846_1440x_84cd5d3b-d782-450e-86c7-44a191ea7a96.webp?v=1754244098\"\/\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"tea-trica-ingredient-title\"\u003eTea Tree + Centella + Pine Complex\u003c\/h3\u003e\n\u003ch4 class=\"tea-trica-ingredient-subtitle\"\u003eL'alliance naturelle la plus puissante contre les boutons et la peau grasse\u003c\/h4\u003e\n\u003cdiv class=\"ph-mechanism-cards\"\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eEau d'arbre à thé 94 000 ppm\u003c\/h3\u003e\n\u003cp style=\"color: #D4AF37; font-weight: 600; margin-bottom: 1rem;\"\u003eLe premier guerrier\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 1rem;\"\u003eConcentration la plus élevée d'eau d'arbre à thé dans SKIN1004.\u003c\/p\u003e\n\u003cul class=\"tea-trica-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePuissant antibactérien naturel\u003c\/strong\u003e Tue les bactéries des grains dès les racines\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnti-inflammatoire efficace\u003c\/strong\u003e Il soulage immédiatement les rougeurs et le gonflement\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRégule la sécrétion de graisses\u003c\/strong\u003e Il prévient les pores obstrués\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAccélère la cicatrisation des boutons enflammés\u003c\/strong\u003e Il empêche la formation de cicatrices\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eExtrait de Centella 5 621 ppm\u003c\/h3\u003e\n\u003cp style=\"color: #D4AF37; font-weight: 600; margin-bottom: 1rem;\"\u003eLe Mahdi naturel\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 1rem;\"\u003eCentella asiatique avec une haute concentration pour un apaisement profond.\u003c\/p\u003e\n\u003cul class=\"tea-trica-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eApaise la peau enflammée\u003c\/strong\u003e Sans sécheresse ni irritation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAccélère la régénération cellulaire\u003c\/strong\u003e Il répare les tissus endommagés\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRenforce la barrière cutanée\u003c\/strong\u003e Contre les dommages externes\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStimule le collagène\u003c\/strong\u003e Pour remplir naturellement les cicatrices d'acné\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-mechanism-card\"\u003e\n\u003ch3 class=\"ph-mechanism-title\"\u003eComplexe Triple Pin\u003c\/h3\u003e\n\u003cp style=\"color: #D4AF37; font-weight: 600; margin-bottom: 1rem;\"\u003eBouclier protecteur\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 1rem;\"\u003eUne alliance naturelle de 3 espèces de pins pour une double protection.\u003c\/p\u003e\n\u003cul class=\"tea-trica-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePuissants antioxydants\u003c\/strong\u003e Combat les radicaux libres\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRenforce l'immunité naturelle de la peau\u003c\/strong\u003e Contre les bactéries\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtège contre la pollution et la poussière\u003c\/strong\u003e Causes des boutons\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eMaintient la santé de la peau à long terme\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- How to Use Section --\u003e\n\u003csection class=\"ph-usage-section\"\u003e\n\u003ch2 class=\"ph-usage-title\"\u003eComment utiliser\u003c\/h2\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\u003cdiv class=\"ph-step-content\"\u003e\n\u003ch3 class=\"ph-step-title\"\u003eNettoie la peau\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eNettoyez votre visage avec un nettoyant approprié et assurez-vous qu'il soit complètement sec\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ph-step-content\"\u003e\n\u003ch3 class=\"ph-step-title\"\u003eTonique\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eUtilisez votre tonique préféré pour préparer la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ph-step-content\"\u003e\n\u003ch3 class=\"ph-step-title\"\u003eAmpoule\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003ePrenez 2-3 gouttes et étalez-les sur tout votre visage en mouvements circulaires doux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"ph-step-content\"\u003e\n\u003ch3 class=\"ph-step-title\"\u003eTapotement\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eTapotez doucement votre peau jusqu'à absorption complète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-step\"\u003e\n\u003cdiv class=\"ph-step-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"ph-step-content\"\u003e\n\u003ch3 class=\"ph-step-title\"\u003eHydratant et protection\u003c\/h3\u003e\n\u003cp class=\"ph-step-description\"\u003eComplétez votre routine avec une crème hydratante et un écran solaire pendant la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-usage-tips\"\u003e\n\u003ch3 class=\"ph-tips-title\"\u003eConseils d'utilisation\u003c\/h3\u003e\n\u003cul class=\"ph-tips-list\"\u003e\n\u003cli\u003eUtilisez-le matin et soir pour des résultats optimaux\u003c\/li\u003e\n\u003cli\u003eVous pouvez l'appliquer localement sur les boutons inflammés pour un traitement intensif\u003c\/li\u003e\n\u003cli\u003eConvient pour un usage quotidien - n'irritera pas votre peau\u003c\/li\u003e\n\u003cli\u003eVous pouvez l'utiliser avant le maquillage pour une peau lisse et mate\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Timeline\/Results Section --\u003e\n\u003csection class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eChronologie des résultats visibles au fil du temps\u003c\/h2\u003e\n\u003cdiv class=\"ph-timeline-section\"\u003e\n\u003cdiv class=\"ph-timeline-container\"\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003e1 semaine\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eUn début prometteur\u003c\/h3\u003e\n\u003cdiv class=\"tea-trica-timeline-list\"\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eSoulagement instantané des inflammations et des rougeurs\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eContrôle visible du sébum et de la brillance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eLa peau commence à rester plus douce et plus confortable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eSemaine 2-3\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eAmélioration évidente\u003c\/h3\u003e\n\u003cdiv class=\"tea-trica-timeline-list\"\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eLes boutons existants commencent à diminuer et guérissent rapidement\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eLes pores commencent à se resserrer et la peau devient plus lisse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eNouvelles pilules, beaucoup moins\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eLa peau est équilibrée et moins brillante\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-item\"\u003e\n\u003cdiv class=\"ph-timeline-badge\"\u003eSemaines 4-6\u003c\/div\u003e\n\u003cdiv class=\"ph-timeline-card\"\u003e\n\u003ch3 class=\"ph-timeline-title\"\u003eTransformation complète\u003c\/h3\u003e\n\u003cdiv class=\"tea-trica-timeline-list\"\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003ePeau claire sans boutons actifs\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eLes effets des boutons disparaissent clairement\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003ePores resserrés et peau lisse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003eÉquilibre parfait entre graisse et humidité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-timeline-benefit\"\u003e\n\u003cspan class=\"tea-trica-check\"\u003e✓\u003c\/span\u003e\n\u003cspan\u003ePeau naturellement saine et radieuse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Clinical Results Section --\u003e\n\u003csection class=\"ph-results-section\"\u003e\n\u003ch2 class=\"ph-results-title\"\u003eRésultats scientifiquement prouvés\u003c\/h2\u003e\n\u003cdiv class=\"ph-stats-grid\"\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e95%\u003c\/div\u003e\n\u003cp\u003eAmélioration des infections acnéiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e88%\u003c\/div\u003e\n\u003cp\u003eRéduction de la sécrétion de graisse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e92%\u003c\/div\u003e\n\u003cp\u003eAmélioration de la taille des pores\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-stat-item\"\u003e\n\u003cdiv class=\"ph-stat-number\"\u003e100%\u003c\/div\u003e\n\u003cp\u003eTesté contre les pores obstrués\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tea-trica-clinical-note\"\u003e\n\u003cp\u003eTesté dermatologiquement\u003c\/p\u003e\n\u003cp\u003eSans danger pour les peaux sensibles\u003c\/p\u003e\n\u003cp\u003eSans substances nocives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Why Choose Section --\u003e\n\u003csection class=\"ph-section tea-trica-why-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003ePourquoi choisir Tea-Trica Relief Ampoule?\u003c\/h2\u003e\n\u003cdiv class=\"ph-benefits-grid\"\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eA\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003e100 % naturel\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003ePas de produits chimiques nocifs - sûr pour tous les types de peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eB\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eScientifiquement prouvé\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eLes tests cliniques confirment l'efficacité et la sécurité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eC\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eRésultats rapides\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eAmélioration notable dès la première semaine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eD\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eHaute concentration\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003e94 000 ppm d'eau d'arbre à thé - concentration la plus élevée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eE\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eProtection complète\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eTraite et prévient les boutons en même temps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ph-benefit-card\"\u003e\n\u003cdiv class=\"ph-benefit-icon\"\u003eF\u003c\/div\u003e\n\u003ch3 class=\"ph-benefit-title\"\u003eSensation luxueuse\u003c\/h3\u003e\n\u003cp class=\"ph-benefit-description\"\u003eLéger, rapidement absorbé, non gras\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Warning Section --\u003e\n\u003csection class=\"ph-section tea-trica-warning\"\u003e\n\u003cdiv class=\"tea-trica-warning-box\"\u003e\n\u003ch3\u003eAvertissement important\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLes boutons et la peau grasse ne s'amélioreront pas d'eux-mêmes...\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eChaque jour qui passe sans traitement efficace, la peau devient plus endommagée et la confiance en soi diminue.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTea-Trica Relief Ampoule\u003c\/strong\u003e C'est la solution naturelle que votre peau a besoin en ce moment!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Product Info Section --\u003e\n\u003csection class=\"ph-section\"\u003e\n\u003ch2 class=\"ph-section-title\"\u003eInformations sur le produit\u003c\/h2\u003e\n\u003cdiv class=\"tea-trica-product-info\"\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eTaille:\u003c\/strong\u003e 100ml\n      \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eType de peau:\u003c\/strong\u003e Grasse, mixte, sujette à l'acné, sensible\n      \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eIngrédients principaux:\u003c\/strong\u003e Eau d'arbre à thé 94 000ppm, Extrait de Centella 5 621ppm, Complexe triple pin\n      \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eSans:\u003c\/strong\u003e Parabènes, sulfates, parfums synthétiques, alcool asséchant\n      \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eUtilisation:\u003c\/strong\u003e Matin et soir\n      \u003c\/div\u003e\n\u003cdiv class=\"tea-trica-info-item\"\u003e\n\u003cstrong\u003eDurée de conservation:\u003c\/strong\u003e Deux ans à partir de la date de production\n      \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Additional Product-Specific Styles *\/\n\n.tea-trica-problem-section {\n  background: linear-gradient(135deg, #fff5f5 0%, #ffffff 100%);\n  padding: 3rem 2rem;\n  border-radius: 15px;\n}\n\n\/* Compact Problem List *\/\n.tea-trica-problem-list {\n  max-width: 800px;\n  margin: 2rem auto;\n  display: grid;\n  gap: 1rem;\n}\n\n.tea-trica-problem-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  padding: 1rem 1.5rem;\n  background: white;\n  border-radius: 10px;\n  box-shadow: 0 4px 15px rgba(0,0,0,0.06);\n  transition: all 0.3s ease;\n  border-right: 3px solid #9C8102;\n}\n\n.tea-trica-problem-item:hover {\n  transform: translateX(-5px);\n  box-shadow: 0 6px 20px rgba(156, 129, 2, 0.15);\n}\n\n.tea-trica-problem-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  background: linear-gradient(45deg, #9C8102, #D4AF37);\n  color: white;\n  border-radius: 50%;\n  font-weight: 600;\n  font-size: 0.9rem;\n  flex-shrink: 0;\n}\n\n.tea-trica-problem-item p {\n  margin: 0;\n  color: #333;\n  font-size: 1rem;\n  line-height: 1.6;\n}\n\n.tea-trica-solution-intro {\n  max-width: 900px;\n  margin: 3rem auto 0;\n  padding: 2rem;\n  background: white;\n  border-radius: 15px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n  text-align: center;\n}\n\n.tea-trica-solution-intro h3 {\n  color: #9C8102;\n  font-size: 1.4rem;\n  margin: 1.5rem 0;\n  line-height: 1.6;\n}\n\n.tea-trica-solution-intro p {\n  font-size: 1.1rem;\n  line-height: 1.7;\n  color: #333;\n  margin: 1rem 0;\n}\n\n\/* Timeline Benefits - Elegant and Compact *\/\n.tea-trica-timeline-list {\n  display: grid;\n  gap: 0.6rem;\n  text-align: left;\n}\n\n.tea-trica-timeline-benefit {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.75rem;\n  padding: 0.5rem 0;\n}\n\n.tea-trica-check {\n  color: #9C8102;\n  font-size: 1rem;\n  font-weight: 600;\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n\n.tea-trica-timeline-benefit span:last-child {\n  color: #333;\n  font-size: 0.95rem;\n  line-height: 1.5;\n}\n\n.tea-trica-ingredient-title {\n  font-size: 2rem;\n  font-weight: 700;\n  color: #D4AF37;\n  text-align: center;\n  margin: 2rem 0 1rem;\n  position: relative;\n  z-index: 2;\n}\n\n.tea-trica-ingredient-subtitle {\n  font-size: 1.2rem;\n  color: white;\n  text-align: center;\n  margin-bottom: 3rem;\n  opacity: 0.9;\n  position: relative;\n  z-index: 2;\n}\n\n.tea-trica-benefits-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.tea-trica-benefits-list li {\n  padding: 0.5rem 0;\n  color: white;\n  line-height: 1.6;\n  position: relative;\n  padding-left: 1.5rem;\n}\n\n.tea-trica-benefits-list li::before {\n  content: '✓';\n  position: absolute;\n  right: 0;\n  color: #D4AF37;\n  font-weight: bold;\n}\n\n.tea-trica-clinical-note {\n  text-align: center;\n  margin-top: 2rem;\n  font-size: 1.1rem;\n}\n\n.tea-trica-clinical-note p {\n  margin: 0.5rem 0;\n  font-weight: 600;\n}\n\n.tea-trica-why-section {\n  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n  padding: 3rem 2rem;\n  border-radius: 15px;\n}\n\n.tea-trica-warning {\n  margin: 3rem 0;\n}\n\n.tea-trica-warning-box {\n  background: linear-gradient(135deg, #fff3cd 0%, #ffe69c 100%);\n  border: 3px solid #9C8102;\n  border-radius: 15px;\n  padding: 2rem;\n  text-align: center;\n  box-shadow: 0 10px 30px rgba(156, 129, 2, 0.2);\n}\n\n.tea-trica-warning-box h3 {\n  color: #9C8102;\n  font-size: 1.8rem;\n  margin-bottom: 1rem;\n}\n\n.tea-trica-warning-box p {\n  font-size: 1.1rem;\n  color: #333;\n  margin: 1rem 0;\n  line-height: 1.7;\n}\n\n.tea-trica-product-info {\n  max-width: 800px;\n  margin: 0 auto;\n  background: white;\n  padding: 2rem;\n  border-radius: 15px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n}\n\n.tea-trica-info-item {\n  padding: 1rem;\n  border-bottom: 1px solid #eee;\n  font-size: 1rem;\n  line-height: 1.6;\n  text-align: left;\n}\n\n.tea-trica-info-item:last-child {\n  border-bottom: none;\n}\n\n.tea-trica-info-item strong {\n  color: #9C8102;\n  display: inline-block;\n  min-width: 150px;\n}\n\n\/* RTL Adjustments *\/\n[dir=\"rtl\"] .tea-trica-benefits-list li {\n  padding-left: 1.5rem;\n  padding-left: 0;\n}\n\n[dir=\"rtl\"] .tea-trica-benefits-list li::before {\n  right: 0;\n  left: auto;\n}\n\n[dir=\"rtl\"] .tea-trica-problem-item {\n  border-right: 3px solid #9C8102;\n  border-left: none;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .tea-trica-problem-section {\n    padding: 2rem 1rem;\n  }\n  \n  .tea-trica-problem-item {\n    padding: 0.85rem 1rem;\n  }\n  \n  .tea-trica-problem-number {\n    width: 28px;\n    height: 28px;\n    font-size: 0.85rem;\n  }\n  \n  .tea-trica-problem-item p {\n    font-size: 0.95rem;\n  }\n  \n  .tea-trica-ingredient-title {\n    font-size: 1.5rem;\n  }\n  \n  .tea-trica-ingredient-subtitle {\n    font-size: 1rem;\n  }\n  \n  .tea-trica-solution-intro {\n    padding: 1.5rem;\n  }\n  \n  .tea-trica-solution-intro h3 {\n    font-size: 1.1rem;\n  }\n  \n  .tea-trica-warning-box {\n    padding: 1.5rem;\n  }\n  \n  .tea-trica-warning-box h3 {\n    font-size: 1.4rem;\n  }\n  \n  .tea-trica-info-item strong {\n    display: block;\n    margin-bottom: 0.5rem;\n  }\n  \n  .tea-trica-timeline-benefit span:last-child {\n    font-size: 0.9rem;\n  }\n}\n\u003c\/style\u003e","brand":"Skin 1004","offers":[{"title":"Default Title","offer_id":46999414210734,"sku":null,"price":28.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/skin1004-ampoule-serum-100ml-tea-trica-relief-ampoule-38642934055158_1440x_20784e13-5608-4297-99c6-c61d74fe37a0.webp?v=1788175280"},{"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":"cosrx-hyaluronic-acid-intensive-cream","title":"COSRX Hyaluronic Acid Intensive Cream 100grams","description":"\u003cstyle\u003e\n        .golden-accent { color: #9C8102; font-weight: bold; }\n        .section-title { \n            color: #9C8102; \n            font-size: 1.6em; \n            margin: 30px 0 20px 0; \n            font-weight: bold; \n            text-align: center;\n            text-shadow: 1px 1px 2px rgba(0,0,0,0.1);\n            border-bottom: 3px solid #9C8102;\n            padding-bottom: 10px;\n        }\n        .problem-intro {\n            background: linear-gradient(135deg, #ff6b6b, #ee5a52);\n            color: white;\n            padding: 30px;\n            border-radius: 15px;\n            margin: 25px 0;\n            font-size: 1.1em;\n            line-height: 1.9;\n            box-shadow: 0 8px 25px rgba(255, 107, 107, 0.3);\n        }\n        .unique-title {\n            background: linear-gradient(135deg, #9C8102, #B8941A);\n            color: white;\n            padding: 40px;\n            text-align: center;\n            margin: 30px 0;\n            border-radius: 20px;\n            font-size: 1.8em;\n            font-weight: bold;\n            box-shadow: 0 10px 30px rgba(156, 129, 2, 0.4);\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n        }\n        .subtitle {\n            text-align: center;\n            font-size: 1.3em;\n            color: #666;\n            margin: 15px 0 30px 0;\n            font-style: italic;\n        }\n        .benefit-item { \n            margin: 20px 0; \n            padding: 25px; \n            background: linear-gradient(135deg, #f8f9fa, #e9ecef); \n            border-right: 6px solid #9C8102; \n            border-radius: 12px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n        }\n        .benefit-item:hover { \n            transform: translateX(-5px) translateY(-2px); \n            box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n        }\n        .how-it-works {\n            background: linear-gradient(135deg, #667eea, #764ba2);\n            color: white;\n            padding: 30px;\n            border-radius: 15px;\n            margin: 25px 0;\n            font-size: 1.1em;\n            line-height: 1.8;\n            box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);\n        }\n        .timeline-section {\n            background: #2c3e50;\n            color: white;\n            padding: 30px;\n            border-radius: 15px;\n            margin: 25px 0;\n            box-shadow: 0 8px 25px rgba(44, 62, 80, 0.3);\n        }\n        .timeline-item {\n            margin: 15px 0;\n            padding: 15px;\n            background: rgba(255,255,255,0.1);\n            border-radius: 8px;\n            border-left: 4px solid #FFD700;\n        }\n        .cta-section { \n            background: linear-gradient(135deg, #1a1a1a, #2d2d2d); \n            color: white; \n            padding: 40px 25px; \n            text-align: center; \n            margin: 50px 0; \n            border-radius: 20px;\n            box-shadow: 0 12px 35px rgba(0,0,0,0.4);\n            border: 3px solid #FFD700;\n        }\n        @media (max-width: 768px) {\n            .cta-section {\n                padding: 30px 20px;\n                margin: 40px 10px;\n                border-radius: 15px;\n            }\n            .unique-title {\n                font-size: 1.4em;\n                padding: 30px 20px;\n            }\n            .section-title {\n                font-size: 1.3em;\n            }\n        }\n        .ingredients-list { \n            background: linear-gradient(135deg, #f5f7fa, #c3cfe2); \n            padding: 30px; \n            margin: 25px 0; \n            border-radius: 15px;\n            border: 3px solid #9C8102;\n            box-shadow: 0 6px 20px rgba(156, 129, 2, 0.2);\n        }\n        .what-makes-different {\n            background: linear-gradient(135deg, #ffeaa7, #fdcb6e);\n            padding: 25px;\n            border-radius: 12px;\n            margin: 25px 0;\n            border: 2px solid #e17055;\n            color: #2d3436;\n            font-weight: bold;\n            box-shadow: 0 6px 18px rgba(253, 203, 110, 0.3);\n        }\n        .icon { width: 28px; height: 28px; display: inline-block; margin-left: 12px; }\n        .reviews-section {\n            background: linear-gradient(135deg, #a8e6cf, #88d8a3); \n            padding: 30px; \n            border-radius: 15px; \n            margin: 25px 0;\n            box-shadow: 0 6px 20px rgba(168, 230, 207, 0.3);\n        }\n        .review-positive { color: #00b894; font-weight: bold; }\n        .review-negative { color: #fdcb6e; font-weight: bold; }\n        .review-overall { color: #2d3436; font-weight: bold; }\n    \u003c\/style\u003e\n\u003cdiv style=\"font-family:Arial',sans-serif; direction: ltr; text-align: left; line-height: 1.8; color: #333;\"\u003e\n\u003cdiv class=\"problem-intro\"\u003eLa sécheresse est l'ennemi numéro un de votre peau. C'est la principale cause des fissures et des ridules. C'est la plus grande cause du vieillissement prématuré. \u003cbr\/\u003eL'hydratation est l'étape la plus importante de votre routine quotidienne.\u003c\/div\u003e\n\u003cdiv class=\"unique-title\"\u003eLe secret sacré de la Corée : la crème qui rend votre peau soyeuse comme du velours\u003c\/div\u003e\n\u003cdiv class=\"subtitle\"\u003eCOSRX - la crème coréenne légendaire pour une hydratation intense et une peau veloutée\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e🔬 Ingrédients scientifiquement avancés\u003c\/div\u003e\n\u003cdiv class=\"ingredients-list\"\u003e\n\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003eHippophae Rhamnoides Water (Sea Buckthorn) 57.8%\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003eSodium Hyaluronate 3000ppm\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003eGlycerin 8%\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003eBetaine 3%\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003eHelianthus Annuus Seed Oil 4%\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003eMacadamia Ternifolia Seed Oil 2%\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003ePanthenol 1%\u003c\/strong\u003e\u003cbr\/\u003e\u003cbr\/\u003e\u003cspan class=\"golden-accent\"\u003e💎\u003c\/span\u003e \u003cstrong\u003eAllantoin 0.5%\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e Comment cela fonctionne?\u003c\/div\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch4 style=\"color: #ffd700; margin: 0 0 15px 0;\"\u003e🧬 La science derrière le miracle:\u003c\/h4\u003e\nL'eau d'argousier coréen, riche en vitamine C, stimule le renouvellement des cellules de la peau et restaure l'éclat. L'hyaluronate de sodium absorbe 1000 fois son poids en eau, hydratant la peau en profondeur et comblant les ridules. La glycérine et la bétaïne forment une barrière protectrice qui empêche l'évaporation de l'humidité..\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e💪 Pouvoirs surnaturels confirmés scientifiquement\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eHydratation intense qui dure 24 heures\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eL'hyaluronate de sodium 3000 ppm retient l'humidité en profondeur\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eRajeunir et éclaircir la peau\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eL'eau d'argousier 57,8 % est riche en vitamine C rajeunissante\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eRemplit instantanément les rides fines\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eL'acide hyaluronique comble les rides comme le Botox naturel\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eApaise la peau sensible\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eL'allantoïne et le panthénol apaisent les irritations\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eProtection contre la perte d'humidité\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eLa glycérine à 8% retient l'humidité pendant des heures\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eNutrition profonde pour la peau\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003csvg class=\"icon\" fill=\"#9C8102\" viewbox=\"0 0 20 20\"\u003e\n\u003cpath d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e \u003cstrong\u003eLes huiles de macadamia et de tournesol nourrissent et adoucissent\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-section\"\u003e\n\u003ch4 style=\"color: #ffd700; margin: 0 0 20px 0; text-align: center;\"\u003e Chronologie des résultats visibles:\u003c\/h4\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003ePremière application : soulagement instantané pour les peaux sèches et texture douce et soyeuse\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eLa première semaine : une amélioration notable de la douceur et de l'éclat de la peau, moins de sécheresse et de fissures\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eLa troisième semaine : La peau devient soyeuse au toucher, et les rides fines sont clairement réduites\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\u003cstrong\u003eMois 2 : Peau de verre réelle, hydratée, éclatante et douce comme un bébé\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-title\"\u003ePourquoi ce produit est-il différent de tout le reste?\u003c\/div\u003e\n\u003cdiv class=\"what-makes-different\"\u003e\n\u003ch4 style=\"color: #2d3436; margin: 0 0 15px 0;\"\u003e👑 Le secret qui le rend le meilleur:\u003c\/h4\u003e\nCozarx est la seule crème qui contient de l'eau d'argousier coréenne originale à une concentration de 57,8 %. La formule coréenne exclusive est approuvée par le ministère coréen de la Santé et est la crème la plus vendue en Corée pour traiter les peaux sèches et sensibles..\u003c\/div\u003e\n\u003cdiv style=\"background: linear-gradient(135deg, #2d3436, #636e72); color: white; padding: 30px; border-radius: 15px; margin: 30px 0; box-shadow: 0 8px 25px rgba(45, 52, 54, 0.3);\"\u003e\n\u003ch4 style=\"color: #ffd700; margin: 0 0 20px 0; text-align: center;\"\u003e📋 Tous les ingrédients\u003c\/h4\u003e\n\u003cp style=\"font-size: 0.95em; line-height: 1.9; opacity: 0.95; text-align: center;\"\u003eHippophae Rhamnoides Water, Glycerin, Butylene Glycol, Caprylic\/Capric Triglyceride, Betaine, Helianthus Annuus Seed Oil, Cetearyl Alcohol, Cetearyl Olivate, Sorbitan Olivate, Macadamia Ternifolia Seed Oil, Sodium Hyaluronate, Arginine, Panthenol, Dimethicone, Allantoin, Xanthan Gum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Enhanced hover effects\n            document.querySelectorAll('.benefit-item').forEach(item =\u003e {\n                item.addEventListener('mouseenter', function() {\n                    this.style.transform = 'translateX(-8px) translateY(-3px)';\n                    this.style.transition = 'all 0.3s ease';\n                });\n                item.addEventListener('mouseleave', function() {\n                    this.style.transform = 'translateX(0) translateY(0)';\n                });\n            });\n\n            \/\/ Pulsing effect for CTA\n            const ctaSection = document.querySelector('.cta-section');\n            if (ctaSection) {\n                setInterval(() =\u003e {\n                    ctaSection.style.boxShadow = '0 15px 40px rgba(0,0,0,0.5)';\n                    setTimeout(() =\u003e {\n                        ctaSection.style.boxShadow = '0 12px 35px rgba(0,0,0,0.4)';\n                    }, 1500);\n                }, 4000);\n            }\n\n            \/\/ Scrolling 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.style.opacity = '1';\n                        entry.target.style.transform = 'translateY(0)';\n                    }\n                });\n            }, observerOptions);\n\n            document.querySelectorAll('.section-title, .benefit-item').forEach(el =\u003e {\n                el.style.opacity = '0';\n                el.style.transform = 'translateY(30px)';\n                el.style.transition = 'all 0.6s ease';\n                observer.observe(el);\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"COSRX","offers":[{"title":"100ml","offer_id":46999421976750,"sku":"COSRX_HYALURONIC_ACID_INTENSIVE_CREAM_4587","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/cosrxhyaluronicacidintensivecream_85a2de0d-18fb-40fb-8099-dd6087275808.jpg?v=1788175249"},{"product_id":"medicube-collagen-night-wrapping-mask","title":"Masque de Nuit Encapsulé au Collagène Medicube (75 ml) - Raffermit la peau et améliore l'élasticité","description":"\u003cdiv class=\"med-premium-wrapper\" dir=\"ltr\"\u003e\n\u003cstyle\u003e\n        \/* === Premium Arabic Font === *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900\u0026display=swap');\n\n        \/* === Core Variables (Midnight Gold \u0026 Collagen Amber Theme) === *\/\n        .med-premium-wrapper {\n            --med-bg-dark: #0a0805; \/* Deep midnight brown\/black *\/\n            --med-bg-card: rgba(30, 20, 10, 0.55); \/* Translucent dark gold\/amber *\/\n            --med-gold-main: #d4af37; \/* Premium Gold *\/\n            --med-gold-light: #f3e5ab; \/* Luminous soft gold *\/\n            --med-gold-glow: rgba(212, 175, 55, 0.3);\n            --med-text-main: #fdfbf7;\n            --med-text-muted: #cbbca0;\n            --med-border: rgba(212, 175, 55, 0.2);\n            --med-border-hover: rgba(243, 229, 171, 0.6);\n            --med-alert: #ff4d4d;\n            \n            background-color: var(--med-bg-dark);\n            color: var(--med-text-main);\n            font-family:Tajawal',-apple-system,BlinkMacSystemFont,SegoeUI',Roboto,sans-serif;\n            line-height: 1.7;\n            overflow: hidden;\n            position: relative;\n            padding: 40px 0;\n            border-radius: 20px;\n            box-shadow: 0 0 80px rgba(212, 175, 55, 0.05) inset;\n        }\n\n        .med-premium-wrapper * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .med-premium-wrapper img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 16px;\n            display: block;\n            margin: 0 auto;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.8);\n            border: 1px solid rgba(212, 175, 55, 0.1);\n        }\n\n        .med-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* === Ambient Golden Particles Background === *\/\n        .med-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        .med-particle {\n            position: absolute;\n            border-radius: 50%;\n            bottom: -100px;\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%);\n            box-shadow: 0 0 15px var(--med-gold-glow);\n            animation: floatUpGold 15s infinite ease-in-out;\n            filter: blur(6px);\n        }\n\n        @keyframes floatUpGold {\n            0% { transform: translateY(0) scale(0.8) translateX(0); opacity: 0; }\n            20% { opacity: 0.7; }\n            80% { opacity: 0.3; }\n            100% { transform: translateY(-1600px) scale(1.5) translateX(-40px); opacity: 0; }\n        }\n\n        \/* === Typography \u0026 Headers === *\/\n        .med-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: 20px;\n            line-height: 1.4;\n            letter-spacing: 0;\n            color: #fff;\n            text-shadow: 0 5px 25px rgba(0,0,0,0.8);\n        }\n\n        .med-title-glow span {\n            background: linear-gradient(135deg, var(--med-gold-light) 0%, var(--med-gold-main) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-shadow: 0 0 20px var(--med-gold-glow);\n        }\n\n        .med-section-title {\n            display: block;\n            width: 100%;\n            font-size: clamp(24px, 4vw, 32px);\n            font-weight: 800;\n            color: #fff;\n            text-align: center;\n            margin: 60px auto 30px;\n            position: relative;\n            line-height: 1.5;\n        }\n\n        .med-section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -15px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: clamp(80px, 30%, 150px);\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--med-gold-main), transparent);\n            border-radius: 10px;\n            box-shadow: 0 0 10px var(--med-gold-main);\n        }\n\n        \/* === Hero Section === *\/\n        .med-hero {\n            text-align: center;\n            padding: 20px 0 40px;\n        }\n\n        .med-badge {\n            display: inline-block;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid var(--med-gold-main);\n            color: var(--med-gold-light);\n            padding: 8px 25px;\n            border-radius: 30px;\n            font-size: 1rem;\n            font-weight: bold;\n            margin-bottom: 25px;\n            box-shadow: 0 0 20px var(--med-gold-glow);\n        }\n        \n        .med-hero-subtitle {\n            font-size: 1.25rem;\n            color: var(--med-text-muted);\n            max-width: 800px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n            line-height: 1.8;\n        }\n\n        \/* === Glassmorphism Cards === *\/\n        .med-glass-box {\n            background: var(--med-bg-card);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid var(--med-border);\n            border-radius: 20px;\n            padding: 40px;\n            margin: 40px 0;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n            position: relative;\n            overflow: hidden;\n            text-align: left; \/* RTL Adjusted *\/\n        }\n\n        .med-glass-box.center-text {\n            text-align: center;\n        }\n\n        .med-glass-box::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0; \/* RTL Adjusted *\/\n            width: 4px;\n            height: 100%;\n            background: linear-gradient(180deg, var(--med-gold-light), var(--med-gold-main), transparent);\n            box-shadow: 0 0 15px var(--med-gold-main);\n        }\n\n        \/* === Grid System === *\/\n        .med-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px;\n            margin: 40px 0;\n        }\n\n        .med-card {\n            background: linear-gradient(145deg, rgba(20, 15, 10, 0.7), rgba(5, 5, 5, 0.9));\n            border: 1px solid var(--med-border);\n            border-radius: 16px;\n            padding: 30px 25px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n            overflow: hidden;\n            z-index: 1;\n            text-align: left; \/* RTL Adjusted *\/\n        }\n\n        .med-card::after {\n            content: '';\n            position: absolute;\n            bottom: -50%;\n            left: -50%; \/* RTL Adjusted *\/\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        .med-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--med-gold-main);\n            box-shadow: 0 15px 30px rgba(212, 175, 55, 0.15);\n            background: rgba(30, 20, 15, 0.9);\n        }\n\n        .med-card:hover::after {\n            bottom: -10%;\n            left: -10%; \/* RTL Adjusted *\/\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%);\n        }\n\n        .med-icon {\n            width: 60px;\n            height: 60px;\n            background: rgba(212, 175, 55, 0.1);\n            border: 1px solid rgba(212, 175, 55, 0.3);\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            color: var(--med-gold-light);\n            font-size: 28px;\n            transition: all 0.3s ease;\n            box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n        }\n        \n        .med-card:hover .med-icon {\n            background: linear-gradient(135deg, var(--med-gold-main), var(--med-gold-light));\n            color: #000;\n            transform: scale(1.1) rotate(-5deg); \/* Adjusted for RTL visual *\/\n            box-shadow: 0 0 25px var(--med-gold-main);\n            border-color: transparent;\n        }\n\n        .med-card h3 {\n            font-size: 1.25rem;\n            color: #fff;\n            margin-bottom: 12px;\n            line-height: 1.4;\n            font-weight: 800;\n        }\n\n        .med-card p {\n            color: var(--med-text-muted);\n            font-size: 1rem;\n            line-height: 1.7;\n        }\n\n        \/* === Sleep Timeline \/ Mechanism === *\/\n        .med-sleep-timeline {\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n            margin-top: 30px;\n        }\n\n        .med-sleep-phase {\n            background: rgba(0,0,0,0.4);\n            border: 1px solid var(--med-border);\n            padding: 20px;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            transition: all 0.3s;\n            text-align: left;\n        }\n\n        .med-sleep-phase:hover {\n            border-color: var(--med-gold-main);\n            background: rgba(212, 175, 55, 0.05);\n            transform: translateX(-5px); \/* RTL Adjusted *\/\n        }\n\n        .med-phase-time {\n            font-weight: 900;\n            color: var(--med-gold-light);\n            min-width: 110px;\n            border-left: 2px solid var(--med-gold-main); \/* RTL Adjusted *\/\n            padding-left: 15px; \/* RTL Adjusted *\/\n            font-size: 1.1rem;\n        }\n\n        \/* === Stats === *\/\n        .med-stats-wrap {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin: 40px 0;\n            background: var(--med-bg-card);\n            padding: 35px;\n            border-radius: 20px;\n            border: 1px solid var(--med-border);\n        }\n\n        .med-stat-item {\n            text-align: center;\n            position: relative;\n            padding: 15px;\n        }\n\n        .med-stat-num {\n            font-size: 3.5rem;\n            font-weight: 900;\n            background: linear-gradient(135deg, var(--med-gold-light), var(--med-gold-main));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            line-height: 1;\n            margin-bottom: 10px;\n            text-shadow: 0 0 20px rgba(212, 175, 55, 0.3);\n            font-family:system-ui,-apple-system,sans-serif; \/* Keep numbers clean *\/\n        }\n        \n        .med-stat-desc {\n            color: #fff;\n            font-size: 1.1rem;\n            line-height: 1.5;\n            font-weight: 500;\n        }\n\n        \/* === Usage Steps === *\/\n        .med-steps-wrap {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 20px;\n            margin-top: 40px;\n        }\n\n        .med-step-box {\n            background: rgba(0,0,0,0.5);\n            border: 1px solid var(--med-border);\n            padding: 30px 20px;\n            border-radius: 16px;\n            text-align: center;\n            position: relative;\n            transition: all 0.3s;\n        }\n\n        .med-step-box:hover {\n            border-color: var(--med-gold-main);\n            transform: translateY(-5px);\n            background: rgba(212, 175, 55, 0.05);\n        }\n\n        .med-step-num {\n            width: 50px;\n            height: 50px;\n            background: var(--med-bg-dark);\n            border: 2px solid var(--med-gold-main);\n            color: var(--med-gold-light);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5rem;\n            font-weight: bold;\n            margin: 0 auto 20px;\n            box-shadow: 0 0 15px var(--med-gold-glow);\n            font-family:system-ui,sans-serif;\n        }\n\n        \/* === Reviews Section === *\/\n        .med-reviews-list {\n            list-style: none;\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 20px;\n            margin-top: 30px;\n        }\n\n        .med-review-item {\n            background: rgba(0,0,0,0.4);\n            border: 1px solid rgba(212, 175, 55, 0.15);\n            border-radius: 12px;\n            padding: 25px;\n            text-align: left; \/* RTL Adjusted *\/\n            transition: all 0.3s;\n        }\n\n        .med-review-item:hover {\n            border-color: var(--med-gold-main);\n            background: rgba(212, 175, 55, 0.05);\n        }\n\n        .med-review-title {\n            color: #fff;\n            font-size: 1.25rem;\n            font-weight: 800;\n            margin-bottom: 10px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        \/* === Animations === *\/\n        .med-reveal {\n            opacity: 0;\n            transform: translateY(40px) scale(0.98);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .med-reveal.med-active {\n            opacity: 1;\n            transform: translateY(0) scale(1);\n        }\n\n        .med-delay-1 { transition-delay: 0.1s; }\n        .med-delay-2 { transition-delay: 0.2s; }\n\n        @media (max-width: 768px) {\n            .med-hero { padding: 10px 0 20px; }\n            .med-sleep-phase { flex-direction: column; text-align: center; }\n            .med-phase-time { border-left: none; border-bottom: 2px solid var(--med-gold-main); padding-left: 0; padding-bottom: 10px; margin-bottom: 10px; }\n            .med-stat-num { font-size: 2.8rem; }\n            .med-glass-box::before { right: 0; top: 0; width: 100%; height: 4px; }\n        }\n    \u003c\/style\u003e\n\u003c!-- Ambient Golden Collagen Particles --\u003e\n\u003cdiv class=\"med-ambient-particles\" id=\"med-particles-ar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"med-container\"\u003e\n\u003c!-- 1. Hero Section --\u003e\n\u003cdiv class=\"med-hero med-reveal med-active\"\u003e\n\u003cdiv class=\"med-badge\"\u003eLe secret parfait pour une peau de verre en une nuit\u003c\/div\u003e\n\u003ch1 class=\"med-title-glow\"\u003eLa question qui a intrigué les experts en beauté:\u003cbr\/\u003e\u003cspan\u003eComment se réveiller avec une peau meilleure que celle avec laquelle vous avez dormi?\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"med-hero-subtitle\"\u003e\n                Le sommeil est le moment naturel pour la peau de se régénérer et de se réparer, mais la plupart des gens manquent cette période d'or car l'humidité s'évapore dans l'air ou est absorbée par l'oreiller. Il est temps de tirer parti de la science du renouvellement nocturne.\n            \u003c\/p\u003e\n\u003cimg alt=\"Medicube Collagen Night Wrapping Mask\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_Collagen_Night_Wrapping_Mask.webp?v=1757166925\" style=\"margin: 0 auto 30px;\"\/\u003e\n\u003ch2 class=\"med-section-title\" style=\"margin-top: 0; margin-bottom: 15px; font-size: 1.8rem; color: #fff;\"\u003eMasque de Nuit au Collagène Medicube\u003c\/h2\u003e\n\u003cp style=\"color: var(--med-text-muted); max-width: 800px; margin: 0 auto; line-height: 1.8;\"\u003e\n                Au lieu des masques traditionnels qui fonctionnent pendant 20 minutes puis disparaissent, un masque \u003cstrong\u003eMedicube\u003c\/strong\u003e S'adapte au cycle naturel du sommeil. Crée un collecteur \u003cstrong\u003eCouche de protection intelligente\u003c\/strong\u003e Il agit pendant 8 heures d'affilée pour transformer votre peau en profondeur, forçant littéralement votre peau à absorber le collagène et l'hydratation pendant que vous dormez.\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 2. The Problem (Agitation) --\u003e\n\u003cdiv class=\"med-glass-box med-reveal\"\u003e\n\u003ch2 style=\"color: var(--med-gold-light); font-size: 1.6rem; margin-bottom: 15px; font-weight: 800; display: flex; align-items: center; gap: 10px;\"\u003e\n                ⚠️ Le problème caché : perdre 8 heures par jour\n            \u003c\/h2\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; gap: 20px;\"\u003e\n\u003cp style=\"color: #fff; font-size: 1.15rem; line-height: 1.8; margin: 0;\"\u003e\n                    La recherche médicale a prouvé que la peau entre dans un état de réparation intense pendant le sommeil, mais la plupart des gens gaspillent cet effort. pour lui ? Parce que \u003cstrong\u003eÉvaporation de nuit\u003c\/strong\u003e À cause de l'humidité, et à cause du frottement avec l'oreiller, qui efface tous les produits de soins coûteux que vous appliquez.\n                \u003c\/p\u003e\n\u003cdiv style=\"background: rgba(0,0,0,0.5); padding: 20px; border-radius: 12px; border-right: 4px solid var(--med-gold-main);\"\u003e\n\u003cp style=\"color: var(--med-text-muted); margin: 0; line-height: 1.7;\"\u003e\n\u003cstrong style=\"color: #fff;\"\u003eLa solution innovante de Medicube:\u003c\/strong\u003e Le masque se transforme en un film élastique invisible qui protège votre peau des frottements et empêche complètement l'évaporation pour pousser chaque goutte de collagène et d'hydratation jusqu'aux couches profondes de la peau.\n                    \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Mechanism (The 8-Hour Lab) --\u003e\n\u003ch2 class=\"med-section-title med-reveal\"\u003eComment le masque agit-il comme un « mini laboratoire » pendant 8 heures?\u003c\/h2\u003e\n\u003cimg alt=\"Night Wrapping Mechanism\" class=\"med-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_Collagen_Night_Wrapping_Mask_2.webp?v=1757166899\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003cp class=\"med-reveal\" style=\"text-align: center; color: var(--med-text-muted); font-size: 1.15rem; margin-bottom: 30px;\"\u003e\n            Le masque se transforme d'un gel doux en un film protecteur en 15 minutes, commençant le cycle de réparation:\n        \u003c\/p\u003e\n\u003cdiv class=\"med-sleep-timeline med-reveal\"\u003e\n\u003cdiv class=\"med-sleep-phase\"\u003e\n\u003cdiv class=\"med-phase-time\"\u003eHeures 1-2\u003c\/div\u003e\n\u003cdiv style=\"color: var(--med-text-muted);\"\u003e\n\u003cstrong\u003eConfiguration de la barrière:\u003c\/strong\u003e Le film durcit pour verrouiller les sérums appliqués précédemment et prévenir complètement la perte d'humidité.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"med-sleep-phase\"\u003e\n\u003cdiv class=\"med-phase-time\"\u003e3-4 heures\u003c\/div\u003e\n\u003cdiv style=\"color: var(--med-text-muted);\"\u003e\n\u003cstrong\u003ePic d'absorption:\u003c\/strong\u003e Le collagène hydrolysé et l'acide hyaluronique sont poussés de force vers les couches inférieures de la peau grâce à la barrière.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"med-sleep-phase\"\u003e\n\u003cdiv class=\"med-phase-time\"\u003eHeures 5-6\u003c\/div\u003e\n\u003cdiv style=\"color: var(--med-text-muted);\"\u003e\n\u003cstrong\u003eStimulation de la réforme:\u003c\/strong\u003e La niacinamide et les céramides travaillent sans cesse pour renforcer la barrière cutanée et tonifier.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"med-sleep-phase\"\u003e\n\u003cdiv class=\"med-phase-time\"\u003eHeures 7-8\u003c\/div\u003e\n\u003cdiv style=\"color: var(--med-text-muted);\"\u003e\n\u003cstrong\u003eRésultat final:\u003c\/strong\u003e Vous vous réveillez, enlevez le masque, pour révéler une peau rebondie, ultra-hydratée et éclatante comme du verre.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Clinical Results --\u003e\n\u003ch2 class=\"med-section-title med-reveal\"\u003eRésultats cliniques en chiffres confirmés\u003c\/h2\u003e\n\u003cp class=\"med-reveal\" style=\"text-align: center; color: var(--med-text-muted);\"\u003eBasé sur des études cliniques rigoureuses après 2 semaines d'utilisation. Ce ne sont pas seulement des promesses marketing.\u003c\/p\u003e\n\u003cdiv class=\"med-stats-wrap med-reveal\"\u003e\n\u003cdiv class=\"med-stat-item\"\u003e\n\u003cdiv class=\"med-stat-num\"\u003e31.4%\u003c\/div\u003e\n\u003cdiv class=\"med-stat-desc\"\u003eUne augmentation notable de l'élasticité et de la fermeté de la peau\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"med-stat-item\"\u003e\n\u003cdiv class=\"med-stat-num\"\u003e24.8%\u003c\/div\u003e\n\u003cdiv class=\"med-stat-desc\"\u003eAmélioration continue de l'hydratation pendant 24 heures\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"med-stat-item\"\u003e\n\u003cdiv class=\"med-stat-num\"\u003e31.0%\u003c\/div\u003e\n\u003cdiv class=\"med-stat-desc\"\u003eRéduit visiblement l'apparence des ridules\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Benefits Grid --\u003e\n\u003ch2 class=\"med-section-title med-reveal\"\u003eCe qui arrivera à votre peau le lendemain matin?\u003c\/h2\u003e\n\u003cimg alt=\"Medicube Results\" class=\"med-reveal\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube_Collagen_Night_Wrapping_Mask_3.webp?v=1757168715\" style=\"margin: 0 auto 40px;\"\/\u003e\n\u003cdiv class=\"med-grid\"\u003e\n\u003cdiv class=\"med-card med-reveal\"\u003e\n\u003cdiv class=\"med-icon\"\u003e💦\u003c\/div\u003e\n\u003ch3\u003eHydratation intense et profonde\u003c\/h3\u003e\n\u003cp\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"med-card med-reveal med-delay-1\"\u003e\n\u003cdiv class=\"med-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eEffet peau de verre instantané\u003c\/h3\u003e\n\u003cp\u003eLe processus de retrait du masque le matin élimine en douceur les cellules mortes à la surface, révélant une texture lisse et vitreuse, idéale pour appliquer le maquillage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"med-card med-reveal med-delay-2\"\u003e\n\u003cdiv class=\"med-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eProtection contre les plis d'oreiller\u003c\/h3\u003e\n\u003cp\u003eLe film agit comme un bouclier protecteur qui empêche votre visage de frotter contre l'oreiller pendant que vous vous retournez, éliminant les rides profondes du sommeil qui accélèrent le vieillissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"med-card med-reveal\"\u003e\n\u003cdiv class=\"med-icon\"\u003e🧬\u003c\/div\u003e\n\u003ch3\u003eSoutenir l'élasticité de la peau et la résistance au vieillissement\u003c\/h3\u003e\n\u003cp\u003eInfusé avec un extrait de collagène avancé qui soutient la structure de base de votre peau et lutte contre la gravité pour réduire efficacement la profondeur des rides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Usage Guide --\u003e\n\u003ch2 class=\"med-section-title med-reveal\"\u003eComment utiliser correctement\u003c\/h2\u003e\n\u003cdiv class=\"med-steps-wrap med-reveal\"\u003e\n\u003cdiv class=\"med-step-box\"\u003e\n\u003cdiv class=\"med-step-num\"\u003e1\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.15rem; font-weight: 800;\"\u003ePréparation de nuit\u003c\/h4\u003e\n\u003cp style=\"color: var(--med-text-muted); font-size: 1rem;\"\u003eVotre peau Bien . Skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"med-step-box med-delay-1\"\u003e\n\u003cdiv class=\"med-step-num\"\u003e2\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.15rem; font-weight: 800;\"\u003eApplication du masque\u003c\/h4\u003e\n\u003cp style=\"color: var(--med-text-muted); font-size: 1rem;\"\u003eQui Activé Visage .\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"med-step-box med-delay-2\"\u003e\n\u003cdiv class=\"med-step-num\"\u003e3\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.15rem; font-weight: 800;\"\u003eDéshydratation et sommeil\u003c\/h4\u003e\n\u003cp style=\"color: var(--med-text-muted); font-size: 1rem;\"\u003eAttendez 15-20 minutes jusqu'à ce que le masque sèche et se transforme en un film brillant et transparent. Dormez confortablement!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"med-step-box\"\u003e\n\u003cdiv class=\"med-step-num\"\u003e4\u003c\/div\u003e\n\u003ch4 style=\"color: #fff; margin-bottom: 10px; font-size: 1.15rem; font-weight: 800;\"\u003eDémaquillage du matin\u003c\/h4\u003e\n\u003cp style=\"color: var(--med-text-muted); font-size: 1rem;\"\u003eLe matin, retirez délicatement le film en partant des extrémités. Lavez votre visage à l'eau tiède si de petites parties restent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Reviews --\u003e\n\u003ch2 class=\"med-section-title med-reveal\"\u003eVéritables expériences pour des résultats incroyables\u003c\/h2\u003e\n\u003cdiv class=\"med-glass-box med-reveal\" style=\"padding: 30px;\"\u003e\n\u003cdiv class=\"med-reviews-list\"\u003e\n\u003cdiv class=\"med-review-item\"\u003e\n\u003cdiv class=\"med-review-title\" style=\"color: var(--med-gold-light);\"\u003e⭐ « Peau de verre à un tout autre niveau »”\u003c\/div\u003e\n\u003cp style=\"color: var(--med-text-muted); margin: 0;\"\u003e\"Je l'adore vraiment ! Je l'utilise depuis deux semaines le soir, et cela porte l'idée de peau de verre à un autre niveau. Quand je me réveille le matin, ma peau est très douce et incroyablement hydratée, et les lignes de mon front ont diminué!\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"med-review-item\"\u003e\n\u003cdiv class=\"med-review-title\" style=\"color: var(--med-gold-main);\"\u003e🛡️ « Le plus grand protecteur de mes précieux sérums »”\u003c\/div\u003e\n\u003cp style=\"color: var(--med-text-muted); margin: 0;\"\u003e“Son idée est géniale parce qu'elle couvre mon visage la nuit, protégeant ma peau du contact avec l'oreiller. Enfin, les sérums coûteux que j'utilise sont maintenant meilleurs pour mon visage et produisent des résultats.”\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"med-review-item\"\u003e\n\u003cdiv class=\"med-review-title\" style=\"color: var(--med-alert);\"\u003e⚠️ \"Astuce rapide\":\"\u003c\/div\u003e\n\u003cp style=\"color: var(--med-text-muted); margin: 0;\"\u003e“Assurez-vous d'appliquer une couche de moyenne à épaisse, surtout sur les bords, afin qu'une seule couche se détache facilement le matin. Si la couche est trop fine, vous devrez la laver à l'eau (cela donnera également des résultats, mais l'exfoliation est beaucoup plus agréable!).”\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. Final CTA --\u003e\n\u003cdiv class=\"med-reveal\" style=\"text-align: center; margin-top: 60px; padding: 50px 20px; background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.15)); border-radius: 24px; border: 1px solid var(--med-border);\"\u003e\n\u003ch2 class=\"med-title-glow\" style=\"font-size: clamp(24px, 4vw, 36px);\"\u003eLe sommeil de chaque nuit est une opportunité... ne le gaspillez pas\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.15rem; color: #fff; max-width: 800px; margin: 20px auto 30px; line-height: 1.8;\"\u003e\n                Votre peau s'efforce de se réparer pendant que vous dormez. Offrez-lui l'avantage ultime. \u003cstrong\u003eMasque Medicube\u003c\/strong\u003e Il garantit que 100 % de vos efforts en matière de soins de la peau portent leurs fruits, en préservant la jeunesse et en empêchant les signes du vieillissement.\n            \u003c\/p\u003e\n\u003cp style=\"color: var(--med-gold-main); font-size: 1.6rem; font-weight: 900; margin-bottom: 20px; text-shadow: 0 0 20px var(--med-gold-glow); letter-spacing: 0;\"\u003e\n                Procurez-vous-la maintenant et réveillez-vous demain avec une peau parfaite!\n            \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 9. Ingredients Footer --\u003e\n\u003cdiv class=\"med-ingredients med-reveal\"\u003e\n\u003ch3 style=\"color: var(--med-gold-light); margin-bottom: 10px; font-size: 1.2rem; font-weight: 800;\"\u003eLes ingrédients actifs les plus importants:\u003c\/h3\u003e\n\u003cp style=\"color: var(--med-text-muted);\"\u003e\u003cstrong\u003eExtrait de collagène\u003c\/strong\u003e ,,, \u003cstrong\u003eAcide hyaluronique\u003c\/strong\u003e ,,, \u003cstrong\u003eNiacinamide\u003c\/strong\u003e ,,, \u003cstrong\u003eCéramide NP\u003c\/strong\u003e ,,, \u003cstrong\u003eAdénosine\u003c\/strong\u003e ,,, \u003cstrong\u003eEt extraits végétaux apaisants\u003c\/strong\u003e.\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('.med-reveal');\n            var revealObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('med-active');\n                        observer.unobserve(entry.target); \n                    }\n                });\n            }, {\n                root: null,\n                threshold: 0.15,\n                rootMargin: \"0px 0px -50px 0px\"\n            });\n\n            reveals.forEach(function(reveal) {\n                reveal.classList.remove('med-active');\n                revealObserver.observe(reveal);\n            });\n\n            \/\/ Generate Ambient Golden Particles\n            var ambientContainer = document.getElementById('med-particles-ar');\n            var particleCount = 20; \n            \n            for (var i = 0; i \u003c particleCount; i++) {\n                var particle = document.createElement('div');\n                particle.classList.add('med-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                \/\/ Safe to use 'left' in positioning regardless of RTL due to absolute full width wrapper.\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":"Medicube","offers":[{"title":"Default Title","offer_id":46999422238894,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/Medicube_Collagen_Night_Wrapping_Mask.jpg?v=1788175249"},{"product_id":"medicube-pdrn-pink-peptide-eye-cream","title":"Crème pour les yeux Medicube Rosea Peptides PDRN - Raffermissante et réduisant les rides et les cernes (30 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\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\/Medicube.jpg?v=1757170209') 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-tagline {\n            font-size: 1.2em;\n            font-weight: bold;\n            color: #fff;\n            margin-bottom: 20px;\n            opacity: 0.9;\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        .science-section {\n            background: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            border: 1px solid #e9ecef;\n        }\n\n        .science-title {\n            font-size: 1.8em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n\n        .science-card {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 25px;\n            border-radius: 12px;\n            margin-bottom: 20px;\n            transition: all 0.3s ease;\n            border-right: 4px solid #9C8102;\n        }\n\n        .science-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n        }\n\n        .science-name {\n            font-size: 1.3em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 10px;\n        }\n\n        .science-description {\n            line-height: 1.6;\n            color: #333;\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            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        .ingredient-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px 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        .ingredient-description ul {\n            margin: 15px 0;\n            margin-left: 20px;\n        }\n\n        .ingredient-description li {\n            margin-bottom: 8px;\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-item {\n            background: #fff;\n            padding: 25px;\n            border-radius: 12px;\n            margin-bottom: 20px;\n            border-right: 4px solid #9C8102;\n            transition: all 0.3s ease;\n        }\n\n        .timeline-item:hover {\n            transform: translateX(-5px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n        }\n\n        .timeline-item h3 {\n            color: #9C8102;\n            font-weight: bold;\n            margin-bottom: 15px;\n        }\n\n        .timeline-item ul {\n            margin-left: 20px;\n            line-height: 1.7;\n        }\n\n        .social-proof {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n        }\n\n        .social-proof-title {\n            font-size: 2em;\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 30px;\n            text-align: center;\n        }\n\n        .proof-item {\n            background: #fff;\n            padding: 20px;\n            border-radius: 10px;\n            margin-bottom: 15px;\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            font-size: 1.1em;\n            font-weight: bold;\n            color: #333;\n        }\n\n        .proof-item:hover {\n            transform: translateX(-3px);\n            box-shadow: 0 5px 15px rgba(0,0,0,0.15);\n        }\n\n        .proof-icon {\n            color: #9C8102;\n            margin-left: 10px;\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        .usage-guide {\n            background: #fff;\n            padding: 40px 30px;\n            border-radius: 15px;\n            margin: 30px 0;\n            border: 1px solid #e9ecef;\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: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            padding: 25px;\n            border-radius: 12px;\n            transition: all 0.3s ease;\n            border-right: 4px solid #9C8102;\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-title {\n            font-weight: bold;\n            color: #9C8102;\n            margin-bottom: 15px;\n            font-size: 1.2em;\n        }\n\n        .step-content {\n            line-height: 1.7;\n        }\n\n        .step-content ol, .step-content ul {\n            margin-left: 20px;\n        }\n\n        .step-content li {\n            margin-bottom: 10px;\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        .highlight-box {\n            background: linear-gradient(135deg, #9C8102 0%, #b8941a 100%);\n            color: #fff;\n            padding: 25px;\n            border-radius: 15px;\n            margin: 20px 0;\n            text-align: center;\n            font-weight: bold;\n            font-size: 1.1em;\n            box-shadow: 0 10px 25px rgba(156, 129, 2, 0.3);\n        }\n\n        .question-cta {\n            background: linear-gradient(135deg, #333 0%, #000 100%);\n            color: #fff;\n            padding: 30px;\n            border-radius: 15px;\n            margin: 20px 0;\n            text-align: center;\n            font-size: 1.2em;\n            font-weight: bold;\n        }\n\n        .question-cta .highlight-text {\n            color: #9C8102;\n            font-size: 1.3em;\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .main-title { font-size: 1.8em; }\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\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Medicube PDRN Pink Peptide Eye Cream\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Medicube.jpg?v=1757170209\"\/\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"main-title\"\u003eMedicube PDRN Pink Peptide Eye Cream\u003c\/h1\u003e\n\u003ch2 class=\"subtitle\"\u003eCrème pour les yeux intelligente avec technologie ADN avancée\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eLorsque la science coréenne rencontre les secrets de la mer\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eLa zone des yeux est la zone la plus sensible du visage, et les problèmes qui y apparaissent - comme les cernes et les ridules - ne disparaissent pas facilement avec des crèmes ordinaires. La crème Medicube est utilisée \u003cstrong\u003eTechnologie PDRN à base d'ADN de saumon extrait\u003c\/strong\u003e Avec 5 types de peptides spécialisés pour résoudre les problèmes de la zone des yeux depuis la racine.\u003c\/p\u003e\n\u003cp class=\"hero-text\"\u003e\u003cstrong\u003eTechnologie innovante:\u003c\/strong\u003e L'ADN de saumon contient de petites molécules capables de... \u003cstrong\u003eStimuler la régénération cellulaire et la réparation des tissus\u003c\/strong\u003e Dans la zone la plus fine du Baloch, avec des résultats cliniques prouvés en une semaine.\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\"\u003eProblème de zone des yeux : la zone oubliée dans votre routine de soins\u003c\/h2\u003e\n\u003ch3 style=\"color: #9C8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eFaits scientifiques sur les défis de la région d'Al Ain\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003eLa recherche médicale a prouvé que \u003cstrong\u003eLa zone des yeux est 40 % plus fine que le reste de la peau\u003c\/strong\u003eCela la rend plus vulnérable aux problèmes et au vieillissement prématuré. Cette région fait face à des défis quotidiens difficiles:\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; font-weight: bold; margin: 20px 0;\"\u003e\u003cstrong\u003eProblèmes de base:\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul style=\"margin-left: 20px; line-height: 1.8;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eManque de glandes sébacées\u003c\/strong\u003e Il conduit à une déshydratation constante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTendresse de la peau\u003c\/strong\u003e  \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMouvement continu\u003c\/strong\u003e Des clignements et des expressions, les rides se forment\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eManque de soutien structurel\u003c\/strong\u003e Il entraîne un relâchement et un gonflement\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9C8102;\"\u003e\u003cstrong\u003ePourquoi les crèmes régulières ne suffisent-elles pas?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eLa plupart des crèmes pour les yeux \u003cstrong\u003eSe concentre sur l'hydratation de la surface\u003c\/strong\u003e Pas sur la réparation des tissus en profondeur. Le résultat ? Une amélioration temporaire sans solution réelle aux problèmes sous-jacents.\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7; margin-top: 20px;\"\u003e\u003cstrong\u003eRequis:\u003c\/strong\u003e La crème agit sur \u003cstrong\u003eNiveau d'ADN des cellules\u003c\/strong\u003e Pour réparer les dommages et stimuler la régénération naturelle de la zone la plus délicate du visage.\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\"\u003eCette crème est la première crème qui répare l'ADN de la zone des yeux\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\/medicube_pdrn_pink_peptide_eye_cream_30ml_de1450fa-64a0-4fbe-b5d9-8a9ffb7386bd.jpg?v=1757170594\"\/\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éparation et régénération de l'ADN cellulaire\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec 99 % de technologie PDRN pure)\u003c\/strong\u003e Stimulation des récepteurs de l'adénosine pour accélérer la régénération cellulaire et la réparation des tissus endommagés\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\u003eAugmenter l'élasticité de la zone des yeux avec des résultats éprouvés\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec un groupe de pentapeptides avancé)\u003c\/strong\u003e Élasticité améliorée de 2,87 % en une semaine tout en stimulant la production de collagène\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 intense qui dure toute la journée\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(avec acide hyaluronique à poids moléculaire multiple)\u003c\/strong\u003e Augmentation de l'hydratation de 22,5 % avec une absorption immédiate et à long terme\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\u003eTraitement des cernes à partir de leurs causes\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(avec niacinamide spécialisé)\u003c\/strong\u003e Réduire le transport de la mélanine de 68% et améliorer la microcirculation\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\u003eEffacer les rides et les rides d'expression\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec 99 % de rétinol pur)\u003c\/strong\u003e Lignes et rides améliorées de 33 % et réduction de l'obscurité sous les yeux de 41 %.\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 les poches et les cernes sous les yeux\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec de la caféine, qui stimule la circulation sanguine)\u003c\/strong\u003e Stimuler le drainage lymphatique et réduire l'accumulation de fluides\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 cutanée délicate\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(avec des céramides et des acides aminés)\u003c\/strong\u003e Renforcer la structure naturelle de la zone délicate du visage\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\u003eLissez la texture de la peau et améliorez l'éclat\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec de l'adénosine stimulant le collagène)\u003c\/strong\u003e Épaississement de la peau et texture plus lisse avec un éclat naturel\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 quotidiens\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec antioxydants avancés)\u003c\/strong\u003e Protection contre les radicaux libres et les facteurs qui accélèrent le vieillissement des yeux\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\u003eAméliorer la microcirculation\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Avec la technologie stimulante PDRN)\u003c\/strong\u003e Formation de nouveaux vaisseaux sanguins pour améliorer l'apport en oxygène et en nutriments\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ésister aux signes de vieillissement\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(avec formule intégrée)\u003c\/strong\u003e Prévenir l'apparition de nouveaux problèmes et réparer ceux existants\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 de la zone sensible\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(avec des peptides anti-inflammatoires)\u003c\/strong\u003e Réduire les rougeurs et les irritations dans la zone du palais\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Science Section --\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003eComment fonctionne la technologie PDRN?\u003c\/h2\u003e\n\u003cdiv class=\"science-card\"\u003e\n\u003cdiv class=\"science-name\"\u003e◆ ADN de saumon - la science derrière le miracle:\u003c\/div\u003e\n\u003cdiv class=\"science-description\"\u003e\n\u003cp\u003e\u003cstrong\u003ePDRN (Polydeoxyribonucleotide)\u003c\/strong\u003e C'est un extrait d'ADN de saumon fragmenté en petites molécules (50-1500 kDa) capables de:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eStimulation des récepteurs A2A\u003c\/strong\u003e Qui régule la réponse anti-inflammatoire\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFavoriser la croissance cellulaire\u003c\/strong\u003e Et la formation de nouveaux vaisseaux sanguins\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAméliorer l'apport en oxygène\u003c\/strong\u003e Et des nutriments pour les tissus\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAccélérer la réparation des tissus\u003c\/strong\u003e Et la guérison des micro-blessures\u003c\/li\u003e\n\u003c\/ul\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\u003ch2 class=\"ingredients-title\"\u003eComposants scientifiques spécialisés\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ Groupe de pentapeptides:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003e5 types de peptides spécialisés\u003c\/strong\u003e Ils travaillent ensemble en parfaite harmonie:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCopper Tripeptide-1:\u003c\/strong\u003e Réduit l'inflammation et accélère la production de collagène\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcetyl Hexapeptide-8:\u003c\/strong\u003e 48,9 % d'efficacité anti-rides\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Pentapeptide-4:\u003c\/strong\u003e Stimule la synthèse du collagène et améliore la texture\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tetrapeptide-7:\u003c\/strong\u003e Réduit l'inflammation et renforce la barrière protectrice\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePalmitoyl Tripeptide-1:\u003c\/strong\u003e Favorise la production de collagène et d'élastine\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● Niacinamide (Vitamine B3)):\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eSpécialisé dans le traitement des cernes\u003c\/strong\u003e Via:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eInhibition du transport de la mélanine de 68%\u003c\/li\u003e\n\u003cli\u003eRenforcer la barrière cutanée délicate\u003c\/li\u003e\n\u003cli\u003eRéduire l'inflammation et apaiser la zone sensible\u003c\/li\u003e\n\u003cli\u003eAméliorer la microcirculation\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▲ Stimulant à la caféine:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eStimule la circulation sanguine\u003c\/strong\u003e Il réduit les ballonnements par:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eActivation de la microcirculation\u003c\/li\u003e\n\u003cli\u003eRétrécissement des vaisseaux sanguins pour réduire les cernes\u003c\/li\u003e\n\u003cli\u003ePropriétés antioxydantes pour la protection\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"timeline-section fade-in\"\u003e\n\u003ch2 class=\"timeline-title\"\u003eVoyage de transformation:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eDès la première utilisation:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eHydratation immédiate et rafraîchissement de la zone\u003c\/li\u003e\n\u003cli\u003eLissage temporaire des ridules\u003c\/li\u003e\n\u003cli\u003eRéflexion de la lumière améliorée et réduction des ombres\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eAprès une semaine:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRésultats cliniques confirmés:\u003c\/strong\u003e 2,87 % d'amélioration de la flexibilité\u003c\/li\u003e\n\u003cli\u003eRéduction visible des poches et des cernes\u003c\/li\u003e\n\u003cli\u003eDébut de l'éclaircissement des cernes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eAprès deux semaines à un mois:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eAmélioration notable de la douceur de la texture\u003c\/li\u003e\n\u003cli\u003eRéduit visiblement la profondeur des ridules\u003c\/li\u003e\n\u003cli\u003eAmélioration de la résistance et de la solidité de la peau\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eAprès 3 mois d'utilisation régulière:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eAmélioration substantielle de l'épaisseur et de la force de la peau\u003c\/li\u003e\n\u003cli\u003eRésultats de longue durée dans l'élimination des signes du vieillissement\u003c\/li\u003e\n\u003cli\u003eLa région d'Aïn est plus jeune et dynamique\u003c\/li\u003e\n\u003c\/ul\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\"\u003eExpériences documentées et témoignages réels\u003c\/h2\u003e\n\u003cdiv class=\"proof-item\"\u003e\n\u003cspan class=\"proof-icon\"\u003e★\u003c\/span\u003e\n\u003cspan\u003eNote de 4,0\/5 étoiles provenant de centaines d'avis internationaux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-item\"\u003e\n\u003cspan class=\"proof-icon\"\u003e◆\u003c\/span\u003e\n\u003cspan\u003eChoisi par le magazine InStyle comme l'un des meilleurs produits K-beauty\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"proof-item\"\u003e\n\u003cspan class=\"proof-icon\"\u003e▲\u003c\/span\u003e\n\u003cspan\u003e97 % de satisfaction des utilisateurs concernant la texture et l'absorption\u003c\/span\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\"\u003eExcellent rapport qualité-prix\u003c\/h2\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ Technologie professionnelle:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eConcentration de PDRN au niveau des cliniques spécialisées\u003c\/strong\u003e - La même technologie utilisée dans les traitements cosmétiques médicaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ Taille adaptée - utilisation longue:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e30 ml suffisent pour 3 à 4 mois\u003c\/strong\u003e D'une utilisation quotidienne pour la zone des yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e● Combinaison multifonctionnelle:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eRésout 7 problèmes différents\u003c\/strong\u003e Dans la région d'Al Ain au lieu d'acheter des produits séparés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e✓ Résultats cliniques documentés:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003ePas seulement des promesses marketing\u003c\/strong\u003e - Études réelles avec des chiffres clairs dès une semaine.\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 utiliser correctement\u003c\/h2\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-title\"\u003eApplication correcte:\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003eNettoyer le contour des yeux\u003c\/strong\u003e Bien et séchez-le doucement\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrenez une quantité de la taille d'un grain de riz\u003c\/strong\u003e Pour les deux yeux\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eElle tapota doucement\u003c\/strong\u003e Autour de l'os entourant l'œil\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉvitez de bouger la paupière\u003c\/strong\u003e Et la zone directement près d'Al Ain\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLaissez-le absorber\u003c\/strong\u003e Pendant deux minutes avant d'appliquer le maquillage\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-title\"\u003eTiming parfait:\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMatin et soir\u003c\/strong\u003e Comme dernière étape de votre routine de soins\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSous l'écran solaire\u003c\/strong\u003e Pendant la journée pour une protection supplémentaire\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsage quotidien\u003c\/strong\u003e Pour de meilleurs résultats\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-title\"\u003eConseils pour en tirer le meilleur parti:\u003c\/div\u003e\n\u003cdiv class=\"step-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCommencez progressivement\u003c\/strong\u003e Si c'est votre première utilisation de rétinol\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLe conserver dans un endroit frais\u003c\/strong\u003e Pour préserver les ingrédients actifs\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eToujours utiliser un écran solaire\u003c\/strong\u003e Protéger la zone sensible\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!-- Investment Section --\u003e\n\u003cdiv class=\"science-section fade-in\"\u003e\n\u003ch2 class=\"science-title\"\u003eInvestissement intelligent dans la région d'Al Ain\u003c\/h2\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cimg alt=\"Investissement intelligent\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/medicube_pdrn_pink_peptide_eye_cream_30ml_ced4534c-bb13-48c5-af3e-789c621dd83b.jpg?v=1757170700\"\/\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\n\u003cstrong\u003eLa crème Medicube n'est pas qu'une simple crème pour les yeux... c'est un investissement dans une technologie avancée qui résout les problèmes du contour des yeux à la racine.\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp style=\"font-size: 1.1em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\n\u003cstrong\u003eAu lieu de cacher les problèmes avec du maquillage, traitez-les avec la science\u003c\/strong\u003e Obtenez des résultats permanents et cliniquement prouvés.\n            \u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003ePréféreriez-vous cacher les cernes avec du correcteur ou les traiter dès le départ?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eAjoutez-le au panier maintenant\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\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, Glycérine, Dipropylène Glycol, Niacinamide, Triglycéride Caprylique\/Caprique, Tétrahéxanoate de Pentaérythrityl, Alcool Cétylique, Glycérh-26, ADN de Sodium, Adénosine, Rétinol, Hyaluronate de Sodium, Caféine, Complexe de Peptides Multiples, 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\"\u003eTechnologie à l'ADN de saumon au service de la beauté de vos yeux\u003c\/h2\u003e\n\u003cp class=\"cta-text\"\u003e\n\u003cstrong\u003eCrème pour les yeux Medicube PDRN Pink Peptide - Science coréenne avancée\u003c\/strong\u003e\u003cbr\/\u003e\n                Une solution scientifique complète à tous les problèmes de la zone des yeux avec la technologie PDRN cliniquement prouvée\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('.science-card, .ingredient-card, .step-card, .value-item, .timeline-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            \/\/ 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            \/\/ Special animation for question CTA\n            const questionCta = document.querySelector('.question-cta');\n            if (questionCta) {\n                const ctaObserver = new IntersectionObserver(function(entries) {\n                    entries.forEach(entry =\u003e {\n                        if (entry.isIntersecting) {\n                            entry.target.style.animation = 'pulse 2s infinite';\n                        }\n                    });\n                }, { threshold: 0.5 });\n                \n                ctaObserver.observe(questionCta);\n            }\n        });\n    \u003c\/script\u003e\n","brand":"Medicube","offers":[{"title":"Default Title","offer_id":46999422402734,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/medicube_pdrn_pink_peptide_eye_cream_30ml_ec9d91f6-a842-4443-b223-74de86f6e1c0.jpg?v=1788175247"},{"product_id":"some-by-mi-yuja-niacin-anti-blemish-starter-kit","title":"Le kit de démarrage Some by Mi Yuja Niacin Anti-Blemish est le groupe coréen avancé pour traiter la pigmentation","description":"\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\"\u003eSome by Mi Yuja Niacin Anti-Blemish Starter Kit\u003c\/h1\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit.jpg?v=1757506035\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/p\u003e\n\u003ch2 class=\"subtitle\"\u003eKit complet d'éclaircissement coréen avec extrait de yuga et niacinamide\u003c\/h2\u003e\n\u003ch3 class=\"hero-tagline\"\u003eLorsque la vitamine C naturelle rencontre la technologie avancée de la niacinamide\u003c\/h3\u003e\n\u003cp class=\"hero-text\"\u003eLa pigmentation et les taches sombres affectent votre confiance en vous et la beauté de votre peau. Kit some by me combine \u003cstrong\u003eL'extrait de Yuja riche en vitamine C naturelle à des concentrations allant jusqu'à 90% avec niacinamide jusqu'à 10%\u003c\/strong\u003e Dans 4 produits intégrés qui fonctionnent ensemble pour éclaircir la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-section fade-in\"\u003e\n\u003ch2 class=\"problem-title\"\u003eLa crise de la pigmentation : le plus grand défi esthétique\u003c\/h2\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_5.jpg?v=1757506065\"\/\u003e\u003c\/p\u003e\n\u003ch3 style=\"color: #9c8102; font-size: 1.4em; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003ePourquoi des pigments apparaissent et comment ils se propagent?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"line-height: 1.7; margin-bottom: 20px;\"\u003e\u003cstrong\u003e95 % des problèmes de pigmentation sont causés par une production excessive de mélanine\u003c\/strong\u003e Comme résultat de l'exposition au soleil, des infections, des effets de l'acné et du vieillissement.\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-size: 1.2em; margin: 30px 0; color: #9c8102;\"\u003e\u003cstrong\u003ePourquoi l'extrait de yoga + niacinamide est la meilleure solution?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"line-height: 1.7;\"\u003eL'extrait de Yuga contient \u003cstrong\u003eConcentration la plus élevée en vitamine C naturelle\u003c\/strong\u003e Parmi tous les agrumes, alors que la niacinamide inhibe l'enzyme tyrosinase responsable de la production de mélanine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-section fade-in\"\u003e\n\u003ch2 class=\"benefits-title\"\u003eLe pouvoir du yoga coréen avec de la niacinamide avancée\u003c\/h2\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_7.webp?v=1757506087\"\/\u003e\u003c\/p\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 doux et éclaircissant (Étape 1))\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(11 % de lotion Yuga + niacinamide)\u003c\/strong\u003e Il nettoie la peau des impuretés et commence le processus d'éclaircissement dès la première utilisation\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\u003ePréparer et revitaliser la peau (Étape 2))\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Tonique avec 90 % de Yuga + 5 % de Niacinamide)\u003c\/strong\u003e Prépare la peau pour une meilleure absorption et équilibre son pH\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\u003eÉclaircissement intense et ciblé (Étape 3))\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Sérum avec 83% Yuga + 10% Niacinamide)\u003c\/strong\u003e La plus haute concentration dans Alkit cible directement les taches sombres\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\u003eHydrater et protéger les résultats (Étape 4))\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e(Crème avec 70% Yuga + 5% Niacinamide)\u003c\/strong\u003e Maintient les résultats et protège contre la formation de nouvelles pigmentation\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\"\u003eTrésors coréens de yoga et niacinamide avancé\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003cdiv class=\"ingredient-name\"\u003e◇ Extrait de Yuga Coréen - Le Roi de la Vitamine C Naturelle:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eCitrons Yuzu à des concentrations allant de 11 % à 90 %\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eConcentré de vitamine C naturelle:\u003c\/strong\u003e 3 fois plus fort que l'industriel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFlavonoïdes actifs:\u003c\/strong\u003e Protège contre l'oxydation et favorise l'éclaircissement\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcides de fruits naturels:\u003c\/strong\u003e L'exfoliation douce révèle une peau éclatante\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● Niacinamide - la vitamine B3 miracle:\u003c\/div\u003e\n\u003cdiv class=\"ingredient-description\"\u003e\n\u003cp\u003e\u003cstrong\u003eVitamine B3 à des concentrations allant de 1 ppm à 10%\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eInhibition de la tyrosinase:\u003c\/strong\u003e Arrête la production excessive de mélanine\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRenforcer la barrière cutanée:\u003c\/strong\u003e Protège contre les nouvelles pigmentations\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnti-inflammatoire:\u003c\/strong\u003e Apaise les peaux sensibles\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\"\u003eVoyage éclaircissant coréen étape par étape:\u003c\/h2\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003ePremière semaine:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eAmélioration immédiate de l'éclat et de la douceur de la peau\u003c\/li\u003e\n\u003cli\u003eUne réduction nette de l'apparence des pores dilatés\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eSemaines 2-4:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eCommencer à éclaircir les taches foncées récentes\u003c\/li\u003e\n\u003cli\u003eUnification visible du teint\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-item\"\u003e\n\u003ch3\u003eDeuxième mois:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eÉclaircissement net de la pigmentation et des taches tenaces\u003c\/li\u003e\n\u003cli\u003eUne peau plus lumineuse et éclatante\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\"\u003eTechnologie coréenne intégrée à une valeur exceptionnelle\u003c\/h2\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_4.webp?v=1757506108\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/p\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e◆ 4 produits dans un seul kit:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSystème de soins intégrés\u003c\/strong\u003e - Lotion + tonique + sérum + crème au lieu d’acheter chaque produit séparément.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003ch3\u003e▲ Concentrations professionnelles graduées:\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eDe 11 % à 90 % yoga\u003c\/strong\u003e - Éclaircissement progressif sûr sans irritation ni sensibilité.\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 l'approche intégrée coréenne est-elle meilleure?\u003c\/h2\u003e\n\u003cp style=\"font-size: 1.2em; line-height: 1.7; margin-bottom: 20px; text-align: center;\"\u003e\u003cstrong\u003eKit Some By Me n’est pas seulement des produits... c’est un système scientifique complet pour un éclaircissement sûr.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"question-cta\"\u003e\n\u003cp class=\"highlight-text\"\u003ePréféreriez-vous l'essai randomisé ou le système scientifique coréen éprouvé?\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCommandez maintenant le kit complet\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\"\u003eLe secret coréen pour une peau radieuse et uniforme\u003c\/h2\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/Some_by_Mi_Yuja_Niacin_Anti-Blemish_Starter_Kit_7.jpg?v=1757506213\" style=\"display: block; margin-left: auto; margin-left: auto;\"\/\u003e\u003c\/p\u003e\n\u003cp class=\"cta-text\"\u003e\u003cstrong\u003eKit Some by Mi Yuja Niacin - le système coréen complet\u003c\/strong\u003e\u003cbr\/\u003eUne peau plus lumineuse et uniforme avec l'extrait de Yuga et la niacinamide en 4 étapes scientifiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Some by Mi","offers":[{"title":"Travel Size","offer_id":46999424729262,"sku":"SOME_BY_MI_YUJA_NIACIN_ANTI_BLEMISH_STARTER_KIT_2293","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/5359\/7102\/files\/SomebyMiYujaNiacinAnti-BlemishStarterKit3_cbd7d7bb-92e0-4e95-b28d-ce371f071efa.jpg?v=1788175241"}],"url":"https:\/\/skingeer.com\/fr\/collections\/korean-skincare.oembed","provider":"SkinGeer","version":"1.0","type":"link"}