{"title":"Sécheresse et déshydratation","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":"creme-de-jour-unifiante-spf-25","title":"Crème de Jour Unifiante SPF 25","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\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        .spf-badge {\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        .ingredient-item {\n            background: white;\n            padding: 20px;\n            border-radius: 8px;\n            margin-bottom: 15px;\n            border-left: 4px solid #c89968;\n        }\n\n        .ingredient-name {\n            color: #c89968;\n            font-weight: 700;\n            font-size: 1.05rem;\n            margin-bottom: 8px;\n            display: block;\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        .highlight-box {\n            background: linear-gradient(135deg, #fdf8f3 0%, #ffffff 100%);\n            border: 2px solid #c89968;\n            padding: 25px;\n            margin: 25px 0;\n            border-radius: 8px;\n            text-align: center;\n        }\n\n        .highlight-box strong {\n            color: #c89968;\n            font-size: 1.1rem;\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\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    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"header\"\u003e\n\u003cdiv class=\"slogan\"\u003eCrème de Jour \u003cspan class=\"highlight\"\u003eUnifiante\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"highlight\"\u003eSPF 25\u003c\/span\u003e Protection \u0026amp; Éclat\u003c\/div\u003e\n\u003cdiv class=\"spf-badge\"\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=\"M6.76 4.84l-1.8-1.79-1.41 1.41 1.79 1.79 1.42-1.41zM4 10.5H1v2h3v-2zm9-9.95h-2V3.5h2V.55zm7.45 3.91l-1.41-1.41-1.79 1.79 1.41 1.41 1.79-1.79zm-3.21 13.7l1.79 1.8 1.41-1.41-1.8-1.79-1.4 1.4zM20 10.5v2h3v-2h-3zm-8-5c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm-1 16.95h2V19.5h-2v2.95zm-7.45-3.91l1.41 1.41 1.79-1.8-1.41-1.41-1.79 1.8z\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e Protection UVA\/UVB SPF 25\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"intro\"\u003e\n\u003cp\u003eLa \u003cstrong\u003eCrème de Jour SPF 25\u003c\/strong\u003e hydrate, nourrit et protège la peau des UVA\/UVB et des radicaux libres, tout en atténuant les taches pigmentaires.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDès 4 semaines\u003c\/strong\u003e, les taches s'estompent. Le teint est plus lumineux, plus éclatant.\u003c\/p\u003e\n\u003cp class=\"tagline\"\u003eL'allié parfait des peaux normales à sèches. Les peaux mixtes à grasse peuvent l'utiliser mais en petite quantité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003ch2\u003ePourquoi l'adopter ?\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cp\u003e\u003cstrong\u003eHydratation intense\u003c\/strong\u003e pour les peaux sèches et déshydratées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cp\u003e\u003cstrong\u003eProtection SPF 25\u003c\/strong\u003e contre les UVA\/UVB et radicaux libres\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cp\u003e\u003cstrong\u003eAtténue les taches\u003c\/strong\u003e pigmentaires jour après jour\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cp\u003e\u003cstrong\u003eTexture légère\u003c\/strong\u003e et non grasse, absorption rapide\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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 \u003csvg viewbox=\"0 0 24 24\" 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 \u003c\/span\u003e \u003cspan\u003eDétails du produit\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\u003cdiv class=\"highlight-box\"\u003e\u003cstrong\u003ePeaux sèches et déshydratées !\u003c\/strong\u003e\u003c\/div\u003e\n\u003cp\u003eLa Crème de Jour SPF 25 hydrate, nourrit et protège la peau des UVA\/UVB et des radicaux libres, tout en atténuant les taches pigmentaires.\u003c\/p\u003e\n\u003ch4\u003eRésultats visibles\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eDès 4 semaines\u003c\/strong\u003e : les taches s'estompent progressivement\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTeint plus lumineux\u003c\/strong\u003e et éclatant jour après jour\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePeau protégée\u003c\/strong\u003e des effets néfastes du soleil\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003eTexture \u0026amp; Application\u003c\/h4\u003e\n\u003cp\u003eLégère et non grasse, la Crème de Jour Unifiante SPF 25 est l'allié parfait pour les peaux sèches et déshydratées. Elle atténue jour après jour les taches pigmentaires tout en protégeant la peau avec ses filtres solaires.\u003c\/p\u003e\n\u003cdiv class=\"quote\"\u003e« Protection quotidienne et éclat unifié »\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\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 \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 \u003c\/span\u003e \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\u003ch4\u003eUtilisation\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eAppliquez \u003cstrong\u003ele matin\u003c\/strong\u003e sur une peau propre et sèche\u003c\/li\u003e\n\u003cli\u003eÉvitez le contour des yeux\u003c\/li\u003e\n\u003cli\u003eMassez délicatement jusqu'à absorption complète\u003c\/li\u003e\n\u003cli\u003eUtilisez quotidiennement pour une protection optimale\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003eIndication\u003c\/h4\u003e\n\u003cp style=\"text-align: center; padding: 20px; background: #fdf8f3; border-radius: 8px; margin-top: 20px;\"\u003e\u003cstrong\u003eConvient aux peaux normales à sèches\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch4\u003eRecommandations\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eProtection solaire quotidienne essentielle\u003c\/li\u003e\n\u003cli\u003eIdéale comme base de maquillage\u003c\/li\u003e\n\u003cli\u003ePeut être utilisée seule ou après votre sérum\u003c\/li\u003e\n\u003cli\u003eRéappliquer si exposition solaire prolongée\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\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 \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 \u003c\/span\u003e \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\u003eComplexe clarifiant et exfoliant\u003c\/h4\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cspan class=\"ingredient-name\"\u003eSYNOVEA HR (Hexylresorcinol)\u003c\/span\u003e Correcteur d'hyperpigmentation. Antibactérien et protecteur antioxydant.\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cspan class=\"ingredient-name\"\u003eHUILE DE JOJOBA\u003c\/span\u003e Nourrissante, protectrice de l'hydratation. Calme, adoucit et assouplit.\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cspan class=\"ingredient-name\"\u003eKARITÉ\u003c\/span\u003e Riche en acides gras essentiels. Protège, nourrit, renforce et aide à la cicatrisation. Améliore la fermeté et l'élasticité de la peau.\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cspan class=\"ingredient-name\"\u003eALOE VERA\u003c\/span\u003e Hydratant, régénérant et cicatrisant.\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cspan class=\"ingredient-name\"\u003eFILTRES SOLAIRES ANTI UVA\/UVB\u003c\/span\u003e Protègent la peau des rayons solaires et de l'hyperpigmentation.\u003c\/div\u003e\n\u003ch4\u003ePoints clés\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eFormule spécialement conçue pour les peaux sèches\u003c\/li\u003e\n\u003cli\u003eProtection solaire SPF 25 intégrée\u003c\/li\u003e\n\u003cli\u003eTexture légère et non grasse\u003c\/li\u003e\n\u003cli\u003eAction anti-taches et unifiante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"margin-top: 20px; font-size: 0.9rem; color: #777;\"\u003e\u003cstrong\u003eEAN :\u003c\/strong\u003e 3760191560024\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\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0550\/5076\/4528\/files\/Capture_d_ecran_2025-11-13_a_23.19.47.png?v=1763072449\"\u003e\u003cbr\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0550\/5076\/4528\/files\/Capture_d_ecran_2025-11-13_a_23.20.32.png?v=1763072450\"\u003e\u003cbr\u003e\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\u003c\/p\u003e","brand":"Biolissime paris","offers":[{"title":"Default Title","offer_id":42001013440752,"sku":"4680.07L","price":29.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0550\/5076\/4528\/files\/Le_soin_qui_reunit_force_et_douceur._5_c74db5d0-b06b-4b70-a4d1-188fb5a5d6fe.png?v=1774416704"}],"url":"https:\/\/biolissime.com\/collections\/secheresse-et-deshydratation.oembed","provider":"Biolissime Gold","version":"1.0","type":"link"}