{"title":"Peau à imperfections","description":"","products":[{"product_id":"skinoxy-caps-eclat-du-teint","title":"Skinoxy Caps Éclat du Teint 30 gélules","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eSkinoxy Éclat du Teint | Biolissime\u003c\/title\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,600\u0026amp;family=DM+Sans:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \u003cstyle\u003e\n        :root {\n            --rose:      #C0566B;\n            --rose-light:#EAB3BC;\n            --rose-dark: #8C2E42;\n            --blush:     #FAF0F2;\n            --pearl:     #F7F3EE;\n            --dark:      #1C1010;\n            --dark2:     #2E1A1E;\n            --mid:       #6B4A50;\n            --gold:      #C8A96E;\n            --gold-light:#E8D5A8;\n        }\n\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n\n        body {\n            font-family: 'DM Sans', sans-serif;\n            background: var(--pearl);\n            color: var(--dark);\n            overflow-x: hidden;\n        }\n\n        \/* ── HEADER ── *\/\n        .header {\n            position: relative;\n            background: var(--dark2);\n            min-height: 580px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            padding: 70px 30px;\n        }\n\n        \/* Animated pearl\/glow orbs *\/\n        .orb {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(60px);\n            opacity: 0.25;\n            animation: drift 10s ease-in-out infinite;\n        }\n        .orb-1 {\n            width: 380px; height: 380px;\n            background: radial-gradient(circle, var(--rose) 0%, transparent 70%);\n            top: -100px; right: -80px;\n            animation-duration: 9s;\n        }\n        .orb-2 {\n            width: 280px; height: 280px;\n            background: radial-gradient(circle, var(--gold) 0%, transparent 70%);\n            bottom: -80px; left: 80px;\n            animation-duration: 13s;\n            animation-direction: reverse;\n        }\n        .orb-3 {\n            width: 180px; height: 180px;\n            background: radial-gradient(circle, #fff 0%, transparent 70%);\n            top: 40%; left: 10%;\n            opacity: 0.08;\n            animation-duration: 7s;\n        }\n\n        @keyframes drift {\n            0%, 100% { transform: translate(0, 0) scale(1); }\n            33%       { transform: translate(20px, -15px) scale(1.05); }\n            66%       { transform: translate(-10px, 20px) scale(0.97); }\n        }\n\n        \/* Pearl particles *\/\n        .particles {\n            position: absolute;\n            inset: 0;\n            pointer-events: none;\n        }\n        .particle {\n            position: absolute;\n            border-radius: 50%;\n            background: white;\n            opacity: 0;\n            animation: sparkle 4s ease-in-out infinite;\n        }\n\n        @keyframes sparkle {\n            0%   { opacity: 0; transform: scale(0); }\n            50%  { opacity: 0.6; transform: scale(1); }\n            100% { opacity: 0; transform: scale(0); }\n        }\n\n        .header-content {\n            position: relative;\n            z-index: 2;\n            text-align: center;\n            max-width: 680px;\n        }\n\n        .badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(255,255,255,0.12);\n            border: 1px solid rgba(255,255,255,0.3);\n            color: #ffffff;\n            font-size: 0.72rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            padding: 6px 18px;\n            border-radius: 40px;\n            margin-bottom: 28px;\n        }\n\n        .badge-dot {\n            width: 6px; height: 6px;\n            background: #FF6B8A;\n            border-radius: 50%;\n            animation: blink 2s ease-in-out infinite;\n        }\n        @keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.3} }\n\n        .header-title {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: clamp(2.8rem, 7vw, 5rem);\n            line-height: 1.05;\n            color: #ffffff;\n            font-weight: 700;\n            margin-bottom: 18px;\n            text-shadow: 0 2px 20px rgba(0,0,0,0.4);\n        }\n\n        .header-title .brand {\n            color: #FF8FAA;\n            font-style: italic;\n            font-weight: 600;\n        }\n\n        .header-title .product {\n            color: #ffffff;\n            display: block;\n            font-size: clamp(1.8rem, 4vw, 2.8rem);\n            font-weight: 600;\n            letter-spacing: 1px;\n            margin-top: 6px;\n        }\n\n        .header-sub {\n            font-size: 1.1rem;\n            color: #ffffff;\n            font-weight: 600;\n            margin-bottom: 10px;\n            line-height: 1.6;\n            text-shadow: 0 1px 8px rgba(0,0,0,0.5);\n        }\n\n        .header-sub .accent {\n            color: #FFD166;\n            font-weight: 800;\n        }\n\n        .header-tagline {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 1.15rem;\n            color: rgba(255,255,255,0.75);\n            font-style: italic;\n            margin-bottom: 32px;\n        }\n\n        .header-pills {\n            display: flex;\n            justify-content: center;\n            flex-wrap: wrap;\n            gap: 10px;\n            margin-bottom: 36px;\n        }\n\n        .pill {\n            background: rgba(255,255,255,0.15);\n            border: 1px solid rgba(255,255,255,0.35);\n            color: #ffffff;\n            padding: 8px 18px;\n            border-radius: 30px;\n            font-size: 0.84rem;\n            font-weight: 600;\n        }\n\n        .price-row {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 24px;\n            flex-wrap: wrap;\n        }\n\n        .price {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 3rem;\n            font-weight: 700;\n            color: #FFD166;\n            text-shadow: 0 2px 12px rgba(0,0,0,0.3);\n        }\n\n        .price-sub {\n            font-size: 0.85rem;\n            color: rgba(255,255,255,0.7);\n            font-weight: 500;\n            line-height: 1.5;\n        }\n\n        \/* ── INTRO STRIP ── *\/\n        .intro-strip {\n            background: linear-gradient(90deg, var(--rose-dark) 0%, var(--rose) 100%);\n            padding: 22px 30px;\n            text-align: center;\n        }\n\n        .intro-strip p {\n            color: white;\n            font-size: 1rem;\n            font-weight: 500;\n            max-width: 800px;\n            margin: 0 auto;\n            line-height: 1.6;\n        }\n\n        \/* ── VIDEO SECTION ── *\/\n        .video-section {\n            padding: 64px 30px;\n            background: white;\n        }\n\n        .video-section .inner {\n            max-width: 860px;\n            margin: 0 auto;\n            text-align: center;\n        }\n\n        .section-label {\n            font-size: 0.72rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 3px;\n            color: var(--rose-dark);\n            margin-bottom: 14px;\n        }\n\n        .section-title {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: clamp(1.9rem, 4vw, 2.8rem);\n            font-weight: 600;\n            color: var(--dark);\n            line-height: 1.3;\n            margin-bottom: 36px;\n        }\n\n        .video-wrapper {\n            position: relative;\n            padding-bottom: 56.25%;\n            height: 0;\n            border-radius: 16px;\n            overflow: hidden;\n            box-shadow: 0 20px 60px rgba(140,46,66,0.2);\n        }\n\n        .video-wrapper iframe {\n            position: absolute;\n            top: 0; left: 0;\n            width: 100%; height: 100%;\n            border: none;\n        }\n\n        \/* ── PROBLEM ── *\/\n        .problem-section {\n            padding: 70px 30px;\n            background: var(--pearl);\n        }\n\n        .problem-section .inner {\n            max-width: 1000px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 50px;\n            align-items: start;\n        }\n\n        .problem-text p {\n            color: var(--mid);\n            font-size: 1rem;\n            line-height: 1.85;\n            margin-bottom: 16px;\n        }\n\n        .problem-text strong { color: var(--dark); }\n\n        .problem-visual {\n            background: var(--dark2);\n            border-radius: 16px;\n            padding: 36px 30px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .problem-visual::after {\n            content: '';\n            position: absolute;\n            top: -40px; right: -40px;\n            width: 160px; height: 160px;\n            border-radius: 50%;\n            background: radial-gradient(circle, var(--rose) 0%, transparent 70%);\n            opacity: 0.3;\n        }\n\n        .problem-visual h3 {\n            font-family: 'Cormorant Garamond', serif;\n            color: var(--rose-light);\n            font-size: 1.3rem;\n            margin-bottom: 20px;\n            position: relative;\n        }\n\n        .damage-list {\n            list-style: none;\n        }\n\n        .damage-list li {\n            display: flex;\n            align-items: flex-start;\n            gap: 12px;\n            color: rgba(255,255,255,0.75);\n            font-size: 0.9rem;\n            padding: 10px 0;\n            border-bottom: 1px solid rgba(192,86,107,0.15);\n            position: relative;\n        }\n        .damage-list li:last-child { border-bottom: none; }\n\n        .damage-list li::before {\n            content: '—';\n            color: var(--rose);\n            font-weight: 700;\n            flex-shrink: 0;\n        }\n\n        \/* ── TRIPLE ACTION BANNER ── *\/\n        .action-banner {\n            background: linear-gradient(135deg, var(--dark) 0%, var(--dark2) 100%);\n            padding: 64px 30px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .action-banner::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: repeating-linear-gradient(\n                -45deg,\n                rgba(192,86,107,0.03) 0px,\n                rgba(192,86,107,0.03) 1px,\n                transparent 1px,\n                transparent 18px\n            );\n        }\n\n        .action-banner .kicker {\n            font-size: 0.72rem;\n            text-transform: uppercase;\n            letter-spacing: 3px;\n            color: var(--rose-light);\n            margin-bottom: 18px;\n            font-weight: 600;\n            position: relative;\n        }\n\n        .action-banner h2 {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: clamp(1.8rem, 4vw, 2.8rem);\n            color: white;\n            max-width: 700px;\n            margin: 0 auto 16px;\n            line-height: 1.3;\n            position: relative;\n        }\n\n        .action-banner h2 em { color: var(--rose-light); }\n\n        .action-banner p {\n            color: rgba(255,255,255,0.55);\n            font-size: 1rem;\n            max-width: 580px;\n            margin: 0 auto;\n            line-height: 1.8;\n            position: relative;\n        }\n\n        .triple-badges {\n            display: flex;\n            justify-content: center;\n            gap: 16px;\n            margin-top: 32px;\n            flex-wrap: wrap;\n            position: relative;\n        }\n\n        .triple-badge {\n            background: rgba(192,86,107,0.2);\n            border: 1px solid rgba(192,86,107,0.4);\n            color: var(--rose-light);\n            padding: 10px 22px;\n            border-radius: 8px;\n            font-size: 0.88rem;\n            font-weight: 600;\n        }\n\n        \/* ── BENEFITS ── *\/\n        .benefits-section {\n            padding: 70px 30px;\n            background: white;\n        }\n\n        .benefits-section .inner {\n            max-width: 1000px;\n            margin: 0 auto;\n        }\n\n        .benefits-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n\n        .benefits-list {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .benefit-row {\n            display: grid;\n            grid-template-columns: 56px 1fr;\n            gap: 24px;\n            align-items: start;\n            background: var(--blush);\n            border-radius: 14px;\n            padding: 28px 28px;\n            border-left: 4px solid var(--rose);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            animation: fadeUp 0.5s ease forwards;\n            opacity: 0;\n        }\n\n        .benefit-row:hover {\n            transform: translateX(6px);\n            box-shadow: 0 6px 24px rgba(192,86,107,0.12);\n        }\n\n        @keyframes fadeUp {\n            to   { opacity: 1; transform: translateY(0); }\n            from { opacity: 0; transform: translateY(20px); }\n        }\n\n        .benefit-row:nth-child(1) { animation-delay: 0.1s; }\n        .benefit-row:nth-child(2) { animation-delay: 0.2s; }\n        .benefit-row:nth-child(3) { animation-delay: 0.3s; }\n        .benefit-row:nth-child(4) { animation-delay: 0.4s; }\n        .benefit-row:nth-child(5) { animation-delay: 0.5s; }\n\n        .benefit-icon-wrap {\n            width: 52px; height: 52px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, var(--rose-dark), var(--rose));\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.4rem;\n            flex-shrink: 0;\n        }\n\n        .benefit-row h4 {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 1.2rem;\n            color: var(--rose-dark);\n            margin-bottom: 8px;\n            font-weight: 600;\n        }\n\n        .benefit-row p {\n            color: var(--mid);\n            font-size: 0.92rem;\n            line-height: 1.75;\n        }\n\n        \/* ── INGREDIENTS ── *\/\n        .ingredients-section {\n            padding: 70px 30px;\n            background: var(--pearl);\n        }\n\n        .ingredients-section .inner {\n            max-width: 1000px;\n            margin: 0 auto;\n        }\n\n        .ingredients-header {\n            text-align: center;\n            margin-bottom: 20px;\n        }\n\n        .ingredients-intro {\n            max-width: 640px;\n            margin: 0 auto 46px;\n            text-align: center;\n            color: var(--mid);\n            font-size: 0.98rem;\n            line-height: 1.8;\n        }\n\n        .ingredients-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 20px;\n        }\n\n        .ingredient-card {\n            background: white;\n            border-radius: 14px;\n            padding: 28px 24px;\n            box-shadow: 0 4px 20px rgba(28,16,16,0.06);\n            border-top: 3px solid var(--rose);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            animation: fadeUp 0.5s ease forwards;\n            opacity: 0;\n        }\n\n        .ingredient-card:hover {\n            transform: translateY(-6px);\n            box-shadow: 0 12px 36px rgba(192,86,107,0.15);\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        .ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n        .ingredient-card:nth-child(5) { animation-delay: 0.5s; }\n        .ingredient-card:nth-child(6) { animation-delay: 0.6s; }\n        .ingredient-card:nth-child(7) { animation-delay: 0.7s; }\n\n        .ing-icon {\n            font-size: 1.8rem;\n            margin-bottom: 12px;\n        }\n\n        .ing-name {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 1.15rem;\n            color: var(--rose-dark);\n            font-weight: 600;\n            margin-bottom: 6px;\n        }\n\n        .ing-dose {\n            display: inline-block;\n            background: rgba(192,86,107,0.1);\n            color: var(--rose-dark);\n            font-size: 0.72rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            padding: 3px 10px;\n            border-radius: 30px;\n            margin-bottom: 10px;\n        }\n\n        .ingredient-card p {\n            color: var(--mid);\n            font-size: 0.87rem;\n            line-height: 1.7;\n        }\n\n        \/* ── USAGE ── *\/\n        .usage-section {\n            padding: 70px 30px;\n            background: linear-gradient(135deg, var(--dark2) 0%, var(--dark) 100%);\n        }\n\n        .usage-section .inner {\n            max-width: 900px;\n            margin: 0 auto;\n        }\n\n        .usage-section .section-label { color: var(--rose-light); }\n        .usage-section .section-title { color: white; }\n\n        .usage-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 20px;\n            margin-top: 40px;\n        }\n\n        .usage-card {\n            background: rgba(255,255,255,0.06);\n            border: 1px solid rgba(192,86,107,0.25);\n            border-radius: 12px;\n            padding: 28px 22px;\n            text-align: center;\n        }\n\n        .usage-card .icon { font-size: 2rem; margin-bottom: 14px; }\n\n        .usage-card h4 {\n            font-family: 'Cormorant Garamond', serif;\n            color: var(--rose-light);\n            font-size: 1.1rem;\n            margin-bottom: 10px;\n        }\n\n        .usage-card p {\n            color: rgba(255,255,255,0.6);\n            font-size: 0.88rem;\n            line-height: 1.75;\n        }\n\n        .usage-card strong { color: white; }\n\n        .usage-highlight {\n            margin-top: 36px;\n            background: rgba(192,86,107,0.15);\n            border: 1px solid rgba(192,86,107,0.3);\n            border-radius: 12px;\n            padding: 22px 28px;\n            text-align: center;\n        }\n\n        .usage-highlight p {\n            color: var(--rose-light);\n            font-size: 0.92rem;\n            line-height: 1.7;\n        }\n\n        .usage-highlight strong { color: white; }\n\n        \/* ── INDICATIONS ── *\/\n        .indications-section {\n            padding: 60px 30px;\n            background: var(--pearl);\n        }\n\n        .indications-section .inner {\n            max-width: 900px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 24px;\n        }\n\n        .indication-box {\n            background: white;\n            border-radius: 14px;\n            padding: 30px;\n            box-shadow: 0 2px 16px rgba(28,16,16,0.06);\n        }\n\n        .indication-box h4 {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 1.2rem;\n            color: var(--dark);\n            margin-bottom: 18px;\n            padding-bottom: 12px;\n            border-bottom: 2px solid var(--rose-light);\n        }\n\n        .indication-box ul { list-style: none; }\n\n        .indication-box ul li {\n            display: flex;\n            gap: 10px;\n            font-size: 0.9rem;\n            color: var(--mid);\n            padding: 7px 0;\n            border-bottom: 1px solid rgba(192,86,107,0.08);\n            line-height: 1.5;\n        }\n\n        .indication-box ul li:last-child { border-bottom: none; }\n\n        .dot {\n            width: 6px; height: 6px;\n            border-radius: 50%;\n            background: var(--rose);\n            flex-shrink: 0;\n            margin-top: 6px;\n        }\n\n        .indication-box.green h4 { border-bottom-color: #b8ddca; }\n        .indication-box.green .dot { background: #4A7C59; }\n\n        \/* ── COMPOSITION ── *\/\n        .composition-section {\n            padding: 60px 30px;\n            background: white;\n        }\n\n        .composition-section .inner {\n            max-width: 800px;\n            margin: 0 auto;\n            text-align: center;\n        }\n\n        .composition-section .section-title { margin-bottom: 30px; }\n\n        .composition-box {\n            background: var(--blush);\n            border-radius: 14px;\n            padding: 38px;\n            border: 1px solid rgba(192,86,107,0.2);\n            text-align: left;\n        }\n\n        .composition-label {\n            font-size: 0.72rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: var(--rose-dark);\n            margin-bottom: 16px;\n        }\n\n        .composition-text {\n            color: var(--mid);\n            font-size: 0.9rem;\n            line-height: 1.9;\n        }\n\n        .capsule-note {\n            margin-top: 22px;\n            padding: 14px 18px;\n            background: rgba(192,86,107,0.08);\n            border-radius: 8px;\n            font-size: 0.85rem;\n            color: var(--rose-dark);\n            font-style: italic;\n        }\n\n        \/* ── QUOTE ── *\/\n        .quote-section {\n            padding: 64px 30px;\n            background: var(--dark2);\n            text-align: center;\n        }\n\n        .quote-section blockquote {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: clamp(1.5rem, 3vw, 2.2rem);\n            font-style: italic;\n            color: var(--rose-light);\n            max-width: 720px;\n            margin: 0 auto 20px;\n            line-height: 1.5;\n        }\n\n        .quote-section blockquote::before { content: '\"'; }\n        .quote-section blockquote::after  { content: '\"'; }\n\n        .quote-section cite {\n            display: block;\n            font-size: 0.78rem;\n            color: rgba(255,255,255,0.35);\n            font-style: normal;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n        }\n\n        \/* ── TESTIMONIAL CTA ── *\/\n        .testimonial-cta {\n            padding: 50px 30px;\n            background: var(--blush);\n            text-align: center;\n        }\n\n        .testimonial-cta p {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 2rem;\n            font-style: italic;\n            color: var(--dark);\n            margin-bottom: 6px;\n        }\n\n        .testimonial-cta span {\n            font-size: 0.85rem;\n            color: var(--mid);\n            letter-spacing: 1px;\n        }\n\n        \/* ── RESPONSIVE ── *\/\n        @media (max-width: 768px) {\n            .problem-section .inner,\n            .ingredients-grid,\n            .usage-grid,\n            .indications-section .inner { grid-template-columns: 1fr; }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003c!-- HEADER --\u003e\n\u003cdiv class=\"header\"\u003e\n    \u003cdiv class=\"orb orb-1\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"orb orb-2\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"orb orb-3\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"particles\" id=\"particles\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"header-content\"\u003e\n        \u003cdiv class=\"badge\"\u003e\n            \u003cspan class=\"badge-dot\"\u003e\u003c\/span\u003e\n            Biolissime — Anti-Taches \u0026amp; Éclat\n        \u003c\/div\u003e\n        \u003ch1 class=\"header-title\"\u003e\n            \u003cspan class=\"brand\"\u003eSkinoxy\u003c\/span\u003e\n            \u003cspan class=\"product\"\u003eÉclat du Teint\u003c\/span\u003e\n        \u003c\/h1\u003e\n        \u003cp class=\"header-sub\"\u003eBoostez \u003cspan class=\"accent\"\u003ela jeunesse\u003c\/span\u003e et \u003cspan class=\"accent\"\u003el'éclat\u003c\/span\u003e de votre peau\u003cbr\u003ede l'intérieur — \u003cstrong\u003enaturellement\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cp class=\"header-tagline\"\u003eEt si vous pouviez effacer les taches et retrouver votre éclat ?\u003c\/p\u003e\n        \u003cdiv class=\"header-pills\"\u003e\n            \u003cspan class=\"pill\"\u003e✨ Anti-taches pigmentaires\u003c\/span\u003e\n            \u003cspan class=\"pill\"\u003e💧 Hydratation profonde\u003c\/span\u003e\n            \u003cspan class=\"pill\"\u003e🌿 100% Naturel\u003c\/span\u003e\n            \u003cspan class=\"pill\"\u003e⏳ Anti-âge \u0026amp; anti-rides\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"price-row\"\u003e\n            \u003cdiv class=\"price\"\u003e39,90€\u003c\/div\u003e\n            \u003cdiv class=\"price-sub\"\u003e1 gélule \/ jour\u003cbr\u003eCure 1 à 6 mois\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- INTRO STRIP --\u003e\n\u003cdiv class=\"intro-strip\"\u003e\n    \u003cp\u003eUn complexe naturel d'antioxydants qui atténue les taches pigmentaires, stimule le collagène et révèle l'éclat naturel de votre peau — de l'intérieur.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- VIDEO --\u003e\n\u003csection class=\"video-section\"\u003e\n    \u003cdiv class=\"inner\"\u003e\n        \u003cdiv class=\"section-label\"\u003eDémonstration\u003c\/div\u003e\n        \u003ch2 class=\"section-title\"\u003eDécouvrez Skinoxy Éclat du Teint en vidéo\u003c\/h2\u003e\n        \u003cdiv class=\"video-wrapper\"\u003e\n            \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/oFhIl9nnHZI\" title=\"Skinoxy Éclat du Teint — Démonstration\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- PROBLEM --\u003e\n\u003csection class=\"problem-section\"\u003e\n    \u003cdiv class=\"inner\"\u003e\n        \u003cdiv\u003e\n            \u003cdiv class=\"section-label\"\u003eLe problème\u003c\/div\u003e\n            \u003ch2 class=\"section-title\"\u003ePollution, UV, alimentation : votre peau en paye le prix\u003c\/h2\u003e\n            \u003cp\u003eLe fonctionnement normal de votre corps produit des substances qui l'aident à lutter contre les attaques. Mais sous l'effet de facteurs environnementaux agressifs — \u003cstrong\u003epollution, UV, alimentation déséquilibrée\u003c\/strong\u003e — ce mécanisme se dérègle.\u003c\/p\u003e\n            \u003cp\u003eLe résultat ? Des \u003cstrong\u003etaches brunes\u003c\/strong\u003e qui s'installent sur votre visage, vos mains et votre décolleté. Un teint que vous ne reconnaissez plus. Pas dangereux — mais définitivement indésirable.\u003c\/p\u003e\n            \u003cp\u003eNos chercheurs ont trouvé la solution parfaite pour aider votre peau à lutter contre ces anomalies : \u003cstrong\u003eSkinoxy Éclat du Teint\u003c\/strong\u003e, un complexe antioxydant naturel qui agit de l'intérieur.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"problem-visual\"\u003e\n            \u003ch3\u003eCe que le stress oxydatif fait à votre peau\u003c\/h3\u003e\n            \u003cul class=\"damage-list\"\u003e\n                \u003cli\u003eTaches sombres et lentigo solaire\u003c\/li\u003e\n                \u003cli\u003eTeint terne et sans éclat\u003c\/li\u003e\n                \u003cli\u003ePeau moins ferme, vieillissement accéléré\u003c\/li\u003e\n                \u003cli\u003eRadicaux libres en excès\u003c\/li\u003e\n                \u003cli\u003eHydratation diminuée\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- TRIPLE ACTION BANNER --\u003e\n\u003cdiv class=\"action-banner\"\u003e\n    \u003cdiv class=\"kicker\"\u003eLa solution Biolissime\u003c\/div\u003e\n    \u003ch2\u003eUne \u003cem\u003etriple action\u003c\/em\u003e antioxydante, hydratante et anti-âge\u003c\/h2\u003e\n    \u003cp\u003eChaque gélule agit en profondeur pour révéler une peau lumineuse, lisse et résistante — sans risques, sans substances agressives.\u003c\/p\u003e\n    \u003cdiv class=\"triple-badges\"\u003e\n        \u003cdiv class=\"triple-badge\"\u003e🔴 Antioxydant\u003c\/div\u003e\n        \u003cdiv class=\"triple-badge\"\u003e💧 Hydratant\u003c\/div\u003e\n        \u003cdiv class=\"triple-badge\"\u003e⏳ Anti-âge\u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- BENEFITS --\u003e\n\u003csection class=\"benefits-section\"\u003e\n    \u003cdiv class=\"inner\"\u003e\n        \u003cdiv class=\"benefits-header\"\u003e\n            \u003cdiv class=\"section-label\"\u003eBienfaits\u003c\/div\u003e\n            \u003ch2 class=\"section-title\"\u003eDes résultats extraordinaires, sans risques\u003c\/h2\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"benefits-list\"\u003e\n            \u003cdiv class=\"benefit-row\"\u003e\n                \u003cdiv class=\"benefit-icon-wrap\"\u003e🛡️\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4\u003eVous protégez efficacement votre peau fragile\u003c\/h4\u003e\n                    \u003cp\u003eLe Skinoxy Éclat du Teint dynamise vos défenses immunitaires en agissant de l'intérieur sur les taches, la fermeté et l'hydratation. Votre peau est mieux armée contre les agressions extérieures quotidiennes.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"benefit-row\"\u003e\n                \u003cdiv class=\"benefit-icon-wrap\"\u003e✨\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4\u003eVous retrouvez une peau lisse et rayonnante\u003c\/h4\u003e\n                    \u003cp\u003eGrâce à ses ingrédients minutieusement choisis — Glutathion, Extrait de Pin Maritime, Poudre de Perle — votre peau retrouve éclat, souplesse et uniformité de teint.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"benefit-row\"\u003e\n                \u003cdiv class=\"benefit-icon-wrap\"\u003e💧\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4\u003eVotre peau sera plus hydratée\u003c\/h4\u003e\n                    \u003cp\u003eLa formule stimule la production de \u003cstrong\u003ecollagène\u003c\/strong\u003e et d'\u003cstrong\u003eacide hyaluronique\u003c\/strong\u003e, les deux piliers de l'hydratation et de la fermeté cutanée.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"benefit-row\"\u003e\n                \u003cdiv class=\"benefit-icon-wrap\"\u003e🕐\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4\u003eDites adieu aux rides et ridules\u003c\/h4\u003e\n                    \u003cp\u003eLa composition particulière de vos gélules permet d'atténuer les rides et ridules pour un effet repulpant visible dès les premières semaines.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"benefit-row\"\u003e\n                \u003cdiv class=\"benefit-icon-wrap\"\u003e⚡\u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4\u003eDites adieu aux radicaux libres\u003c\/h4\u003e\n                    \u003cp\u003eLes antioxydants puissants de la formule neutralisent les radicaux libres en excès, stoppant le vieillissement cellulaire accéléré à la source.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- INGREDIENTS --\u003e\n\u003csection class=\"ingredients-section\"\u003e\n    \u003cdiv class=\"inner\"\u003e\n        \u003cdiv class=\"ingredients-header\"\u003e\n            \u003cdiv class=\"section-label\"\u003eComposition unique\u003c\/div\u003e\n            \u003ch2 class=\"section-title\"\u003eLes actifs qui font la différence\u003c\/h2\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"ingredients-intro\"\u003eUne formule experte associant les antioxydants les plus puissants de la nature pour une action complète sur l'éclat, les taches et le vieillissement cutané.\u003c\/p\u003e\n        \u003cdiv class=\"ingredients-grid\"\u003e\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"ing-icon\"\u003e🧬\u003c\/div\u003e\n                \u003cdiv class=\"ing-name\"\u003eCollagène Marin\u003c\/div\u003e\n                \u003cdiv class=\"ing-dose\"\u003e150 mg\u003c\/div\u003e\n                \u003cp\u003eStimule la régénération cutanée, améliore la fermeté et la souplesse de la peau en profondeur.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"ing-icon\"\u003e✨\u003c\/div\u003e\n                \u003cdiv class=\"ing-name\"\u003eGlutathion Réduit\u003c\/div\u003e\n                \u003cdiv class=\"ing-dose\"\u003e100 mg\u003c\/div\u003e\n                \u003cp\u003eAntioxydant majeur qui inhibe la production de mélanine et illumine les teints les plus ternes.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"ing-icon\"\u003e⚗️\u003c\/div\u003e\n                \u003cdiv class=\"ing-name\"\u003eL-Cystéine\u003c\/div\u003e\n                \u003cdiv class=\"ing-dose\"\u003e40 mg\u003c\/div\u003e\n                \u003cp\u003eAcide aminé soufré qui renforce l'action du glutathion et soutient la synthèse de kératine.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"ing-icon\"\u003e🌲\u003c\/div\u003e\n                \u003cdiv class=\"ing-name\"\u003eExtrait de Pin Maritime\u003c\/div\u003e\n                \u003cdiv class=\"ing-dose\"\u003e50 mg\u003c\/div\u003e\n                \u003cp\u003ePuissant antioxydant végétal qui protège les cellules cutanées et améliore la microcirculation.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"ing-icon\"\u003e🔵\u003c\/div\u003e\n                \u003cdiv class=\"ing-name\"\u003eCoenzyme Q10\u003c\/div\u003e\n                \u003cdiv class=\"ing-dose\"\u003e10 mg\u003c\/div\u003e\n                \u003cp\u003eÉnergise les cellules cutanées, réduit l'oxydation et combat les signes visibles du vieillissement.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"ing-icon\"\u003e🫧\u003c\/div\u003e\n                \u003cdiv class=\"ing-name\"\u003ePoudre de Perle\u003c\/div\u003e\n                \u003cdiv class=\"ing-dose\"\u003e5 mg\u003c\/div\u003e\n                \u003cp\u003eMinéraux précieux qui illuminent et apaisent la peau, pour un teint nacré et lumineux.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"ing-icon\"\u003e🍊\u003c\/div\u003e\n                \u003cdiv class=\"ing-name\"\u003eVitamines C, E, D \u0026amp; B3\u003c\/div\u003e\n                \u003cdiv class=\"ing-dose\"\u003eComplexe synergique\u003c\/div\u003e\n                \u003cp\u003eBouclier antioxydant complet qui soutient le renouvellement cellulaire et unifie le teint.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- USAGE --\u003e\n\u003csection class=\"usage-section\"\u003e\n    \u003cdiv class=\"inner\"\u003e\n        \u003cdiv class=\"section-label\"\u003eConseils d'utilisation\u003c\/div\u003e\n        \u003ch2 class=\"section-title\"\u003eSimple, efficace et adaptable dans la durée\u003c\/h2\u003e\n        \u003cdiv class=\"usage-grid\"\u003e\n            \u003cdiv class=\"usage-card\"\u003e\n                \u003cdiv class=\"icon\"\u003e💊\u003c\/div\u003e\n                \u003ch4\u003ePosologie\u003c\/h4\u003e\n                \u003cp\u003e\u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e pendant un mois, au cours des repas. Renouvelable de 2 à 6 mois sans interruption.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"usage-card\"\u003e\n                \u003cdiv class=\"icon\"\u003e🧴\u003c\/div\u003e\n                \u003ch4\u003eSynergie de soins\u003c\/h4\u003e\n                \u003cp\u003eAssocier avec le \u003cstrong\u003eSérum Anti-Taches\u003c\/strong\u003e et le \u003cstrong\u003eFluide Solaire SPF 50\u003c\/strong\u003e Biolissime pour des résultats optimaux.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"usage-card\"\u003e\n                \u003cdiv class=\"icon\"\u003e💧\u003c\/div\u003e\n                \u003ch4\u003eMode de vie\u003c\/h4\u003e\n                \u003cp\u003eBoire \u003cstrong\u003e1,5 L d'eau par jour\u003c\/strong\u003e et adopter une alimentation riche en fruits et légumes pour amplifier les effets.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"usage-highlight\"\u003e\n            \u003cp\u003eProduit destiné aux \u003cstrong\u003epeaux présentant des taches pigmentaires\u003c\/strong\u003e.\u003cbr\u003e\n            Convient également aux \u003cstrong\u003epeaux sensibles et réactives, aux femmes enceintes et allaitantes.\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- INDICATIONS --\u003e\n\u003csection class=\"indications-section\"\u003e\n    \u003cdiv class=\"inner\"\u003e\n        \u003cdiv class=\"indication-box green\"\u003e\n            \u003ch4\u003e✅ Convient à\u003c\/h4\u003e\n            \u003cul\u003e\n                \u003cli\u003e\n\u003cspan class=\"dot\" style=\"background:#4A7C59\"\u003e\u003c\/span\u003e Tous les types de peaux avec taches pigmentaires\u003c\/li\u003e\n                \u003cli\u003e\n\u003cspan class=\"dot\" style=\"background:#4A7C59\"\u003e\u003c\/span\u003e Peaux sensibles et réactives\u003c\/li\u003e\n                \u003cli\u003e\n\u003cspan class=\"dot\" style=\"background:#4A7C59\"\u003e\u003c\/span\u003e Femmes enceintes et allaitantes\u003c\/li\u003e\n                \u003cli\u003e\n\u003cspan class=\"dot\" style=\"background:#4A7C59\"\u003e\u003c\/span\u003e Peaux matures dès 40 ans\u003c\/li\u003e\n                \u003cli\u003e\n\u003cspan class=\"dot\" style=\"background:#4A7C59\"\u003e\u003c\/span\u003e Peaux jeunes présentant des imperfections pigmentaires\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"indication-box\"\u003e\n            \u003ch4\u003eℹ️ Bon à savoir\u003c\/h4\u003e\n            \u003cul\u003e\n                \u003cli\u003e\n\u003cspan class=\"dot\"\u003e\u003c\/span\u003e Taches brunes, lentigo solaire, taches de vieillesse : même combat\u003c\/li\u003e\n                \u003cli\u003e\n\u003cspan class=\"dot\"\u003e\u003c\/span\u003e Les résultats s'observent progressivement, semaine après semaine\u003c\/li\u003e\n                \u003cli\u003e\n\u003cspan class=\"dot\"\u003e\u003c\/span\u003e Pour une protection maximale, associer à une protection solaire externe\u003c\/li\u003e\n                \u003cli\u003e\n\u003cspan class=\"dot\"\u003e\u003c\/span\u003e Cure longue (3–6 mois) recommandée pour les cas persistants\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"composition-section\"\u003e\n    \u003cdiv class=\"inner\"\u003e\n        \u003cdiv class=\"section-label\"\u003eTransparence\u003c\/div\u003e\n        \u003ch2 class=\"section-title\"\u003eComposition complète\u003c\/h2\u003e\n        \u003cdiv class=\"composition-box\"\u003e\n            \u003cdiv class=\"composition-label\"\u003eIngrédients \u0026amp; dosages\u003c\/div\u003e\n            \u003cp class=\"composition-text\"\u003eMarine collagène 150 mg, Glutathion réduit 100 mg, L-Cystéine 40 mg, Extrait de Pinus pinaster 50 mg, Acide alpha-lipoïque 13 mg, Vitamine E 28 mg, Vitamine D 16 mg, Vitamine B3 16 mg, Coenzyme Q10 10 mg, Vitamine C 5 mg, Poudre de perle 5 mg, Extrait de mûrier blanc (ratio) 2 mg, Zinc 7,5 mg.\u003c\/p\u003e\n            \u003cdiv class=\"capsule-note\"\u003e🌿 Formule naturelle — Sans perturbateurs endocriniens — Gélule végétale\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- QUOTE --\u003e\n\u003cdiv class=\"quote-section\"\u003e\n    \u003cblockquote\u003eMoins de taches, plus d'éclat — révélez la peau que vous méritez\u003c\/blockquote\u003e\n    \u003ccite\u003eSkinoxy Éclat du Teint — Biolissime\u003c\/cite\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    \/\/ Pearl particle sparkles\n    const container = document.getElementById('particles');\n    const count = 18;\n    for (let i = 0; i \u003c count; i++) {\n        const p = document.createElement('div');\n        p.className = 'particle';\n        const size = Math.random() * 4 + 2;\n        p.style.cssText = `\n            width: ${size}px;\n            height: ${size}px;\n            top: ${Math.random() * 100}%;\n            left: ${Math.random() * 100}%;\n            animation-delay: ${Math.random() * 4}s;\n            animation-duration: ${3 + Math.random() * 3}s;\n        `;\n        container.appendChild(p);\n    }\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Biolissime paris","offers":[{"title":"Default Title","offer_id":41634797224176,"sku":"","price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0550\/5076\/4528\/files\/WhatsAppImage2026-03-16at11.34.36.jpg?v=1774416704"},{"product_id":"serum-booster-anti-taches","title":"Sérum Booster Anti-Taches","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eSérum Boosteur Anti-Taches Biolissime\u003c\/title\u003e\n    \u003cstyle\u003e\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600;700\u0026family=Inter:wght@300;400;500;600\u0026display=swap');\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Inter', sans-serif;\n            background: #ffffff;\n            color: #2c2c2c;\n            line-height: 1.7;\n        }\n\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n        }\n\n        .header {\n            background: linear-gradient(135deg, #f9f5f0 0%, #ffffff 100%);\n            padding: 50px 30px;\n            text-align: center;\n            border-bottom: 1px solid #e8dfd5;\n        }\n\n        .slogan {\n            font-family: 'Playfair Display', serif;\n            font-size: 2.5rem;\n            line-height: 1.4;\n            color: #1a1a1a;\n            font-weight: 600;\n            max-width: 800px;\n            margin: 0 auto 20px;\n        }\n\n        .slogan .highlight {\n            color: #c89968;\n            font-weight: 700;\n            border-bottom: 3px solid #c89968;\n            padding-bottom: 2px;\n        }\n\n        .delivery {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            background: #c89968;\n            color: white;\n            padding: 12px 24px;\n            border-radius: 50px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            margin-top: 25px;\n        }\n\n        .intro {\n            padding: 50px 30px;\n            text-align: center;\n            background: white;\n        }\n\n        .intro p {\n            font-size: 1.05rem;\n            color: #555;\n            line-height: 1.8;\n            margin-bottom: 15px;\n            max-width: 700px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .intro .tagline {\n            font-size: 1.15rem;\n            color: #c89968;\n            font-weight: 600;\n            margin-top: 25px;\n            padding: 15px 30px;\n            background: #fdf8f3;\n            border-radius: 8px;\n            display: inline-block;\n        }\n\n        .benefits {\n            padding: 50px 30px;\n            background: #fafafa;\n        }\n\n        .benefits h2 {\n            text-align: center;\n            font-family: 'Playfair Display', serif;\n            color: #1a1a1a;\n            margin-bottom: 40px;\n            font-size: 2rem;\n            font-weight: 600;\n        }\n\n        .benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 25px;\n            max-width: 900px;\n            margin: 0 auto;\n        }\n\n        .benefit-card {\n            background: white;\n            padding: 30px 25px;\n            border-radius: 12px;\n            text-align: center;\n            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n            transition: all 0.3s ease;\n            border-top: 3px solid #c89968;\n        }\n\n        .benefit-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 6px 20px rgba(200, 153, 104, 0.15);\n        }\n\n        .benefit-card::before {\n            content: '●';\n            color: #c89968;\n            font-size: 2rem;\n            display: block;\n            margin-bottom: 15px;\n        }\n\n        .benefit-card p {\n            color: #555;\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        .accordion-section {\n            padding: 50px 30px;\n            background: white;\n        }\n\n        .accordion-item {\n            margin-bottom: 20px;\n            border: 2px solid #e8dfd5;\n            border-radius: 10px;\n            overflow: hidden;\n            transition: all 0.3s ease;\n        }\n\n        .accordion-item:hover {\n            border-color: #c89968;\n        }\n\n        .accordion-header {\n            background: white;\n            padding: 22px 28px;\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            transition: all 0.3s ease;\n        }\n\n        .accordion-header:hover {\n            background: #fdf8f3;\n        }\n\n        .accordion-header.active {\n            background: #c89968;\n        }\n\n        .accordion-header.active .accordion-title,\n        .accordion-header.active .accordion-arrow {\n            color: white;\n        }\n\n        .accordion-title {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            color: #1a1a1a;\n            font-size: 1.15rem;\n            font-weight: 600;\n        }\n\n        .accordion-icon {\n            width: 22px;\n            height: 22px;\n            flex-shrink: 0;\n        }\n\n        .accordion-icon svg {\n            width: 100%;\n            height: 100%;\n            fill: #c89968;\n        }\n\n        .accordion-header.active .accordion-icon svg {\n            fill: white;\n        }\n\n        .accordion-arrow {\n            color: #c89968;\n            font-size: 1.2rem;\n            transition: transform 0.3s ease;\n            font-weight: bold;\n        }\n\n        .accordion-header.active .accordion-arrow {\n            transform: rotate(180deg);\n        }\n\n        .accordion-content {\n            max-height: 0;\n            overflow: hidden;\n            background: #fafafa;\n            transition: max-height 0.4s ease, padding 0.4s ease;\n        }\n\n        .accordion-content.active {\n            max-height: 2500px;\n            padding: 35px 28px;\n        }\n\n        .accordion-content-inner {\n            color: #555;\n            line-height: 1.8;\n        }\n\n        .accordion-content-inner h4 {\n            color: #1a1a1a;\n            margin-top: 25px;\n            margin-bottom: 15px;\n            font-size: 1.1rem;\n            font-weight: 600;\n            padding-bottom: 8px;\n            border-bottom: 2px solid #e8dfd5;\n        }\n\n        .accordion-content-inner h4:first-child {\n            margin-top: 0;\n        }\n\n        .accordion-content-inner ul {\n            list-style: none;\n            padding-left: 0;\n            margin-top: 15px;\n        }\n\n        .accordion-content-inner li {\n            padding: 14px 20px;\n            position: relative;\n            margin-bottom: 10px;\n            background: rgba(200, 153, 104, 0.03);\n            border-radius: 6px;\n        }\n\n        .accordion-content-inner strong {\n            color: #1a1a1a;\n            font-weight: 600;\n        }\n\n        .ingredients-list {\n            background: white;\n            padding: 25px;\n            border-radius: 8px;\n            font-size: 0.88rem;\n            line-height: 1.8;\n            color: #666;\n            margin-top: 20px;\n            border: 1px solid #e8dfd5;\n        }\n\n        .quote {\n            text-align: center;\n            font-family: 'Playfair Display', serif;\n            font-style: italic;\n            color: #1a1a1a;\n            font-size: 1.4rem;\n            margin: 35px 0;\n            padding: 25px;\n            background: white;\n            border-radius: 8px;\n            border-left: 5px solid #c89968;\n            font-weight: 500;\n        }\n\n        .warning-box {\n            background: #fff8f0;\n            border-left: 4px solid #ff9800;\n            padding: 20px;\n            margin: 20px 0;\n            border-radius: 4px;\n        }\n\n        .warning-box strong {\n            color: #ff9800;\n            display: block;\n            margin-bottom: 8px;\n            font-size: 1.05rem;\n        }\n\n        .stats-grid {\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: 8px;\n            text-align: center;\n            border: 2px solid #e8dfd5;\n        }\n\n        .stat-number {\n            font-size: 2.5rem;\n            font-weight: 700;\n            color: #c89968;\n            font-family: 'Playfair Display', serif;\n        }\n\n        .stat-label {\n            font-size: 0.9rem;\n            color: #555;\n            margin-top: 5px;\n        }\n\n        @media (max-width: 768px) {\n            .slogan {\n                font-size: 1.8rem;\n            }\n\n            .accordion-title {\n                font-size: 1rem;\n            }\n\n            .benefits-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .header, .intro, .benefits, .accordion-section {\n                padding: 30px 20px;\n            }\n\n            .stat-number {\n                font-size: 2rem;\n            }\n        }\n\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n                transform: translateY(15px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .accordion-item {\n            animation: fadeIn 0.5s ease forwards;\n            opacity: 0;\n        }\n\n        .accordion-item:nth-child(1) { animation-delay: 0.1s; }\n        .accordion-item:nth-child(2) { animation-delay: 0.2s; }\n        .accordion-item:nth-child(3) { animation-delay: 0.3s; }\n        .accordion-item:nth-child(4) { animation-delay: 0.4s; }\n    \u003c\/style\u003e\n\n\n    \u003cdiv class=\"container\"\u003e\n        \u003cdiv class=\"header\"\u003e\n            \u003cdiv class=\"slogan\"\u003e\n                Le \u003cspan class=\"highlight\"\u003e1er sérum booster\u003c\/span\u003e anti-taches\u003cbr\u003e\n                avec des actifs \u003cspan class=\"highlight\"\u003e100% sûrs\u003c\/span\u003e pour votre peau\n            \u003c\/div\u003e\n            \u003cdiv class=\"delivery\"\u003e\n                \u003csvg style=\"width: 18px; height: 18px;\" viewbox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                    \u003cpath d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\n                Notre meilleur sérum à ce jour\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"intro\"\u003e\n            \u003cp\u003eCe sérum est \u003cstrong\u003ele 1er sérum booster anti-taches\u003c\/strong\u003e avec des actifs éclaircissants 100% sûrs pour votre peau.\u003c\/p\u003e\n            \u003cp\u003eGrâce à son \u003cstrong\u003ecomplexe naturel à base d'extraits de plantes alpines\u003c\/strong\u003e, il agit en profondeur sur les taches causées par le soleil, l'acné, le mélasma, les cicatrices, etc.\u003c\/p\u003e\n            \u003cp\u003e\u003cstrong\u003e90% des volontaires\u003c\/strong\u003e qui l'ont testé ont été émerveillés par les résultats.\u003c\/p\u003e\n            \u003cp class=\"tagline\"\u003eVos taches ont maintenant de quoi s'inquiéter\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"benefits\"\u003e\n            \u003ch2\u003eRésultats hallucinants\u003c\/h2\u003e\n            \n            \u003cdiv class=\"stats-grid\"\u003e\n                \u003cdiv class=\"stat-card\"\u003e\n                    \u003cdiv class=\"stat-number\"\u003e28j\u003c\/div\u003e\n                    \u003cdiv class=\"stat-label\"\u003eÉclaircissement visible\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"stat-card\"\u003e\n                    \u003cdiv class=\"stat-number\"\u003e-24%\u003c\/div\u003e\n                    \u003cdiv class=\"stat-label\"\u003eIntensité des taches\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"stat-card\"\u003e\n                    \u003cdiv class=\"stat-number\"\u003e95%\u003c\/div\u003e\n                    \u003cdiv class=\"stat-label\"\u003eTexture améliorée\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"stat-card\"\u003e\n                    \u003cdiv class=\"stat-number\"\u003e90%\u003c\/div\u003e\n                    \u003cdiv class=\"stat-label\"\u003eSatisfaits des résultats\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cp style=\"text-align: center; margin-top: 20px; font-size: 0.9rem; color: #777; font-style: italic;\"\u003e\n                *Test instrumental in vitro sur des peaux noires, mates et métissées\u003cbr\u003e\n                *Ce produit n'est pas un produit de dépigmentation de la peau\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"accordion-section\"\u003e\n            \u003cdiv class=\"accordion-item\"\u003e\n                \u003cdiv class=\"accordion-header\"\u003e\n                    \u003cdiv class=\"accordion-title\"\u003e\n                        \u003cspan class=\"accordion-icon\"\u003e\n                            \u003csvg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath d=\"M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2v14H3v3c0 1.66 1.34 3 3 3h12c1.66 0 3-1.34 3-3V2l-1.5 1.5zM19 19c0 .55-.45 1-1 1s-1-.45-1-1v-3H8V5h11v14z\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/span\u003e\n                        \u003cspan\u003eDétails\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cspan class=\"accordion-arrow\"\u003e▼\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"accordion-content\"\u003e\n                    \u003cdiv class=\"accordion-content-inner\"\u003e\n                        \u003cp\u003eLe sérum booster est tellement puissant qu'aucune tache ne lui résiste. C'est le pire cauchemar des taches rebelles.\u003c\/p\u003e\n                        \n                        \u003ch4\u003eRésultats cliniques prouvés\u003c\/h4\u003e\n                        \u003cul\u003e\n                            \u003cli\u003e\n\u003cstrong\u003eÉclaircissement dès 28 jours\u003c\/strong\u003e : test instrumental in vitro sur des peaux noires, mates et métissées\u003c\/li\u003e\n                            \u003cli\u003e\n\u003cstrong\u003eTaches pigmentaires\u003c\/strong\u003e : diminution significative de la taille des taches (-7%) et de l'intensité des taches (-24%)\u003c\/li\u003e\n                            \u003cli\u003e\n\u003cstrong\u003eTexture de la peau améliorée (95%)\u003c\/strong\u003e, et peau plus douce (85%)\u003c\/li\u003e\n                        \u003c\/ul\u003e\n\n                        \u003ch4\u003eEfficace pour tous les types de taches\u003c\/h4\u003e\n                        \u003cul\u003e\n                            \u003cli\u003eTaches causées par le soleil\u003c\/li\u003e\n                            \u003cli\u003eTaches d'acné et cicatrices\u003c\/li\u003e\n                            \u003cli\u003eMélasma\u003c\/li\u003e\n                            \u003cli\u003eHyperpigmentation post-inflammatoire\u003c\/li\u003e\n                        \u003c\/ul\u003e\n\n                        \u003ch4\u003eComplexe éclaircissant d'extraits de plantes alpines\u003c\/h4\u003e\n                        \u003cul\u003e\n                            \u003cli\u003e\n\u003cstrong\u003eMélisse officinale\u003c\/strong\u003e : anti-taches et unifiant\u003c\/li\u003e\n                            \u003cli\u003e\n\u003cstrong\u003eAchillée millefeuille\u003c\/strong\u003e : correcteur de l'hyperpigmentation\u003c\/li\u003e\n                            \u003cli\u003e\n\u003cstrong\u003eGrande Mauve\u003c\/strong\u003e : éclaircit les taches pigmentaires\u003c\/li\u003e\n                        \u003c\/ul\u003e\n\n                        \u003ch4\u003eAcide Hyaluronique\u003c\/h4\u003e\n                        \u003cul\u003e\n                            \u003cli\u003e\n\u003cstrong\u003eHydratation maximale\u003c\/strong\u003e : retient l'eau au cœur des cellules\u003c\/li\u003e\n                            \u003cli\u003e\n\u003cstrong\u003eAction anti-âge\u003c\/strong\u003e : repulpe et raffermit la peau\u003c\/li\u003e\n                            \u003cli\u003e\n\u003cstrong\u003eHydratation continue\u003c\/strong\u003e : tout au long de la journée\u003c\/li\u003e\n                        \u003c\/ul\u003e\n\n                        \u003cdiv class=\"quote\"\u003e« Notre meilleur sérum à ce jour »\u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"accordion-item\"\u003e\n                \u003cdiv class=\"accordion-header\"\u003e\n                    \u003cdiv class=\"accordion-title\"\u003e\n                        \u003cspan class=\"accordion-icon\"\u003e\n                            \u003csvg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath d=\"M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2.85 11.1l-.85.6V16h-4v-2.3l-.85-.6C7.8 12.16 7 10.63 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/span\u003e\n                        \u003cspan\u003eConseils d'utilisation\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cspan class=\"accordion-arrow\"\u003e▼\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"accordion-content\"\u003e\n                    \u003cdiv class=\"accordion-content-inner\"\u003e\n                        \u003cp\u003eLe meilleur, c'est que c'est \u003cstrong\u003efacile de passer au sérum booster\u003c\/strong\u003e. Il s'intègre parfaitement à votre routine beauté.\u003c\/p\u003e\n\n                        \u003ch4\u003eApplication\u003c\/h4\u003e\n                        \u003cul\u003e\n                            \u003cli\u003e\n\u003cstrong\u003eMatin et soir\u003c\/strong\u003e, après avoir bien lavé votre peau\u003c\/li\u003e\n                            \u003cli\u003eAppliquez le Sérum Boosteur Anti-Taches sur le \u003cstrong\u003evisage et le cou\u003c\/strong\u003e\n\u003c\/li\u003e\n                            \u003cli\u003e\n\u003cstrong\u003eLe soir\u003c\/strong\u003e : terminez par votre Crème de Nuit\u003c\/li\u003e\n                            \u003cli\u003e\n\u003cstrong\u003eLe matin\u003c\/strong\u003e : appliquez une protection solaire optimale\u003c\/li\u003e\n                        \u003c\/ul\u003e\n\n                        \u003cdiv class=\"warning-box\"\u003e\n                            \u003cstrong\u003e⚠️ ATTENTION\u003c\/strong\u003e\n                            Une peau qui suit un traitement anti-taches est beaucoup plus sensible face aux dangers du soleil. N'oubliez donc pas de vous protéger au quotidien, \u003cstrong\u003eété comme hiver\u003c\/strong\u003e, du soleil.\n                        \u003c\/div\u003e\n\n                        \u003ch4\u003eRecommandations\u003c\/h4\u003e\n                        \u003cul\u003e\n                            \u003cli\u003eUtilisez quotidiennement pour des résultats optimaux\u003c\/li\u003e\n                            \u003cli\u003eMassez délicatement jusqu'à absorption complète\u003c\/li\u003e\n                            \u003cli\u003eProtection solaire SPF 30+ obligatoire en journée\u003c\/li\u003e\n                            \u003cli\u003eCompatible avec votre routine de soins habituelle\u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"accordion-item\"\u003e\n                \u003cdiv class=\"accordion-header\"\u003e\n                    \u003cdiv class=\"accordion-title\"\u003e\n                        \u003cspan class=\"accordion-icon\"\u003e\n                            \u003csvg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath d=\"M7 2v2h1v14c0 2.21 1.79 4 4 4s4-1.79 4-4V4h1V2H7zm4 14c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm0-4c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm0-4c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/span\u003e\n                        \u003cspan\u003eComposition\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cspan class=\"accordion-arrow\"\u003e▼\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"accordion-content\"\u003e\n                    \u003cdiv class=\"accordion-content-inner\"\u003e\n                        \u003ch4\u003eListe complète des ingrédients (INCI)\u003c\/h4\u003e\n                        \u003cdiv class=\"ingredients-list\"\u003e\n                            Aqua (Water), Glycerin, Xylitylglucoside, Sodium Polyacrylate, Anhydroxylitol, Xylitol, Carbomer, Vitis Vinifera Fruit Extract, Chlorphenesin, 1,2-Hexanediol, Caprylyl Glycol, Sodium Hydroxide, Alcohol, Butylene Glycol, Panthenol, Parfum, Propylene Glycol, Disodium Edta, Sodium Metabisulfite, Sodium Sulfite, Hydrogenated Starch Hydrolysate, Glucose, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Ascorbyl Glucoside, Citrus Aurantifolia Fruit Extract*, Morus Alba Root Extract, Scutellaria Baicalensis Root Extract, Achillea Millefolium Flower\/Leaf\/Stem Extract, Alchemilla Vulgaris Flower\/Leaf\/Stem Extract, Malva Sylvestris Flower\/Leaf\/Stem Extract, Melissa Officinalis Leaf Extract, Mentha Piperita Leaf Extract, Primula Veris Extract, Veronica Officinalis Flower\/Leaf\/Stem Extract\/ Saxifraga Sarmentosa Extract, Phenoxyethanol, Silanetriol, Sodium Hyaluronate, Hyaluronic Acid, Sorbic Acid, Citric Acid, Potassium Sorbate, Sodium Benzoate, Tropolone.\n                        \u003c\/div\u003e\n\n                        \u003ch4\u003ePoints clés\u003c\/h4\u003e\n                        \u003cul\u003e\n                            \u003cli\u003eFormule 100% sûre, contrôlée par des experts\u003c\/li\u003e\n                            \u003cli\u003eIngrédients d'origine naturelle privilégiés\u003c\/li\u003e\n                            \u003cli\u003eSans agents blanchissants dangereux\u003c\/li\u003e\n                            \u003cli\u003eConçu pour tous les types de peau, y compris les peaux sensibles\u003c\/li\u003e\n                        \u003c\/ul\u003e\n\n                        \u003cp style=\"margin-top: 20px; font-size: 0.9rem; color: #777;\"\u003e\n                            \u003cstrong\u003eEAN :\u003c\/strong\u003e 3760191560079\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        document.querySelectorAll('.accordion-header').forEach(header =\u003e {\n            header.addEventListener('click', () =\u003e {\n                const content = header.nextElementSibling;\n                const isActive = header.classList.contains('active');\n\n                document.querySelectorAll('.accordion-header').forEach(h =\u003e {\n                    h.classList.remove('active');\n                    h.nextElementSibling.classList.remove('active');\n                });\n\n                if (!isActive) {\n                    header.classList.add('active');\n                    content.classList.add('active');\n                }\n            });\n        });\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Biolissime paris","offers":[{"title":"Default Title","offer_id":42718568218864,"sku":"4695.01L","price":35.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0550\/5076\/4528\/files\/Le_soin_qui_reunit_force_et_douceur._6.png?v=1774416598"}],"url":"https:\/\/biolissime.com\/collections\/peau-a-imperfections.oembed","provider":"Biolissime Gold","version":"1.0","type":"link"}