{"title":"Pour les cheveux","description":"","products":[{"product_id":"silahair-shampooing-anti-chute","title":"Silahair - Shampooing Anti-Chute","description":"\n\n\u003cdiv class=\"soi-silh-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-silh-hero\"\u003e\n \u003cdiv class=\"soi-silh-hero-tag\"\u003e\n \u003cspan class=\"soi-silh-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire · Dr. Saubens®\n \u003c\/div\u003e\n \u003cspan class=\"soi-silh-hero-title\"\u003eSilahair®\u003c\/span\u003e\n \u003cp class=\"soi-silh-hero-subtitle\"\u003eLa formule 2-en-1 complète contre la chute et le déséquilibre du cuir chevelu. Nourrir, renforcer et revitaliser du cuir chevelu à la pointe, en un seul geste.\u003c\/p\u003e\n \u003cdiv class=\"soi-silh-hero-labels\"\u003e\n \u003cspan class=\"soi-silh-label soi-silh-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-silh-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003cspan class=\"soi-silh-label\"\u003eACTIFS NATURELS\u003c\/span\u003e\n \u003cspan class=\"soi-silh-label\"\u003e200 ML\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : INTRO --\u003e\n \u003csection class=\"soi-silh-section\"\u003e\n \u003ch2\u003eShampooing Silahair® : la formule complète contre la chute et le déséquilibre du cuir chevelu\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un shampooing capable de s'adapter à vos vrais besoins capillaires, qu'il s'agisse de \u003cstrong\u003echeveux gras\u003c\/strong\u003e, abîmés, colorés ou bouclés ? Le \u003cstrong\u003eSilahair® Shampooing de Labo Santé Silice (Dr. Saubens, France)\u003c\/strong\u003e est une formule 2-en-1 inédite, alliant les propriétés d'un shampooing nettoyant et d'une lotion capillaire active. Un seul geste, une action profonde : nourrir, renforcer et revitaliser du cuir chevelu à la pointe.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : TYPES DE CHEVEUX --\u003e\n \u003csection class=\"soi-silh-section\"\u003e\n \u003ch2\u003eUne formule pensée pour tous les types de cheveux\u003c\/h2\u003e\n \u003cp class=\"soi-silh-section-intro\"\u003eQu'ils soient gras, colorés, bouclés ou fragilisés, vos cheveux méritent un soin à la hauteur de leurs besoins. Silahair® répond à chacune de ces situations grâce à ses actifs complémentaires.\u003c\/p\u003e\n \u003cdiv class=\"soi-silh-grid\"\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e💧 Cheveux gras\u003c\/h3\u003e\n \u003cp\u003eLe Fucus (extrait d'algue) et l'Ortie piquante régulent l'excès de sébum et rééquilibrent le cuir chevelu durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🎨 Cheveux colorés\u003c\/h3\u003e\n \u003cp\u003eLes Microprotéines Hydrolysées et le Collagène Marin scellent la fibre capillaire, protègent la couleur et prolongent l'éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🌀 Cheveux bouclés\u003c\/h3\u003e\n \u003cp\u003eL'Aloe Vera et le Collagène Marin apportent élasticité, hydratation et définition sans alourdir la boucle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🛡️ Cheveux en chute ou fragilisés\u003c\/h3\u003e\n \u003cp\u003eLe Silicium Organique renforce la structure interne du cheveu tandis que les huiles essentielles de Menthe poivrée et Lavande vraie stimulent la microcirculation du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : COMPOSITION --\u003e\n \u003csection class=\"soi-silh-section\"\u003e\n \u003ch2\u003eComposition complète et rôle de chaque actif\u003c\/h2\u003e\n \u003cp class=\"soi-silh-section-intro\"\u003eChaque ingrédient de Silahair® a été sélectionné pour son efficacité prouvée, sans remplissage inutile.\u003c\/p\u003e\n \u003cdiv class=\"soi-silh-grid soi-silh-grid-compo\"\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🔬 Silicium Organique\u003c\/h3\u003e\n \u003cp\u003eMinéral structurant essentiel, il renforce la kératine et contribue à prévenir la chute capillaire dès les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🐚 Collagène Marin\u003c\/h3\u003e\n \u003cp\u003eRestitue élasticité et souplesse à la fibre, idéal pour les cheveux colorés ou décolorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🧬 Microprotéines Hydrolysées\u003c\/h3\u003e\n \u003cp\u003eS'infiltrent dans le cortex du cheveu pour réparer les dommages de l'intérieur et renforcer la résistance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🌊 Fucus (algue brune)\u003c\/h3\u003e\n \u003cp\u003eRiche en iode, vitamines et oligo-éléments, il hydrate en profondeur et régule le sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🌿 Huile Essentielle de Menthe Poivrée\u003c\/h3\u003e\n \u003cp\u003eSensation de fraîcheur immédiate et stimulation de la circulation sanguine du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e💜 Huile Essentielle de Lavande Vraie\u003c\/h3\u003e\n \u003cp\u003eApaisante, elle calme les irritations et équilibre le microbiome cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🌱 Aloe Vera\u003c\/h3\u003e\n \u003cp\u003eHydratation intense, apaisement des démangeaisons et douceur accrue, même sur les cheveux bouclés sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🌾 Ortie Piquante\u003c\/h3\u003e\n \u003cp\u003eConcentrée en silice naturelle, fer et vitamines B, elle fortifie le bulbe et contribue à réduire la chute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : UTILISATION --\u003e\n \u003csection class=\"soi-silh-section\"\u003e\n \u003ch2\u003eComment utiliser le Shampooing Silahair® ?\u003c\/h2\u003e\n \u003cp class=\"soi-silh-section-intro\"\u003ePour des résultats optimaux, voici le protocole recommandé.\u003c\/p\u003e\n \u003cdiv class=\"soi-silh-timeline\"\u003e\n \u003cdiv class=\"soi-silh-step\"\u003e\n \u003cdiv class=\"soi-silh-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-silh-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eAppliquez le shampooing sur cheveux mouillés, en quantité généreuse selon la longueur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-step\"\u003e\n \u003cdiv class=\"soi-silh-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-silh-step-content\"\u003e\n \u003ch3\u003eMasser\u003c\/h3\u003e\n \u003cp\u003eMassez en mouvements circulaires pendant \u003cstrong\u003e1 à 2 minutes\u003c\/strong\u003e pour activer la circulation et maximiser la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-step\"\u003e\n \u003cdiv class=\"soi-silh-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-silh-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez soigneusement à l'eau tiède, jamais trop chaude pour préserver la couleur et le film hydrolipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-step\"\u003e\n \u003cdiv class=\"soi-silh-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-silh-step-content\"\u003e\n \u003ch3\u003eRépéter\u003c\/h3\u003e\n \u003cp\u003eRépétez \u003cstrong\u003e2 à 3 fois par semaine\u003c\/strong\u003e pour un effet revitalisant durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-tip\"\u003e\n \u003cdiv class=\"soi-silh-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e6 à 8 semaines\u003c\/strong\u003e est généralement nécessaire pour observer des résultats visibles sur la densité et la qualité du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : INFORMATIONS PRATIQUES --\u003e\n \u003csection class=\"soi-silh-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-silh-compo\"\u003e\n \u003cdiv class=\"soi-silh-compo-row\"\u003e\n \u003cspan class=\"soi-silh-compo-label\"\u003eContenu\u003c\/span\u003e\n \u003cspan class=\"soi-silh-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-compo-row\"\u003e\n \u003cspan class=\"soi-silh-compo-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-silh-compo-value\"\u003eDr. Saubens® \/ Labo Santé Silice, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-compo-row\"\u003e\n \u003cspan class=\"soi-silh-compo-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"soi-silh-compo-value\"\u003eCheveux gras, colorés, bouclés, fragilisés, cuir chevelu sensible ou séborrhéique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-compo-row\"\u003e\n \u003cspan class=\"soi-silh-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-silh-compo-value\"\u003e2 à 3 lavages par semaine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-compo-row\"\u003e\n \u003cspan class=\"soi-silh-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-silh-compo-value\"\u003eSans paraben, actifs naturels majoritaires\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-accordion\"\u003e\n \u003cdetails class=\"soi-silh-accordion-item\"\u003e\n \u003csummary class=\"soi-silh-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-silh-accordion-content\"\u003e\n \u003cp\u003eCe produit ne se substitue pas à un avis médical en cas de chute importante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-silh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-silh-cta-box\"\u003e\n \u003cp class=\"soi-silh-cta-tag\" style=\"color: white;\"\u003ePrendre soin de soi naturellement, lavage après lavage\u003c\/p\u003e\n \u003cp class=\"soi-silh-cta-text\" style=\"color: white;\"\u003ePrendre soin de vos cheveux, c'est aussi prendre soin de vous. Silahair® réunit en un seul flacon tout ce dont votre cuir chevelu a besoin : équilibre, force et vitalité retrouvée. Faites confiance à la science naturelle de Labo Santé Silice pour une chevelure transformée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-silh-marine: #1A2D3D;\n --soi-silh-marine-dark: #0F1E2B;\n --soi-silh-marine-light: #2C4458;\n --soi-silh-pomme: #A1C544;\n --soi-silh-pomme-dark: #84A636;\n --soi-silh-pomme-light: rgba(161,197,68,0.10);\n --soi-silh-white: #FFFFFF;\n --soi-silh-off-white: #F8FAF6;\n --soi-silh-stone: #F1F3EE;\n --soi-silh-line: #E5E8E0;\n --soi-silh-primary: #7EC8B5;\n --soi-silh-primary-soft: rgba(126,200,181,0.12);\n --soi-silh-accent: #94C5A8;\n --soi-silh-text: #1A2D3D;\n --soi-silh-text-soft: #4A5B6B;\n --soi-silh-text-muted: #7B8693;\n --soi-silh-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-silh-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-silh-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-silh-radius: 12px;\n --soi-silh-radius-sm: 8px;\n --soi-silh-radius-pill: 999px;\n}\n\n.soi-silh-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-silh-fiche img { max-width: 100%; height: auto; }\n\n.soi-silh-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-silh-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-silh-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-silh-hero {\n position: relative;\n background: var(--soi-silh-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-silh-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-silh-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-silh-pomme);\n}\n\n.soi-silh-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-silh-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-silh-pomme);\n border-radius: 50%;\n}\n\n.soi-silh-hero-title {\n display: block;\n color: var(--soi-silh-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-silh-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-silh-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-silh-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-silh-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-silh-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-silh-label-accent {\n background: var(--soi-silh-pomme);\n border-color: var(--soi-silh-pomme);\n color: var(--soi-silh-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-silh-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-silh-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-silh-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-silh-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-silh-pomme);\n border-radius: 2px;\n}\n\n.soi-silh-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-silh-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-silh-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-silh-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-silh-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-silh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-silh-grid-compo {\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\n}\n\n.soi-silh-card {\n background: var(--soi-silh-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-silh-radius);\n border-left: 3px solid var(--soi-silh-primary);\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-silh-card:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-silh-shadow-md);\n}\n\n.soi-silh-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-silh-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-silh-card p {\n font-size: 14px;\n color: var(--soi-silh-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-silh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-silh-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-silh-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-silh-radius);\n border: 1px solid var(--soi-silh-line);\n align-items: flex-start;\n}\n\n.soi-silh-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-silh-marine);\n color: var(--soi-silh-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-silh-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-silh-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-silh-step-content p {\n font-size: 14px;\n color: var(--soi-silh-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-silh-compo {\n background: var(--soi-silh-off-white);\n border-radius: var(--soi-silh-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-silh-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-silh-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-silh-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-silh-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-silh-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-silh-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-silh-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-silh-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-silh-pomme-light);\n border-left: 4px solid var(--soi-silh-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-silh-radius) var(--soi-silh-radius) 0;\n align-items: flex-start;\n}\n\n.soi-silh-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-silh-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-silh-marine);\n margin-bottom: 4px;\n}\n\n.soi-silh-tip p {\n font-size: 14px;\n color: var(--soi-silh-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-silh-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-silh-accordion-item {\n background: var(--soi-silh-off-white);\n border-radius: var(--soi-silh-radius-sm);\n border: 1px solid var(--soi-silh-line);\n overflow: hidden;\n}\n\n.soi-silh-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-silh-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-silh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-silh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-silh-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-silh-accordion-item[open] .soi-silh-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-silh-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-silh-accordion-content p {\n font-size: 14px;\n color: var(--soi-silh-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-silh-cta-box {\n background: var(--soi-silh-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-silh-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-silh-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-silh-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-silh-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-silh-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-silh-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-silh-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-silh-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-silh-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-silh-compo-value {\n text-align: left;\n }\n\n .soi-silh-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-silh-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-silh-grid-compo {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-silh-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-silh-fiche {\n --soi-silh-text-soft: #2C3E50;\n --soi-silh-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Labo Santé Silice","offers":[{"title":"Default Title","offer_id":61602989506890,"sku":"LS0160","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/Silahair-Shampooing-Anti-Chute_11zon.webp?v=1781261242"},{"product_id":"huile-seche-sublimante-centifolia","title":"Huile sèche sublimatrice - Centifolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0240_725e9bb0-566e-4c32-9477-3678251b92db.jpg?v=1776180388\" alt=\"Photo d'une femme qui s'applique de l'huile sur ses cheveux\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003e\u003cstrong\u003eDécouvrez l'Huile Sèche Sublimatrice de Centifolia\u003c\/strong\u003e, une huile d'exception alliant la richesse de 4 huiles précieuses soigneusement sélectionnées pour leurs bienfaits nourrissants et réparateurs. Adaptée pour le visage, le corps, et les cheveux, cette huile polyvalente est votre alliée beauté de la tête aux pieds.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits de l'Huile sèche sublimatrice Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNourrit et répare\u003c\/strong\u003e : grâce à sa composition riche en huiles naturelles, cette huile hydrate en profondeur et aide à restaurer les cheveux et la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTexture légère\u003c\/strong\u003e : sa texture fine et légère s'absorbe rapidement sans laisser de film gras, offrant un fini satiné et confortable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum subtil\u003c\/strong\u003e : laissez-vous envoûter par son parfum délicat qui apporte une touche d'élégance à votre routine de soins.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUtilisation polyvalente\u003c\/strong\u003e : idéale pour sublimer le visage, le corps et les cheveux, cette huile est un véritable soin tout-en-un.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de l'environnement\u003c\/strong\u003e : chaque flacon est fabriqué en France, respectueux de l'environnement et garantit l'absence de phtalates et de Bisphénol A.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTesté dermatologiquement\u003c\/strong\u003e : ce produit a été testé sous contrôle dermatologique pour assurer sécurité et efficacité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques de l'Huile sublimatrice Centifolia :\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e100% d'ingrédients d'origine naturelle et vegan\u003c\/strong\u003e : pour une peau et des cheveux sublimes sans compromis.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFlacon Spray\u003c\/strong\u003e : pour une application pratique et économique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSublime Visage, Corps et Cheveux\u003c\/strong\u003e : une peau satinée, des cheveux souples et nourris.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eOffrez à votre peau et vos cheveux le meilleur de la nature avec l'Huile Sèche Sublimatrice de Centifolia. Pour une beauté sublimée au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603156296010,"sku":"CE0241","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_centifolia_ce0241_huile_sublimatrice.jpg?v=1776156790"},{"product_id":"shampooing-creme-douceur-centifolia","title":"Shampoing crème cheveux normaux - Centifolia","description":"\u003cdiv class=\"soi-shid-fiche\"\u003e\n\n \u003csection class=\"soi-shid-hero\"\u003e\n \u003cdiv class=\"soi-shid-hero-tag\"\u003e\n \u003cspan class=\"soi-shid-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique capillaire · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-shid-hero-title\"\u003eShampooing hydratant Infinie Douceur\u003c\/span\u003e\n \u003cp class=\"soi-shid-hero-subtitle\"\u003eUn soin lavant certifié bio, concentré à 40 % d'aloe vera, pour redonner douceur, souplesse et brillance à vos cheveux normaux à déshydratés.\u003c\/p\u003e\n \u003cdiv class=\"soi-shid-hero-labels\"\u003e\n \u003cspan class=\"soi-shid-label soi-shid-label-accent\"\u003eBIO ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-shid-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-shid-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shid-label\"\u003e99 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-shid-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shid-section\"\u003e\n \u003ch2\u003eShampooing hydratant Infinie Douceur : conçu pour les cheveux normaux à déshydratés\u003c\/h2\u003e\n \u003cp\u003eVos cheveux manquent de souplesse, semblent ternes ou tirent vers la sécheresse ? Ce shampoing crème Centifolia a été pensé précisément pour les chevelures normales à déshydratées, celles qui ont besoin d'hydratation sans être alourdies. Avec sa nouvelle formule à efficacité boostée, certifiée bio et vegan, il nettoie en douceur tout en redonnant brillance, légèreté et douceur durable.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shid-section\"\u003e\n \u003ch2\u003eDes actifs naturels vraiment efficaces\u003c\/h2\u003e\n \u003cp class=\"soi-shid-section-intro\"\u003eCe qui distingue ce shampoing pour cheveux normaux, c'est la qualité et la concentration de ses ingrédients botaniques.\u003c\/p\u003e\n \u003cdiv class=\"soi-shid-benefits\"\u003e\n \u003cdiv class=\"soi-shid-benefit\"\u003e\n \u003cdiv class=\"soi-shid-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e40 % de gel d'Aloe Vera Bio\u003c\/h3\u003e\n \u003cp\u003eUne concentration exceptionnelle pour une hydratation intense, des propriétés apaisantes reconnues et une fibre capillaire visiblement plus souple à chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-benefit\"\u003e\n \u003cdiv class=\"soi-shid-benefit-icon\"\u003e\u003cspan\u003e🌰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtéines d'Amande Douce Bio\u003c\/h3\u003e\n \u003cp\u003eElles facilitent le démêlage, lissent la surface du cheveu et renforcent sa structure en profondeur pour un résultat soyeux et facile à coiffer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-benefit\"\u003e\n \u003cdiv class=\"soi-shid-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eKératine végétale\u003c\/h3\u003e\n \u003cp\u003eUn actif gainant qui protège la fibre capillaire des agressions quotidiennes (pollution, chaleur, frottements) tout en apportant légèreté et brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-benefit\"\u003e\n \u003cdiv class=\"soi-shid-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eUne fragrance douce, issue exclusivement d'ingrédients d'origine naturelle, pour un moment de soin sensoriel agréable sans irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shid-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampoing plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp\u003eContrairement à de nombreux shampoings cheveux normaux du marché, la formule Centifolia est sans sulfate, sans silicone et sans ingrédients d'origine animale. Elle respecte le cuir chevelu, préserve le microbiome naturel du cheveu et convient aux personnes sensibles ou en quête d'une routine capillaire plus saine. Fabriquée en France, elle affiche 99 % d'ingrédients d'origine naturelle et répond aux exigences de la certification bio Ecocert.\u003c\/p\u003e\n \u003cp\u003eRésultat dès les premiers lavages : une mousse généreuse et onctueuse, un rinçage rapide sans résidu, et des cheveux qui semblent plus doux, plus lumineux, plus légers.\u003c\/p\u003e\n \u003cdiv class=\"soi-shid-grid-compact\"\u003e\n \u003cdiv class=\"soi-shid-card-mini\"\u003e\n \u003cspan class=\"soi-shid-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-shid-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-shid-card-mini-value\"\u003eSulfate\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-card-mini\"\u003e\n \u003cspan class=\"soi-shid-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-shid-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-shid-card-mini-value\"\u003eSilicone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-card-mini\"\u003e\n \u003cspan class=\"soi-shid-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-shid-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-shid-card-mini-value\"\u003eParabène\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-card-mini\"\u003e\n \u003cspan class=\"soi-shid-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-shid-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shid-card-mini-value\"\u003eFrançaise\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shid-section\"\u003e\n \u003ch2\u003eComment utiliser le shampooing Infinie Douceur ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shid-timeline\"\u003e\n \u003cdiv class=\"soi-shid-step\"\u003e\n \u003cdiv class=\"soi-shid-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shid-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés. Une petite quantité suffit, la mousse est abondante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-step\"\u003e\n \u003cdiv class=\"soi-shid-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shid-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu avec les doigts pendant 1 à 2 minutes pour activer la mousse et libérer les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-step\"\u003e\n \u003cdiv class=\"soi-shid-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shid-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède pour éliminer tous les résidus sans effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-step\"\u003e\n \u003cdiv class=\"soi-shid-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-shid-step-content\"\u003e\n \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n \u003cp\u003eSur cheveux très souillés, renouvelez l'application, puis complétez avec un soin hydratant Centifolia pour un résultat optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-tip\"\u003e\n \u003cdiv class=\"soi-shid-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUtilisez ce shampoing 2 à 3 fois par semaine ou selon vos habitudes capillaires. Il convient à un usage régulier, y compris sur les cheveux colorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shid-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cp\u003eAqua, \u003cstrong\u003eAloe Barbadensis Leaf Juice* (40 %)\u003c\/strong\u003e, Sodium Cocoyl Isethionate, Cocamidopropyl Betaine, Sodium Lauryl Sulfoacetate, Glycerin, \u003cstrong\u003eHydrolyzed Sweet Almond Protein*\u003c\/strong\u003e, Hydrolyzed Wheat Protein (kératine végétale), Parfum (fragrance naturelle), Sodium Chloride, Citric Acid, Benzyl Alcohol, Dehydroacetic Acid.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique. 99 % des ingrédients sont d'origine naturelle.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shid-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-shid-compo\"\u003e\n \u003cdiv class=\"soi-shid-compo-row\"\u003e\n \u003cspan class=\"soi-shid-compo-label\"\u003eVolume\u003c\/span\u003e\n \u003cspan class=\"soi-shid-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-compo-row\"\u003e\n \u003cspan class=\"soi-shid-compo-label\"\u003eType de cheveux\u003c\/span\u003e\n \u003cspan class=\"soi-shid-compo-value\"\u003eNormaux à déshydratés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-compo-row\"\u003e\n \u003cspan class=\"soi-shid-compo-label\"\u003eCertifications\u003c\/span\u003e\n \u003cspan class=\"soi-shid-compo-value\"\u003eBio Ecocert, Vegan, Fabrication française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-compo-row\"\u003e\n \u003cspan class=\"soi-shid-compo-label\"\u003eFlacon\u003c\/span\u003e\n \u003cspan class=\"soi-shid-compo-value\"\u003eRecyclable, 100 % matériaux recyclés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-compo-row\"\u003e\n \u003cspan class=\"soi-shid-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-shid-compo-value\"\u003eSulfate, silicone, parabène, ingrédients d'origine animale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shid-section\"\u003e\n \u003cdiv class=\"soi-shid-accordion\"\u003e\n \u003cdetails class=\"soi-shid-accordion-item\"\u003e\n \u003csummary class=\"soi-shid-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"soi-shid-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue à aucun avis ou traitement médical dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shid-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shid-cta-box\"\u003e\n \u003cp class=\"soi-shid-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans vos cheveux\u003c\/p\u003e\n \u003cp class=\"soi-shid-cta-text\" style=\"color: white;\"\u003eOffrez à vos cheveux une formule bio concentrée à 40 % d'aloe vera, enrichie en protéines d'amande douce, pour une douceur qui dure bien au-delà du rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shid-marine: #1A2D3D;\n --soi-shid-marine-dark: #0F1E2B;\n --soi-shid-marine-light: #2C4458;\n --soi-shid-pomme: #A1C544;\n --soi-shid-pomme-dark: #84A636;\n --soi-shid-pomme-light: rgba(161,197,68,0.10);\n\n --soi-shid-white: #FFFFFF;\n --soi-shid-off-white: #F8FAF6;\n --soi-shid-stone: #F1F3EE;\n --soi-shid-line: #E5E8E0;\n\n --soi-shid-primary: #5E3B2A;\n --soi-shid-primary-soft: #8B6A55;\n --soi-shid-accent: #7CA86E;\n\n --soi-shid-text: #1A2D3D;\n --soi-shid-text-soft: #4A5B6B;\n --soi-shid-text-muted: #7B8693;\n\n --soi-shid-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shid-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shid-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shid-radius: 12px;\n --soi-shid-radius-sm: 8px;\n --soi-shid-radius-pill: 999px;\n}\n\n.soi-shid-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shid-fiche img { max-width: 100%; height: auto; }\n\n.soi-shid-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shid-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shid-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shid-hero {\n position: relative;\n background: var(--soi-shid-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shid-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shid-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shid-pomme);\n}\n\n.soi-shid-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shid-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shid-pomme);\n border-radius: 50%;\n}\n\n.soi-shid-hero-title {\n display: block;\n color: var(--soi-shid-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shid-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shid-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shid-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shid-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shid-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shid-label-accent {\n background: var(--soi-shid-pomme);\n border-color: var(--soi-shid-pomme);\n color: var(--soi-shid-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shid-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shid-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shid-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shid-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shid-pomme);\n border-radius: 2px;\n}\n\n.soi-shid-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shid-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shid-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shid-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shid-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shid-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-shid-benefit {\n background: var(--soi-shid-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shid-radius);\n border: 1px solid var(--soi-shid-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shid-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shid-shadow-md);\n}\n\n.soi-shid-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shid-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-shid-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shid-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shid-benefit:hover .soi-shid-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shid-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shid-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shid-benefit p {\n font-size: 13px;\n color: var(--soi-shid-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-shid-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.5rem;\n}\n\n.soi-shid-card-mini {\n background: var(--soi-shid-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shid-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shid-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shid-card-mini-label {\n font-size: 11px;\n color: var(--soi-shid-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shid-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shid-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-shid-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-shid-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shid-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shid-radius);\n border: 1px solid var(--soi-shid-line);\n align-items: flex-start;\n}\n\n.soi-shid-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shid-marine);\n color: var(--soi-shid-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shid-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shid-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shid-step-content p {\n font-size: 14px;\n color: var(--soi-shid-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shid-compo {\n background: var(--soi-shid-off-white);\n border-radius: var(--soi-shid-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shid-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shid-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shid-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shid-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shid-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shid-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shid-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shid-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shid-pomme-light);\n border-left: 4px solid var(--soi-shid-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shid-radius) var(--soi-shid-radius) 0;\n align-items: flex-start;\n}\n\n.soi-shid-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shid-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shid-marine);\n margin-bottom: 4px;\n}\n\n.soi-shid-tip p {\n font-size: 14px;\n color: var(--soi-shid-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shid-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shid-accordion-item {\n background: var(--soi-shid-off-white);\n border-radius: var(--soi-shid-radius-sm);\n border: 1px solid var(--soi-shid-line);\n overflow: hidden;\n}\n\n.soi-shid-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shid-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-shid-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shid-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shid-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shid-accordion-item[open] .soi-shid-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shid-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shid-accordion-content p {\n font-size: 14px;\n color: var(--soi-shid-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shid-cta-box {\n background: var(--soi-shid-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shid-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shid-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shid-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shid-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shid-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shid-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shid-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-shid-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shid-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shid-compo-value {\n text-align: left;\n }\n\n .soi-shid-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shid-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shid-fiche {\n --soi-shid-text-soft: #2C3E50;\n --soi-shid-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603158032714,"sku":"CE0246","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-creme-cheveux-normaux-centifolia-packshot.webp?v=1779450820"},{"product_id":"shampoing-purifiant-certifie-bio-et-vegan-centifolia","title":"Shampoing Purifiant Bio pour Cheveux Gras - Centifolia","description":"\u003cdiv class=\"soi-shor-fiche\"\u003e\n\n\u003csection class=\"soi-shor-hero\"\u003e\n \u003cdiv class=\"soi-shor-hero-tag\"\u003e\n \u003cspan class=\"soi-shor-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-shor-hero-title\"\u003eShampoing purifiant certifié bio et vegan\u003c\/span\u003e\n \u003cp class=\"soi-shor-hero-subtitle\"\u003eFormulé à 99 % d'ingrédients d'origine naturelle, ce soin rééquilibre votre cuir chevelu en profondeur grâce à l'ortie bio française et un complexe d'argiles absorbantes. Des cheveux légers, frais et purifiés, qui regraissent moins vite.\u003c\/p\u003e\n \u003cdiv class=\"soi-shor-hero-labels\"\u003e\n \u003cspan class=\"soi-shor-label soi-shor-label-accent\"\u003eCERTIFIÉ BIO\u003c\/span\u003e\n \u003cspan class=\"soi-shor-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-shor-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shor-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003cspan class=\"soi-shor-label\"\u003e99 % NATUREL\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampoing purifiant sans sulfate ?\u003c\/h2\u003e\n \u003cp\u003eSi vos cheveux regraissent en moins de 48 heures, que votre cuir chevelu tend vers l'excès de sébum ou que vos lavages classiques vous laissent une sensation d'inconfort, ce shampoing purifiant Centifolia a été pensé exactement pour vous. Il nettoie en profondeur sans jamais agresser, grâce à une base lavante douce, exempte de tensioactifs sulfatés. Contrairement à de nombreux shampoings conventionnels, il ne décape pas : il rééquilibre.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-shor-benefits\"\u003e\n \u003cdiv class=\"soi-shor-benefit\"\u003e\n \u003cdiv class=\"soi-shor-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eExtrait d'ortie bio française\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses vertus assainissantes et séborégulatrices, l'ortie aide à ralentir le regraissage et à prolonger la sensation de cheveux propres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-benefit\"\u003e\n \u003cdiv class=\"soi-shor-benefit-icon\"\u003e\u003cspan\u003e🪨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBentonite et kaolin\u003c\/h3\u003e\n \u003cp\u003eCe duo d'argiles naturelles absorbe l'excès de sébum et élimine les impuretés accumulées sur le cuir chevelu, sans assécher la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-benefit\"\u003e\n \u003cdiv class=\"soi-shor-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBase lavante sans sulfate\u003c\/h3\u003e\n \u003cp\u003eDouce sur le cuir chevelu sensible, elle mousse bien tout en respectant le film hydrolipidique naturel. Aucune sensation de tiraillement après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-benefit\"\u003e\n \u003cdiv class=\"soi-shor-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eUne fragrance végétale fraîche et subtile pour un moment de bien-être à chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing purifiant pour cheveux gras ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shor-timeline\"\u003e\n \u003cdiv class=\"soi-shor-step\"\u003e\n \u003cdiv class=\"soi-shor-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shor-step-content\"\u003e\n \u003ch3\u003eAppliquez sur cheveux mouillés\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés, puis massez doucement le cuir chevelu avec le bout des doigts pendant 1 à 2 minutes pour activer l'action purifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-step\"\u003e\n \u003cdiv class=\"soi-shor-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shor-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire. Pour des résultats optimaux, vous pouvez réaliser un double shampoing : le premier décrasse, le second purifie en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-step\"\u003e\n \u003cdiv class=\"soi-shor-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shor-step-content\"\u003e\n \u003ch3\u003eEspacez progressivement vos lavages\u003c\/h3\u003e\n \u003cp\u003eUn ou deux lavages par semaine suffisent généralement à réguler la production de sébum sur le long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cp class=\"soi-shor-section-intro\"\u003eAqua, Sodium Cocoyl Glutamate, Coco-Glucoside, Glycerin*, Bentonite*, Kaolin*, Urtica Dioica (Nettle) Leaf Extract*, Polyglyceryl-4 Caprate, Sodium Chloride, Citric Acid, Parfum (Natural Fragrance), Sodium Benzoate, Potassium Sorbate, Tocopherol.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003cdiv class=\"soi-shor-compo\"\u003e\n \u003cdiv class=\"soi-shor-compo-row\"\u003e\n \u003cspan class=\"soi-shor-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-shor-compo-value\"\u003e99 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-compo-row\"\u003e\n \u003cspan class=\"soi-shor-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shor-compo-value\"\u003eCertifié BIO par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-compo-row\"\u003e\n \u003cspan class=\"soi-shor-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-shor-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-compo-row\"\u003e\n \u003cspan class=\"soi-shor-compo-label\"\u003eFlacon\u003c\/span\u003e\n \u003cspan class=\"soi-shor-compo-value\"\u003e100 % recyclé et recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-compo-row\"\u003e\n \u003cspan class=\"soi-shor-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shor-compo-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n \u003ch2\u003eCe shampoing est fait pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"soi-shor-grid\"\u003e\n \u003cdiv class=\"soi-shor-card\"\u003e\n \u003ch3\u003e💆 Regraissage rapide\u003c\/h3\u003e\n \u003cp\u003eVos cheveux regraissent vite, même après un lavage récent, et vous souhaitez retrouver une sensation de fraîcheur durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-card\"\u003e\n \u003ch3\u003e🍃 Cuir chevelu en manque de légèreté\u003c\/h3\u003e\n \u003cp\u003eVotre cuir chevelu manque de légèreté ou présente de petites impuretés que les shampoings classiques ne parviennent pas à éliminer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-card\"\u003e\n \u003ch3\u003e🌱 Exigence bio et vegan\u003c\/h3\u003e\n \u003cp\u003eVous cherchez un shampoing purifiant sans sulfate, certifié bio et vegan, qui respecte autant votre cuir chevelu que vos valeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-card\"\u003e\n \u003ch3\u003e⏳ Espacer les lavages\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez espacer vos lavages tout en gardant des cheveux frais, sans que le sébum ne reprenne le dessus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-card\"\u003e\n \u003ch3\u003e🛡️ Cuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eLes shampoings conventionnels vous irritent ou vous dessèchent le cuir chevelu, et vous avez besoin d'une alternative douce et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n \u003ch2\u003eEngagements Centifolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-shor-grid-compact\"\u003e\n \u003cdiv class=\"soi-shor-card-mini\"\u003e\n \u003cspan class=\"soi-shor-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-shor-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shor-card-mini-value\"\u003eCertifié BIO par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-card-mini\"\u003e\n \u003cspan class=\"soi-shor-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-shor-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-shor-card-mini-value\"\u003eVegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-card-mini\"\u003e\n \u003cspan class=\"soi-shor-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-shor-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-shor-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-card-mini\"\u003e\n \u003cspan class=\"soi-shor-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-shor-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-shor-card-mini-value\"\u003eFlacon 100 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-card-mini\"\u003e\n \u003cspan class=\"soi-shor-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-shor-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-shor-card-mini-value\"\u003eSans sulfate, silicone, paraben\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shor-cta-box\"\u003e\n \u003cp class=\"soi-shor-cta-tag\" style=\"color: white;\"\u003eLégèreté et fraîcheur retrouvées\u003c\/p\u003e\n \u003cp class=\"soi-shor-cta-text\" style=\"color: white;\"\u003eUne formule bio, douce et vraiment efficace, portée par l'ortie française et les argiles naturelles. Vos cheveux retrouvent légèreté et fraîcheur dès le premier lavage, et regraissent sensiblement moins vite avec le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shor-marine: #1A2D3D;\n --soi-shor-marine-dark: #0F1E2B;\n --soi-shor-marine-light: #2C4458;\n --soi-shor-pomme: #A1C544;\n --soi-shor-pomme-dark: #84A636;\n --soi-shor-pomme-light: rgba(161,197,68,0.10);\n --soi-shor-white: #FFFFFF;\n --soi-shor-off-white: #F8FAF6;\n --soi-shor-stone: #F1F3EE;\n --soi-shor-line: #E5E8E0;\n --soi-shor-primary: #5B3A1E;\n --soi-shor-primary-soft: #8B6A4A;\n --soi-shor-accent: #6B8E23;\n --soi-shor-text: #1A2D3D;\n --soi-shor-text-soft: #4A5B6B;\n --soi-shor-text-muted: #7B8693;\n --soi-shor-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shor-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shor-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shor-radius: 12px;\n --soi-shor-radius-sm: 8px;\n --soi-shor-radius-pill: 999px;\n}\n\n.soi-shor-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shor-fiche img { max-width: 100%; height: auto; }\n\n.soi-shor-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shor-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shor-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shor-hero {\n position: relative;\n background: var(--soi-shor-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shor-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shor-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shor-pomme);\n}\n\n.soi-shor-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shor-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shor-pomme);\n border-radius: 50%;\n}\n\n.soi-shor-hero-title {\n display: block;\n color: var(--soi-shor-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shor-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shor-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shor-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shor-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shor-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shor-label-accent {\n background: var(--soi-shor-pomme);\n border-color: var(--soi-shor-pomme);\n color: var(--soi-shor-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shor-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shor-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shor-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shor-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shor-pomme);\n border-radius: 2px;\n}\n\n.soi-shor-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shor-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shor-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shor-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shor-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shor-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-shor-benefit {\n background: var(--soi-shor-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shor-radius);\n border: 1px solid var(--soi-shor-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shor-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shor-shadow-md);\n}\n\n.soi-shor-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shor-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-shor-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shor-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shor-benefit:hover .soi-shor-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shor-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shor-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shor-benefit p {\n font-size: 13px;\n color: var(--soi-shor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shor-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shor-card {\n background: var(--soi-shor-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shor-radius);\n border-left: 3px solid var(--soi-shor-pomme);\n}\n\n.soi-shor-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shor-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shor-card p {\n font-size: 14px;\n color: var(--soi-shor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-shor-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-shor-card-mini {\n background: var(--soi-shor-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shor-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shor-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shor-card-mini-label {\n font-size: 11px;\n color: var(--soi-shor-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shor-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shor-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-shor-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shor-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shor-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shor-radius);\n border: 1px solid var(--soi-shor-line);\n align-items: flex-start;\n}\n\n.soi-shor-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shor-marine);\n color: var(--soi-shor-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shor-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shor-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shor-step-content p {\n font-size: 14px;\n color: var(--soi-shor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shor-compo {\n background: var(--soi-shor-off-white);\n border-radius: var(--soi-shor-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shor-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shor-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shor-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shor-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shor-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shor-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shor-marine);\n text-align: right;\n}\n\n\/* === CTA BOX === *\/\n.soi-shor-cta-box {\n background: var(--soi-shor-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shor-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shor-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shor-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shor-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shor-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shor-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shor-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-shor-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shor-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shor-compo-value {\n text-align: left;\n }\n\n .soi-shor-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shor-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shor-fiche {\n --soi-shor-text-soft: #2C3E50;\n --soi-shor-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603159736650,"sku":"CE0251","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-purifiant-certifie-bio-et-vegan-centifolia-packshot.webp?v=1779446066"},{"product_id":"shampoing-nutrition-centifolia","title":"Shampoing nutrition bio - Centifolia","description":"\u003cdiv class=\"soi-nutr-fiche\"\u003e\n\n \u003csection class=\"soi-nutr-hero\"\u003e\n \u003cdiv class=\"soi-nutr-hero-tag\"\u003e\n \u003cspan class=\"soi-nutr-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétiques et soins capillaires · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-nutr-hero-title\"\u003eShampoing Nutrition Bio\u003c\/span\u003e\n \u003cp class=\"soi-nutr-hero-subtitle\"\u003eNourrissez en profondeur vos cheveux secs, rêches et indisciplinés grâce à l'huile d'abricot bio et aux céramides like, sans alourdir ni agresser le cuir chevelu.\u003c\/p\u003e\n \u003cdiv class=\"soi-nutr-hero-labels\"\u003e\n \u003cspan class=\"soi-nutr-label soi-nutr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-label\"\u003eFLACON 100 % RECYCLÉ\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nutr-section\"\u003e\n \u003ch2\u003eUne formule ciblée pour les cheveux qui en ont vraiment besoin\u003c\/h2\u003e\n \u003cp class=\"soi-nutr-section-intro\"\u003eCe shampoing nutrition associe deux actifs complémentaires qui travaillent ensemble à chaque lavage pour redonner souplesse, brillance et discipline à votre chevelure.\u003c\/p\u003e\n \u003cdiv class=\"soi-nutr-benefits\"\u003e\n \u003cdiv class=\"soi-nutr-benefit\"\u003e\n \u003cdiv class=\"soi-nutr-benefit-icon\"\u003e\u003cspan\u003e🍑\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'abricot bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras oméga-6 et oméga-9, elle pénètre la fibre capillaire pour la nourrir durablement, des racines jusqu'aux pointes, sans effet gras au toucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-benefit\"\u003e\n \u003cdiv class=\"soi-nutr-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCéramides like\u003c\/h3\u003e\n \u003cp\u003eCes actifs biomimétiques imitent les céramides naturels du cheveu, reconstituent le ciment intercellulaire, scellent les écailles et réduisent visiblement les frisottis et l'effet rêche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-benefit\"\u003e\n \u003cdiv class=\"soi-nutr-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRésultat visible\u003c\/h3\u003e\n \u003cp\u003eDes cheveux plus souples, plus brillants et nettement plus faciles à démêler dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nutr-section\"\u003e\n \u003ch2\u003eConvient-il à votre type de cheveux ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-nutr-grid\"\u003e\n \u003cdiv class=\"soi-nutr-card\"\u003e\n \u003ch3\u003e✅ Idéal pour\u003c\/h3\u003e\n \u003cp\u003eCheveux secs et déshydratés, cheveux rêches ou cassants, cheveux bouclés, frisés ou indisciplinés, cheveux colorés ou décolorés fragilisés, cheveux blancs ou grisonnants (souvent plus poreux).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-card\"\u003e\n \u003ch3\u003e⚠️ Moins adapté pour\u003c\/h3\u003e\n \u003cp\u003eCheveux très fins et naturellement gras, cuir chevelu à tendance séborrhéique marquée. Dans ce cas, un shampoing régulateur sera plus adapté à vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nutr-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing nutrition bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-nutr-timeline\"\u003e\n \u003cdiv class=\"soi-nutr-step\"\u003e\n \u003cdiv class=\"soi-nutr-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-step-content\"\u003e\n \u003ch3\u003eMouiller abondamment les cheveux\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau tiède de préférence. Évitez l'eau trop chaude qui fragilise les écailles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-step\"\u003e\n \u003cdiv class=\"soi-nutr-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-step-content\"\u003e\n \u003ch3\u003eAppliquer une noix de shampoing\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu avec les pulpes des doigts pendant 1 à 2 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-step\"\u003e\n \u003cdiv class=\"soi-nutr-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-step-content\"\u003e\n \u003ch3\u003eRincer soigneusement\u003c\/h3\u003e\n \u003cp\u003eRenouvelez si nécessaire pour un cheveu très chargé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-step\"\u003e\n \u003cdiv class=\"soi-nutr-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-step-content\"\u003e\n \u003ch3\u003eProlonger l'effet nutritif\u003c\/h3\u003e\n \u003cp\u003eAssociez ce shampoing au masque ou à l'après-shampoing Centifolia de la gamme Nutrition Expert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-tip\"\u003e\n \u003cdiv class=\"soi-nutr-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour des cheveux très abîmés, une utilisation 2 à 3 fois par semaine est recommandée. Les résultats se consolident sur 4 à 6 semaines d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nutr-section\"\u003e\n \u003ch2\u003eComposition et ingrédients clés\u003c\/h2\u003e\n \u003cdiv class=\"soi-nutr-compo\"\u003e\n \u003cdiv class=\"soi-nutr-compo-row\"\u003e\n \u003cspan class=\"soi-nutr-compo-label\"\u003eActif nourrissant principal\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-compo-value\"\u003ePrunus Armeniaca (Apricot) Kernel Oil* (huile d'abricot bio)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-compo-row\"\u003e\n \u003cspan class=\"soi-nutr-compo-label\"\u003eReconstruction capillaire\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-compo-value\"\u003eCéramides like (glycolipides végétaux)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-compo-row\"\u003e\n \u003cspan class=\"soi-nutr-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-compo-value\"\u003eSans sulfates (SLS\/SLES), nettoyage doux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-compo-row\"\u003e\n \u003cspan class=\"soi-nutr-compo-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-compo-value\"\u003e100 % naturel, fragrance subtile et douce\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 13px; color: var(--soi-nutr-text-muted); margin-top: 1rem;\"\u003e* Ingrédient issu de l'agriculture biologique. 99 % des ingrédients sont d'origine naturelle. Formule vegan, sans ingrédients d'origine animale.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nutr-section\"\u003e\n \u003ch2\u003eLes engagements Centifolia qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-nutr-grid-compact\"\u003e\n \u003cdiv class=\"soi-nutr-card-mini\"\u003e\n \u003cspan class=\"soi-nutr-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-card-mini\"\u003e\n \u003cspan class=\"soi-nutr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-card-mini-value\"\u003eFrance, depuis 1992\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-card-mini\"\u003e\n \u003cspan class=\"soi-nutr-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-card-mini-label\"\u003eFlacon\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-card-mini-value\"\u003e100 % recyclé et recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-card-mini\"\u003e\n \u003cspan class=\"soi-nutr-card-mini-icon\"\u003e🐇\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-card-mini-value\"\u003eVegan, non testé sur animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nutr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-nutr-cta-box\"\u003e\n \u003cp class=\"soi-nutr-cta-tag\" style=\"color: white;\"\u003eUne nutrition en profondeur, naturelle et certifiée\u003c\/p\u003e\n \u003cp class=\"soi-nutr-cta-text\" style=\"color: white;\"\u003eParce que vos cheveux méritent mieux qu'un soin ordinaire, offrez-leur à chaque lavage la nutrition dont ils ont vraiment besoin : brillance retrouvée, douceur qui dure, et une routine simple, efficace, pour vous et pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-nutr-marine: #1A2D3D;\n --soi-nutr-marine-dark: #0F1E2B;\n --soi-nutr-marine-light: #2C4458;\n --soi-nutr-pomme: #A1C544;\n --soi-nutr-pomme-dark: #84A636;\n --soi-nutr-pomme-light: rgba(161,197,68,0.10);\n --soi-nutr-white: #FFFFFF;\n --soi-nutr-off-white: #F8FAF6;\n --soi-nutr-stone: #F1F3EE;\n --soi-nutr-line: #E5E8E0;\n --soi-nutr-primary: #D88F3A;\n --soi-nutr-primary-soft: #F5E6D0;\n --soi-nutr-accent: #B5694A;\n --soi-nutr-text: #1A2D3D;\n --soi-nutr-text-soft: #4A5B6B;\n --soi-nutr-text-muted: #7B8693;\n --soi-nutr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-nutr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-nutr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-nutr-radius: 12px;\n --soi-nutr-radius-sm: 8px;\n --soi-nutr-radius-pill: 999px;\n}\n\n.soi-nutr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-nutr-fiche img { max-width: 100%; height: auto; }\n\n.soi-nutr-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-nutr-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-nutr-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-nutr-hero {\n position: relative;\n background: var(--soi-nutr-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-nutr-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-nutr-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-nutr-pomme);\n}\n\n.soi-nutr-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-nutr-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-nutr-pomme);\n border-radius: 50%;\n}\n\n.soi-nutr-hero-title {\n display: block;\n color: var(--soi-nutr-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-nutr-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-nutr-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-nutr-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-nutr-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-nutr-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-nutr-label-accent {\n background: var(--soi-nutr-pomme);\n border-color: var(--soi-nutr-pomme);\n color: var(--soi-nutr-marine);\n font-weight: 600;\n}\n\n.soi-nutr-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-nutr-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-nutr-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-nutr-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-nutr-pomme);\n border-radius: 2px;\n}\n\n.soi-nutr-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-nutr-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-nutr-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-nutr-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-nutr-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-nutr-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-nutr-benefit {\n background: var(--soi-nutr-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-nutr-radius);\n border: 1px solid var(--soi-nutr-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-nutr-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-nutr-shadow-md);\n}\n\n.soi-nutr-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-nutr-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-nutr-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-nutr-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-nutr-benefit:hover .soi-nutr-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-nutr-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-nutr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-nutr-benefit p {\n font-size: 13px;\n color: var(--soi-nutr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-nutr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-nutr-card {\n background: var(--soi-nutr-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-nutr-radius);\n border-left: 3px solid var(--soi-nutr-pomme);\n}\n\n.soi-nutr-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-nutr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-nutr-card p {\n font-size: 14px;\n color: var(--soi-nutr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-nutr-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-nutr-card-mini {\n background: var(--soi-nutr-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-nutr-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-nutr-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-nutr-card-mini-label {\n font-size: 11px;\n color: var(--soi-nutr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-nutr-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-nutr-marine);\n}\n\n.soi-nutr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-nutr-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-nutr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-nutr-radius);\n border: 1px solid var(--soi-nutr-line);\n align-items: flex-start;\n}\n\n.soi-nutr-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-nutr-marine);\n color: var(--soi-nutr-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-nutr-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-nutr-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-nutr-step-content p {\n font-size: 14px;\n color: var(--soi-nutr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-nutr-compo {\n background: var(--soi-nutr-off-white);\n border-radius: var(--soi-nutr-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-nutr-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-nutr-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-nutr-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-nutr-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-nutr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-nutr-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-nutr-marine);\n text-align: right;\n}\n\n.soi-nutr-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-nutr-pomme-light);\n border-left: 4px solid var(--soi-nutr-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-nutr-radius) var(--soi-nutr-radius) 0;\n align-items: flex-start;\n}\n\n.soi-nutr-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-nutr-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-nutr-marine);\n margin-bottom: 4px;\n}\n\n.soi-nutr-tip p {\n font-size: 14px;\n color: var(--soi-nutr-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-nutr-cta-box {\n background: var(--soi-nutr-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-nutr-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-nutr-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-nutr-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-nutr-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-nutr-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-nutr-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-nutr-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-nutr-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-nutr-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-nutr-compo-value {\n text-align: left;\n }\n\n .soi-nutr-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-nutr-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-nutr-fiche {\n --soi-nutr-text-soft: #2C3E50;\n --soi-nutr-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603162816842,"sku":"CE0256","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-nutrition-bio-centifolia-packshot.webp?v=1779447899"},{"product_id":"lotion-demelante-brillance-certifiee-bio-centifolia","title":"Lotion démêlante brillance certifiée bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003cp\u003eDécouvrez la \u003cstrong\u003eLotion Démêlante Brillance \u0026amp; Légèreté\u003c\/strong\u003e de Centifolia, une solution innovante certifiée bio pour des cheveux faciles à coiffer, brillants et légers.\u003c\/p\u003e\n\u003cp\u003eConçue pour répondre aux besoins de tous les types de cheveux, cette lotion démêlante sans rinçage révolutionnera votre routine capillaire.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0265_5d4a90aa-53fd-4621-bf02-4e1393f4701e.jpg?v=1776180389\" alt=\"Photo d'une femme aux cheveux brillants\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits de la lotion démêlante Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFacilite le démêlage\u003c\/strong\u003e : Dites adieu aux nœuds et aux cheveux difficiles à coiffer. Notre formule unique rend le démêlage rapide et sans effort.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApporte brillance et légèreté\u003c\/strong\u003e : Grâce à l'action du vinaigre de Framboise BIO, vos cheveux retrouvent leur éclat naturel et leur souplesse.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNe graisse pas le cheveu\u003c\/strong\u003e : Sa texture ultra-légère ne laisse aucun résidu gras, assurant des cheveux frais et aériens.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespectueuse de l'environnement\u003c\/strong\u003e : Notre lotion est biodégradable et formulée sans alcool ni sulfate, préservant ainsi la santé de vos cheveux et celle de la planète.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eIngrédients clés de la Lotion démêlante certifiée bio\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eVinaigre de Framboise BIO\u003c\/strong\u003e : reconnu pour ses propriétés lissantes et adoucissantes, il lisse les écailles du cheveu, apportant brillance et souplesse.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcide Lactique\u003c\/strong\u003e : aide à équilibrer le pH naturel du cuir chevelu et à lisser les cuticules, facilitant ainsi le démêlage.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eLes petits plus de la lotion\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans rinçage\u003c\/strong\u003e pour une utilisation pratique et rapide.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule douce et sans alcool\u003c\/strong\u003e pour respecter les cheveux les plus fragiles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormat pratique\u003c\/strong\u003e : disponible en spray pour une application facile et homogène.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch3\u003e\u003cstrong\u003ePourquoi choisir la Lotion démêlante Centifolia ?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eChoisir la \u003cstrong\u003eLotion Démêlante Brillance sans rinçage\u003c\/strong\u003e de Centifolia, c'est opter pour un soin capillaire naturel, efficace et respectueux de l'environnement. Offrez à vos cheveux le meilleur de la nature avec Centifolia, et retrouvez des cheveux éclatants, doux et parfaitement démêlés.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603165274442,"sku":"CE0265","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0265_lotion_demelante_sans_rincage_df559863-d1e4-4e28-9e3d-e80481d87e7e.jpg?v=1778842801"},{"product_id":"baume-demelant-centifolia","title":"Baume démêlant Après-shampoing Brillance certifié bio – Centifolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0271_c6a04b71-f2c7-4bb0-aeb4-7cf7e7069da4.jpg?v=1776180389\" alt=\"Photo d'une brosse à cheveux\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eBaume démêlant bio\u003c\/strong\u003e de Centifolia est un soin capillaire conçu pour illuminer et démêler en douceur tous les types de cheveux, y compris les cheveux bouclés. Sa formule innovante et respectueuse de l'environnement en fait un produit incontournable pour sublimer votre chevelure.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques principales du baume démêlant Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule douce et biodégradable :\u003c\/strong\u003e Respectueuse de l'environnement, cette formule préserve la planète tout en prenant soin de vos cheveux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnrichi en extrait de Framboise BIO :\u003c\/strong\u003e Issu de la pulpe de framboises fraîches, cet extrait redonne éclat et brillance aux cheveux ternes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKératine Végétale :\u003c\/strong\u003e Cet ingrédient clé préserve la structure interne du cheveu et limite l'altération des protéines, composants majeurs de la fibre capillaire, pour une chevelure plus douce et légère.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits du baume démêlant\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDémêlage en douceur :\u003c\/strong\u003e ce baume facilite le démêlage sans alourdir les cheveux, les laissant légers et faciles à coiffer.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFibre capillaire lissée :\u003c\/strong\u003e il lisse la fibre capillaire, laissant les cheveux doux, brillants et éclatants de beauté.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrévention de la casse :\u003c\/strong\u003e en évitant les démêlages agressifs, il prévient la casse des cheveux et réduit la douleur liée à cette étape de la routine capillaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNourrissant et revitalisant :\u003c\/strong\u003e nourrit en profondeur la fibre capillaire, la répare et la revitalise, pour des cheveux visiblement en meilleure santé.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603166814538,"sku":"CE0272","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/centifolia_ce0272_baume-demelant_apres-shampoing_brillanche_2c75bc52-3236-4d07-8883-fbea647e973a.jpg?v=1778842809"},{"product_id":"apres-shampooing-miel-argan-ble","title":"Après-Shampoing certifié Bio Miel, Argan et Protéines de Blé - Propolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_AP0105_176b93d6-c287-462e-81d1-b0dc56d94151.jpg?v=1776180424\" alt=\"Photo de cheveux avec de l'après-shampoing dans une salle de bain\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eEnrichi en miel, huile d'argan et protéines de blé, l'après-shampoing Bio de Propolia est spécialement conçu \u003cstrong\u003epour démêler, nourrir et fortifier les cheveux\u003c\/strong\u003e. Ce soin capillaire naturel offre \u003cstrong\u003edouceur et brillance\u003c\/strong\u003e, laissant les cheveux faciles à coiffer et revitalisés.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de cet après-shampoing certifié bio\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels et bio :\u003c\/strong\u003e Formulé avec 98% d'ingrédients d'origine naturelle, dont 25% issus de l'agriculture biologique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsage familial :\u003c\/strong\u003e Adapté à toute la famille, cet après-shampoing convient à tous les types de cheveux dès 3 ans.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum agréable :\u003c\/strong\u003e Laisse une odeur douce et délicate dans les cheveux, pour une sensation de fraîcheur tout au long de la journée.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003e \u003c\/h4\u003e\n\u003ch2\u003eBienfaits de l'après-shampoing miel, argan et protéines de blé\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eDémêle et adoucit :\u003c\/strong\u003e Facilite le démêlage et adoucit les cheveux sans les alourdir.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNourrit et fortifie :\u003c\/strong\u003e Le miel, l'huile d'argan et les protéines de blé nourrissent et renforcent la fibre capillaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApporte brillance et souplesse :\u003c\/strong\u003e Les cheveux retrouvent leur brillance naturelle et leur souplesse.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eEngagements qualité de l'après-shampoing Propolia\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabriqué en France :\u003c\/strong\u003e Développé, fabriqué et conditionné en Occitanie, garantissant un savoir-faire local de haute qualité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertification biologique :\u003c\/strong\u003e Certifié Cosmos Organic par Ecocert, assurant l'utilisation d'ingrédients respectueux de l'environnement et de votre santé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormulation pure :\u003c\/strong\u003e Sans silicones, sans actifs ni colorants de synthèse et testé sous contrôle dermatologique pour une tolérance optimale.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eL’après-shampoing Bio de Propolia est l'allié idéal pour prendre soin de vos cheveux au quotidien. Sa formule riche en miel, en huile d'argan et en protéines de blé \u003cstrong\u003enourrit et démêle vos cheveux tout en douceur\u003c\/strong\u003e. Adapté à toute la famille, il laisse les cheveux \u003cstrong\u003edoux, brillants et en pleine santé\u003c\/strong\u003e, pour une chevelure resplendissante jour après jour.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603179757898,"sku":"AP0105","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_propolia_ap0105_apres-shampoing.jpg?v=1776157070"},{"product_id":"shampooing-volume-200ml","title":"Shampoing Volume certifié bio - Centifolia","description":"\n\u003cdiv class=\"soi-shvl-fiche\"\u003e\n\n \u003csection class=\"soi-shvl-hero\"\u003e\n \u003cdiv class=\"soi-shvl-hero-tag\"\u003e\n \u003cspan class=\"soi-shvl-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-shvl-hero-title\"\u003eShampoing Volume certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-shvl-hero-subtitle\"\u003eRedonnez corps et vitalité à vos cheveux fins grâce au pamplemousse rose bio et aux peptides de pois, pour un volume naturel et durable dès la première utilisation.\u003c\/p\u003e\n \u003cdiv class=\"soi-shvl-hero-labels\"\u003e\n \u003cspan class=\"soi-shvl-label soi-shvl-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-label\"\u003e98 % NATUREL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shvl-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampoing bio pour les cheveux fins ?\u003c\/h2\u003e\n \u003cp\u003eVous avez les cheveux fins, sans épaisseur, qui s'écrasent dès le lendemain du shampoing ? Le Shampoing Volume certifié bio Centifolia a été pensé précisément pour vous. Avec sa formule à 98 % d'ingrédients d'origine naturelle, certifiée Cosmos Organic et fabriquée en France, il redonne du corps et de la vitalité aux cheveux les plus plats, sans jamais les alourdir.\u003c\/p\u003e\n \u003cp\u003eBeaucoup de shampoings volumateurs conventionnels contiennent des sulfates agressifs ou des silicones qui créent un faux volume à court terme, tout en fragilisant la fibre capillaire sur la durée. Ce shampoing volume bio adopte une philosophie inverse : des actifs naturels soigneusement sélectionnés, une base lavante douce et biodégradable, pour un résultat visible dès la première utilisation et qui s'améliore dans le temps.\u003c\/p\u003e\n \u003cp\u003eSon format 200 ml en flacon 100 % recyclé et recyclable complète une démarche éco-responsable cohérente, du soin jusqu'à l'emballage.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shvl-section\"\u003e\n \u003ch2\u003eLes ingrédients actifs qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-shvl-grid\"\u003e\n \u003cdiv class=\"soi-shvl-card\"\u003e\n \u003ch3\u003e🍊 Pamplemousse rose bio (origine France)\u003c\/h3\u003e\n \u003cp\u003eRiche en flavonoïdes et en vitamine C naturelle, cet extrait apporte légèreté et éclat au cheveu. Il purifie délicatement le cuir chevelu sans le dessécher, pour une chevelure qui respire et rayonne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-card\"\u003e\n \u003ch3\u003e🌿 Peptides de pois (actif volume fermenté)\u003c\/h3\u003e\n \u003cp\u003eIssus de la fermentation du pois, ces petites protéines végétales pénètrent la fibre capillaire pour l'hydrater de l'intérieur, la renforcer et augmenter son diamètre apparent. Résultat : une chevelure visiblement plus dense, avec un volume naturel et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-card\"\u003e\n \u003ch3\u003e💧 Base lavante ultra-douce et biodégradable\u003c\/h3\u003e\n \u003cp\u003eSans sulfates agressifs, sans silicones, sans paraben. Cette base lavante convient à un usage fréquent, même sur les cuirs chevelus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shvl-section\"\u003e\n \u003ch2\u003eComment utiliser le shampoing volume Centifolia ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shvl-timeline\"\u003e\n \u003cdiv class=\"soi-shvl-step\"\u003e\n \u003cdiv class=\"soi-shvl-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampoing sur cheveux mouillés. Massez doucement le cuir chevelu avec le bout des doigts pour activer la circulation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-step\"\u003e\n \u003cdiv class=\"soi-shvl-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède pour éliminer tout résidu et ne pas peser sur les racines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-step\"\u003e\n \u003cdiv class=\"soi-shvl-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-step-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003ePour un résultat optimal, ce shampoing est recommandé 2 à 3 fois par semaine ou selon vos besoins, y compris en cas d'usage fréquent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-tip\"\u003e\n \u003cdiv class=\"soi-shvl-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eAssociez-le à un après-shampoing bio léger, appliqué uniquement sur les longueurs, pour préserver le volume à la racine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shvl-section\"\u003e\n \u003ch2\u003eCe que vous y gagnez concrètement\u003c\/h2\u003e\n \u003cdiv class=\"soi-shvl-benefits\"\u003e\n \u003cdiv class=\"soi-shvl-benefit\"\u003e\n \u003cdiv class=\"soi-shvl-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVolume visible immédiat\u003c\/h3\u003e\n \u003cp\u003eDès la première utilisation, vos cheveux retrouvent du corps, sans effet collant ni gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-benefit\"\u003e\n \u003cdiv class=\"soi-shvl-benefit-icon\"\u003e\u003cspan\u003e🌾\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux plus denses\u003c\/h3\u003e\n \u003cp\u003eLes peptides de pois renforcent et structurent la fibre capillaire pour une chevelure visiblement plus épaisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-benefit\"\u003e\n \u003cdiv class=\"soi-shvl-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCuir chevelu respecté\u003c\/h3\u003e\n \u003cp\u003eSa base lavante ultra-douce convient aux lavages fréquents, même sur les cuirs chevelus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-benefit\"\u003e\n \u003cdiv class=\"soi-shvl-benefit-icon\"\u003e\u003cspan\u003e🍊\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum frais et fruité\u003c\/h3\u003e\n \u003cp\u003eUne fragrance naturelle au pamplemousse rose, agréable et délicate à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shvl-section\"\u003e\n \u003ch2\u003eComposition INCI (ingrédients)\u003c\/h2\u003e\n \u003cdiv class=\"soi-shvl-accordion\"\u003e\n \u003cdetails class=\"soi-shvl-accordion-item\"\u003e\n \u003csummary class=\"soi-shvl-accordion-header\"\u003e📋 Liste complète des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"soi-shvl-accordion-content\"\u003e\n \u003cp\u003eAqua, Sodium Cocoyl Glutamate, Coco-Glucoside, Glycerin*, Citrus Paradisi (Grapefruit) Fruit Extract*, Pisum Sativum (Pea) Peptide, Sodium Chloride, Parfum (Natural), Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique. 98 % des ingrédients sont d'origine naturelle.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-grid-compact\"\u003e\n \u003cdiv class=\"soi-shvl-card-mini\"\u003e\n \u003cspan class=\"soi-shvl-card-mini-icon\"\u003e📏\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-card-mini-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-card-mini\"\u003e\n \u003cspan class=\"soi-shvl-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-card-mini\"\u003e\n \u003cspan class=\"soi-shvl-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-card-mini\"\u003e\n \u003cspan class=\"soi-shvl-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-card-mini-value\"\u003e100 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shvl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shvl-cta-box\"\u003e\n \u003cp class=\"soi-shvl-cta-tag\" style=\"color: white;\"\u003eDu volume naturel, certifié bio\u003c\/p\u003e\n \u003cp class=\"soi-shvl-cta-text\" style=\"color: white;\"\u003eDes cheveux fins qui manquent de vie, ce n'est pas une fatalité. Avec le Shampoing Volume bio Centifolia, chaque lavage devient un vrai soin : les peptides de pois renforcent, le pamplemousse rose purifie, et vos cheveux retrouvent une vraie densité naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shvl-marine: #1A2D3D;\n --soi-shvl-marine-dark: #0F1E2B;\n --soi-shvl-marine-light: #2C4458;\n --soi-shvl-pomme: #A1C544;\n --soi-shvl-pomme-dark: #84A636;\n --soi-shvl-pomme-light: rgba(161,197,68,0.10);\n --soi-shvl-white: #FFFFFF;\n --soi-shvl-off-white: #F8FAF6;\n --soi-shvl-stone: #F1F3EE;\n --soi-shvl-line: #E5E8E0;\n --soi-shvl-primary: #D4703A;\n --soi-shvl-primary-soft: #F2E0D3;\n --soi-shvl-accent: #E8967A;\n --soi-shvl-text: #1A2D3D;\n --soi-shvl-text-soft: #4A5B6B;\n --soi-shvl-text-muted: #7B8693;\n --soi-shvl-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shvl-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shvl-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shvl-radius: 12px;\n --soi-shvl-radius-sm: 8px;\n --soi-shvl-radius-pill: 999px;\n}\n\n.soi-shvl-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shvl-fiche img { max-width: 100%; height: auto; }\n\n.soi-shvl-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shvl-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shvl-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-shvl-hero {\n position: relative;\n background: var(--soi-shvl-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shvl-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shvl-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shvl-pomme);\n}\n\n.soi-shvl-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shvl-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shvl-pomme);\n border-radius: 50%;\n}\n\n.soi-shvl-hero-title {\n display: block;\n color: var(--soi-shvl-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shvl-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shvl-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shvl-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shvl-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shvl-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shvl-label-accent {\n background: var(--soi-shvl-pomme);\n border-color: var(--soi-shvl-pomme);\n color: var(--soi-shvl-marine);\n font-weight: 600;\n}\n\n.soi-shvl-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shvl-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shvl-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shvl-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shvl-pomme);\n border-radius: 2px;\n}\n\n.soi-shvl-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shvl-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shvl-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-shvl-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-shvl-benefit {\n background: var(--soi-shvl-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shvl-radius);\n border: 1px solid var(--soi-shvl-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shvl-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shvl-shadow-md);\n}\n\n.soi-shvl-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shvl-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-shvl-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shvl-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shvl-benefit:hover .soi-shvl-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shvl-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shvl-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shvl-benefit p {\n font-size: 13px;\n color: var(--soi-shvl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shvl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shvl-card {\n background: var(--soi-shvl-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shvl-radius);\n border-left: 3px solid var(--soi-shvl-pomme);\n}\n\n.soi-shvl-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shvl-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shvl-card p {\n font-size: 14px;\n color: var(--soi-shvl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shvl-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.25rem;\n}\n\n.soi-shvl-card-mini {\n background: var(--soi-shvl-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shvl-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shvl-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shvl-card-mini-label {\n font-size: 11px;\n color: var(--soi-shvl-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shvl-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shvl-marine);\n}\n\n.soi-shvl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-shvl-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shvl-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shvl-radius);\n border: 1px solid var(--soi-shvl-line);\n align-items: flex-start;\n}\n\n.soi-shvl-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shvl-marine);\n color: var(--soi-shvl-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shvl-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shvl-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shvl-step-content p {\n font-size: 14px;\n color: var(--soi-shvl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shvl-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shvl-pomme-light);\n border-left: 4px solid var(--soi-shvl-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shvl-radius) var(--soi-shvl-radius) 0;\n align-items: flex-start;\n}\n\n.soi-shvl-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shvl-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shvl-marine);\n margin-bottom: 4px;\n}\n\n.soi-shvl-tip p {\n font-size: 14px;\n color: var(--soi-shvl-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shvl-compo {\n background: var(--soi-shvl-off-white);\n border-radius: var(--soi-shvl-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shvl-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shvl-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shvl-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shvl-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shvl-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shvl-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shvl-marine);\n text-align: right;\n}\n\n.soi-shvl-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shvl-accordion-item {\n background: var(--soi-shvl-off-white);\n border-radius: var(--soi-shvl-radius-sm);\n border: 1px solid var(--soi-shvl-line);\n overflow: hidden;\n}\n\n.soi-shvl-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shvl-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-shvl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shvl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shvl-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shvl-accordion-item[open] .soi-shvl-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shvl-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shvl-accordion-content p {\n font-size: 14px;\n color: var(--soi-shvl-text-soft);\n line-height: 1.6;\n margin-bottom: 0.5rem;\n}\n\n.soi-shvl-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.soi-shvl-cta-box {\n background: var(--soi-shvl-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shvl-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shvl-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shvl-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shvl-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shvl-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shvl-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shvl-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-shvl-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shvl-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shvl-compo-value {\n text-align: left;\n }\n\n .soi-shvl-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-shvl-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shvl-fiche {\n --soi-shvl-text-soft: #2C3E50;\n --soi-shvl-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603298705738,"sku":"CE0645","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-volume-certifie-bio-centifolia-packshot.webp?v=1779446130"},{"product_id":"shampooing-creme-antipelliculaire","title":"Shampoing Crème Antipelliculaire certifié bio – Centifolia","description":"\u003cdiv class=\"soi-apel-fiche\"\u003e\n\n\u003csection class=\"soi-apel-hero\"\u003e\n \u003cdiv class=\"soi-apel-hero-tag\"\u003e\n \u003cspan class=\"soi-apel-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-apel-hero-title\"\u003eShampoing Crème Antipelliculaire certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-apel-hero-subtitle\"\u003eEfficace dès la première utilisation, ce soin purifiant à l'eucalyptus bio apaise les démangeaisons et élimine les pellicules en douceur, sans compromis sur la naturalité.\u003c\/p\u003e\n \u003cdiv class=\"soi-apel-hero-labels\"\u003e\n \u003cspan class=\"soi-apel-label soi-apel-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-apel-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-apel-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-apel-label\"\u003e98% ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-apel-label\"\u003eFLACON 100% RECYCLÉ\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n \u003ch2\u003ePourquoi ce shampoing antipelliculaire se démarque vraiment\u003c\/h2\u003e\n \u003cp\u003eContrairement à de nombreux shampoings antipelliculaires vendus en pharmacie ou parapharmacie, qui misent sur des agents chimiques agressifs, le shampoing antipelliculaire Centifolia repose sur une formule \u003cstrong\u003e98% d'origine naturelle\u003c\/strong\u003e, certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e et fabriquée en France. Résultat : un soin réellement efficace contre les pellicules, sans altérer l'équilibre naturel de votre cuir chevelu sensible.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font toute la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-apel-benefits\"\u003e\n \u003cdiv class=\"soi-apel-benefit\"\u003e\n \u003cdiv class=\"soi-apel-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEucalyptus bio\u003c\/h3\u003e\n \u003cp\u003eSélectionné pour ses propriétés purifiantes et rafraîchissantes, il apaise instantanément les démangeaisons et procure une sensation de légèreté durable sur le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-benefit\"\u003e\n \u003cdiv class=\"soi-apel-benefit-icon\"\u003e\u003cspan\u003e🌳\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eZiziphus joazeiro\u003c\/h3\u003e\n \u003cp\u003eAgent antipelliculaire 100% naturel, extrait de l'écorce de cet arbre brésilien. Cliniquement testé, il élimine les pellicules rapidement et prévient leur réapparition, sans piroctone olamine ni zinc pyrithione.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-benefit\"\u003e\n \u003cdiv class=\"soi-apel-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTexture crème émulsionnée\u003c\/h3\u003e\n \u003cp\u003eUne véritable émulsion eau-huile qui enveloppe chaque mèche, facilite l'application et garantit une répartition uniforme des actifs du premier au dernier centimètre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-apel-grid\"\u003e\n \u003cdiv class=\"soi-apel-card\"\u003e\n \u003ch3\u003e🩺 Cuir chevelu sensible ou irrité\u003c\/h3\u003e\n \u003cp\u003eCe shampoing crème convient parfaitement aux personnes dont le cuir chevelu tiraille, démange ou présente des rougeurs. Sa formule sans sulfates agressifs respecte les zones les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-card\"\u003e\n \u003ch3\u003e❄️ Pellicules occasionnelles ou persistantes\u003c\/h3\u003e\n \u003cp\u003eQue vos pellicules soient ponctuelles ou récurrentes, ce soin agit dès la première utilisation et renforce ses résultats au fil des lavages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-card\"\u003e\n \u003ch3\u003e🎨 Cheveux fins ou colorés\u003c\/h3\u003e\n \u003cp\u003eSuffisamment doux pour un usage régulier, il convient également aux cheveux fragilisés par les colorations ou aux textures les plus fines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n \u003ch2\u003eComment l'utiliser pour un résultat optimal ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-apel-timeline\"\u003e\n \u003cdiv class=\"soi-apel-step\"\u003e\n \u003cdiv class=\"soi-apel-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-apel-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette généreuse sur cheveux mouillés en massant doucement le cuir chevelu pendant 2 à 3 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-step\"\u003e\n \u003cdiv class=\"soi-apel-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-apel-step-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePatientez 1 à 2 minutes pour laisser les actifs agir en profondeur sur le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-step\"\u003e\n \u003cdiv class=\"soi-apel-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-apel-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-step\"\u003e\n \u003cdiv class=\"soi-apel-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-apel-step-content\"\u003e\n \u003ch3\u003eRenouvelez\u003c\/h3\u003e\n \u003cp\u003eRépétez l'opération si nécessaire. Une utilisation régulière, 2 à 3 fois par semaine, renforce les résultats dans la durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-tip\"\u003e\n \u003cdiv class=\"soi-apel-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour bénéficier pleinement des actifs purifiants, prenez le temps de bien masser le cuir chevelu lors de l'application : ce geste favorise la microcirculation et optimise la pénétration de l'eucalyptus bio et du Ziziphus joazeiro.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"soi-apel-compo\"\u003e\n \u003cdiv class=\"soi-apel-compo-row\"\u003e\n \u003cspan class=\"soi-apel-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-apel-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-compo-row\"\u003e\n \u003cspan class=\"soi-apel-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-apel-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-compo-row\"\u003e\n \u003cspan class=\"soi-apel-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-apel-compo-value\"\u003e98%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-compo-row\"\u003e\n \u003cspan class=\"soi-apel-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-apel-compo-value\"\u003eFrance (Grasse)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-compo-row\"\u003e\n \u003cspan class=\"soi-apel-compo-label\"\u003eFlacon\u003c\/span\u003e\n \u003cspan class=\"soi-apel-compo-value\"\u003e100% recyclé et recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:1rem;\"\u003e\u003cem\u003eAqua, Coco-glucoside, Glycerin*, Ziziphus joazeiro bark extract, Eucalyptus globulus leaf oil*, Cetearyl alcohol, Glyceryl stearate, Sodium benzoate, Potassium sorbate, Citric acid. (*ingrédients issus de l'agriculture biologique)\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n \u003ch2\u003eCe que vous ne trouverez pas dans ce flacon\u003c\/h2\u003e\n \u003cdiv class=\"soi-apel-grid-compact\"\u003e\n \u003cdiv class=\"soi-apel-card-mini\"\u003e\n \u003cspan class=\"soi-apel-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-apel-card-mini-label\"\u003eSilicones\u003c\/span\u003e\n \u003cspan class=\"soi-apel-card-mini-value\"\u003eNi parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-card-mini\"\u003e\n \u003cspan class=\"soi-apel-card-mini-icon\"\u003e🧪\u003c\/span\u003e\n \u003cspan class=\"soi-apel-card-mini-label\"\u003eSulfates agressifs\u003c\/span\u003e\n \u003cspan class=\"soi-apel-card-mini-value\"\u003eSans SLS \/ SLES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-card-mini\"\u003e\n \u003cspan class=\"soi-apel-card-mini-icon\"\u003e🎨\u003c\/span\u003e\n \u003cspan class=\"soi-apel-card-mini-label\"\u003eColorants\u003c\/span\u003e\n \u003cspan class=\"soi-apel-card-mini-value\"\u003eSans synthèse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-card-mini\"\u003e\n \u003cspan class=\"soi-apel-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-apel-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-apel-card-mini-value\"\u003eVegan, cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n \u003ch2\u003eCertifications et engagements Centifolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-apel-grid\"\u003e\n \u003cdiv class=\"soi-apel-card\"\u003e\n \u003ch3\u003e🏅 Certifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eLa référence en cosmétique bio : une certification qui garantit le respect d'un cahier des charges exigeant sur la naturalité, l'origine des ingrédients et les procédés de fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eFormulé et conditionné dans les ateliers Centifolia à Grasse, berceau historique de la parfumerie et de la cosmétique française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-card\"\u003e\n \u003ch3\u003e♻️ Flacon 100% recyclé et recyclable\u003c\/h3\u003e\n \u003cp\u003eUn contenant en plastique recyclé qui s'inscrit dans une démarche d'écoconception, avec une formule biodégradable respectueuse des écosystèmes aquatiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur ce shampoing antipelliculaire bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-apel-accordion\"\u003e\n \u003cdetails class=\"soi-apel-accordion-item\"\u003e\n \u003csummary class=\"soi-apel-accordion-header\"\u003e❓ Est-il aussi efficace qu'un shampoing antipelliculaire vendu en pharmacie ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-apel-accordion-content\"\u003e\n \u003cp\u003eOui. Son actif issu du Ziziphus joazeiro est cliniquement testé et reconnu pour son action sur les pellicules et les démangeaisons, sans recourir aux agents chimiques des formules pharmaceutiques classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-apel-accordion-item\"\u003e\n \u003csummary class=\"soi-apel-accordion-header\"\u003e📅 Peut-on l'utiliser tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-apel-accordion-content\"\u003e\n \u003cp\u003eSa formule douce le permet, mais une utilisation 2 à 3 fois par semaine reste idéale pour des résultats optimaux et durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-apel-accordion-item\"\u003e\n \u003csummary class=\"soi-apel-accordion-header\"\u003e⚕️ Ce produit remplace-t-il un traitement médical ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-apel-accordion-content\"\u003e\n \u003cp\u003eNon. En cas de dermite séborrhéique diagnostiquée ou de pellicules abondantes et persistantes, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-apel-cta-box\"\u003e\n \u003cp class=\"soi-apel-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, dès le premier lavage\u003c\/p\u003e\n \u003cp class=\"soi-apel-cta-text\" style=\"color: white;\"\u003ePellicules et démangeaisons n'ont qu'à bien se tenir. Avec ce shampoing crème antipelliculaire bio Centifolia, vous choisissez l'efficacité, la douceur au quotidien et une formule naturelle qui respecte autant votre cuir chevelu que la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-apel-marine: #1A2D3D;\n --soi-apel-marine-dark: #0F1E2B;\n --soi-apel-marine-light: #2C4458;\n --soi-apel-pomme: #A1C544;\n --soi-apel-pomme-dark: #84A636;\n --soi-apel-pomme-light: rgba(161,197,68,0.10);\n\n --soi-apel-white: #FFFFFF;\n --soi-apel-off-white: #F8FAF6;\n --soi-apel-stone: #F1F3EE;\n --soi-apel-line: #E5E8E0;\n\n --soi-apel-primary: #4A8E7A;\n --soi-apel-primary-soft: rgba(74,142,122,0.10);\n --soi-apel-accent: #3D2B1F;\n\n --soi-apel-text: #1A2D3D;\n --soi-apel-text-soft: #4A5B6B;\n --soi-apel-text-muted: #7B8693;\n\n --soi-apel-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-apel-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-apel-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-apel-radius: 12px;\n --soi-apel-radius-sm: 8px;\n --soi-apel-radius-pill: 999px;\n}\n\n.soi-apel-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-apel-fiche img { max-width: 100%; height: auto; }\n\n.soi-apel-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-apel-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-apel-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-apel-hero {\n position: relative;\n background: var(--soi-apel-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-apel-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-apel-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-apel-pomme);\n}\n\n.soi-apel-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-apel-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-apel-pomme);\n border-radius: 50%;\n}\n\n.soi-apel-hero-title {\n display: block;\n color: var(--soi-apel-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-apel-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-apel-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-apel-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-apel-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-apel-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-apel-label-accent {\n background: var(--soi-apel-pomme);\n border-color: var(--soi-apel-pomme);\n color: var(--soi-apel-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-apel-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-apel-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-apel-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-apel-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-apel-pomme);\n border-radius: 2px;\n}\n\n.soi-apel-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-apel-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-apel-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-apel-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-apel-benefit {\n background: var(--soi-apel-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-apel-radius);\n border: 1px solid var(--soi-apel-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-apel-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-apel-shadow-md);\n}\n\n.soi-apel-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-apel-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-apel-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-apel-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-apel-benefit:hover .soi-apel-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-apel-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-apel-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-apel-benefit p {\n font-size: 13px;\n color: var(--soi-apel-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-apel-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-apel-card {\n background: var(--soi-apel-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-apel-radius);\n border-left: 3px solid var(--soi-apel-pomme);\n}\n\n.soi-apel-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-apel-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-apel-card p {\n font-size: 14px;\n color: var(--soi-apel-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-apel-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-apel-card-mini {\n background: var(--soi-apel-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-apel-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-apel-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-apel-card-mini-label {\n font-size: 11px;\n color: var(--soi-apel-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-apel-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-apel-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-apel-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-apel-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-apel-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-apel-radius);\n border: 1px solid var(--soi-apel-line);\n align-items: flex-start;\n}\n\n.soi-apel-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-apel-marine);\n color: var(--soi-apel-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-apel-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-apel-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-apel-step-content p {\n font-size: 14px;\n color: var(--soi-apel-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-apel-compo {\n background: var(--soi-apel-off-white);\n border-radius: var(--soi-apel-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-apel-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-apel-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-apel-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-apel-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-apel-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-apel-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-apel-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-apel-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-apel-pomme-light);\n border-left: 4px solid var(--soi-apel-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-apel-radius) var(--soi-apel-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-apel-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-apel-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-apel-marine);\n margin-bottom: 4px;\n}\n\n.soi-apel-tip p {\n font-size: 14px;\n color: var(--soi-apel-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-apel-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-apel-accordion-item {\n background: var(--soi-apel-off-white);\n border-radius: var(--soi-apel-radius-sm);\n border: 1px solid var(--soi-apel-line);\n overflow: hidden;\n}\n\n.soi-apel-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-apel-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-apel-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-apel-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-apel-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-apel-accordion-item[open] .soi-apel-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-apel-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-apel-accordion-content p {\n font-size: 14px;\n color: var(--soi-apel-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-apel-cta-box {\n background: var(--soi-apel-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-apel-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-apel-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-apel-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-apel-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-apel-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-apel-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-apel-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-apel-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-apel-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-apel-compo-value {\n text-align: left;\n }\n\n .soi-apel-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-apel-tip {\n flex-direction: column;\n gap: 0.5rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-apel-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-apel-fiche {\n --soi-apel-text-soft: #2C3E50;\n --soi-apel-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603298771274,"sku":"CE0446","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-creme-antipelliculaire-certifie-bio-centifolia-packshot.webp?v=1779452348"},{"product_id":"shampoing-creme-reparateur-centifolia","title":"Shampoing Crème Réparateur certifié Bio – 200ml – Centifolia","description":"\u003cdiv class=\"soi-shcr-fiche\"\u003e\n\n\u003csection class=\"soi-shcr-hero\"\u003e\n \u003cdiv class=\"soi-shcr-hero-tag\"\u003e\n \u003cspan class=\"soi-shcr-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire réparateur · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-shcr-hero-title\"\u003eShampoing Crème Réparateur certifié Bio\u003c\/span\u003e\n \u003cp class=\"soi-shcr-hero-subtitle\"\u003eEnrichi en huile de ricin BIO et en kératine végétale, ce shampoing crème reconstruit la fibre capillaire en douceur, dès le premier lavage.\u003c\/p\u003e\n \u003cdiv class=\"soi-shcr-hero-labels\"\u003e\n \u003cspan class=\"soi-shcr-label soi-shcr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-label\"\u003e98 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-label\"\u003e200 ML\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shcr-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampoing réparateur bio ?\u003c\/h2\u003e\n \u003cp\u003eLa plupart des shampoings réparateurs du marché chargent leur formule en silicones pour donner une illusion de réparation. Centifolia prend le contre-pied avec une approche radicalement différente : \u003cstrong\u003e98 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, une certification \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, une formule \u003cstrong\u003evegan\u003c\/strong\u003e et une fabrication \u003cstrong\u003e100 % française\u003c\/strong\u003e. Le résultat n'est pas cosmétique, il est réel.\u003c\/p\u003e\n \u003cp\u003eSa texture crème, rare dans l'univers des shampoings bio, résulte d'une émulsion eau\/huile qui respecte la structure du cheveu tout en le nourrissant pendant le lavage. Vos longueurs ne sont plus simplement nettoyées : elles sont \u003cstrong\u003eprotégées et gainées\u003c\/strong\u003e à chaque shampoing.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shcr-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-shcr-benefits\"\u003e\n \u003cdiv class=\"soi-shcr-benefit\"\u003e\n \u003cdiv class=\"soi-shcr-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de ricin BIO\u003c\/h3\u003e\n \u003cp\u003eObtenue par première pression à froid, elle renforce la fibre capillaire et réduit la casse en pénétrant jusqu'à la racine. Idéale pour les cheveux fragilisés par la chaleur, les colorations ou le brushing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-benefit\"\u003e\n \u003cdiv class=\"soi-shcr-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eKératine végétale\u003c\/h3\u003e\n \u003cp\u003eElle comble les zones abîmées de la tige capillaire, limite l'altération des protéines naturelles du cheveu et apporte un effet gainant durable. Résultat : des cheveux plus lisses, plus doux, plus faciles à démêler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-benefit\"\u003e\n \u003cdiv class=\"soi-shcr-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAgents lavants biodégradables\u003c\/h3\u003e\n \u003cp\u003eUltra-doux, ils nettoient sans décaper le film hydrolipidique naturel du cuir chevelu, préservant ainsi l'équilibre et le confort de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shcr-section\"\u003e\n \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n \u003cp class=\"soi-shcr-section-intro\"\u003eCe shampoing réparateur bio est conçu pour les \u003cstrong\u003echeveux fragilisés, abîmés et cassants\u003c\/strong\u003e, quelle que soit leur nature (fins, épais, bouclés ou lisses). Il vous convient particulièrement si vous observez :\u003c\/p\u003e\n \u003cdiv class=\"soi-shcr-grid\"\u003e\n \u003cdiv class=\"soi-shcr-card\"\u003e\n \u003ch3\u003e✂️ Pointes sèches ou fourches\u003c\/h3\u003e\n \u003cp\u003eDes pointes qui s'effrangent et s'aggravent au fil du temps malgré les coupes régulières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-card\"\u003e\n \u003ch3\u003e💔 Casse excessive\u003c\/h3\u003e\n \u003cp\u003eDes cheveux qui se brisent au brossage ou au démêlage, signe d'une fibre capillaire affaiblie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-card\"\u003e\n \u003ch3\u003e🎨 Cheveux ternes et sans ressort\u003c\/h3\u003e\n \u003cp\u003eDes longueurs dévitalisées après coloration, décoloration ou exposition répétée à la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-card\"\u003e\n \u003ch3\u003e🌸 Cuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eUne sensibilité incompatible avec les formules trop détergentes ou chargées en sulfates agressifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shcr-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing crème réparateur ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shcr-timeline\"\u003e\n \u003cdiv class=\"soi-shcr-step\"\u003e\n \u003cdiv class=\"soi-shcr-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés. Sa texture crème se répartit facilement sur toute la longueur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-step\"\u003e\n \u003cdiv class=\"soi-shcr-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu pendant 1 à 2 minutes pour activer les actifs réparateurs et stimuler la circulation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-step\"\u003e\n \u003cdiv class=\"soi-shcr-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment. Pour des cheveux très abîmés, complétez avec un après-shampoing ou masque bio réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shcr-section\"\u003e\n \u003ch2\u003eComposition et engagements\u003c\/h2\u003e\n \u003cdiv class=\"soi-shcr-grid-compact\"\u003e\n \u003cdiv class=\"soi-shcr-card-mini\"\u003e\n \u003cspan class=\"soi-shcr-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-card-mini\"\u003e\n \u003cspan class=\"soi-shcr-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-card-mini-value\"\u003e98 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-card-mini\"\u003e\n \u003cspan class=\"soi-shcr-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-card-mini-value\"\u003e100 % Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-card-mini\"\u003e\n \u003cspan class=\"soi-shcr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-shcr-tip-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eEngagement éco-responsable\u003c\/strong\u003e\n \u003cp\u003eLe flacon est 100 % recyclé et recyclable, sans silicone ni sulfate agressif. Une formule biodégradable et transparente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shcr-section\"\u003e\n \u003ch2\u003eIngrédients principaux (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-shcr-accordion\"\u003e\n \u003cdetails class=\"soi-shcr-accordion-item\"\u003e\n \u003csummary class=\"soi-shcr-accordion-header\"\u003e📋 Liste complète des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"soi-shcr-accordion-content\"\u003e\n \u003cp\u003eAqua, Coco-Glucoside, Glycerin (bio), Ricinus Communis (Castor) Seed Oil* (bio), Hydrolyzed Wheat Protein (kératine végétale), Panthenol, Xanthan Gum, Parfum (naturel), Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-shcr-accordion-item\"\u003e\n \u003csummary class=\"soi-shcr-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-shcr-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique et ne se substitue à aucun traitement médical. En cas de problème persistant du cuir chevelu, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shcr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shcr-cta-box\"\u003e\n \u003cp class=\"soi-shcr-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans vos cheveux\u003c\/p\u003e\n \u003cp class=\"soi-shcr-cta-text\" style=\"color: white;\"\u003eParce que vos cheveux méritent mieux que des solutions de façade, offrez-leur des actifs bio qui reconstruisent, renforcent et subliment dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shcr-marine: #1A2D3D;\n --soi-shcr-marine-dark: #0F1E2B;\n --soi-shcr-marine-light: #2C4458;\n --soi-shcr-pomme: #A1C544;\n --soi-shcr-pomme-dark: #84A636;\n --soi-shcr-pomme-light: rgba(161,197,68,0.10);\n\n --soi-shcr-white: #FFFFFF;\n --soi-shcr-off-white: #F8FAF6;\n --soi-shcr-stone: #F1F3EE;\n --soi-shcr-line: #E5E8E0;\n\n --soi-shcr-primary: #8B1A1A;\n --soi-shcr-primary-soft: #F3E8E8;\n --soi-shcr-accent: #3A1E10;\n\n --soi-shcr-text: #1A2D3D;\n --soi-shcr-text-soft: #4A5B6B;\n --soi-shcr-text-muted: #7B8693;\n\n --soi-shcr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shcr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shcr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shcr-radius: 12px;\n --soi-shcr-radius-sm: 8px;\n --soi-shcr-radius-pill: 999px;\n}\n\n.soi-shcr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shcr-fiche img { max-width: 100%; height: auto; }\n\n.soi-shcr-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shcr-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shcr-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-shcr-hero {\n position: relative;\n background: var(--soi-shcr-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shcr-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shcr-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shcr-pomme);\n}\n\n.soi-shcr-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shcr-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shcr-pomme);\n border-radius: 50%;\n}\n\n.soi-shcr-hero-title {\n display: block;\n color: var(--soi-shcr-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shcr-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shcr-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shcr-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shcr-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shcr-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shcr-label-accent {\n background: var(--soi-shcr-pomme);\n border-color: var(--soi-shcr-pomme);\n color: var(--soi-shcr-marine);\n font-weight: 600;\n}\n\n.soi-shcr-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shcr-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shcr-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shcr-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shcr-pomme);\n border-radius: 2px;\n}\n\n.soi-shcr-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shcr-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shcr-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shcr-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shcr-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-shcr-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-shcr-benefit {\n background: var(--soi-shcr-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shcr-radius);\n border: 1px solid var(--soi-shcr-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shcr-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shcr-shadow-md);\n}\n\n.soi-shcr-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shcr-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-shcr-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shcr-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shcr-benefit:hover .soi-shcr-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shcr-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shcr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shcr-benefit p {\n font-size: 13px;\n color: var(--soi-shcr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shcr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shcr-card {\n background: var(--soi-shcr-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shcr-radius);\n border-left: 3px solid var(--soi-shcr-pomme);\n}\n\n.soi-shcr-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shcr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shcr-card p {\n font-size: 14px;\n color: var(--soi-shcr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shcr-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-shcr-card-mini {\n background: var(--soi-shcr-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shcr-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shcr-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shcr-card-mini-label {\n font-size: 11px;\n color: var(--soi-shcr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shcr-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shcr-marine);\n}\n\n.soi-shcr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shcr-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shcr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shcr-radius);\n border: 1px solid var(--soi-shcr-line);\n align-items: flex-start;\n}\n\n.soi-shcr-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shcr-marine);\n color: var(--soi-shcr-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shcr-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shcr-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shcr-step-content p {\n font-size: 14px;\n color: var(--soi-shcr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shcr-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shcr-pomme-light);\n border-left: 4px solid var(--soi-shcr-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shcr-radius) var(--soi-shcr-radius) 0;\n align-items: flex-start;\n}\n\n.soi-shcr-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shcr-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shcr-marine);\n margin-bottom: 4px;\n}\n\n.soi-shcr-tip p {\n font-size: 14px;\n color: var(--soi-shcr-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shcr-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shcr-accordion-item {\n background: var(--soi-shcr-off-white);\n border-radius: var(--soi-shcr-radius-sm);\n border: 1px solid var(--soi-shcr-line);\n overflow: hidden;\n}\n\n.soi-shcr-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shcr-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-shcr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shcr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shcr-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shcr-accordion-item[open] .soi-shcr-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shcr-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shcr-accordion-content p {\n font-size: 14px;\n color: var(--soi-shcr-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem 0;\n}\n\n.soi-shcr-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.soi-shcr-cta-box {\n background: var(--soi-shcr-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shcr-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shcr-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shcr-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shcr-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shcr-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shcr-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shcr-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-shcr-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shcr-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-shcr-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shcr-fiche {\n --soi-shcr-text-soft: #2C3E50;\n --soi-shcr-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603299000650,"sku":"CE0447","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-creme-reparateur-certifie-bio-200ml-centifolia-packshot.webp?v=1779450783"},{"product_id":"shampoing-brillance-centifolia","title":"Shampoing Brillance certifié bio – Centifolia","description":"\u003cdiv class=\"soi-sbbr-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-sbbr-hero\"\u003e\n \u003cdiv class=\"soi-sbbr-hero-tag\"\u003e\n \u003cspan class=\"soi-sbbr-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique capillaire bio · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-sbbr-hero-title\"\u003eShampoing Brillance certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-sbbr-hero-subtitle\"\u003eLumière, douceur et protection pour tous vos cheveux grâce à une formule à 99% d'ingrédients d'origine naturelle. +77% de brillance constatée dès les premières utilisations.\u003c\/p\u003e\n \u003cdiv class=\"soi-sbbr-hero-labels\"\u003e\n \u003cspan class=\"soi-sbbr-label soi-sbbr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-label\"\u003eNON TESTÉ SUR LES ANIMAUX\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Shampoing bio brillance --\u003e\n \u003csection class=\"soi-sbbr-section\"\u003e\n \u003ch2\u003eShampoing bio brillance : lumière et protection pour tous vos cheveux\u003c\/h2\u003e\n \u003cp\u003eVous en avez assez des cheveux ternes et sans vie malgré un lavage régulier ? Le \u003cstrong\u003eShampoing Brillance certifié bio Centifolia\u003c\/strong\u003e a été formulé précisément pour cela : redonner de l'éclat, de la douceur et de la légèreté à votre chevelure, quel que soit votre type de cheveux. Grâce à une formule composée à \u003cstrong\u003e99% d'ingrédients d'origine naturelle\u003c\/strong\u003e et certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, ce shampoing bio nettoie sans agresser, nourrit sans alourdir.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Actifs naturels --\u003e\n \u003csection class=\"soi-sbbr-section\"\u003e\n \u003ch2\u003eDes actifs naturels qui font vraiment la différence\u003c\/h2\u003e\n \u003cp class=\"soi-sbbr-section-intro\"\u003eCe qui distingue ce shampoing bio des formules classiques, c'est la qualité et la pertinence de ses ingrédients. Chaque actif a été choisi pour son efficacité prouvée sur la fibre capillaire.\u003c\/p\u003e\n \u003cdiv class=\"soi-sbbr-benefits\"\u003e\n \u003cdiv class=\"soi-sbbr-benefit\"\u003e\n \u003cdiv class=\"soi-sbbr-benefit-icon\"\u003e\u003cspan\u003e🍇\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eExtrait de Framboise BIO\u003c\/h3\u003e\n \u003cp\u003eIssu de la pulpe de framboises fraîches cultivées en agriculture biologique, il est riche en antioxydants et en vitamines. Il revitalise les cheveux ternes, leur redonne de l'éclat et renforce leur vitalité naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-benefit\"\u003e\n \u003cdiv class=\"soi-sbbr-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eKératine Végétale\u003c\/h3\u003e\n \u003cp\u003eElle agit comme un véritable bouclier protecteur sur la fibre capillaire. Elle préserve les protéines essentielles du cheveu, gaine la surface de chaque mèche et laisse une sensation de douceur et de légèreté incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-benefit\"\u003e\n \u003cdiv class=\"soi-sbbr-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAloe Vera BIO\u003c\/h3\u003e\n \u003cp\u003eApaisant et hydratant, il équilibre le cuir chevelu et contribue à un lavage doux respectueux de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-tip\"\u003e\n \u003cdiv class=\"soi-sbbr-tip-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eRésultat mesuré\u003c\/strong\u003e\n \u003cp\u003e\u003cstrong\u003e+77% de brillance\u003c\/strong\u003e constatée dès les premières utilisations (test instrumental). Des cheveux visiblement plus lumineux, plus faciles à coiffer, et protégés en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Pour qui ? --\u003e\n \u003csection class=\"soi-sbbr-section\"\u003e\n \u003ch2\u003ePour qui est fait ce shampoing bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-sbbr-grid\"\u003e\n \u003cdiv class=\"soi-sbbr-card\"\u003e\n \u003ch3\u003e💆 Tous types de cheveux\u003c\/h3\u003e\n \u003cp\u003eCe shampoing convient à tous les types de cheveux, des cheveux fins et délicats aux chevelures épaisses ou colorées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-card\"\u003e\n \u003ch3\u003e🌱 Routine bio sans compromis\u003c\/h3\u003e\n \u003cp\u003eIl est particulièrement apprécié par celles et ceux qui souhaitent adopter une routine capillaire bio et naturelle sans compromis sur l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eSi vous cherchez un \u003cstrong\u003eaprès-shampoing bio\u003c\/strong\u003e pour compléter votre routine, Centifolia propose également des soins compatibles dans la même gamme.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Comment utiliser --\u003e\n \u003csection class=\"soi-sbbr-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-sbbr-timeline\"\u003e\n \u003cdiv class=\"soi-sbbr-step\"\u003e\n \u003cdiv class=\"soi-sbbr-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-step\"\u003e\n \u003cdiv class=\"soi-sbbr-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le cuir chevelu en mouvements circulaires pour activer la circulation et bien répartir les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-step\"\u003e\n \u003cdiv class=\"soi-sbbr-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-step-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePatientez 1 à 2 minutes pour que la kératine végétale et l'extrait de framboise bio agissent en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-step\"\u003e\n \u003cdiv class=\"soi-sbbr-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Renouvelez si besoin selon la longueur ou l'état de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Engagements et certifications --\u003e\n \u003csection class=\"soi-sbbr-section\"\u003e\n \u003ch2\u003eEngagements et certifications\u003c\/h2\u003e\n \u003cdiv class=\"soi-sbbr-grid-compact\"\u003e\n \u003cdiv class=\"soi-sbbr-card-mini\"\u003e\n \u003cspan class=\"soi-sbbr-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-card-mini\"\u003e\n \u003cspan class=\"soi-sbbr-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-card-mini-value\"\u003e99% naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-card-mini\"\u003e\n \u003cspan class=\"soi-sbbr-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-card-mini-value\"\u003eNon testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-card-mini\"\u003e\n \u003cspan class=\"soi-sbbr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-compo\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-sbbr-compo-row\"\u003e\n \u003cspan class=\"soi-sbbr-compo-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-compo-value\"\u003eCentifolia, la cosméto-botanique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-compo-row\"\u003e\n \u003cspan class=\"soi-sbbr-compo-label\"\u003eSavoir-faire\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-compo-value\"\u003ePlus de 30 ans d'expertise\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-compo-row\"\u003e\n \u003cspan class=\"soi-sbbr-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Composition INCI --\u003e\n \u003csection class=\"soi-sbbr-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-sbbr-accordion\"\u003e\n \u003cdetails class=\"soi-sbbr-accordion-item\"\u003e\n \u003csummary class=\"soi-sbbr-accordion-header\"\u003e🧪 Liste complète des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"soi-sbbr-accordion-content\"\u003e\n \u003cp\u003eAqua, Sodium Lauryl Sulfoacetate, Cocamidopropyl Betaine, Sodium Cocoamphoacetate, Glycerin* (Glycérine végétale), Aloe Barbadensis Leaf Juice* (Aloe Vera BIO), Rubus Idaeus Fruit Extract* (Extrait de Framboise BIO), Hydrolyzed Wheat Protein (Kératine Végétale), Panthenol (Pro-vitamine B5), Citric Acid, Sodium Chloride, Parfum naturel, Benzyl Alcohol, Dehydroacetic Acid.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-sbbr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-sbbr-cta-box\"\u003e\n \u003cp class=\"soi-sbbr-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans vos cheveux\u003c\/p\u003e\n \u003cp class=\"soi-sbbr-cta-text\" style=\"color: white;\"\u003eParce que vos cheveux méritent mieux que des formules chargées en silicones et sulfates agressifs, le Shampoing Brillance bio Centifolia vous offre une alternative naturelle, prouvée et éthique. Un seul lavage suffit pour sentir la différence : des mèches plus légères, un éclat visible, et la satisfaction d'une routine capillaire vraiment en accord avec vos valeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* === Couleurs Soinat (FIXES) === *\/\n --soi-sbbr-marine: #1A2D3D;\n --soi-sbbr-marine-dark: #0F1E2B;\n --soi-sbbr-marine-light: #2C4458;\n --soi-sbbr-pomme: #A1C544;\n --soi-sbbr-pomme-dark: #84A636;\n --soi-sbbr-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-sbbr-white: #FFFFFF;\n --soi-sbbr-off-white: #F8FAF6;\n --soi-sbbr-stone: #F1F3EE;\n --soi-sbbr-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging framboise\/brun\/rose) === *\/\n --soi-sbbr-primary: #C2385A;\n --soi-sbbr-primary-soft: #F2E0E5;\n --soi-sbbr-accent: #8B2D42;\n\n \/* === Textes === *\/\n --soi-sbbr-text: #1A2D3D;\n --soi-sbbr-text-soft: #4A5B6B;\n --soi-sbbr-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-sbbr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-sbbr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-sbbr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-sbbr-radius: 12px;\n --soi-sbbr-radius-sm: 8px;\n --soi-sbbr-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-sbbr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sbbr-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-sbbr-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-sbbr-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-sbbr-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-sbbr-hero {\n position: relative;\n background: var(--soi-sbbr-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-sbbr-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-sbbr-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-sbbr-primary);\n}\n\n.soi-sbbr-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-sbbr-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-sbbr-primary);\n border-radius: 50%;\n}\n\n.soi-sbbr-hero-title {\n display: block;\n color: var(--soi-sbbr-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-sbbr-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-sbbr-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-sbbr-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-sbbr-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-sbbr-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-sbbr-label-accent {\n background: var(--soi-sbbr-primary);\n border-color: var(--soi-sbbr-primary);\n color: var(--soi-sbbr-white);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-sbbr-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sbbr-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-sbbr-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-sbbr-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-sbbr-primary);\n border-radius: 2px;\n}\n\n.soi-sbbr-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-sbbr-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-sbbr-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-sbbr-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-sbbr-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-sbbr-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-sbbr-benefit {\n background: var(--soi-sbbr-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-sbbr-radius);\n border: 1px solid var(--soi-sbbr-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sbbr-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-sbbr-shadow-md);\n}\n\n.soi-sbbr-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-sbbr-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-sbbr-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-sbbr-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-sbbr-benefit:hover .soi-sbbr-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-sbbr-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sbbr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sbbr-benefit p {\n font-size: 13px;\n color: var(--soi-sbbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-sbbr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-sbbr-card {\n background: var(--soi-sbbr-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sbbr-radius);\n border-left: 3px solid var(--soi-sbbr-primary);\n}\n\n.soi-sbbr-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sbbr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sbbr-card p {\n font-size: 14px;\n color: var(--soi-sbbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-sbbr-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-sbbr-card-mini {\n background: var(--soi-sbbr-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-sbbr-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-sbbr-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-sbbr-card-mini-label {\n font-size: 11px;\n color: var(--soi-sbbr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-sbbr-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sbbr-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-sbbr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-sbbr-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-sbbr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sbbr-radius);\n border: 1px solid var(--soi-sbbr-line);\n align-items: flex-start;\n}\n\n.soi-sbbr-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-sbbr-marine);\n color: var(--soi-sbbr-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-sbbr-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sbbr-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-sbbr-step-content p {\n font-size: 14px;\n color: var(--soi-sbbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-sbbr-compo {\n background: var(--soi-sbbr-off-white);\n border-radius: var(--soi-sbbr-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-sbbr-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-sbbr-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-sbbr-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-sbbr-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-sbbr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-sbbr-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-sbbr-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-sbbr-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-sbbr-primary-soft);\n border-left: 4px solid var(--soi-sbbr-primary);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-sbbr-radius) var(--soi-sbbr-radius) 0;\n align-items: flex-start;\n}\n\n.soi-sbbr-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-sbbr-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-sbbr-marine);\n margin-bottom: 4px;\n}\n\n.soi-sbbr-tip p {\n font-size: 14px;\n color: var(--soi-sbbr-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-sbbr-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-sbbr-accordion-item {\n background: var(--soi-sbbr-off-white);\n border-radius: var(--soi-sbbr-radius-sm);\n border: 1px solid var(--soi-sbbr-line);\n overflow: hidden;\n}\n\n.soi-sbbr-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-sbbr-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-sbbr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-sbbr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-sbbr-primary);\n transition: transform 0.2s ease;\n}\n\n.soi-sbbr-accordion-item[open] .soi-sbbr-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-sbbr-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-sbbr-accordion-content p {\n font-size: 14px;\n color: var(--soi-sbbr-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem 0;\n}\n\n.soi-sbbr-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-sbbr-cta-box {\n background: var(--soi-sbbr-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-sbbr-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-sbbr-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-sbbr-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-sbbr-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-sbbr-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-sbbr-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 500;\n color: var(--soi-sbbr-white);\n line-height: 1.5;\n margin: 0;\n max-width: 620px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-sbbr-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-sbbr-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-sbbr-compo-value {\n text-align: left;\n }\n\n .soi-sbbr-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-sbbr-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-sbbr-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-sbbr-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-sbbr-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-sbbr-fiche {\n --soi-sbbr-text-soft: #2C3E50;\n --soi-sbbr-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603299328330,"sku":"CE0648","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-brillance-certifie-bio-centifolia-packshot.webp?v=1779454894"},{"product_id":"baume-demelant-reparateur-centifolia","title":"Baume Démêlant Réparateur Après-Shampoing certifié bio","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eBaume Démêlant Réparateur Après-Shampoing\u003c\/strong\u003e de Centifolia est spécialement conçu pour \u003cstrong\u003eréparer et renforcer les cheveux fragilisés\u003c\/strong\u003e dès la première utilisation. Enrichi en ingrédients naturels et biologiques, ce baume démêlant offre une formule biodégradable et ultra-douce qui \u003cstrong\u003edémêle les cheveux sans les alourdir\u003c\/strong\u003e, tout en leur apportant douceur et légèreté.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eIngrédients clés du Baume démêlant Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cspan style=\"font-weight: bold;\"\u003eHuile de Ricin BIO :\u003c\/span\u003e Cette huile est reconnue pour ses propriétés fortifiantes et nourrissantes, idéale pour renforcer et réparer les cheveux abîmés.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"font-weight: bold;\"\u003eKératine Végétale :\u003c\/span\u003e Constituant essentiel de la fibre capillaire, la kératine végétale protège et gaine les cheveux, les laissant doux, brillants et faciles à coiffer.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0449_49669c59-7216-4097-b7cb-ff8b38c92541.jpg?v=1776180599\" alt=\"Photo d'une femme qui profite de son soin cheveux dans sa salle de bain\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits du Baume démêlant réparateur après-shampoing\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRépare et renforce :\u003c\/strong\u003e grâce à l'huile de Ricin BIO, obtenue par première pression à froid, ce baume fortifie les cheveux fragilisés et cassants, leur redonnant force et vitalité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection et douceur :\u003c\/strong\u003e la Kératine Végétale présente dans la formule préserve la structure interne du cheveu face aux agressions extérieures, limitant l'altération des protéines, un constituant majeur de la fibre capillaire. Elle offre un effet gainant qui enveloppe chaque mèche, laissant les cheveux incroyablement doux et légers.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFacilité de coiffage :\u003c\/strong\u003e après l'application, les cheveux sont instantanément démêlés sans être alourdis, réparés jusqu'aux pointes, et extrêmement faciles à coiffer. Fini les nœuds et les cheveux difficiles à dompter !\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels et écologiques :\u003c\/strong\u003e La formule biodégradable respecte l'environnement tout en prenant soin de vos cheveux. De plus, le tube est fabriqué avec 30% de matériaux recyclés et possède une capsule réduite en plastique pour minimiser l'impact environnemental.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003e\u003cstrong\u003eUtilisation optimale du Baume\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003ePour une efficacité optimale, appliquez le baume démêlant sur cheveux mouillés après le shampoing. Laissez agir quelques minutes pour permettre aux ingrédients de pénétrer et nourrir en profondeur, puis rincez abondamment. Utilisez régulièrement pour des cheveux plus forts et en meilleure santé.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eEngagements de Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule biodégradable :\u003c\/strong\u003e conçue pour respecter l'environnement, cette formule se décompose naturellement sans polluer.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEmballage écologique :\u003c\/strong\u003e le tube est fabriqué à partir de 30% de matériaux recyclés, avec une capsule réduite en plastique pour diminuer les déchets.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProduit en France :\u003c\/strong\u003e certifié Cosmos Organic, conçu et fabriqué en France avec des ingrédients soigneusement sélectionnés pour leur qualité et leur efficacité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eEn choisissant le \u003cstrong\u003eBaume Démêlant Réparateur Après-Shampoing de Centifolia\u003c\/strong\u003e, vous optez pour un soin capillaire respectueux de l'environnement et de vos cheveux. \u003cstrong\u003eRedonnez à votre chevelure force, douceur et éclat\u003c\/strong\u003e avec ce produit naturellement efficace et écologique.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603301392714,"sku":"CE0449","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/026757_baume_demelant_reparateur_apres_shampooing_200ml_a977ded4-bf08-43b5-a8f7-5cd58e854dd2.png?v=1778842861"},{"product_id":"gelee-volume-200ml","title":"Gelée Volume Après-Shampoing certifiée bio et vegan – Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLa Gelée Volume Après-Shampoing certifiée bio de Centifolia a été pensée pour redonner \u003cstrong data-start=\"251\" data-end=\"261\"\u003evolume\u003c\/strong\u003e, \u003cstrong data-start=\"263\" data-end=\"275\"\u003elégèreté\u003c\/strong\u003e et \u003cstrong data-start=\"279\" data-end=\"291\"\u003evitalité\u003c\/strong\u003e aux cheveux fins qui manquent de densité. Sa texture gel douce et non-collante enveloppe la fibre capillaire sans jamais l’alourdir, offrant une sensation immédiate de fraîcheur et de légèreté. Grâce à son embout applicateur précis, le produit s’applique directement au niveau des racines, là où le cheveu a le plus besoin d’être soutenu pour révéler toute sa matière.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0451_5451d308-d4d5-4b66-b8c2-ce6a4a9f6bf9.jpg?v=1776180599\" alt=\"Photo d'une femme qui se touche les cheveux\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2 data-start=\"667\" data-end=\"764\"\u003eCaractéristiques et bienfaits de la Gelée Volume Après-Shampoing certifiée bio de Centifolia\u003c\/h2\u003e\n\u003cp data-start=\"765\" data-end=\"1199\"\u003eCette gelée innovante s’appuie sur l’action complémentaire de deux actifs naturels soigneusement sélectionnés pour leur efficacité. Les \u003cstrong data-start=\"901\" data-end=\"921\"\u003epeptides de pois\u003c\/strong\u003e, reconnus pour leurs propriétés filmogènes et leur capacité à \u003cstrong data-start=\"984\" data-end=\"1016\"\u003eépaissir la fibre capillaire\u003c\/strong\u003e, apportent un volume visible dès la racine. Ils offrent également une \u003cstrong data-start=\"1087\" data-end=\"1110\"\u003ehydratation intense\u003c\/strong\u003e tout en renforçant la vitalité du cuir chevelu grâce à leur haute activité antioxydante.\u003c\/p\u003e\n\u003cp data-start=\"1201\" data-end=\"1653\"\u003eÀ cet actif phare s’ajoute le \u003cstrong data-start=\"1231\" data-end=\"1256\"\u003epamplemousse rose bio\u003c\/strong\u003e, cultivé en France, choisi pour sa faculté à insuffler légèreté et fraîcheur à la chevelure. Ensemble, ces ingrédients agissent pour rendre les cheveux plus \u003cstrong data-start=\"1414\" data-end=\"1423\"\u003eaérés\u003c\/strong\u003e, plus \u003cstrong data-start=\"1430\" data-end=\"1441\"\u003esouples\u003c\/strong\u003e et naturellement plus brillants. La formule, composée à 99% d’ingrédients d’origine naturelle et certifiée Cosmos Organic, offre une protection complète tout en respectant le cuir chevelu et la fibre capillaire.\u003c\/p\u003e\n\u003cp data-start=\"1655\" data-end=\"2195\"\u003eLa texture gel légèrement colorée glisse facilement sur les racines, permettant de créer un volume durable sans effet gras ni sensation d’alourdissement. À l’usage, les cheveux apparaissent visiblement plus denses, plus doux et subtilement texturés, révélant un volume naturel qui tient tout au long de la journée. Le conditionnement éco-conçu, intégrant \u003cstrong data-start=\"2010\" data-end=\"2038\"\u003e12% de plastique recyclé\u003c\/strong\u003e, témoigne de l’engagement de Centifolia pour une beauté plus responsable. Cette gelée est conçue et fabriquée en France, gage de qualité et de savoir-faire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2 data-start=\"2202\" data-end=\"2249\"\u003ePour une chevelure naturellement amplifiée\u003c\/h2\u003e\n\u003cp data-start=\"2250\" data-end=\"2742\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eAdopter la Gelée Volume Après-Shampoing certifiée bio de Centifolia, c’est offrir à vos cheveux fins une solution qui allie \u003cstrong data-start=\"2374\" data-end=\"2389\"\u003eperformance\u003c\/strong\u003e, \u003cstrong data-start=\"2391\" data-end=\"2405\"\u003enaturalité\u003c\/strong\u003e et \u003cstrong data-start=\"2409\" data-end=\"2425\"\u003esensorialité\u003c\/strong\u003e. Sa formule délicate et efficace redonne du souffle aux racines et révèle un volume tout en légèreté, pour des cheveux dynamiques, plus denses et sublimés jour après jour. Elle devient rapidement un indispensable pour celles et ceux qui recherchent un résultat visible, durable et respectueux de la fibre capillaire.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603303326026,"sku":"CE0655","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_centifolia_ce0655_gelee_volume_apres_shampoing.jpg?v=1776158749"},{"product_id":"masque-soin-brillance-intense-3-en-1-certifie-bio-centifolia","title":"Masque soin brillance intense 3 en 1 certifié bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003cp\u003e\u003cstrong\u003eLe Masque Soin Brillance Intense 3en1 Centifolia \u003c\/strong\u003eest le traitement capillaire pour sublimer vos cheveux. \u003cstrong\u003eAdapté à tous les types de cheveux\u003c\/strong\u003e, y compris les cheveux bouclés, ce masque combine les bienfaits d'une \u003cstrong\u003eformule bio et vegan\u003c\/strong\u003e pour offrir \u003cstrong\u003eune solution de soin efficace et ultra-douce\u003c\/strong\u003e. Profitez d'une chevelure éclatante et en pleine santé dès la première utilisation grâce à ce soin complet.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques du Masque Soin Brillance Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eType de cheveux\u003c\/strong\u003e : convient à tous les types de cheveux, notamment les cheveux bouclés, ondulés, lisses et colorés. Idéal pour les cheveux secs, ternes et abîmés.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule\u003c\/strong\u003e : Certifiée biologique et vegan, sans parabènes, sans silicones, et sans sulfates pour un respect optimal de votre cuir chevelu et de l’environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels\u003c\/strong\u003e : composée à 98% d’ingrédients d’origine naturelle, cette formule puise sa richesse dans les extraits végétaux pour offrir le meilleur des soins capillaires.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"font-weight: bold;\"\u003ePackaging\u003c\/span\u003e : emballage éco-responsable avec un pot 100% recyclé et recyclable, réduisant ainsi l'empreinte écologique.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0453_4cf6634f-4b21-487a-965b-9550b3d1bab6.jpg?v=1776180600\" alt=\"Photo d'une femme qui sourit aux cheveux brillants\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003e\u003cstrong style=\"color: #333333; font-size: 26px;\"\u003ePrincipaux actifs du Masque de Soin Brillance 3-en-1\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de Framboise Bio\u003c\/strong\u003e : riche en antioxydants et en vitamines, il apporte une brillance naturelle et ravive l’éclat des cheveux ternes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKératine végétale\u003c\/strong\u003e : issue de protéines végétales, elle renforce et protège la structure interne du cheveu, apportant douceur et légèreté sans alourdir.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBiodégradabilité\u003c\/strong\u003e : formulé à 97,6% biodégradable, ce masque respecte l’environnement tout en prenant soin de vos cheveux.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cstrong\u003eAvantages et bienfaits du Masque de soin Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEfficacité immédiate\u003c\/strong\u003e : dès la première application, le masque redonne éclat et brillance à vos cheveux, leur offrant un aspect sain et revitalisé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection renforcée\u003c\/strong\u003e : la Kératine Végétale protège la fibre capillaire des agressions extérieures et renforce les cheveux contre les dommages futurs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDouceur et légèreté\u003c\/strong\u003e : grâce à sa formule légère, ce masque n’alourdit pas les cheveux, les laissant souples, doux et faciles à coiffer.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation profonde\u003c\/strong\u003e : enrichi en ingrédients naturels hydratants, il nourrit intensément les cheveux secs et déshydratés.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDémêlage facile\u003c\/strong\u003e : facilite le démêlage et réduit les frisottis, rendant les cheveux plus lisses et plus disciplinés.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespectueux de l’environnement\u003c\/strong\u003e : sa composition biodégradable et son emballage éco-responsable en font un choix respectueux de la planète.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003e\u003cstrong\u003eEngagements et qualité Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de l’environnement\u003c\/strong\u003e : formule hautement biodégradable et packaging éco-responsable minimisant l'impact environnemental.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEthique\u003c\/strong\u003e : produit certifié vegan, sans tests sur les animaux, garantissant une démarche respectueuse de la vie animale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQualité française\u003c\/strong\u003e : certifié Cosmos Organic et fabriqué en France avec des ingrédients de haute qualité et selon des normes strictes de production.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eOffrez à vos cheveux le soin qu'ils méritent \u003cstrong\u003eavec le Masque Soin Brillance Intense 3en1 Centifolia\u003c\/strong\u003e, et découvrez la beauté naturelle de cheveux éclatants de santé.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603304309066,"sku":"CE0453","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0453_centifolia_masque_soin_brillance_651cabbe-4435-4c09-b6de-35431bfa22f9.jpg?v=1778842860"},{"product_id":"brume-fixante-et-volume-certifiee-bio-centifolia","title":"Brume Fixante et Volume certifiée bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLa Brume Fixante et Volume certifiée bio de Centifolia\u003c\/strong\u003e est la solution idéale pour \u003cstrong\u003etous les types de cheveux,\u003c\/strong\u003e offrant une \u003cstrong\u003efixation légère sans alourdir ni graisser\u003c\/strong\u003e. Formulée avec des ingrédients biologiques et biodégradables, cette laque ultra-douce et respectueuse de l'environnement garantit un maintien impeccable tout en préservant la santé de vos cheveux.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0454_4ddd0698-93af-4667-89c3-afd1cc9cc302.jpg?v=1776180600\" alt=\"Photo d'une femme dans sa salle de bain en train d'appliquer une brume\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques de la Brume Fixante et Volume Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFixation légère et durable :\u003c\/strong\u003e grâce à sa formule unique, cette brume fixe vos coiffures de manière durable tout en conservant la légèreté naturelle des cheveux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApplication uniforme :\u003c\/strong\u003e équipée d'une pompe à effet brume, elle permet une diffusion légère et uniforme pour une finition parfaite.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels et vegan :\u003c\/strong\u003e contient un agent fixant 100% vegan, un polymère naturel qui forme un film protecteur contre la chaleur, résistant à l'eau, et offrant un meilleur maintien sans effet collant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEffet Anti-Frisottis :\u003c\/strong\u003e parfait pour les cheveux frisés, cette brume aide à contrôler les frisottis pour un style soigné et naturel.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVolume et Épaisseur :\u003c\/strong\u003e enrichie en peptides de pois obtenus par fermentation, elle épaissit et augmente le volume des cheveux tout en apportant des bienfaits antioxydants pour un cuir chevelu et des cheveux en pleine santé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédient star – Pamplemousse Rose Bio :\u003c\/strong\u003e sélectionné pour sa capacité à apporter de la légèreté, ce pamplemousse origine France est un atout majeur de la formule.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eAvantages de la Brume Fixante Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFixation Souple et Naturelle :\u003c\/strong\u003e Les cheveux restent souples, volumineux, et naturellement stylés sans l'effet de rigidité ou de collant des laques traditionnelles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection et Santé des Cheveux :\u003c\/strong\u003e Offre une protection contre la chaleur tout en favorisant la santé du cuir chevelu grâce à son activité antioxydante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉcoresponsable :\u003c\/strong\u003e Formule biodégradable respectueuse de l'environnement, sans compromis sur l'efficacité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication française de qualité :\u003c\/strong\u003e produit certifié Cosmos Organic, conçu et fabriqué en France, gage de qualité naturelle.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eDécouvrez \u003cstrong\u003ela Brume Fixante et Volume certifiée bio de Centifolia\u003c\/strong\u003e et profitez d'une coiffure parfaitement fixée, volumineuse et naturellement belle, jour après jour.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603305750858,"sku":"CE0454","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0454_centifolia_brumefixante_006c1d1e-5b1e-480f-989e-b7bc5e2f34ab.jpg?v=1778842871"},{"product_id":"manjistha-certifie-bio-en-poudre-ayurvana","title":"Manjistha bio en poudre – Ayurvana","description":"\u003cdiv class=\"soi-manj-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-manj-hero\"\u003e\n \u003cdiv class=\"soi-manj-hero-tag\"\u003e\n \u003cspan class=\"soi-manj-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique ayurvédique · Ayur-vana\n \u003c\/div\u003e\n \u003cspan class=\"soi-manj-hero-title\"\u003eManjistha bio en poudre\u003c\/span\u003e\n \u003cp class=\"soi-manj-hero-subtitle\"\u003eGarance indienne aux reflets acajou pour vos cheveux et votre peau, issue de la tradition ayurvédique et certifiée bio.\u003c\/p\u003e\n \u003cdiv class=\"soi-manj-hero-labels\"\u003e\n \u003cspan class=\"soi-manj-label soi-manj-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-manj-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-manj-label\"\u003eVÉGÉTALIEN\u003c\/span\u003e\n \u003cspan class=\"soi-manj-label\"\u003e100 % VÉGÉTALE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INTRO --\u003e\n \u003csection class=\"soi-manj-section\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eManjistha bio en poudre\u003c\/strong\u003e (\u003cem\u003eRubia cordifolia\u003c\/em\u003e), connu en France sous le nom de \u003cstrong\u003eGarance indienne\u003c\/strong\u003e, est l'une des plantes les plus respectées de la tradition ayurvédique. Ses racines aux reflets acajou sont récoltées à la main en Inde, séchées et réduites en poudre fine, prête à être intégrée dans vos soins capillaires et cutanés. Cette version \u003cstrong\u003ecertifiée bio COSMOS Organic\u003c\/strong\u003e, conditionnée en France par Ayur-vana, vous garantit une qualité irréprochable, sans additif ni compromis.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- COULEUR NATURELLE DES CHEVEUX --\u003e\n \u003csection class=\"soi-manj-section\"\u003e\n \u003ch2\u003eManjistha et couleur naturelle des cheveux : ce qu'il faut savoir\u003c\/h2\u003e\n \u003cdiv class=\"soi-manj-grid\"\u003e\n \u003cdiv class=\"soi-manj-card\"\u003e\n \u003ch3\u003e🎨 Reflets roux à acajou\u003c\/h3\u003e\n \u003cp\u003eSi vous cherchez à colorer vos cheveux naturellement, le Manjistha dépose des reflets roux à acajou selon votre couleur de base, sans ammoniaque, sans oxydants agressifs. Résultat : des cheveux gainés, brillants, et une couleur végétale progressive et respectueuse de la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-card\"\u003e\n \u003ch3\u003e🌿 Soin du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eÀ la différence du henné neutre ou du katam, le Manjistha agit également sur le cuir chevelu : ses propriétés astringentes naturelles aident à assainir la surface, à réduire les démangeaisons et à apaiser les irritations, ce que peu de colorants végétaux peuvent revendiquer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS PEAU --\u003e\n \u003csection class=\"soi-manj-section\"\u003e\n \u003ch2\u003eLes bienfaits du Manjistha pour la peau\u003c\/h2\u003e\n \u003cp class=\"soi-manj-section-intro\"\u003eEn cosmétique, la poudre de Manjistha est utilisée depuis des siècles pour tonifier, clarifier et revitaliser la peau. Appliquée en masque facial, elle contribue à :\u003c\/p\u003e\n \u003cdiv class=\"soi-manj-benefits\"\u003e\n \u003cdiv class=\"soi-manj-benefit\"\u003e\n \u003cdiv class=\"soi-manj-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eExfoliation douce\u003c\/h3\u003e\n \u003cp\u003eÉlimine les cellules mortes grâce à son action astringente et exfoliante douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-benefit\"\u003e\n \u003cdiv class=\"soi-manj-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRégénération cellulaire\u003c\/h3\u003e\n \u003cp\u003eFavorise la régénération cellulaire pour un teint plus uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-benefit\"\u003e\n \u003cdiv class=\"soi-manj-benefit-icon\"\u003e\u003cspan\u003e💎\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFermeté et éclat\u003c\/h3\u003e\n \u003cp\u003eRedonne de la fermeté et de l'éclat aux peaux ternes ou fatiguées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-benefit\"\u003e\n \u003cdiv class=\"soi-manj-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisement\u003c\/h3\u003e\n \u003cp\u003eApaise les peaux sujettes aux rougeurs ou imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-tip\"\u003e\n \u003cdiv class=\"soi-manj-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un masque visage simple : mélangez une cuillère à café de poudre de Manjistha avec de l'eau de rose ou du gel d'aloe vera jusqu'à obtenir une pâte souple. Appliquez 10 à 15 minutes, puis rincez à l'eau tiède. Attention, la poudre teinte légèrement : rincez bien et évitez le linge blanc.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI CHEVEUX --\u003e\n \u003csection class=\"soi-manj-section\"\u003e\n \u003ch2\u003eComment utiliser la poudre de Manjistha bio pour les cheveux ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-manj-timeline\"\u003e\n \u003cdiv class=\"soi-manj-step\"\u003e\n \u003cdiv class=\"soi-manj-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-manj-step-content\"\u003e\n \u003ch3\u003ePréparez votre mélange\u003c\/h3\u003e\n \u003cp\u003eVersez 100 à 200 g de poudre dans un bol non métallique. Ajoutez de l'eau tiède (ou du thé noir pour intensifier la couleur) progressivement jusqu'à obtenir une consistance crémeuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-step\"\u003e\n \u003cdiv class=\"soi-manj-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-manj-step-content\"\u003e\n \u003ch3\u003eAppliquez sur cheveux humides\u003c\/h3\u003e\n \u003cp\u003eMèche par mèche, depuis les racines jusqu'aux pointes. Couvrez d'une charlotte et laissez poser 1 à 3 heures selon l'intensité colorante souhaitée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-step\"\u003e\n \u003cdiv class=\"soi-manj-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-manj-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède sans shampoing (ou avec un shampoing doux si nécessaire). La couleur se stabilise dans les 24 à 48 heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"soi-manj-section\"\u003e\n \u003ch2\u003eComposition et informations produit\u003c\/h2\u003e\n \u003cdiv class=\"soi-manj-compo\"\u003e\n \u003cdiv class=\"soi-manj-compo-row\"\u003e\n \u003cspan class=\"soi-manj-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"soi-manj-compo-value\"\u003ePoudre de racine de Manjistha biologique (\u003cem\u003eRubia cordifolia\u003c\/em\u003e)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-compo-row\"\u003e\n \u003cspan class=\"soi-manj-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-manj-compo-value\"\u003eInde\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-compo-row\"\u003e\n \u003cspan class=\"soi-manj-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-manj-compo-value\"\u003eConditionné en France par Ayur-vana (Montlignon, 95)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-compo-row\"\u003e\n \u003cspan class=\"soi-manj-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-manj-compo-value\"\u003eCOSMOS Organic (cosmétique bio certifié)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-compo-row\"\u003e\n \u003cspan class=\"soi-manj-compo-label\"\u003ePoids net\u003c\/span\u003e\n \u003cspan class=\"soi-manj-compo-value\"\u003e100 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-compo-row\"\u003e\n \u003cspan class=\"soi-manj-compo-label\"\u003eConvenance\u003c\/span\u003e\n \u003cspan class=\"soi-manj-compo-value\"\u003eConvient aux végétaliens, aucun ingrédient d'origine animale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-compo-row\"\u003e\n \u003cspan class=\"soi-manj-compo-label\"\u003eFormulation\u003c\/span\u003e\n \u003cspan class=\"soi-manj-compo-value\"\u003eSans conservateur, sans colorant artificiel, sans parfum de synthèse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"soi-manj-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-manj-accordion\"\u003e\n \u003cdetails class=\"soi-manj-accordion-item\"\u003e\n \u003csummary class=\"soi-manj-accordion-header\"\u003e⚠️ Usage et précautions\u003c\/summary\u003e\n \u003cdiv class=\"soi-manj-accordion-content\"\u003e\n \u003cp\u003eLa poudre de Manjistha est un produit à \u003cstrong\u003eusage cosmétique exclusivement\u003c\/strong\u003e. Évitez le contact avec les yeux. Réalisez un test cutané 48 heures avant la première utilisation. Ce produit n'est pas un médicament et ne se substitue à aucun traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-manj-accordion-item\"\u003e\n \u003csummary class=\"soi-manj-accordion-header\"\u003e📦 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"soi-manj-accordion-content\"\u003e\n \u003cp\u003eConservez le produit dans un endroit sec, à l'abri de la lumière et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-manj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-manj-cta-box\"\u003e\n \u003cp class=\"soi-manj-cta-tag\" style=\"color: white;\"\u003eUn rituel de beauté millénaire, certifié bio\u003c\/p\u003e\n \u003cp class=\"soi-manj-cta-text\" style=\"color: white;\"\u003eDes cheveux aux reflets acajou, un cuir chevelu assaini, une peau tonifiée. Une poudre 100 % végétale, sans détour, pour celles et ceux qui choisissent de prendre soin d'eux sans compromis sur la nature et la qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-manj-marine: #1A2D3D;\n --soi-manj-marine-dark: #0F1E2B;\n --soi-manj-marine-light: #2C4458;\n --soi-manj-pomme: #A1C544;\n --soi-manj-pomme-dark: #84A636;\n --soi-manj-pomme-light: rgba(161,197,68,0.10);\n\n --soi-manj-white: #FFFFFF;\n --soi-manj-off-white: #F8FAF6;\n --soi-manj-stone: #F1F3EE;\n --soi-manj-line: #E5E8E0;\n\n --soi-manj-primary: #8B3A2A;\n --soi-manj-primary-soft: #A85C4A;\n --soi-manj-accent: #D88542;\n\n --soi-manj-text: #1A2D3D;\n --soi-manj-text-soft: #4A5B6B;\n --soi-manj-text-muted: #7B8693;\n\n --soi-manj-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-manj-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-manj-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-manj-radius: 12px;\n --soi-manj-radius-sm: 8px;\n --soi-manj-radius-pill: 999px;\n}\n\n.soi-manj-fiche * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.soi-manj-fiche img {\n max-width: 100%;\n height: auto;\n}\n\n.soi-manj-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-manj-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-manj-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-manj-hero {\n position: relative;\n background: var(--soi-manj-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-manj-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-manj-hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--soi-manj-pomme);\n}\n\n.soi-manj-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-manj-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-manj-pomme);\n border-radius: 50%;\n}\n\n.soi-manj-hero-title {\n display: block;\n color: var(--soi-manj-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-manj-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-manj-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-manj-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-manj-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-manj-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-manj-label-accent {\n background: var(--soi-manj-pomme);\n border-color: var(--soi-manj-pomme);\n color: var(--soi-manj-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-manj-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-manj-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-manj-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-manj-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-manj-pomme);\n border-radius: 2px;\n}\n\n.soi-manj-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-manj-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-manj-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-manj-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-manj-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-manj-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-manj-benefit {\n background: var(--soi-manj-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-manj-radius);\n border: 1px solid var(--soi-manj-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-manj-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-manj-shadow-md);\n}\n\n.soi-manj-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-manj-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-manj-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-manj-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-manj-benefit:hover .soi-manj-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-manj-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-manj-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-manj-benefit p {\n font-size: 13px;\n color: var(--soi-manj-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-manj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-manj-card {\n background: var(--soi-manj-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-manj-radius);\n border-left: 3px solid var(--soi-manj-pomme);\n}\n\n.soi-manj-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-manj-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-manj-card p {\n font-size: 14px;\n color: var(--soi-manj-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-manj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-manj-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-manj-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-manj-radius);\n border: 1px solid var(--soi-manj-line);\n align-items: flex-start;\n}\n\n.soi-manj-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-manj-marine);\n color: var(--soi-manj-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-manj-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-manj-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-manj-step-content p {\n font-size: 14px;\n color: var(--soi-manj-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-manj-compo {\n background: var(--soi-manj-off-white);\n border-radius: var(--soi-manj-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-manj-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-manj-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-manj-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-manj-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-manj-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-manj-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-manj-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-manj-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-manj-pomme-light);\n border-left: 4px solid var(--soi-manj-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-manj-radius) var(--soi-manj-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-manj-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-manj-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-manj-marine);\n margin-bottom: 4px;\n}\n\n.soi-manj-tip p {\n font-size: 14px;\n color: var(--soi-manj-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-manj-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-manj-accordion-item {\n background: var(--soi-manj-off-white);\n border-radius: var(--soi-manj-radius-sm);\n border: 1px solid var(--soi-manj-line);\n overflow: hidden;\n}\n\n.soi-manj-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-manj-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-manj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-manj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-manj-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-manj-accordion-item[open] .soi-manj-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-manj-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-manj-accordion-content p {\n font-size: 14px;\n color: var(--soi-manj-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-manj-cta-box {\n background: var(--soi-manj-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-manj-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-manj-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-manj-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-manj-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-manj-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-manj-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-manj-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-manj-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-manj-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-manj-compo-value {\n text-align: left;\n }\n\n .soi-manj-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-manj-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-manj-fiche {\n --soi-manj-text-soft: #2C3E50;\n --soi-manj-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603329737034,"sku":"AY9960","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/manjistha-certifie-bio-en-poudre-ayurvana-packshot.webp?v=1779635539"},{"product_id":"aloe-vera-en-poudre-certifie-bio-ayurvana","title":"Aloe Vera en poudre certifié bio - Ayurvana","description":"\n\n\u003cdiv class=\"soi-aloe-fiche\"\u003e\n\n \u003csection class=\"soi-aloe-hero\"\u003e\n \u003cdiv class=\"soi-aloe-hero-tag\"\u003e\n \u003cspan class=\"soi-aloe-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique naturelle · Ayurvana\n \u003c\/div\u003e\n \u003cspan class=\"soi-aloe-hero-title\"\u003eAloe Vera en poudre certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-aloe-hero-subtitle\"\u003eToute la richesse du gel d'aloe vera concentrée en poudre pure, sans conservateurs ni additifs. Un actif d'exception pour sublimer votre peau et vos cheveux au naturel.\u003c\/p\u003e\n \u003cdiv class=\"soi-aloe-hero-labels\"\u003e\n \u003cspan class=\"soi-aloe-label soi-aloe-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eORIGINE INDE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003ePourquoi choisir la poudre plutôt que le gel d'aloe vera bio ?\u003c\/h2\u003e\n \u003cp\u003eLe gel d'aloe vera bio en tube ou en flacon contient souvent jusqu'à 95 % d'eau et des conservateurs pour stabiliser la formule. La poudre d'aloe vera 100 % pure bio, elle, est simplement la feuille séchée et réduite : rien d'autre. Vous dosez selon vos besoins, vous réhydratez à la demande et vous obtenez un actif concentré dont vous maîtrisez chaque application. Un avantage indéniable pour celles et ceux qui fabriquent leurs propres soins maison.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eLes bienfaits reconnus de l'aloe vera pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"soi-aloe-section-intro\"\u003ePolyvalent et généreux, l'aloe vera bio concentre une multitude de propriétés pour accompagner votre routine de soins naturels.\u003c\/p\u003e\n \u003cdiv class=\"soi-aloe-benefits\"\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation profonde\u003c\/h3\u003e\n \u003cp\u003eVéritable réservoir d'eau pour la peau déshydratée et les cheveux secs, grâce à ses polysaccharides filmogènes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisement et anti-irritation\u003c\/h3\u003e\n \u003cp\u003eSoulage les cuirs chevelus sensibles, les coups de soleil, les tiraillements et les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePropriétés antiseptiques\u003c\/h3\u003e\n \u003cp\u003eInhibe la prolifération de certaines bactéries, un allié précieux contre les imperfections et les démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEffet tenseur et anti-âge\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants (vitamines C et E, bêta-carotène), il contribue à préserver l'élasticité cutanée et à atténuer l'apparence des rides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉquilibre du sébum\u003c\/h3\u003e\n \u003cp\u003eAstringent naturel, il aide à réguler les peaux mixtes à grasses sans les agresser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoin capillaire complet\u003c\/h3\u003e\n \u003cp\u003eRenforce la fibre capillaire, apporte brillance et douceur, et favorise un cuir chevelu sain propice à la pousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eComment utiliser la poudre d'aloe vera bio Ayurvana ?\u003c\/h2\u003e\n \u003cp class=\"soi-aloe-section-intro\"\u003eTrois façons simples d'intégrer cet actif concentré à votre routine de soins naturels.\u003c\/p\u003e\n \u003cdiv class=\"soi-aloe-timeline\"\u003e\n \u003cdiv class=\"soi-aloe-step\"\u003e\n \u003cdiv class=\"soi-aloe-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step-content\"\u003e\n \u003ch3\u003eMasque hydratant cheveux\u003c\/h3\u003e\n \u003cp\u003eMélangez 1 à 2 cuillères à café de poudre avec de l'eau tiède (ou un hydrolat) jusqu'à obtenir une texture de gelée. Appliquez sur cheveux humides, laissez poser 20 à 30 minutes, puis rincez. Idéal avant shampoing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step\"\u003e\n \u003cdiv class=\"soi-aloe-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step-content\"\u003e\n \u003ch3\u003eSoin apaisant peau\u003c\/h3\u003e\n \u003cp\u003eReconstituez un gel d'aloe vera 100 % pur bio en diluant la poudre dans de l'eau distillée (environ 1 g pour 10 ml). Appliquez sur peau propre en cas d'irritation, de coup de soleil ou comme base de sérum maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step\"\u003e\n \u003cdiv class=\"soi-aloe-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step-content\"\u003e\n \u003ch3\u003eActif dans vos formulations DIY\u003c\/h3\u003e\n \u003cp\u003eIntégrez la poudre directement dans vos crèmes, laits, shampooings ou après-shampooings maison à raison de 0,5 à 2 % du poids total de la préparation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eComposition et informations produit\u003c\/h2\u003e\n \u003cdiv class=\"soi-aloe-compo\"\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eIngrédient INCI\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eAloe Barbadensis Leaf Powder\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eInde, agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eContrôlé et emballé en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eSachet refermable de 100 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eCosmétique uniquement (application externe)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-tip\"\u003e\n \u003cdiv class=\"soi-aloe-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUne fois réhydratée, la gelée obtenue se conserve 24 à 48 heures au réfrigérateur, sans conservateur ajouté. Préparez uniquement la quantité nécessaire pour garantir une fraîcheur optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-aloe-disclaimer\"\u003eCe produit est destiné à un usage cosmétique externe. Il ne constitue pas un médicament et ne se substitue à aucun traitement médical. En cas de doute ou de condition cutanée particulière, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur la poudre d'aloe vera bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-aloe-accordion\"\u003e\n \u003cdetails class=\"soi-aloe-accordion-item\"\u003e\n \u003csummary class=\"soi-aloe-accordion-header\"\u003e🍹 Peut-on consommer ce produit en jus d'aloe vera bio ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-aloe-accordion-content\"\u003e\n \u003cp\u003eNon. Cette poudre est exclusivement formulée pour un usage cosmétique. Elle ne convient pas à la préparation d'un jus d'aloe vera bio à boire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-aloe-accordion-item\"\u003e\n \u003csummary class=\"soi-aloe-accordion-header\"\u003e📦 Combien de temps se conserve la poudre une fois ouverte ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-aloe-accordion-content\"\u003e\n \u003cp\u003eConservez le sachet bien fermé, à l'abri de l'humidité et de la lumière. Une fois réhydratée, la gelée obtenue se conserve 24 à 48 heures au réfrigérateur, sans conservateur ajouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-aloe-accordion-item\"\u003e\n \u003csummary class=\"soi-aloe-accordion-header\"\u003e💇 Est-elle compatible avec tous types de cheveux ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-aloe-accordion-content\"\u003e\n \u003cp\u003eOui. La poudre d'aloe vera convient aux cheveux secs, bouclés, colorés ou fragilisés, ainsi qu'aux cuirs chevelus sensibles ou sujets aux pellicules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-aloe-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-aloe-cta-box\"\u003e\n \u003cp class=\"soi-aloe-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se sublimer autrement\u003c\/p\u003e\n \u003cp class=\"soi-aloe-cta-text\" style=\"color: white;\"\u003eDerrière ce sachet kraft se cachent des siècles de savoir-faire et un actif d'exception. Que vous cherchiez à sublimer vos cheveux, apaiser votre peau ou enrichir vos soins maison, cette poudre concentrée est le point de départ idéal d'une routine naturelle qui vous ressemble vraiment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-aloe-marine: #1A2D3D;\n --soi-aloe-marine-dark: #0F1E2B;\n --soi-aloe-marine-light: #2C4458;\n --soi-aloe-pomme: #A1C544;\n --soi-aloe-pomme-dark: #84A636;\n --soi-aloe-pomme-light: rgba(161,197,68,0.10);\n --soi-aloe-white: #FFFFFF;\n --soi-aloe-off-white: #F8FAF6;\n --soi-aloe-stone: #F1F3EE;\n --soi-aloe-line: #E5E8E0;\n --soi-aloe-primary: #4A7C4E;\n --soi-aloe-primary-soft: #E8F0E8;\n --soi-aloe-accent: #D4A52A;\n --soi-aloe-text: #1A2D3D;\n --soi-aloe-text-soft: #4A5B6B;\n --soi-aloe-text-muted: #7B8693;\n --soi-aloe-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-aloe-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-aloe-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-aloe-radius: 12px;\n --soi-aloe-radius-sm: 8px;\n --soi-aloe-radius-pill: 999px;\n}\n\n.soi-aloe-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-aloe-fiche img { max-width: 100%; height: auto; }\n\n.soi-aloe-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-aloe-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-aloe-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-aloe-hero {\n position: relative;\n background: var(--soi-aloe-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-aloe-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-aloe-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-aloe-pomme);\n}\n\n.soi-aloe-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-aloe-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-aloe-pomme);\n border-radius: 50%;\n}\n\n.soi-aloe-hero-title {\n display: block;\n color: var(--soi-aloe-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-aloe-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-aloe-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-aloe-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-aloe-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-aloe-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-aloe-label-accent {\n background: var(--soi-aloe-pomme);\n border-color: var(--soi-aloe-pomme);\n color: var(--soi-aloe-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-aloe-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-aloe-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-aloe-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-aloe-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-aloe-pomme);\n border-radius: 2px;\n}\n\n.soi-aloe-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-aloe-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-aloe-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-aloe-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-aloe-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-aloe-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-aloe-benefit {\n background: var(--soi-aloe-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-aloe-radius);\n border: 1px solid var(--soi-aloe-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-aloe-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-aloe-shadow-md);\n}\n\n.soi-aloe-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-aloe-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-aloe-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-aloe-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-aloe-benefit:hover .soi-aloe-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-aloe-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-aloe-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-aloe-benefit p {\n font-size: 13px;\n color: var(--soi-aloe-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-aloe-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-aloe-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-aloe-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-aloe-radius);\n border: 1px solid var(--soi-aloe-line);\n align-items: flex-start;\n}\n\n.soi-aloe-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-aloe-marine);\n color: var(--soi-aloe-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-aloe-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-aloe-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-aloe-step-content p {\n font-size: 14px;\n color: var(--soi-aloe-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-aloe-compo {\n background: var(--soi-aloe-off-white);\n border-radius: var(--soi-aloe-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-aloe-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-aloe-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-aloe-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-aloe-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-aloe-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-aloe-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-aloe-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-aloe-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-aloe-pomme-light);\n border-left: 4px solid var(--soi-aloe-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-aloe-radius) var(--soi-aloe-radius) 0;\n align-items: flex-start;\n margin-bottom: 1.25rem;\n}\n\n.soi-aloe-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-aloe-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-aloe-marine);\n margin-bottom: 4px;\n}\n\n.soi-aloe-tip p {\n font-size: 14px;\n color: var(--soi-aloe-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.soi-aloe-disclaimer {\n font-size: 12px;\n color: var(--soi-aloe-text-muted);\n line-height: 1.6;\n padding: 1rem 0 0;\n border-top: 1px solid var(--soi-aloe-line);\n margin-top: 0.5rem;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-aloe-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-aloe-accordion-item {\n background: var(--soi-aloe-off-white);\n border-radius: var(--soi-aloe-radius-sm);\n border: 1px solid var(--soi-aloe-line);\n overflow: hidden;\n}\n\n.soi-aloe-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-aloe-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-aloe-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-aloe-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-aloe-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-aloe-accordion-item[open] .soi-aloe-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-aloe-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-aloe-accordion-content p {\n font-size: 14px;\n color: var(--soi-aloe-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-aloe-cta-box {\n background: var(--soi-aloe-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-aloe-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-aloe-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-aloe-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-aloe-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-aloe-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-aloe-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 500;\n color: var(--soi-aloe-white);\n line-height: 1.5;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-aloe-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-aloe-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-aloe-compo-value {\n text-align: left;\n }\n\n .soi-aloe-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-aloe-benefits {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-aloe-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-aloe-fiche {\n --soi-aloe-text-soft: #2C3E50;\n --soi-aloe-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603331539274,"sku":"AY9961","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/aloe-vera-en-poudre-certifie-bio-ayurvana-packshot.webp?v=1779803412"},{"product_id":"shampooing-douche-3-en-1-pour-toute-la-famille-certifie-bio-centifolia","title":"Shampoing douche bio 3en1 au Ginkgo Biloba - 1L | Centifolia","description":"\n\u003cdiv class=\"soi-gink-fiche\"\u003e\n\n \u003csection class=\"soi-gink-hero\"\u003e\n \u003cdiv class=\"soi-gink-hero-tag\"\u003e\n \u003cspan class=\"soi-gink-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-gink-hero-title\"\u003eShampooing-Douche 3 en 1 pour Toute la Famille certifié Bio\u003c\/span\u003e\n \u003cp class=\"soi-gink-hero-subtitle\"\u003eUn seul geste pour le visage, le corps et les cheveux : la simplicité d'une formule certifiée bio au Ginkgo Biloba français, pensée pour toute la famille dès 3 ans.\u003c\/p\u003e\n \u003cdiv class=\"soi-gink-hero-labels\"\u003e\n \u003cspan class=\"soi-gink-label soi-gink-label-accent\"\u003eBIO ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-gink-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-gink-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-gink-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-gink-label\"\u003e1 LITRE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gink-section\"\u003e\n \u003ch2\u003eLe shampooing-douche bio 3 en 1 qui simplifie la routine de toute la famille\u003c\/h2\u003e\n \u003cp\u003eUn seul produit pour le visage, le corps et les cheveux : voilà ce que vous propose le shampooing-douche 3 en 1 certifié bio Centifolia. Formulé avec du Ginkgo Biloba bio d'origine France, ce gel lavant familial s'adresse à tous les types de peau, même les plus sensibles, dès 3 ans. Fini l'encombrement sous la douche : place à la simplicité, sans compromis sur la qualité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gink-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing douche bio plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp class=\"soi-gink-section-intro\"\u003eCe qui distingue Centifolia, c'est l'alliance d'une certification Ecocert, d'une formule vegan à 99 % d'ingrédients d'origine naturelle et d'un engagement français concret.\u003c\/p\u003e\n \u003cdiv class=\"soi-gink-benefits\"\u003e\n \u003cdiv class=\"soi-gink-benefit\"\u003e\n \u003cdiv class=\"soi-gink-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié bio Ecocert\u003c\/h3\u003e\n \u003cp\u003eUne formule rigoureusement contrôlée, garantissant le respect des exigences de la cosmétique biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-benefit\"\u003e\n \u003cdiv class=\"soi-gink-benefit-icon\"\u003e\u003cspan\u003e🧪\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e99 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eTransparence totale sur la composition, pour une confiance absolue à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-benefit\"\u003e\n \u003cdiv class=\"soi-gink-benefit-icon\"\u003e\u003cspan\u003e🐇\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormule vegan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale dans la formulation de ce gel lavant familial.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-benefit\"\u003e\n \u003cdiv class=\"soi-gink-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eCircuit court, empreinte carbone réduite et savoir-faire français pour un produit responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-gink-tip-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eEngagement éco-responsable\u003c\/strong\u003e\n \u003cp\u003eLe flacon 1 litre avec pompe est 100 % recyclé et recyclable. La formule est sans phtalate et sans Bisphénol A, pour la sécurité de tous les membres de la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gink-section\"\u003e\n \u003ch2\u003eLe Ginkgo Biloba bio : l'actif botanique au cœur de la formule\u003c\/h2\u003e\n \u003cdiv class=\"soi-gink-grid\"\u003e\n \u003cdiv class=\"soi-gink-card\" style=\"grid-column: 1 \/ -1;\"\u003e\n \u003ch3\u003e🍃 Ginkgo Biloba bio d'origine France\u003c\/h3\u003e\n \u003cp\u003eReconnu en cosmétique naturelle pour ses propriétés antioxydantes, hydratantes et apaisantes, le Ginkgo Biloba cultivé en France et certifié bio est l'ingrédient vedette de cette formule. Il aide votre peau à se défendre contre les agressions extérieures tout en maintenant son équilibre hydrique. Résultat : une peau douce et confortable après chaque douche, des cheveux légers et brillants, sans résidu ni film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gink-section\"\u003e\n \u003ch2\u003eMode d'utilisation : comment bien l'utiliser au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gink-timeline\"\u003e\n \u003cdiv class=\"soi-gink-step\"\u003e\n \u003cdiv class=\"soi-gink-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gink-step-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eAppuyez sur la pompe pour déposer une noisette de produit dans votre main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-step\"\u003e\n \u003cdiv class=\"soi-gink-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gink-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eFaites mousser en massant doucement sur le visage, le corps ou les cheveux humides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-step\"\u003e\n \u003cdiv class=\"soi-gink-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gink-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Ce gel lavant convient à une utilisation quotidienne, pour petits et grands.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gink-section\"\u003e\n \u003ch2\u003eComposition du shampooing-douche 3 en 1 Centifolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-gink-compo\"\u003e\n \u003cdiv class=\"soi-gink-compo-row\"\u003e\n \u003cspan class=\"soi-gink-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-gink-compo-value\"\u003eExtrait de Ginkgo Biloba bio (origine France) : apaisant et antioxydant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-compo-row\"\u003e\n \u003cspan class=\"soi-gink-compo-label\"\u003eAgents lavants\u003c\/span\u003e\n \u003cspan class=\"soi-gink-compo-value\"\u003eTensioactifs d'origine végétale, respectueux du film hydrolipidique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-compo-row\"\u003e\n \u003cspan class=\"soi-gink-compo-label\"\u003eBase\u003c\/span\u003e\n \u003cspan class=\"soi-gink-compo-value\"\u003eEau (Aqua)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-compo-row\"\u003e\n \u003cspan class=\"soi-gink-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-gink-compo-value\"\u003eSilicone, paraben, sulfate agressif\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1rem; font-size: 13px; color: var(--soi-gink-text-muted);\"\u003ePour la liste INCI complète, reportez-vous à l'étiquette du produit ou contactez Centifolia directement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gink-section\"\u003e\n \u003ch2\u003ePour qui est fait ce shampooing douche corps et cheveux bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gink-grid\"\u003e\n \u003cdiv class=\"soi-gink-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Les familles\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez un seul produit fiable pour toute la maison ? Ce format 1 litre avec pompe répond à ce besoin au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-card\"\u003e\n \u003ch3\u003e🌸 Les peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eVotre peau est sensible ou réactive et tolère mal les formules classiques ? Cette formule ultra-douce a été conçue pour vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-card\"\u003e\n \u003ch3\u003e🌱 Les adeptes du bio\u003c\/h3\u003e\n \u003cp\u003eVous ne voulez pas sacrifier l'efficacité à l'éthique ? La certification Ecocert vous garantit une exigence sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-card\"\u003e\n \u003ch3\u003e🧳 Voyageurs et sportifs\u003c\/h3\u003e\n \u003cp\u003eVous privilégiez la praticité d'un produit 3 en 1 ? Visage, corps et cheveux en un seul geste, même en déplacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003csection class=\"soi-gink-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gink-cta-box\"\u003e\n \u003cp class=\"soi-gink-cta-tag\" style=\"color: white;\"\u003eUn seul geste, toute la famille protégée\u003c\/p\u003e\n \u003cp class=\"soi-gink-cta-text\" style=\"color: white;\"\u003eSimplicité, efficacité et naturalité : le shampooing-douche 3 en 1 certifié bio Centifolia au Ginkgo Biloba français, pour une peau douce, des cheveux soyeux et la conscience tranquille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-gink-marine: #1A2D3D;\n --soi-gink-marine-dark: #0F1E2B;\n --soi-gink-marine-light: #2C4458;\n --soi-gink-pomme: #A1C544;\n --soi-gink-pomme-dark: #84A636;\n --soi-gink-pomme-light: rgba(161,197,68,0.10);\n --soi-gink-white: #FFFFFF;\n --soi-gink-off-white: #F8FAF6;\n --soi-gink-stone: #F1F3EE;\n --soi-gink-line: #E5E8E0;\n --soi-gink-primary: #7CB342;\n --soi-gink-primary-soft: #E8F5E1;\n --soi-gink-accent: #94C5A8;\n --soi-gink-text: #1A2D3D;\n --soi-gink-text-soft: #4A5B6B;\n --soi-gink-text-muted: #7B8693;\n --soi-gink-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gink-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gink-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gink-radius: 12px;\n --soi-gink-radius-sm: 8px;\n --soi-gink-radius-pill: 999px;\n}\n\n.soi-gink-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gink-fiche img { max-width: 100%; height: auto; }\n\n.soi-gink-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gink-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gink-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-gink-hero {\n position: relative;\n background: var(--soi-gink-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-gink-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gink-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gink-pomme);\n}\n\n.soi-gink-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-gink-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gink-pomme);\n border-radius: 50%;\n}\n\n.soi-gink-hero-title {\n display: block;\n color: var(--soi-gink-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-gink-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-gink-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gink-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-gink-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gink-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gink-label-accent {\n background: var(--soi-gink-pomme);\n border-color: var(--soi-gink-pomme);\n color: var(--soi-gink-marine);\n font-weight: 600;\n}\n\n.soi-gink-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gink-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gink-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-gink-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gink-pomme);\n border-radius: 2px;\n}\n\n.soi-gink-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gink-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-gink-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gink-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gink-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-gink-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-gink-benefit {\n background: var(--soi-gink-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gink-radius);\n border: 1px solid var(--soi-gink-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gink-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gink-shadow-md);\n}\n\n.soi-gink-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gink-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-gink-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gink-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gink-benefit:hover .soi-gink-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gink-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gink-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gink-benefit p {\n font-size: 13px;\n color: var(--soi-gink-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gink-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-gink-card {\n background: var(--soi-gink-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gink-radius);\n border-left: 3px solid var(--soi-gink-pomme);\n}\n\n.soi-gink-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gink-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gink-card p {\n font-size: 14px;\n color: var(--soi-gink-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gink-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-gink-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gink-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gink-radius);\n border: 1px solid var(--soi-gink-line);\n align-items: flex-start;\n}\n\n.soi-gink-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gink-marine);\n color: var(--soi-gink-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-gink-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gink-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gink-step-content p {\n font-size: 14px;\n color: var(--soi-gink-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gink-compo {\n background: var(--soi-gink-off-white);\n border-radius: var(--soi-gink-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-gink-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-gink-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-gink-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-gink-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-gink-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-gink-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-gink-marine);\n text-align: right;\n}\n\n.soi-gink-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gink-pomme-light);\n border-left: 4px solid var(--soi-gink-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gink-radius) var(--soi-gink-radius) 0;\n align-items: flex-start;\n}\n\n.soi-gink-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gink-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gink-marine);\n margin-bottom: 4px;\n}\n\n.soi-gink-tip p {\n font-size: 14px;\n color: var(--soi-gink-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gink-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gink-accordion-item {\n background: var(--soi-gink-off-white);\n border-radius: var(--soi-gink-radius-sm);\n border: 1px solid var(--soi-gink-line);\n overflow: hidden;\n}\n\n.soi-gink-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gink-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-gink-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gink-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gink-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gink-accordion-item[open] .soi-gink-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gink-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gink-accordion-content p {\n font-size: 14px;\n color: var(--soi-gink-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gink-cta-box {\n background: var(--soi-gink-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gink-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gink-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-gink-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gink-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-gink-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gink-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gink-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-gink-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gink-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-gink-compo-value {\n text-align: left;\n }\n\n .soi-gink-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-gink-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gink-fiche {\n --soi-gink-text-soft: #2C3E50;\n --soi-gink-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603375284554,"sku":"CE0201","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-douche-3-en-1-pour-toute-la-famille-certifie-bio--packshot.webp?v=1779436059"},{"product_id":"gel-daloe-vera-bio-et-equitable-certifie-bio-centifolia","title":"Gel d'Aloe Vera bio et équitable certifié Bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eDécouvrez \u003cstrong\u003ele Gel d'Aloe Vera Équitable \u0026amp; Bio de Centifolia\u003c\/strong\u003e, un soin naturel et biologique conçu pour offrir une hydratation et une protection optimales à votre peau et vos cheveux. Sa formule\u003cstrong\u003e riche en actifs naturels \u003c\/strong\u003eet son engagement écologique en font un produit incontournable pour toute routine de soins.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0540_b2f20be1-8143-4859-9cf4-04b542145a6b.jpg?v=1776180741\" alt=\"Photo d'un gel d'Aloe vera avec une feuille de la plante\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et avantages du Gel d'Aloe Vera Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eLe \u003cstrong\u003eGel d'Aloe Vera de Centifolia\u003c\/strong\u003e est composé à 99% d'ingrédients d'origine naturelle et à 98% d'ingrédients biologiques, garantissant une \u003cstrong\u003eformule douce et efficace\u003c\/strong\u003e. Sa texture légère\u003cstrong\u003e pénètre rapidement pour une application facile\u003c\/strong\u003e et agréable.\u003c\/p\u003e\n\u003cp\u003eLe nouveau packaging éco-responsable réduit l'utilisation de plastique de 65%, reflétant l'engagement de la marque pour l'environnement. Ce gel est certifié  Cosmos Organic et n'est pas testé sur les animaux.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits du Gel d'Aloe Vera certifié bio Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eCe gel offre une \u003cstrong\u003ehydratation intense, apaise les irritations et revitalise\u003c\/strong\u003e la peau et les cheveux. Il est particulièrement adapté aux\u003cstrong\u003e peaux sensibles\u003c\/strong\u003e et aux \u003cstrong\u003echeveux fragiles\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eUtilisable sur le visage, le corps et les cheveux, il maintient une \u003cstrong\u003ehydratation optimale et soulage les rougeurs\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003ePour les cheveux, il les \u003cstrong\u003erevitalise\u003c\/strong\u003e et leur\u003cstrong\u003e redonne de l'éclat\u003c\/strong\u003e. En cosmétique maison, il peut remplacer l'eau pour un soin personnalisé. Conservez-le au réfrigérateur pour un effet rafraîchissant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLe Gel d'Aloe Vera Équitable \u0026amp; Bio de Centifolia\u003c\/strong\u003e est donc le choix parfait pour une hydratation et une protection naturelles et efficaces. En adoptant ce gel, vous bénéficiez de ses multiples bienfaits tout en faisant un geste pour l'environnement. Découvrez le pouvoir apaisant et revitalisant de l'Aloe Vera avec Centifolia, et intégrez ce produit indispensable à votre routine de soins !\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603399336266,"sku":"CE0540","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0540_gel_aloe-vera_bio_45ad5aac-2fe5-4804-988c-597fab37f2d4.jpg?v=1778842951"},{"product_id":"shampoing-demelant-violet-certifie-bio-centifolia","title":"Shampoing démêlant violet certifié bio - Centifolia","description":"\u003cdiv class=\"soi-shvio-fiche\"\u003e\n\n\u003csection class=\"soi-shvio-hero\"\u003e\n \u003cdiv class=\"soi-shvio-hero-tag\"\u003e\n \u003cspan class=\"soi-shvio-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétiques et soins capillaires · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-shvio-hero-title\"\u003eShampoing démêlant violet certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-shvio-hero-subtitle\"\u003eNeutralisez les reflets jaunes et orangés de vos cheveux blonds, blancs ou gris grâce aux pigments naturels de myrtille bio française, dans une formule 2 en 1 validée par des coiffeurs professionnels.\u003c\/p\u003e\n \u003cdiv class=\"soi-shvio-hero-labels\"\u003e\n \u003cspan class=\"soi-shvio-label soi-shvio-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-shvio-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-shvio-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shvio-label\"\u003ePIGMENTS 100% NATURELS\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n \u003ch2\u003eLe shampoing violet bio qui neutralise vraiment les reflets jaunes\u003c\/h2\u003e\n \u003cp\u003eVous avez des cheveux blonds, blancs ou gris et ces reflets dorés, jaunes ou orangés qui ternissent votre couleur vous agacent ? Le \u003cstrong\u003eshampoing démêlant violet déjaunisseur 2 en 1 Centifolia\u003c\/strong\u003e apporte une réponse concrète, naturelle et certifiée bio. Contrairement aux formules conventionnelles, celui-ci mise sur des \u003cstrong\u003epigments violets et bleus 100% naturels\u003c\/strong\u003e issus de la myrtille bio française pour neutraliser les indésirables, sans compromettre la santé de votre fibre capillaire.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n \u003ch2\u003eComment fonctionne un shampoing violet déjaunisseur ?\u003c\/h2\u003e\n \u003cp\u003eLe principe repose sur la \u003cstrong\u003ethéorie des couleurs complémentaires\u003c\/strong\u003e : le violet annule le jaune, le bleu neutralise l'orange. Appliqués sur cheveux clairs, les pigments colorants se déposent temporairement sur la fibre pour \u003cstrong\u003erééquilibrer la teinte\u003c\/strong\u003e et redonner un éclat nacré ou cendré selon votre couleur naturelle. Le résultat est visible dès la première utilisation, avec un effet cumulatif au fil des lavages.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n \u003ch2\u003eCe qui distingue la formule Centifolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-shvio-benefits\"\u003e\n \u003cdiv class=\"soi-shvio-benefit\"\u003e\n \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e🫐\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMyrtille bio de France\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants et en pigments bleus-violets naturels, elle nourrit et apaise le cuir chevelu tout en agissant sur le reflet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-benefit\"\u003e\n \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDouble action 2 en 1\u003c\/h3\u003e\n \u003cp\u003eCe produit combine shampoing lavant et après-shampoing démêlant en un seul geste, idéal pour gagner du temps sans sacrifier le soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-benefit\"\u003e\n \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormule certifiée bio et vegan\u003c\/h3\u003e\n \u003cp\u003eSans ingrédients d'origine animale, sans sulfates agressifs, validée par des coiffeurs professionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-benefit\"\u003e\n \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNe tache pas la peau\u003c\/h3\u003e\n \u003cp\u003eContrairement à de nombreux shampoings violets du marché, la formule est conçue pour ne pas laisser de traces sur le front ou les mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shvio-grid\"\u003e\n \u003cdiv class=\"soi-shvio-card\"\u003e\n \u003ch3\u003e💛 Blonds naturels, méchés ou décolorés\u003c\/h3\u003e\n \u003cp\u003eVous entretenez une coloration blonde froide ou souhaitez raviver l'éclat de votre blond naturel en atténuant les tons chauds indésirables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-card\"\u003e\n \u003ch3\u003e🤍 Cheveux gris ou blancs\u003c\/h3\u003e\n \u003cp\u003eVous laissez pousser vos cheveux blancs naturellement et recherchez une chevelure plus lumineuse et unifiée, sans jaunissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-tip\"\u003e\n \u003cdiv class=\"soi-shvio-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eL'effet est subtil mais réel : les tons chauds s'atténuent, la chevelure paraît plus lumineuse et unifiée dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n \u003ch2\u003eComment l'utiliser pour un résultat optimal ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shvio-timeline\"\u003e\n \u003cdiv class=\"soi-shvio-step\"\u003e\n \u003cdiv class=\"soi-shvio-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-step-content\"\u003e\n \u003ch3\u003eAppliquez et faites mousser\u003c\/h3\u003e\n \u003cp\u003eDéposez une noix de produit sur cheveux mouillés et massez délicatement le cuir chevelu pour faire mousser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-step\"\u003e\n \u003cdiv class=\"soi-shvio-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-step-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePatientez \u003cstrong\u003e2 à 5 minutes\u003c\/strong\u003e selon l'intensité des reflets à neutraliser, puis rincez abondamment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-step\"\u003e\n \u003cdiv class=\"soi-shvio-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-step-content\"\u003e\n \u003ch3\u003eFréquence recommandée\u003c\/h3\u003e\n \u003cp\u003eUtilisez \u003cstrong\u003e1 à 2 fois par semaine\u003c\/strong\u003e en alternance avec votre shampoing habituel pour éviter un effet trop cendreux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n \u003ch2\u003eComposition (liste INCI principale)\u003c\/h2\u003e\n \u003cp\u003eFormule enrichie en \u003cstrong\u003eextrait de myrtille bio (Vaccinium myrtillus)\u003c\/strong\u003e, pigments naturels violets et bleus d'origine végétale, agents démêlants doux. Formule vegan, sans silicone, sans colorants synthétiques.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003ePour la liste INCI complète, référez-vous à l'étiquetage du produit.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-shvio-compo\"\u003e\n \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n \u003cspan class=\"soi-shvio-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-shvio-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n \u003cspan class=\"soi-shvio-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shvio-compo-value\"\u003eBio, Vegan, Pigments 100% naturels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n \u003cspan class=\"soi-shvio-compo-label\"\u003eValidé par\u003c\/span\u003e\n \u003cspan class=\"soi-shvio-compo-value\"\u003eDes coiffeurs professionnels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n \u003cspan class=\"soi-shvio-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shvio-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shvio-cta-box\"\u003e\n \u003cp class=\"soi-shvio-cta-tag\" style=\"color: white;\"\u003eVos cheveux méritent un éclat naturel\u003c\/p\u003e\n \u003cp class=\"soi-shvio-cta-text\" style=\"color: white;\"\u003eFini les reflets qui trahissent votre couleur. Le shampoing violet bio Centifolia prend soin de vos cheveux blonds, blancs ou gris avec des pigments naturels issus de la myrtille française, sans agresser la fibre ni tacher la peau. Un geste simple, une formule honnête, un éclat retrouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shvio-marine: #1A2D3D;\n --soi-shvio-marine-dark: #0F1E2B;\n --soi-shvio-marine-light: #2C4458;\n --soi-shvio-pomme: #A1C544;\n --soi-shvio-pomme-dark: #84A636;\n --soi-shvio-pomme-light: rgba(161,197,68,0.10);\n --soi-shvio-white: #FFFFFF;\n --soi-shvio-off-white: #F8FAF6;\n --soi-shvio-stone: #F1F3EE;\n --soi-shvio-line: #E5E8E0;\n --soi-shvio-primary: #5B3FA0;\n --soi-shvio-primary-soft: #7B68AE;\n --soi-shvio-accent: #3D2B6E;\n --soi-shvio-text: #1A2D3D;\n --soi-shvio-text-soft: #4A5B6B;\n --soi-shvio-text-muted: #7B8693;\n --soi-shvio-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shvio-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shvio-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shvio-radius: 12px;\n --soi-shvio-radius-sm: 8px;\n --soi-shvio-radius-pill: 999px;\n}\n\n.soi-shvio-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shvio-fiche img { max-width: 100%; height: auto; }\n\n.soi-shvio-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shvio-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shvio-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shvio-hero {\n position: relative;\n background: var(--soi-shvio-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shvio-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shvio-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shvio-pomme);\n}\n\n.soi-shvio-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shvio-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shvio-pomme);\n border-radius: 50%;\n}\n\n.soi-shvio-hero-title {\n display: block;\n color: var(--soi-shvio-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shvio-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shvio-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shvio-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shvio-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shvio-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shvio-label-accent {\n background: var(--soi-shvio-pomme);\n border-color: var(--soi-shvio-pomme);\n color: var(--soi-shvio-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shvio-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shvio-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shvio-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shvio-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shvio-pomme);\n border-radius: 2px;\n}\n\n.soi-shvio-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shvio-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shvio-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shvio-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-shvio-benefit {\n background: var(--soi-shvio-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shvio-radius);\n border: 1px solid var(--soi-shvio-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shvio-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shvio-shadow-md);\n}\n\n.soi-shvio-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shvio-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-shvio-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shvio-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shvio-benefit:hover .soi-shvio-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shvio-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shvio-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shvio-benefit p {\n font-size: 13px;\n color: var(--soi-shvio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shvio-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-shvio-card {\n background: var(--soi-shvio-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shvio-radius);\n border-left: 3px solid var(--soi-shvio-pomme);\n}\n\n.soi-shvio-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shvio-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shvio-card p {\n font-size: 14px;\n color: var(--soi-shvio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shvio-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shvio-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shvio-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shvio-radius);\n border: 1px solid var(--soi-shvio-line);\n align-items: flex-start;\n}\n\n.soi-shvio-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shvio-marine);\n color: var(--soi-shvio-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shvio-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shvio-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shvio-step-content p {\n font-size: 14px;\n color: var(--soi-shvio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shvio-compo {\n background: var(--soi-shvio-off-white);\n border-radius: var(--soi-shvio-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shvio-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shvio-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shvio-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shvio-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shvio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shvio-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shvio-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shvio-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shvio-pomme-light);\n border-left: 4px solid var(--soi-shvio-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shvio-radius) var(--soi-shvio-radius) 0;\n align-items: flex-start;\n}\n\n.soi-shvio-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shvio-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shvio-marine);\n margin-bottom: 4px;\n}\n\n.soi-shvio-tip p {\n font-size: 14px;\n color: var(--soi-shvio-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shvio-cta-box {\n background: var(--soi-shvio-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shvio-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shvio-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shvio-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shvio-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shvio-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shvio-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 500;\n color: var(--soi-shvio-white);\n line-height: 1.5;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-shvio-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shvio-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shvio-compo-value {\n text-align: left;\n }\n\n .soi-shvio-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shvio-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shvio-fiche {\n --soi-shvio-text-soft: #2C3E50;\n --soi-shvio-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603400581450,"sku":"CE0560","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-demelant-violet-certifie-bio-centifolia-packshot_ef705352-d9c2-4eb1-b327-c30cd63929d2.webp?v=1779448758"},{"product_id":"masque-dejaunisseur-certifie-bio-centifolia","title":"Masque Déjaunisseur certifié Bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003cp\u003e\u003cstrong\u003eLe Masque Ultra Violet Déjaunisseur de Centifolia\u003c\/strong\u003e, en pot de 250 ml, offre une efficacité professionnelle \u003cstrong\u003eanti-reflets jaunes et orangés\u003c\/strong\u003e. Ce produit innovant, validé par des coiffeurs professionnels, est le premier masque ultra violet déjaunisseur certifié bio.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques du Masque déjaunisseur Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eType de cheveux :\u003c\/strong\u003e Idéal pour les cheveux blonds, blancs et gris.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePigments naturels :\u003c\/strong\u003e Contient des pigments violets et bleus 100% naturels pour neutraliser les reflets indésirables.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNutrition :\u003c\/strong\u003e Offre 48H de nutrition, réparant et renforçant les cheveux sensibilisés.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0570_3c0f0200-fcd8-4085-be43-5c4ab788b902.jpg?v=1776180741\" alt=\"Photo d'une femme blonde de dos qui s'applique un masque capillaire\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eIngrédients clés du Masque Ultra Violet déjaunisseur\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMyrtille bio\u003c\/strong\u003e : Antioxydante, apaisante et hydratante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRacines de patate douce\u003c\/strong\u003e : Pigments violets pour neutraliser les reflets jaunes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eJasmin du Cap\u003c\/strong\u003e : Pigments bleus pour neutraliser les reflets orangés.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication :\u003c\/strong\u003e Conçu et fabriqué en France, formule vegan sans ingrédients d'origine animale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum :\u003c\/strong\u003e 100% naturel et éco-conçu (Index A).\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eAvantages et bienfaits du Masque capillaire Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNeutralisation des reflets indésirables :\u003c\/strong\u003e Élimine efficacement les reflets jaunes et orangés pour un blond plus lumineux et éclatant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéparation en profondeur :\u003c\/strong\u003e Restaure la santé des cheveux abîmés en les nourrissant intensément pendant 48 heures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCheveux plus forts et doux :\u003c\/strong\u003e Améliore la texture des cheveux, les rendant visiblement plus forts, doux et soyeux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection des cheveux :\u003c\/strong\u003e Forme une barrière protectrice contre les agressions extérieures, aidant à prévenir les dommages futurs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule respectueuse :\u003c\/strong\u003e Sans ingrédients d'origine animale, convient aux régimes vegan, et ne tache pas la peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eOffrez à vos cheveux le meilleur de la nature avec le \u003cstrong\u003eMasque Ultra Violet Déjaunisseur de Centifolia\u003c\/strong\u003e, pour des cheveux \u003cstrong\u003eéclatants, réparés et protégés\u003c\/strong\u003e.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603402350922,"sku":"CE0570","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0570_masque_dejaunisseur_bio_1178c874-7c09-4dbf-b62c-dcda117ca194.jpg?v=1778842954"},{"product_id":"shampoing-bio-cheveux-normaux-le-gang-des-bulles","title":"Shampoing bio cheveux normaux - Le Gang des Bulles","description":"\u003cdiv class=\"soi-shbio-fiche\"\u003e\n\n\u003csection class=\"soi-shbio-hero\"\u003e\n \u003cdiv class=\"soi-shbio-hero-tag\"\u003e\n \u003cspan class=\"soi-shbio-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Le Gang des Bulles\n \u003c\/div\u003e\n \u003cspan class=\"soi-shbio-hero-title\"\u003eShampoing bio cheveux normaux\u003c\/span\u003e\n \u003cp class=\"soi-shbio-hero-subtitle\"\u003eUn soin capillaire certifié bio au parfum d'amande, pour des cheveux propres, souples et éclatants sans compromis sur la composition.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbio-hero-labels\"\u003e\n \u003cspan class=\"soi-shbio-label soi-shbio-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eB CORP\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eCe que contient vraiment ce shampoing bio\u003c\/h2\u003e\n \u003cp class=\"soi-shbio-section-intro\"\u003eLa force de ce soin réside dans sa composition. Chaque ingrédient a été sélectionné pour son efficacité prouvée sur les cheveux normaux.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbio-grid\"\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🌾 Protéines de blé hydrolysées\u003c\/h3\u003e\n \u003cp\u003eElles renforcent la fibre capillaire de l'intérieur, apportent de la souplesse et un vrai éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🌼 Eau florale d'hélichryse bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes, elle calme le cuir chevelu sensible et procure un confort immédiat après le lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale bio\u003c\/h3\u003e\n \u003cp\u003eElle hydrate et retient l'eau au cœur du cheveu pour un démêlage facilité et une meilleure élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🍑 Huile de prune de Gascogne\u003c\/h3\u003e\n \u003cp\u003eUn actif précieux du terroir français qui nourrit sans alourdir et laisse les cheveux incroyablement doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🌸 Parfum naturel d'amande\u003c\/h3\u003e\n \u003cp\u003eUne signature olfactive subtile et réconfortante pour chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003ePour qui est ce shampoing bio certifié Cosmos Organic ?\u003c\/h2\u003e\n \u003cp\u003eCe shampoing s'adresse à toute personne aux cheveux normaux, ni trop secs ni trop gras, qui souhaite adopter une routine capillaire naturelle et bio sans compromis sur l'efficacité. Il convient aussi aux cuirs chevelus légèrement sensibles grâce à l'eau florale d'hélichryse apaisante.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbio-tip\"\u003e\n \u003cdiv class=\"soi-shbio-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSi vous souhaitez compléter votre rituel, sachez qu'il existe également un après-shampoing bio compatible pour optimiser le démêlage et le soin sur la longueur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eComment l'utiliser pour de meilleurs résultats ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-timeline\"\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eMouillez abondamment\u003c\/h3\u003e\n \u003cp\u003eMouillez vos cheveux à l'eau tiède avant application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eAppliquez une noisette\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampoing sur le cuir chevelu, massez en mouvements circulaires, puis rincez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau fraîche pour sceller les écailles du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1.25rem;\"\u003eLe format 200 ml super concentré vous accompagne longtemps : une petite quantité suffit à chaque utilisation.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eLes engagements Le Gang des Bulles\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-grid-compact\"\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eCosmos Organic (Ecocert)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🅱️\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eResponsabilité\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eB Corp certifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eVegan \u0026amp; Cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eSans sulfate\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eSans silicone\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eSans paraben\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur ce shampoing bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-accordion\"\u003e\n \u003cdetails class=\"soi-shbio-accordion-item\"\u003e\n \u003csummary class=\"soi-shbio-accordion-header\"\u003e🧴 Le shampoing bio mousse-t-il autant qu'un shampoing classique ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-shbio-accordion-content\"\u003e\n \u003cp\u003eLa mousse est légèrement moins dense que celle des shampoings conventionnels, car il ne contient pas de sulfates moussants agressifs. Cela n'affecte pas son efficacité nettoyante : vos cheveux ressortent propres, légers et brillants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-shbio-accordion-item\"\u003e\n \u003csummary class=\"soi-shbio-accordion-header\"\u003e⏳ Faut-il une période de transition avant de voir les résultats ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-shbio-accordion-content\"\u003e\n \u003cp\u003eSi vous passez d'un shampoing classique à ce soin bio, un temps d'adaptation de 2 à 4 semaines est parfois nécessaire, le temps que votre cuir chevelu retrouve son équilibre naturel. Restez régulier, les résultats sont au rendez-vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-shbio-accordion-item\"\u003e\n \u003csummary class=\"soi-shbio-accordion-header\"\u003e🎨 Ce shampoing bio convient-il aux cheveux colorés ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-shbio-accordion-content\"\u003e\n \u003cp\u003eOui. Sa formule douce sans sulfate préserve la couleur plus longtemps qu'un shampoing conventionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003cp style=\"font-size: 0.85em; color: var(--soi-shbio-text-muted);\"\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne se substitue pas à l'avis d'un professionnel de santé en cas de problème capillaire ou dermatologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shbio-cta-box\"\u003e\n \u003cp class=\"soi-shbio-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, un lavage après l'autre\u003c\/p\u003e\n \u003cp class=\"soi-shbio-cta-text\" style=\"color: white;\"\u003eChaque matin, vos cheveux méritent des actifs naturels sélectionnés avec soin, un parfum d'amande qui met de bonne humeur, et la certitude de faire un choix cohérent pour vous et pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shbio-marine: #1A2D3D;\n --soi-shbio-marine-dark: #0F1E2B;\n --soi-shbio-marine-light: #2C4458;\n --soi-shbio-pomme: #A1C544;\n --soi-shbio-pomme-dark: #84A636;\n --soi-shbio-pomme-light: rgba(161,197,68,0.10);\n\n --soi-shbio-white: #FFFFFF;\n --soi-shbio-off-white: #F8FAF6;\n --soi-shbio-stone: #F1F3EE;\n --soi-shbio-line: #E5E8E0;\n\n --soi-shbio-primary: #C0724A;\n --soi-shbio-primary-soft: #F5E1D4;\n --soi-shbio-accent: #D4A88A;\n\n --soi-shbio-text: #1A2D3D;\n --soi-shbio-text-soft: #4A5B6B;\n --soi-shbio-text-muted: #7B8693;\n\n --soi-shbio-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shbio-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shbio-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shbio-radius: 12px;\n --soi-shbio-radius-sm: 8px;\n --soi-shbio-radius-pill: 999px;\n}\n\n.soi-shbio-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shbio-fiche img { max-width: 100%; height: auto; }\n\n.soi-shbio-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shbio-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shbio-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shbio-hero {\n position: relative;\n background: var(--soi-shbio-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shbio-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shbio-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shbio-pomme);\n}\n\n.soi-shbio-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shbio-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shbio-pomme);\n border-radius: 50%;\n}\n\n.soi-shbio-hero-title {\n display: block;\n color: var(--soi-shbio-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shbio-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shbio-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shbio-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shbio-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shbio-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shbio-label-accent {\n background: var(--soi-shbio-pomme);\n border-color: var(--soi-shbio-pomme);\n color: var(--soi-shbio-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shbio-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shbio-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shbio-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shbio-pomme);\n border-radius: 2px;\n}\n\n.soi-shbio-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shbio-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shbio-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shbio-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shbio-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shbio-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shbio-card {\n background: var(--soi-shbio-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbio-radius);\n border-left: 3px solid var(--soi-shbio-pomme);\n}\n\n.soi-shbio-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbio-card p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shbio-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shbio-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shbio-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbio-radius);\n border: 1px solid var(--soi-shbio-line);\n align-items: flex-start;\n}\n\n.soi-shbio-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shbio-marine);\n color: var(--soi-shbio-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shbio-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shbio-step-content p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-shbio-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-shbio-card-mini {\n background: var(--soi-shbio-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shbio-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shbio-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shbio-card-mini-label {\n font-size: 11px;\n color: var(--soi-shbio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shbio-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shbio-compo {\n background: var(--soi-shbio-off-white);\n border-radius: var(--soi-shbio-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shbio-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shbio-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shbio-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shbio-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shbio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shbio-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shbio-pomme-dark);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shbio-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shbio-pomme-light);\n border-left: 4px solid var(--soi-shbio-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shbio-radius) var(--soi-shbio-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-shbio-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shbio-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shbio-marine);\n margin-bottom: 4px;\n}\n\n.soi-shbio-tip p {\n font-size: 14px;\n color: var(--soi-shbio-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shbio-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shbio-accordion-item {\n background: var(--soi-shbio-off-white);\n border-radius: var(--soi-shbio-radius-sm);\n border: 1px solid var(--soi-shbio-line);\n overflow: hidden;\n}\n\n.soi-shbio-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shbio-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-shbio-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shbio-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shbio-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shbio-accordion-item[open] .soi-shbio-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shbio-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shbio-accordion-content p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shbio-cta-box {\n background: var(--soi-shbio-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shbio-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shbio-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shbio-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shbio-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shbio-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shbio-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shbio-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-shbio-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shbio-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shbio-compo-value {\n text-align: left;\n }\n\n .soi-shbio-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shbio-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shbio-fiche {\n --soi-shbio-text-soft: #2C3E50;\n --soi-shbio-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603425321290,"sku":"GB0020","price":6.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-bio-cheveux-normaux-le-gang-des-bulles-packshot.webp?v=1779453204"},{"product_id":"shampoing-bio-cheveux-secs-le-gang-des-bulles","title":"Shampoing bio cheveux secs - Le Gang des Bulles","description":"\u003cdiv class=\"soi-shbio-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-shbio-hero\"\u003e\n \u003cdiv class=\"soi-shbio-hero-tag\"\u003e\n \u003cspan class=\"soi-shbio-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Le Gang des Bulles\n \u003c\/div\u003e\n \u003cspan class=\"soi-shbio-hero-title\"\u003eShampoing bio cheveux secs\u003c\/span\u003e\n \u003cp class=\"soi-shbio-hero-subtitle\"\u003eNourrissez en profondeur vos cheveux secs et abîmés grâce à une formule certifiée, concentrée et délicatement parfumée sauge ananas.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbio-hero-labels\"\u003e\n \u003cspan class=\"soi-shbio-label soi-shbio-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eCERTIFIÉ B CORP\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eSANS SULFATE · SANS SILICONE · SANS PARABEN\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eLe shampoing bio idéal pour les cheveux secs et abîmés\u003c\/h2\u003e\n \u003cp\u003eVos cheveux tirent, cassent, manquent d'éclat ? C'est souvent le signe d'une fibre capillaire assoiffée qui réclame des soins vrais et des actifs nourrissants. Le \u003cstrong\u003eshampoing bio cheveux secs du Gang des Bulles\u003c\/strong\u003e a été pensé précisément pour cela : nourrir en profondeur, restaurer la souplesse et sublimer votre chevelure, lavage après lavage.\u003c\/p\u003e\n \u003cp\u003eCertifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, formulé et fabriqué en France, il s'impose comme l'un des \u003cstrong\u003emeilleurs shampoings pour cheveux secs\u003c\/strong\u003e du marché naturel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003ePourquoi vos cheveux secs ont besoin d'un shampoing bio adapté\u003c\/h2\u003e\n \u003cp\u003eLes cheveux secs manquent de lipides : leur cuticule ne retient plus l'eau correctement, ce qui provoque des frisottis, une texture rêche et une casse accrue. La plupart des shampoings conventionnels aggravent le problème en décapant encore davantage le film hydrolipidique avec des sulfates agressifs.\u003c\/p\u003e\n \u003cp\u003eCe \u003cstrong\u003eshampoing bio pour cheveux secs\u003c\/strong\u003e prend le contre-pied de cette logique : sans sulfate, sans silicone, sans paraben, il nettoie en douceur tout en déposant une couche protectrice et nutritive sur chaque mèche. Résultat : des cheveux lavés, mais pas dépouillés.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Actifs --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eLes actifs bio qui font vraiment la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-benefits\"\u003e\n \u003cdiv class=\"soi-shbio-benefit\"\u003e\n \u003cdiv class=\"soi-shbio-benefit-icon\"\u003e\u003cspan\u003e🍑\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de prune bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras insaturés, elle pénètre la fibre capillaire pour la nourrir en profondeur et redonner brillance et douceur sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-benefit\"\u003e\n \u003cdiv class=\"soi-shbio-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de coco bio\u003c\/h3\u003e\n \u003cp\u003eSes propriétés hydratantes et réparatrices renforcent la structure du cheveu de l'intérieur, luttant contre la sécheresse et la casse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-benefit\"\u003e\n \u003cdiv class=\"soi-shbio-benefit-icon\"\u003e\u003cspan\u003e🌼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEau florale d'hélichryse bio\u003c\/h3\u003e\n \u003cp\u003eApaisante et rééquilibrante, elle calme les irritations du cuir chevelu et contribue à un environnement sain pour la repousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-tip\"\u003e\n \u003cdiv class=\"soi-shbio-tip-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe trio d'actifs agit en synergie pour répondre aux vrais besoins des cheveux secs, cassants ou fragilisés : hydratation, nutrition, protection.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Formule concentrée --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eUne formule concentrée, un parfum inoubliable\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-grid-compact\"\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003e200 ml super concentré\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🍍\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eSauge ananas\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e✨\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eTexture\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eLaiteuse, rinçage facile\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:1.25rem;\"\u003eUne petite quantité suffit pour une mousse onctueuse et généreuse. Chaque lavage libère un délicat parfum \u003cstrong\u003esauge ananas\u003c\/strong\u003e, frais, végétal et original, qui transforme votre routine en un vrai moment de plaisir sensoriel. Votre chevelure ressort légère, douce et visiblement plus nourrie dès la première utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Mode d'emploi --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing pour cheveux secs\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-timeline\"\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés. La formule est concentrée, pas besoin d'en mettre beaucoup.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu en mouvements circulaires pour activer la circulation et bien répartir les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède, jamais trop chaude pour préserver l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eComplétez (optionnel)\u003c\/h3\u003e\n \u003cp\u003ePour un résultat optimal, associez-le à un masque nourrissant ou à une huile capillaire une à deux fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-tip\"\u003e\n \u003cdiv class=\"soi-shbio-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe shampoing convient à un usage régulier, idéalement deux à trois fois par semaine selon la nature de votre chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Pour qui --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003ePour qui est fait ce shampoing bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-grid\"\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🌾 Cheveux naturellement secs\u003c\/h3\u003e\n \u003cp\u003eSi votre fibre capillaire manque de lipides au quotidien, ce shampoing apporte la nutrition profonde dont vous avez besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🔥 Cheveux abîmés par la chaleur ou les colorations\u003c\/h3\u003e\n \u003cp\u003eFragilisés par le sèche-cheveux, le lisseur ou les traitements chimiques, vos cheveux retrouvent souplesse et vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🍃 Cuirs chevelus sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient aux cuirs chevelus sensibles et aux cheveux colorés. Certifié B Corp et Cosmos Organic pour une formule respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 : Composition --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eComposition complète du shampoing bio cheveux secs\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-compo\"\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eINCI complet\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\" style=\"text-align:left; font-weight:400; font-size:13px; line-height:1.6; color: var(--soi-shbio-text-soft);\"\u003eAqua, Sodium Coco-Sulfate (dérivé naturel de coco), Cocamidopropyl Betaine (tensioactif doux), Prunus Domestica Seed Oil* (huile de prune), Cocos Nucifera Oil* (huile de coco), Helichrysum Italicum Flower Water* (eau florale d'hélichryse), Parfum (sauge ananas, issu d'ingrédients naturels), Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003eCosmos Organic par Ecocert Greenlife\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eVolume\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003e200 ml (format super concentré)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:1rem;\"\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-shbio-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shbio-cta-box\"\u003e\n \u003cp class=\"soi-shbio-cta-text\" style=\"color: white;\"\u003eParce que vos cheveux méritent mieux qu'un shampoing ordinaire : avec ce soin bio sauge ananas du Gang des Bulles, chaque lavage devient un geste de bienveillance envers votre chevelure et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* === Couleurs Soinat (FIXES) === *\/\n --soi-shbio-marine: #1A2D3D;\n --soi-shbio-marine-dark: #0F1E2B;\n --soi-shbio-marine-light: #2C4458;\n --soi-shbio-pomme: #A1C544;\n --soi-shbio-pomme-dark: #84A636;\n --soi-shbio-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-shbio-white: #FFFFFF;\n --soi-shbio-off-white: #F8FAF6;\n --soi-shbio-stone: #F1F3EE;\n --soi-shbio-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging sauge\/ananas\/ambre) === *\/\n --soi-shbio-primary: #D88F4A;\n --soi-shbio-primary-soft: rgba(216,143,74,0.10);\n --soi-shbio-accent: #C4703A;\n\n \/* === Textes === *\/\n --soi-shbio-text: #1A2D3D;\n --soi-shbio-text-soft: #4A5B6B;\n --soi-shbio-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-shbio-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shbio-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shbio-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shbio-radius: 12px;\n --soi-shbio-radius-sm: 8px;\n --soi-shbio-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-shbio-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shbio-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-shbio-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shbio-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shbio-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shbio-hero {\n position: relative;\n background: var(--soi-shbio-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shbio-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shbio-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shbio-pomme);\n}\n\n.soi-shbio-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shbio-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shbio-pomme);\n border-radius: 50%;\n}\n\n.soi-shbio-hero-title {\n display: block;\n color: var(--soi-shbio-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shbio-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shbio-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shbio-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shbio-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shbio-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shbio-label-accent {\n background: var(--soi-shbio-pomme);\n border-color: var(--soi-shbio-pomme);\n color: var(--soi-shbio-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shbio-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shbio-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shbio-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shbio-pomme);\n border-radius: 2px;\n}\n\n.soi-shbio-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shbio-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shbio-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shbio-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-shbio-benefit {\n background: var(--soi-shbio-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shbio-radius);\n border: 1px solid var(--soi-shbio-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shbio-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shbio-shadow-md);\n}\n\n.soi-shbio-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shbio-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-shbio-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shbio-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shbio-benefit:hover .soi-shbio-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shbio-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbio-benefit p {\n font-size: 13px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shbio-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shbio-card {\n background: var(--soi-shbio-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbio-radius);\n border-left: 3px solid var(--soi-shbio-pomme);\n}\n\n.soi-shbio-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbio-card p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-shbio-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-shbio-card-mini {\n background: var(--soi-shbio-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shbio-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shbio-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shbio-card-mini-label {\n font-size: 11px;\n color: var(--soi-shbio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shbio-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-shbio-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-shbio-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shbio-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbio-radius);\n border: 1px solid var(--soi-shbio-line);\n align-items: flex-start;\n}\n\n.soi-shbio-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shbio-marine);\n color: var(--soi-shbio-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shbio-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shbio-step-content p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-shbio-compo {\n background: var(--soi-shbio-off-white);\n border-radius: var(--soi-shbio-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shbio-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shbio-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shbio-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shbio-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shbio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-shbio-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shbio-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shbio-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shbio-pomme-light);\n border-left: 4px solid var(--soi-shbio-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shbio-radius) var(--soi-shbio-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-shbio-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shbio-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shbio-marine);\n margin-bottom: 4px;\n}\n\n.soi-shbio-tip p {\n font-size: 14px;\n color: var(--soi-shbio-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shbio-cta-box {\n background: var(--soi-shbio-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shbio-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shbio-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shbio-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shbio-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shbio-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shbio-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shbio-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-shbio-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shbio-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shbio-compo-value {\n text-align: left;\n }\n\n .soi-shbio-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-shbio-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-shbio-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-shbio-grid-compact {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shbio-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shbio-fiche {\n --soi-shbio-text-soft: #2C3E50;\n --soi-shbio-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603426074954,"sku":"GB0025","price":6.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-bio-cheveux-secs-le-gang-des-bulles-packshot.webp?v=1779452802"},{"product_id":"shampoing-bio-cheveux-gras-le-gang-des-bulles","title":"Shampoing Bio Cheveux Gras – Le Gang des Bulles","description":"\n\u003cdiv class=\"soi-shbg-fiche\"\u003e\n\n\u003csection class=\"soi-shbg-hero\"\u003e\n \u003cdiv class=\"soi-shbg-hero-tag\"\u003e\n \u003cspan class=\"soi-shbg-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Le Gang des Bulles\n \u003c\/div\u003e\n \u003cspan class=\"soi-shbg-hero-title\"\u003eShampoing Bio Cheveux Gras\u003c\/span\u003e\n \u003cp class=\"soi-shbg-hero-subtitle\"\u003eUn shampoing purifiant certifié bio qui régule le sébum en douceur et redonne légèreté et fraîcheur durable à vos cheveux, sans jamais agresser le cuir chevelu.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbg-hero-labels\"\u003e\n \u003cspan class=\"soi-shbg-label soi-shbg-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-label\"\u003eCERTIFIÉ BIO\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eLe shampoing bio pour cheveux gras qui remet les compteurs à zéro\u003c\/h2\u003e\n \u003cp\u003eVous connaissez ce sentiment de fraîcheur trop éphémère : les cheveux lavés le matin, déjà lourds et brillants le soir. Si vous cherchez un shampoing pour cheveux gras qui ne se contente pas de masquer le problème, vous êtes au bon endroit. Le \u003cstrong\u003eShampoing Bio Cheveux Gras de Le Gang des Bulles\u003c\/strong\u003e s'attaque à la source : le cuir chevelu lui-même.\u003c\/p\u003e\n \u003cp\u003eFormulé en France, certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e et fabriqué sans sulfate, sans silicone, sans paraben, ce shampoing purifiant est pensé pour rééquilibrer durablement un cuir chevelu qui sécrète trop de sébum, sans jamais agresser la fibre capillaire.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003ePourquoi votre cuir chevelu produit trop de sébum ?\u003c\/h2\u003e\n \u003cp\u003eUn excès de sébum peut être déclenché par plusieurs facteurs : le stress, une alimentation déséquilibrée, des changements hormonaux ou des shampooings trop décapants qui, en asséchant le cuir chevelu, le poussent à produire encore plus de sébum en réaction. C'est un cercle vicieux bien connu.\u003c\/p\u003e\n \u003cp\u003eLa solution ne consiste pas à laver plus souvent, mais à choisir le bon shampoing pour cheveux gras, capable de réguler sans dessécher.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font vraiment la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbg-benefits\"\u003e\n \u003cdiv class=\"soi-shbg-benefit\"\u003e\n \u003cdiv class=\"soi-shbg-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFerment de radis bio\u003c\/h3\u003e\n \u003cp\u003eVéritable star de la formule, il agit comme un régulateur naturel du sébum et assainit le cuir chevelu grâce à ses propriétés antimicrobiennes. Résultat : vos cheveux restent frais plus longtemps entre deux lavages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-benefit\"\u003e\n \u003cdiv class=\"soi-shbg-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eGlucosides de coco et de blé\u003c\/h3\u003e\n \u003cp\u003eDes agents lavants ultra-doux d'origine végétale qui nettoient en profondeur tout en respectant l'équilibre naturel du cuir chevelu. Fini les cheveux raides ou étouffés après le shampooing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-benefit\"\u003e\n \u003cdiv class=\"soi-shbg-benefit-icon\"\u003e\u003cspan\u003e🍏\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum naturel de pomme verte\u003c\/h3\u003e\n \u003cp\u003eUne note fraîche et légère qui transforme chaque lavage en un moment agréable, loin des fragrances synthétiques agressives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing purifiant ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbg-timeline\"\u003e\n \u003cdiv class=\"soi-shbg-step\"\u003e\n \u003cdiv class=\"soi-shbg-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step-content\"\u003e\n \u003ch3\u003eMouiller abondamment\u003c\/h3\u003e\n \u003cp\u003eMouillez vos cheveux à l'eau tiède pour ouvrir les écailles et faciliter la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step\"\u003e\n \u003cdiv class=\"soi-shbg-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step-content\"\u003e\n \u003ch3\u003eAppliquer une noisette\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampoing sur le cuir chevelu et massez doucement avec le bout des doigts pendant 2 à 3 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step\"\u003e\n \u003cdiv class=\"soi-shbg-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step-content\"\u003e\n \u003ch3\u003eRincer abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau fraîche pour resserrer les pores du cuir chevelu et prolonger l'effet purifiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step\"\u003e\n \u003cdiv class=\"soi-shbg-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step-content\"\u003e\n \u003ch3\u003eEspacer progressivement\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le 2 à 3 fois par semaine au début, puis espacez progressivement les lavages à mesure que votre cuir chevelu se rééquilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eCe que contient réellement ce shampoing bio (liste INCI)\u003c\/h2\u003e\n \u003cp\u003eLa formule est composée à plus de \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont une large part certifiée biologique :\u003c\/p\u003e\n \u003cp class=\"soi-shbg-inci\"\u003e\u003cem\u003eAqua, Coco-Glucoside, Glycerin* (origine végétale), Sodium Cocoamphoacetate, Leuconostoc Radish Root Ferment Filtrate*, Citric Acid, Sodium Benzoate, Potassium Sorbate, Parfum (naturel, pomme).\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003cdiv class=\"soi-shbg-compo\"\u003e\n \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n \u003cspan class=\"soi-shbg-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n \u003cspan class=\"soi-shbg-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n \u003cspan class=\"soi-shbg-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n \u003cspan class=\"soi-shbg-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-compo-value\"\u003e99 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eCe shampoing est-il fait pour vous ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbg-grid\"\u003e\n \u003cdiv class=\"soi-shbg-card\"\u003e\n \u003ch3\u003e⚡ Cheveux qui graissent vite\u003c\/h3\u003e\n \u003cp\u003eVos cheveux deviennent lourds et brillants rapidement, même après le lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-card\"\u003e\n \u003ch3\u003e🔄 Cuir chevelu déséquilibré\u003c\/h3\u003e\n \u003cp\u003eVotre cuir chevelu démange ou manque d'équilibre et vous souhaitez le réguler naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-card\"\u003e\n \u003ch3\u003e🕐 Espacer les lavages\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez espacer vos lavages sans compromis sur la fraîcheur et la légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-card\"\u003e\n \u003ch3\u003e🌿 Exigence naturelle\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un shampoing cheveux gras sans sulfate, naturel et certifié bio, avec une formule courte et honnête.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003cdiv class=\"soi-shbg-accordion\"\u003e\n \u003cdetails class=\"soi-shbg-accordion-item\"\u003e\n \u003csummary class=\"soi-shbg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-shbg-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue pas à un avis médical en cas de problème de cuir chevelu persistant (dermite, psoriasis, etc.).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shbg-cta-box\"\u003e\n \u003cp class=\"soi-shbg-cta-text\" style=\"color: white;\"\u003eEnfin un shampoing bio qui comprend vraiment les cheveux gras. Une formule courte, honnête, certifiée Cosmos Organic, qui régule le sébum en douceur et redonne à vos cheveux une légèreté durable.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shbg-marine: #1A2D3D;\n --soi-shbg-marine-dark: #0F1E2B;\n --soi-shbg-marine-light: #2C4458;\n --soi-shbg-pomme: #A1C544;\n --soi-shbg-pomme-dark: #84A636;\n --soi-shbg-pomme-light: rgba(161,197,68,0.10);\n\n --soi-shbg-white: #FFFFFF;\n --soi-shbg-off-white: #F8FAF6;\n --soi-shbg-stone: #F1F3EE;\n --soi-shbg-line: #E5E8E0;\n\n --soi-shbg-primary: #7AAD4A;\n --soi-shbg-primary-soft: #D4E8C2;\n --soi-shbg-accent: #C8A84E;\n\n --soi-shbg-text: #1A2D3D;\n --soi-shbg-text-soft: #4A5B6B;\n --soi-shbg-text-muted: #7B8693;\n\n --soi-shbg-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shbg-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shbg-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shbg-radius: 12px;\n --soi-shbg-radius-sm: 8px;\n --soi-shbg-radius-pill: 999px;\n}\n\n.soi-shbg-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shbg-fiche img { max-width: 100%; height: auto; }\n\n.soi-shbg-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shbg-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shbg-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shbg-hero {\n position: relative;\n background: var(--soi-shbg-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shbg-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shbg-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shbg-pomme);\n}\n\n.soi-shbg-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shbg-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shbg-pomme);\n border-radius: 50%;\n}\n\n.soi-shbg-hero-title {\n display: block;\n color: var(--soi-shbg-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shbg-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shbg-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shbg-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shbg-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shbg-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shbg-label-accent {\n background: var(--soi-shbg-pomme);\n border-color: var(--soi-shbg-pomme);\n color: var(--soi-shbg-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shbg-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shbg-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shbg-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shbg-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shbg-pomme);\n border-radius: 2px;\n}\n\n.soi-shbg-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shbg-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shbg-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-shbg-inci {\n background: var(--soi-shbg-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shbg-radius-sm);\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-shbg-text-soft);\n line-height: 1.7;\n}\n\n\/* === BENEFITS === *\/\n.soi-shbg-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-shbg-benefit {\n background: var(--soi-shbg-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shbg-radius);\n border: 1px solid var(--soi-shbg-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shbg-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shbg-shadow-md);\n}\n\n.soi-shbg-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shbg-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-shbg-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shbg-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shbg-benefit:hover .soi-shbg-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shbg-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbg-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbg-benefit p {\n font-size: 13px;\n color: var(--soi-shbg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shbg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shbg-card {\n background: var(--soi-shbg-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbg-radius);\n border-left: 3px solid var(--soi-shbg-pomme);\n}\n\n.soi-shbg-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbg-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbg-card p {\n font-size: 14px;\n color: var(--soi-shbg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shbg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shbg-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shbg-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbg-radius);\n border: 1px solid var(--soi-shbg-line);\n align-items: flex-start;\n}\n\n.soi-shbg-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shbg-marine);\n color: var(--soi-shbg-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shbg-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbg-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shbg-step-content p {\n font-size: 14px;\n color: var(--soi-shbg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-shbg-compo {\n background: var(--soi-shbg-off-white);\n border-radius: var(--soi-shbg-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-shbg-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shbg-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shbg-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shbg-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shbg-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shbg-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shbg-marine);\n text-align: right;\n}\n\n\/* === ACCORDION === *\/\n.soi-shbg-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shbg-accordion-item {\n background: var(--soi-shbg-off-white);\n border-radius: var(--soi-shbg-radius-sm);\n border: 1px solid var(--soi-shbg-line);\n overflow: hidden;\n}\n\n.soi-shbg-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shbg-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-shbg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shbg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shbg-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shbg-accordion-item[open] .soi-shbg-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shbg-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shbg-accordion-content p {\n font-size: 14px;\n color: var(--soi-shbg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shbg-cta-box {\n background: var(--soi-shbg-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shbg-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shbg-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shbg-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shbg-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shbg-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shbg-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shbg-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-shbg-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shbg-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shbg-compo-value {\n text-align: left;\n }\n\n .soi-shbg-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shbg-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shbg-fiche {\n --soi-shbg-text-soft: #2C3E50;\n --soi-shbg-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603426566474,"sku":"GB0030","price":6.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-bio-cheveux-gras-le-gang-des-bulles-lifestyle.webp?v=1779457543"},{"product_id":"shampooing-certifie-bio-70-aloe-vera","title":"Shampooing certifié Bio 70% Aloe Vera","description":"\n\u003cdiv class=\"soi-alsha-fiche\"\u003e\n\n \u003csection class=\"soi-alsha-hero\"\u003e\n \u003cdiv class=\"soi-alsha-hero-tag\"\u003e\n \u003cspan class=\"soi-alsha-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire bio · Pur'Aloé\n \u003c\/div\u003e\n \u003cspan class=\"soi-alsha-hero-title\"\u003eShampooing Concentré Bio à 69 % d'Aloé Vera Natif\u003c\/span\u003e\n \u003cp class=\"soi-alsha-hero-subtitle\"\u003eSans eau ajoutée ni sulfates, une formule rare et concentrée qui hydrate, purifie et revitalise vos cheveux en profondeur grâce à la pulpe brute d'Aloé Vera biologique et équitable.\u003c\/p\u003e\n \u003cdiv class=\"soi-alsha-hero-labels\"\u003e\n \u003cspan class=\"soi-alsha-label soi-alsha-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-label\"\u003eFAIR FOR LIFE\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alsha-section\"\u003e\n \u003ch2\u003eUn shampooing bio à 69 % d'Aloé Vera natif, sans eau ajoutée ni sulfates\u003c\/h2\u003e\n \u003cp\u003eSi vous cherchez un shampooing naturel bio qui prend véritablement soin de vos cheveux sans compromettre votre santé ni l'environnement, le \u003cstrong\u003eShampooing Concentré Pur'Aloé\u003c\/strong\u003e est fait pour vous. Formulé avec \u003cstrong\u003e69 % d'Aloé Vera natif issu de l'agriculture biologique et équitable\u003c\/strong\u003e, il remplace l'eau par la pulpe brute de la plante, non chauffée, afin de préserver l'intégralité de ses actifs naturels. Une approche rare, exigeante, et terriblement efficace.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alsha-section\"\u003e\n \u003ch2\u003ePourquoi choisir un shampooing bio concentré à l'Aloé Vera ?\u003c\/h2\u003e\n \u003cp class=\"soi-alsha-section-intro\"\u003eLa grande majorité des shampooings du marché, même estampillés « naturels », contiennent jusqu'à 80 % d'eau. Ici, \u003cstrong\u003eaucune eau n'est ajoutée\u003c\/strong\u003e : c'est le jus d'Aloé Vera qui constitue la base du produit. Vous obtenez une formule plus concentrée, plus active, et plus respectueuse des cheveux sensibles ou abîmés.\u003c\/p\u003e\n \u003cdiv class=\"soi-alsha-benefits\"\u003e\n \u003cdiv class=\"soi-alsha-benefit\"\u003e\n \u003cdiv class=\"soi-alsha-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation en profondeur\u003c\/h3\u003e\n \u003cp\u003eL'Aloé Vera pénètre la fibre capillaire et la nourrit de l'intérieur, idéal pour les cheveux secs, fragilisés ou colorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-benefit\"\u003e\n \u003cdiv class=\"soi-alsha-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉquilibre du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eIl régule naturellement le pH, limite l'excès de sébum et convient donc aussi aux cheveux à tendance grasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-benefit\"\u003e\n \u003cdiv class=\"soi-alsha-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAction apaisante et assainissante\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés antiseptiques, la plante aide à calmer les irritations et à assainir le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-benefit\"\u003e\n \u003cdiv class=\"soi-alsha-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDouceur et brillance\u003c\/h3\u003e\n \u003cp\u003eCheveux doux, brillants et revitalisés dès les premières utilisations, sans résidu ni alourdissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alsha-section\"\u003e\n \u003ch2\u003eComposition et ingrédients du shampooing bio Pur'Aloé\u003c\/h2\u003e\n \u003cp class=\"soi-alsha-section-intro\"\u003eLa formule est certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, composée à \u003cstrong\u003e97,5 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont 69 % issus de l'agriculture biologique et équitable (certification Fair for Life).\u003c\/p\u003e\n \u003cdiv class=\"soi-alsha-compo\"\u003e\n \u003cdiv class=\"soi-alsha-compo-row\"\u003e\n \u003cspan class=\"soi-alsha-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-compo-value\"\u003eAloe Barbadensis Leaf Juice (69 %)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-compo-row\"\u003e\n \u003cspan class=\"soi-alsha-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-compo-value\"\u003eTensioactifs doux d'origine végétale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-compo-row\"\u003e\n \u003cspan class=\"soi-alsha-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-compo-value\"\u003e97,5 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-compo-row\"\u003e\n \u003cspan class=\"soi-alsha-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-compo-value\"\u003eProvence, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-alsha-card-mini\"\u003e\n \u003cspan class=\"soi-alsha-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-value\"\u003eSulfates SLS\/SLES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-card-mini\"\u003e\n \u003cspan class=\"soi-alsha-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-value\"\u003eEau ajoutée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-card-mini\"\u003e\n \u003cspan class=\"soi-alsha-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-value\"\u003eSilicones ni parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-card-mini\"\u003e\n \u003cspan class=\"soi-alsha-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-value\"\u003eHuile de palme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alsha-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampooing naturel bio ?\u003c\/h2\u003e\n \u003cp class=\"soi-alsha-section-intro\"\u003eSon format concentré change légèrement les habitudes, et c'est une bonne nouvelle pour votre porte-monnaie et la planète.\u003c\/p\u003e\n \u003cdiv class=\"soi-alsha-timeline\"\u003e\n \u003cdiv class=\"soi-alsha-step\"\u003e\n \u003cdiv class=\"soi-alsha-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-step-content\"\u003e\n \u003ch3\u003eAppliquez une petite quantité\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampooing sur cheveux mouillés. Moins qu'un shampooing classique suffit grâce à sa concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-step\"\u003e\n \u003cdiv class=\"soi-alsha-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-step-content\"\u003e\n \u003ch3\u003eMassez et faites mousser\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu pour faire mousser, puis rincez abondamment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-step\"\u003e\n \u003cdiv class=\"soi-alsha-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-step-content\"\u003e\n \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n \u003cp\u003eSelon la longueur et la densité de vos cheveux, un second lavage peut être bénéfique. Convient à un usage quotidien, pour tous types de cheveux, y compris les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-tip\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-alsha-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un résultat optimal, complétez votre routine avec un après-shampooing bio adapté à votre type de cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alsha-section\"\u003e\n \u003ch2\u003eLes engagements qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-alsha-grid\"\u003e\n \u003cdiv class=\"soi-alsha-card\"\u003e\n \u003ch3\u003e🌱 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCette certification garantit des ingrédients biologiques et des procédés de fabrication respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-card\"\u003e\n \u003ch3\u003e🤝 Fair for Life\u003c\/h3\u003e\n \u003cp\u003eDes conditions de travail équitables pour les producteurs d'Aloé Vera à la source, pour une beauté responsable et solidaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en Provence\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France, dans une usine éco-responsable en Provence, avec des matériaux biosourcés et sans émissions polluantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-card\"\u003e\n \u003ch3\u003e🐰 Vegan et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eSans ingrédients d'origine animale et non testé sur les animaux, pour une beauté capillaire en accord avec vos valeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alsha-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alsha-cta-box\"\u003e\n \u003cp class=\"soi-alsha-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se laver naturellement\u003c\/p\u003e\n \u003cp class=\"soi-alsha-cta-text\" style=\"color: white;\"\u003eAvec sa concentration inédite en Aloé Vera natif, son absence totale d'eau et ses doubles certifications bio et éthiques, ce shampooing Pur'Aloé vous offre une expérience lavante douce, efficace et véritablement respectueuse de votre cuir chevelu. Un geste simple, une formule honnête, et des cheveux qui vous remercient dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alsha-marine: #1A2D3D;\n --soi-alsha-marine-dark: #0F1E2B;\n --soi-alsha-marine-light: #2C4458;\n --soi-alsha-pomme: #A1C544;\n --soi-alsha-pomme-dark: #84A636;\n --soi-alsha-pomme-light: rgba(161,197,68,0.10);\n --soi-alsha-white: #FFFFFF;\n --soi-alsha-off-white: #F8FAF6;\n --soi-alsha-stone: #F1F3EE;\n --soi-alsha-line: #E5E8E0;\n --soi-alsha-primary: #5A9A3C;\n --soi-alsha-primary-soft: rgba(90,154,60,0.10);\n --soi-alsha-accent: #D89040;\n --soi-alsha-text: #1A2D3D;\n --soi-alsha-text-soft: #4A5B6B;\n --soi-alsha-text-muted: #7B8693;\n --soi-alsha-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alsha-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alsha-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alsha-radius: 12px;\n --soi-alsha-radius-sm: 8px;\n --soi-alsha-radius-pill: 999px;\n}\n\n.soi-alsha-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alsha-fiche img { max-width: 100%; height: auto; }\n\n.soi-alsha-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alsha-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alsha-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-alsha-hero {\n position: relative;\n background: var(--soi-alsha-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alsha-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alsha-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alsha-pomme);\n}\n\n.soi-alsha-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alsha-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alsha-pomme);\n border-radius: 50%;\n}\n\n.soi-alsha-hero-title {\n display: block;\n color: var(--soi-alsha-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alsha-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alsha-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alsha-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alsha-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alsha-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alsha-label-accent {\n background: var(--soi-alsha-pomme);\n border-color: var(--soi-alsha-pomme);\n color: var(--soi-alsha-marine);\n font-weight: 600;\n}\n\n.soi-alsha-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alsha-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alsha-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alsha-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alsha-pomme);\n border-radius: 2px;\n}\n\n.soi-alsha-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alsha-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alsha-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alsha-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alsha-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-alsha-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alsha-benefit {\n background: var(--soi-alsha-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alsha-radius);\n border: 1px solid var(--soi-alsha-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alsha-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alsha-shadow-md);\n}\n\n.soi-alsha-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alsha-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alsha-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alsha-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alsha-benefit:hover .soi-alsha-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alsha-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alsha-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alsha-benefit p {\n font-size: 13px;\n color: var(--soi-alsha-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alsha-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-alsha-card {\n background: var(--soi-alsha-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alsha-radius);\n border-left: 3px solid var(--soi-alsha-pomme);\n}\n\n.soi-alsha-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alsha-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alsha-card p {\n font-size: 14px;\n color: var(--soi-alsha-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alsha-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-alsha-card-mini {\n background: var(--soi-alsha-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-alsha-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-alsha-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-alsha-card-mini-label {\n font-size: 11px;\n color: var(--soi-alsha-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-alsha-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alsha-marine);\n}\n\n.soi-alsha-compo {\n background: var(--soi-alsha-off-white);\n border-radius: var(--soi-alsha-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-alsha-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alsha-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alsha-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alsha-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alsha-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alsha-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alsha-marine);\n text-align: right;\n}\n\n.soi-alsha-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alsha-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alsha-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alsha-radius);\n border: 1px solid var(--soi-alsha-line);\n align-items: flex-start;\n}\n\n.soi-alsha-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alsha-marine);\n color: var(--soi-alsha-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alsha-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alsha-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alsha-step-content p {\n font-size: 14px;\n color: var(--soi-alsha-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alsha-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alsha-pomme-light);\n border-left: 4px solid var(--soi-alsha-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alsha-radius) var(--soi-alsha-radius) 0;\n align-items: flex-start;\n}\n\n.soi-alsha-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alsha-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alsha-marine);\n margin-bottom: 4px;\n}\n\n.soi-alsha-tip p {\n font-size: 14px;\n color: var(--soi-alsha-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alsha-cta-box {\n background: var(--soi-alsha-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alsha-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alsha-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alsha-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alsha-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alsha-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alsha-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 500;\n color: var(--soi-alsha-white);\n line-height: 1.5;\n margin: 0;\n max-width: 620px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-alsha-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alsha-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alsha-compo-value {\n text-align: left;\n }\n\n .soi-alsha-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-alsha-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-alsha-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-alsha-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-alsha-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alsha-fiche {\n --soi-alsha-text-soft: #2C3E50;\n --soi-alsha-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Pur'Aloe","offers":[{"title":"Default Title","offer_id":61603431383370,"sku":"PU0115","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-certifie-bio-70-aloe-vera-packshot.webp?v=1779440232"},{"product_id":"shampoing-bio-cheveux-normaux-argile-eau-thermale","title":"Shampoing cheveux normaux certifié bio - Argile \u0026 Eau Thermale","description":"\n\u003cdiv class=\"soi-sharg-fiche\"\u003e\n\n\u003csection class=\"soi-sharg-hero\"\u003e\n\u003cdiv class=\"soi-sharg-hero-tag\"\u003e\n\u003cspan class=\"soi-sharg-tag-dot\"\u003e\u003c\/span\u003e\nSoin capillaire · Ciel d'Azur Labs\n\u003c\/div\u003e\n\u003cspan class=\"soi-sharg-hero-title\"\u003eShampoing cheveux normaux certifié bio\u003c\/span\u003e\n\u003cp class=\"soi-sharg-hero-subtitle\"\u003eArgile blanche et eau thermale de Provence pour un nettoyage doux, équilibrant et respectueux de vos cheveux au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"soi-sharg-hero-labels\"\u003e\n\u003cspan class=\"soi-sharg-label soi-sharg-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n\u003cspan class=\"soi-sharg-label\"\u003eSANS SULFATES\u003c\/span\u003e\n\u003cspan class=\"soi-sharg-label\"\u003eBIO\u003c\/span\u003e\n\u003cspan class=\"soi-sharg-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n\u003cspan class=\"soi-sharg-label\"\u003e500 ML\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sharg-section\"\u003e\n\u003ch2\u003ePourquoi ce shampoing bio fait la différence pour les cheveux normaux\u003c\/h2\u003e\n\u003cp\u003eLes cheveux normaux sont souvent mal servis par les formules conventionnelles : trop décapantes à cause des sulfates, ou trop alourdissantes par excès de silicones. Ce shampoing Ciel d'Azur Labs adopte une approche différente. Sans sulfates et sans silicones, sa formule respecte le film hydrolipidique naturel de votre cuir chevelu tout en éliminant efficacement les impuretés et l'excès de sébum.\u003c\/p\u003e\n\u003cp\u003eLe résultat se ressent dès le premier lavage : des cheveux légers, brillants, qui conservent leur fraîcheur plus longtemps entre deux shampoings. Une vraie différence pour celles et ceux qui recherchent un soin capillaire bio sans compromis sur l'efficacité.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sharg-section\"\u003e\n\u003ch2\u003eLes actifs clés : argile blanche, eau thermale et fleur de lavande\u003c\/h2\u003e\n\u003cdiv class=\"soi-sharg-benefits\"\u003e\n\u003cdiv class=\"soi-sharg-benefit\"\u003e\n\u003cdiv class=\"soi-sharg-benefit-icon\"\u003e\u003cspan\u003e🕊️\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eArgile blanche à 5 %\u003c\/h3\u003e\n\u003cp\u003ePurifiante et absorbante, elle régule le pH du cuir chevelu, prévient les pellicules et capte les résidus sans dessécher la fibre capillaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-benefit\"\u003e\n\u003cdiv class=\"soi-sharg-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eEau thermale de Digne-les-Bains\u003c\/h3\u003e\n\u003cp\u003eRiche en minéraux, elle revitalise la fibre capillaire, apporte de l'éclat et renforce la résistance naturelle de vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-benefit\"\u003e\n\u003cdiv class=\"soi-sharg-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eEau florale de lavande bio\u003c\/h3\u003e\n\u003cp\u003eApaisante et équilibrante, elle calme les irritations du cuir chevelu et laisse un léger parfum naturel après le rinçage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sharg-section\"\u003e\n\u003ch2\u003eComment utiliser ce shampoing bio au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"soi-sharg-timeline\"\u003e\n\u003cdiv class=\"soi-sharg-step\"\u003e\n\u003cdiv class=\"soi-sharg-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-step-content\"\u003e\n\u003ch3\u003eAppliquer et masser\u003c\/h3\u003e\n\u003cp\u003eDéposez une noisette généreuse sur cheveux mouillés et massez doucement le cuir chevelu avec le bout des doigts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-step\"\u003e\n\u003cdiv class=\"soi-sharg-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-step-content\"\u003e\n\u003ch3\u003eLaisser poser\u003c\/h3\u003e\n\u003cp\u003eLaissez agir 1 à 2 minutes pour que l'argile blanche puisse agir pleinement sur le cuir chevelu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-step\"\u003e\n\u003cdiv class=\"soi-sharg-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-step-content\"\u003e\n\u003ch3\u003eRincer abondamment\u003c\/h3\u003e\n\u003cp\u003eRincez à l'eau tiède. Un après-shampoing bio peut compléter le soin si vos pointes en ont besoin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-tip\"\u003e\n\u003cdiv class=\"soi-sharg-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003ePour une transition en douceur vers les formules sans sulfates, comptez 2 à 3 semaines d'adaptation, le temps que votre cuir chevelu retrouve son équilibre naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sharg-section\"\u003e\n\u003ch2\u003eComposition complète du shampoing\u003c\/h2\u003e\n\u003cdiv class=\"soi-sharg-compo\"\u003e\n\u003cdiv class=\"soi-sharg-compo-row\"\u003e\n\u003cspan class=\"soi-sharg-compo-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-sharg-compo-value\"\u003eCosmos Organic par Cosmébio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-compo-row\"\u003e\n\u003cspan class=\"soi-sharg-compo-label\"\u003eFabrication\u003c\/span\u003e\n\u003cspan class=\"soi-sharg-compo-value\"\u003eFrance (Provence)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-compo-row\"\u003e\n\u003cspan class=\"soi-sharg-compo-label\"\u003eContenance\u003c\/span\u003e\n\u003cspan class=\"soi-sharg-compo-value\"\u003e500 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-compo-row\"\u003e\n\u003cspan class=\"soi-sharg-compo-label\"\u003eArgile blanche (Kaolin)\u003c\/span\u003e\n\u003cspan class=\"soi-sharg-compo-value\"\u003e5 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-compo-row\"\u003e\n\u003cspan class=\"soi-sharg-compo-label\"\u003eListe INCI\u003c\/span\u003e\n\u003cspan class=\"soi-sharg-compo-value soi-sharg-compo-inci\"\u003eAqua (eau thermale), Sodium Cocoyl Isethionate, Coco-Glucoside, Glycerin (bio), Kaolin (argile blanche 5 %), Lavandula Angustifolia Flower Water (eau florale de lavande bio), Panthenol (provitamine B5), Citric Acid, Parfum naturel, Sodium Benzoate, Potassium Sorbate\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sharg-section\"\u003e\n\u003ch2\u003eLes engagements qui font la différence\u003c\/h2\u003e\n\u003cdiv class=\"soi-sharg-grid\"\u003e\n\u003cdiv class=\"soi-sharg-card\"\u003e\n\u003ch3\u003e🏅 Certifié Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eLabel exigeant délivré par Cosmébio, garantie d'une formule véritablement bio, composée d'ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-card\"\u003e\n\u003ch3\u003e🧴 Sans sulfates\u003c\/h3\u003e\n\u003cp\u003eUn nettoyage doux qui respecte le cuir chevelu et convient aux personnes sensibles aux tensioactifs agressifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eFormulé en Provence, avec des matières premières traçables et un savoir-faire local valorisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-card\"\u003e\n\u003ch3\u003e📦 Format 500 ml économique\u003c\/h3\u003e\n\u003cp\u003eUn grand format pour toute la famille, avec un rapport qualité\/prix réel par rapport aux petits flacons classiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sharg-section\"\u003e\n\u003cdiv class=\"soi-sharg-accordion\"\u003e\n\u003cdetails class=\"soi-sharg-accordion-item\"\u003e\n\u003csummary class=\"soi-sharg-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n\u003cdiv class=\"soi-sharg-accordion-content\"\u003e\n\u003cp\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne se substitue pas à un avis dermatologique en cas de problème capillaire persistant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sharg-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-sharg-cta-box\"\u003e\n\u003cp class=\"soi-sharg-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se laver en conscience\u003c\/p\u003e\n\u003cp class=\"soi-sharg-cta-text\" style=\"color: white;\"\u003eOffrez à vos cheveux un shampoing bio formulé en Provence, à l'argile blanche et à l'eau thermale de Digne-les-Bains : douceur, légèreté et éclat à chaque lavage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-sharg-marine: #1A2D3D;\n --soi-sharg-marine-dark: #0F1E2B;\n --soi-sharg-marine-light: #2C4458;\n --soi-sharg-pomme: #A1C544;\n --soi-sharg-pomme-dark: #84A636;\n --soi-sharg-pomme-light: rgba(161,197,68,0.10);\n --soi-sharg-white: #FFFFFF;\n --soi-sharg-off-white: #F8FAF6;\n --soi-sharg-stone: #F1F3EE;\n --soi-sharg-line: #E5E8E0;\n --soi-sharg-primary: #8CC5B0;\n --soi-sharg-primary-soft: #B5DACE;\n --soi-sharg-accent: #C8B99A;\n --soi-sharg-text: #1A2D3D;\n --soi-sharg-text-soft: #4A5B6B;\n --soi-sharg-text-muted: #7B8693;\n --soi-sharg-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-sharg-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-sharg-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-sharg-radius: 12px;\n --soi-sharg-radius-sm: 8px;\n --soi-sharg-radius-pill: 999px;\n}\n\n.soi-sharg-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sharg-fiche img { max-width: 100%; height: auto; }\n\n.soi-sharg-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-sharg-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-sharg-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-sharg-hero {\n position: relative;\n background: var(--soi-sharg-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-sharg-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-sharg-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-sharg-pomme);\n}\n\n.soi-sharg-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-sharg-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-sharg-pomme);\n border-radius: 50%;\n}\n\n.soi-sharg-hero-title {\n display: block;\n color: var(--soi-sharg-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-sharg-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-sharg-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-sharg-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-sharg-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-sharg-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-sharg-label-accent {\n background: var(--soi-sharg-pomme);\n border-color: var(--soi-sharg-pomme);\n color: var(--soi-sharg-marine);\n font-weight: 600;\n}\n\n.soi-sharg-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sharg-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-sharg-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-sharg-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-sharg-pomme);\n border-radius: 2px;\n}\n\n.soi-sharg-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-sharg-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-sharg-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-sharg-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-sharg-benefit {\n background: var(--soi-sharg-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-sharg-radius);\n border: 1px solid var(--soi-sharg-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sharg-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-sharg-shadow-md);\n}\n\n.soi-sharg-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-sharg-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-sharg-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-sharg-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-sharg-benefit:hover .soi-sharg-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-sharg-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sharg-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sharg-benefit p {\n font-size: 13px;\n color: var(--soi-sharg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sharg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-sharg-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-sharg-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sharg-radius);\n border: 1px solid var(--soi-sharg-line);\n align-items: flex-start;\n}\n\n.soi-sharg-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-sharg-marine);\n color: var(--soi-sharg-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-sharg-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sharg-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-sharg-step-content p {\n font-size: 14px;\n color: var(--soi-sharg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sharg-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-sharg-pomme-light);\n border-left: 4px solid var(--soi-sharg-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-sharg-radius) var(--soi-sharg-radius) 0;\n align-items: flex-start;\n}\n\n.soi-sharg-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-sharg-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-sharg-marine);\n margin-bottom: 4px;\n}\n\n.soi-sharg-tip p {\n font-size: 14px;\n color: var(--soi-sharg-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sharg-compo {\n background: var(--soi-sharg-off-white);\n border-radius: var(--soi-sharg-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-sharg-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-sharg-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-sharg-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-sharg-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-sharg-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-sharg-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-sharg-marine);\n text-align: right;\n}\n\n.soi-sharg-compo-inci {\n font-size: 12px;\n font-weight: 400;\n font-style: italic;\n color: var(--soi-sharg-text-soft);\n line-height: 1.6;\n text-align: right;\n max-width: 70%;\n}\n\n.soi-sharg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-sharg-card {\n background: var(--soi-sharg-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sharg-radius);\n border-left: 3px solid var(--soi-sharg-pomme);\n}\n\n.soi-sharg-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sharg-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sharg-card p {\n font-size: 14px;\n color: var(--soi-sharg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sharg-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-sharg-accordion-item {\n background: var(--soi-sharg-off-white);\n border-radius: var(--soi-sharg-radius-sm);\n border: 1px solid var(--soi-sharg-line);\n overflow: hidden;\n}\n\n.soi-sharg-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-sharg-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-sharg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-sharg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-sharg-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-sharg-accordion-item[open] .soi-sharg-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-sharg-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-sharg-accordion-content p {\n font-size: 14px;\n color: var(--soi-sharg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sharg-cta-box {\n background: var(--soi-sharg-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-sharg-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-sharg-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-sharg-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-sharg-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-sharg-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-sharg-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-sharg-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-sharg-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-sharg-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-sharg-compo-value {\n text-align: left;\n }\n\n .soi-sharg-compo-inci {\n text-align: left;\n max-width: 100%;\n }\n\n .soi-sharg-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-sharg-grid {\n grid-template-columns: 1fr;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-sharg-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-sharg-fiche {\n --soi-sharg-text-soft: #2C3E50;\n --soi-sharg-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Argile \u0026 Eau Thermale","offers":[{"title":"Default Title","offer_id":61603438395722,"sku":"ET0020","price":11.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-cheveux-normaux-certifie-bio-argile-eau-thermale-packshot_ce787dd2-93c7-4cd5-8925-341f6de469b9.webp?v=1779452589"},{"product_id":"shampoing-cheveux-gras-certifie-bio-250ml-argile-eau-thermale","title":"Shampoing cheveux gras bio 250ml - Argile \u0026 Eau Thermale","description":"\n\u003cdiv class=\"soi-ageth-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-ageth-hero\"\u003e\n \u003cdiv class=\"soi-ageth-hero-tag\"\u003e\n \u003cspan class=\"soi-ageth-tag-dot\"\u003e\u003c\/span\u003e\n Shampooing cheveux gras · Ciel d'Azur Labs\n \u003c\/div\u003e\n \u003cspan class=\"soi-ageth-hero-title\"\u003eShampoing cheveux gras certifié bio 250 ml\u003c\/span\u003e\n \u003cp class=\"soi-ageth-hero-subtitle\"\u003eL'alliance de l'argile verte purifiante et de l'eau thermale de Digne-les-Bains pour rééquilibrer votre cuir chevelu en douceur, sans sulfates.\u003c\/p\u003e\n \u003cdiv class=\"soi-ageth-hero-labels\"\u003e\n \u003cspan class=\"soi-ageth-label soi-ageth-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INTRO --\u003e\n \u003csection class=\"soi-ageth-section\"\u003e\n \u003cp class=\"soi-ageth-section-intro\"\u003eVous avez les cheveux qui regraissent vite, un cuir chevelu qui tiraille, et la sensation que votre shampooing habituel ne fait que déplacer le problème ? Ce shampooing certifié bio à l'argile verte a été pensé pour agir à la source, avec une formule sans sulfates enrichie en argile verte purifiante et en eau thermale de Digne-les-Bains, directement issue de Provence.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi ce shampoing est différent des autres ? --\u003e\n \u003csection class=\"soi-ageth-section\"\u003e\n \u003ch2\u003ePourquoi ce shampoing est différent des autres ?\u003c\/h2\u003e\n \u003cp\u003eLa plupart des shampoings pour cheveux gras nettoient bien, mais trop fort. Les sulfates décapent le cuir chevelu, qui réagit en produisant encore plus de sébum. Résultat : vos cheveux regraissent encore plus vite qu'avant. Ce shampooing rompt ce cercle vicieux grâce à une approche douce et rééquilibrante.\u003c\/p\u003e\n \u003cp\u003eL'argile verte absorbe l'excès de sébum et purifie en profondeur, sans agresser. L'eau thermale de Digne-les-Bains, naturellement chargée en minéraux, apaise les irritations et revitalise le cuir chevelu dès la racine. Le tout sans sulfates, pour un nettoyage respectueux de la fibre capillaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les bienfaits concrets pour vos cheveux gras --\u003e\n \u003csection class=\"soi-ageth-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets pour vos cheveux gras\u003c\/h2\u003e\n \u003cdiv class=\"soi-ageth-benefits\"\u003e\n \u003cdiv class=\"soi-ageth-benefit\"\u003e\n \u003cdiv class=\"soi-ageth-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRégulation du sébum\u003c\/h3\u003e\n \u003cp\u003eL'argile verte capte l'excès de gras sans assécher votre cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-benefit\"\u003e\n \u003cdiv class=\"soi-ageth-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCuir chevelu apaisé\u003c\/h3\u003e\n \u003cp\u003eL'eau thermale riche en minéraux réduit les tiraillements et les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-benefit\"\u003e\n \u003cdiv class=\"soi-ageth-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePrévention des pellicules grasses\u003c\/h3\u003e\n \u003cp\u003eL'équilibre du pH est maintenu pour limiter les démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-benefit\"\u003e\n \u003cdiv class=\"soi-ageth-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux légers et brillants\u003c\/h3\u003e\n \u003cp\u003eVotre chevelure retrouve du volume et de la légèreté dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-benefit\"\u003e\n \u003cdiv class=\"soi-ageth-benefit-icon\"\u003e\u003cspan\u003e⏳\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRegraissage retardé\u003c\/h3\u003e\n \u003cp\u003eVos cheveux restent frais plus longtemps entre deux lavages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition et ingrédients --\u003e\n \u003csection class=\"soi-ageth-section\"\u003e\n \u003ch2\u003eComposition et ingrédients\u003c\/h2\u003e\n \u003cp class=\"soi-ageth-section-intro\"\u003eFormulé et fabriqué en France (Provence), ce shampooing est certifié Cosmos Organic par Ecocert. Sa composition repose sur des actifs naturels soigneusement sélectionnés.\u003c\/p\u003e\n \u003cdiv class=\"soi-ageth-grid\"\u003e\n \u003cdiv class=\"soi-ageth-card\"\u003e\n \u003ch3\u003e🪨 Argile verte (Kaolin)\u003c\/h3\u003e\n \u003cp\u003eActif absorbant et purifiant, reconnu pour ses propriétés séborégulatrices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-card\"\u003e\n \u003ch3\u003e🌊 Eau thermale de Digne-les-Bains\u003c\/h3\u003e\n \u003cp\u003eRiche en oligo-éléments, apaisante et reminéralisante pour le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-card\"\u003e\n \u003ch3\u003e🌿 Tensioactifs doux végétaux\u003c\/h3\u003e\n \u003cp\u003eNettoyage efficace d'origine végétale, sans agresser le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-compo\"\u003e\n \u003cdiv class=\"soi-ageth-compo-row\"\u003e\n \u003cspan class=\"soi-ageth-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-compo-row\"\u003e\n \u003cspan class=\"soi-ageth-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-compo-value\"\u003eFabriqué en France, Provence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-compo-row\"\u003e\n \u003cspan class=\"soi-ageth-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-compo-value\"\u003e250 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-compo-row\"\u003e\n \u003cspan class=\"soi-ageth-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-compo-value\"\u003eSans sulfates, sans silicones, sans parabènes, vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser votre shampoing cheveux gras bio ? --\u003e\n \u003csection class=\"soi-ageth-section\"\u003e\n \u003ch2\u003eComment utiliser votre shampoing cheveux gras bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-ageth-timeline\"\u003e\n \u003cdiv class=\"soi-ageth-step\"\u003e\n \u003cdiv class=\"soi-ageth-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-step\"\u003e\n \u003cdiv class=\"soi-ageth-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le cuir chevelu pendant 1 à 2 minutes pour activer les propriétés purifiantes de l'argile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-step\"\u003e\n \u003cdiv class=\"soi-ageth-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Évitez l'eau trop chaude, qui stimule la production de sébum. Renouvelez si besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-tip\"\u003e\n \u003cdiv class=\"soi-ageth-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un résultat optimal, utilisez ce shampooing 2 à 3 fois par semaine. Si vous passez d'un shampooing sulfaté classique, comptez 2 à 3 semaines d'adaptation le temps que votre cuir chevelu retrouve son équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Nos engagements qualité --\u003e\n \u003csection class=\"soi-ageth-section\"\u003e\n \u003ch2\u003eNos engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"soi-ageth-grid-compact\"\u003e\n \u003cdiv class=\"soi-ageth-card-mini\"\u003e\n \u003cspan class=\"soi-ageth-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-card-mini\"\u003e\n \u003cspan class=\"soi-ageth-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-value\"\u003eSans sulfates\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-card-mini\"\u003e\n \u003cspan class=\"soi-ageth-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-value\"\u003eVegan \u0026amp; cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-card-mini\"\u003e\n \u003cspan class=\"soi-ageth-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-value\"\u003eFrance, Provence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-card-mini\"\u003e\n \u003cspan class=\"soi-ageth-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-value\"\u003eRecyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-card-mini\"\u003e\n \u003cspan class=\"soi-ageth-card-mini-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-value\"\u003e250 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Précautions --\u003e\n \u003csection class=\"soi-ageth-section\"\u003e\n \u003cdiv class=\"soi-ageth-accordion\"\u003e\n \u003cdetails class=\"soi-ageth-accordion-item\"\u003e\n \u003csummary class=\"soi-ageth-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-ageth-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne se substitue pas à l'avis d'un dermatologue en cas de problème capillaire persistant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-ageth-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-ageth-cta-box\"\u003e\n \u003cp class=\"soi-ageth-cta-text\" style=\"color: white;\"\u003eOffrez à vos cheveux un rituel purifiant et rééquilibrant, formulé en Provence avec l'argile verte et l'eau thermale de Digne-les-Bains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-ageth-marine: #1A2D3D;\n --soi-ageth-marine-dark: #0F1E2B;\n --soi-ageth-marine-light: #2C4458;\n --soi-ageth-pomme: #A1C544;\n --soi-ageth-pomme-dark: #84A636;\n --soi-ageth-pomme-light: rgba(161,197,68,0.10);\n\n --soi-ageth-white: #FFFFFF;\n --soi-ageth-off-white: #F8FAF6;\n --soi-ageth-stone: #F1F3EE;\n --soi-ageth-line: #E5E8E0;\n\n --soi-ageth-primary: #8CBFAA;\n --soi-ageth-primary-soft: #B5D9CC;\n --soi-ageth-accent: #94C5A8;\n\n --soi-ageth-text: #1A2D3D;\n --soi-ageth-text-soft: #4A5B6B;\n --soi-ageth-text-muted: #7B8693;\n\n --soi-ageth-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-ageth-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-ageth-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-ageth-radius: 12px;\n --soi-ageth-radius-sm: 8px;\n --soi-ageth-radius-pill: 999px;\n}\n\n.soi-ageth-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ageth-fiche img { max-width: 100%; height: auto; }\n\n.soi-ageth-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-ageth-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-ageth-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-ageth-hero {\n position: relative;\n background: var(--soi-ageth-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-ageth-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-ageth-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-ageth-pomme);\n}\n\n.soi-ageth-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-ageth-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-ageth-pomme);\n border-radius: 50%;\n}\n\n.soi-ageth-hero-title {\n display: block;\n color: var(--soi-ageth-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-ageth-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-ageth-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-ageth-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-ageth-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-ageth-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-ageth-label-accent {\n background: var(--soi-ageth-pomme);\n border-color: var(--soi-ageth-pomme);\n color: var(--soi-ageth-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-ageth-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-ageth-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-ageth-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-ageth-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-ageth-pomme);\n border-radius: 2px;\n}\n\n.soi-ageth-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-ageth-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-ageth-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-ageth-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-ageth-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-ageth-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-ageth-benefit {\n background: var(--soi-ageth-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-ageth-radius);\n border: 1px solid var(--soi-ageth-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-ageth-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-ageth-shadow-md);\n}\n\n.soi-ageth-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-ageth-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-ageth-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-ageth-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-ageth-benefit:hover .soi-ageth-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-ageth-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-ageth-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-ageth-benefit p {\n font-size: 13px;\n color: var(--soi-ageth-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-ageth-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-ageth-card {\n background: var(--soi-ageth-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-ageth-radius);\n border-left: 3px solid var(--soi-ageth-pomme);\n}\n\n.soi-ageth-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-ageth-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-ageth-card p {\n font-size: 14px;\n color: var(--soi-ageth-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-ageth-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-ageth-card-mini {\n background: var(--soi-ageth-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-ageth-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-ageth-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-ageth-card-mini-label {\n font-size: 11px;\n color: var(--soi-ageth-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-ageth-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-ageth-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-ageth-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-ageth-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-ageth-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-ageth-radius);\n border: 1px solid var(--soi-ageth-line);\n align-items: flex-start;\n}\n\n.soi-ageth-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-ageth-marine);\n color: var(--soi-ageth-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-ageth-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-ageth-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-ageth-step-content p {\n font-size: 14px;\n color: var(--soi-ageth-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-ageth-compo {\n background: var(--soi-ageth-off-white);\n border-radius: var(--soi-ageth-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-ageth-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-ageth-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-ageth-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-ageth-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-ageth-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-ageth-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-ageth-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-ageth-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-ageth-pomme-light);\n border-left: 4px solid var(--soi-ageth-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-ageth-radius) var(--soi-ageth-radius) 0;\n align-items: flex-start;\n}\n\n.soi-ageth-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-ageth-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-ageth-marine);\n margin-bottom: 4px;\n}\n\n.soi-ageth-tip p {\n font-size: 14px;\n color: var(--soi-ageth-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-ageth-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-ageth-accordion-item {\n background: var(--soi-ageth-off-white);\n border-radius: var(--soi-ageth-radius-sm);\n border: 1px solid var(--soi-ageth-line);\n overflow: hidden;\n}\n\n.soi-ageth-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-ageth-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-ageth-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-ageth-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-ageth-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-ageth-accordion-item[open] .soi-ageth-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-ageth-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-ageth-accordion-content p {\n font-size: 14px;\n color: var(--soi-ageth-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-ageth-cta-box {\n background: var(--soi-ageth-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-ageth-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-ageth-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-ageth-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-ageth-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-ageth-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-ageth-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-ageth-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-ageth-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-ageth-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-ageth-compo-value {\n text-align: left;\n }\n\n .soi-ageth-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-ageth-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-ageth-fiche {\n --soi-ageth-text-soft: #2C3E50;\n --soi-ageth-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Argile \u0026 Eau Thermale","offers":[{"title":"Default Title","offer_id":61603440492874,"sku":"ET0025","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-cheveux-gras-certifie-bio-250ml-argile-eau-thermal-packshot.webp?v=1779454040"},{"product_id":"henne-neutre-certifie-bio-et-vegetal-les-couleurs-de-jeanne","title":"Henné neutre certifié Bio et Végétal - Les Couleurs de Jeanne","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CJ0030_688e3678-1c60-4324-a28e-2f2d8d571dd5.jpg?v=1776180883\" alt=\"Photo d'une femme avec de beaux cheveux\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLe henné neutre de la marque Les Couleurs de Jeanne est un \u003cstrong\u003esoin capillaire 100% naturel et biologique\u003c\/strong\u003e, conçu pour \u003cstrong\u003erenforcer et revitaliser les cheveux\u003c\/strong\u003e sans les colorer. Il est idéal pour ceux qui souhaitent un soin profond et respectueux de la fibre capillaire.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de ce henné :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule naturelle\u003c\/strong\u003e : Composé exclusivement de feuilles de Cassia auriculata, le henné neutre apporte des bienfaits exceptionnels aux cheveux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans produits chimiques\u003c\/strong\u003e : Formulé sans PPD, acide picramique, sels métalliques, colorants synthétiques, conservateurs ni parfum ajouté.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de la fibre capillaire\u003c\/strong\u003e : Ce soin gaine le cheveu sans altérer sa structure, respectant ainsi sa nature et son intégrité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits du henné neutre :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRenforcement de la fibre capillaire\u003c\/strong\u003e : Le henné neutre renforce et protège les cheveux, apportant volume, souplesse et brillance.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePurification du cuir chevelu\u003c\/strong\u003e : Il aide à réguler la production de sébum, purifiant le cuir chevelu et réduisant les racines grasses.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection et soin\u003c\/strong\u003e : Idéal pour apaiser les cuirs chevelus irrités, il protège également contre les pellicules et les poux.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003eEngagement qualité de ce henné neutre :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifié Cosmos Organic\u003c\/strong\u003e : Assure une composition biologique et écologique, respectueuse de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCruelty Free and Vegan\u003c\/strong\u003e : Labellisé par PETA, ce produit est sans cruauté animale et convient aux végétaliens.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLe henné neutre de Les Couleurs de Jeanne est parfait pour ceux qui recherchent un soin naturel et efficace pour \u003cstrong\u003erevitaliser leurs cheveux sans les colorer\u003c\/strong\u003e. Sa composition pure et ses certifications en font un choix sûr et éthique pour une \u003cstrong\u003echevelure en pleine santé\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Les Couleurs de Jeanne","offers":[{"title":"Default Title","offer_id":61603502129482,"sku":"CJ0030","price":12.26,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/couleurs_jeanne_cj0030_henne_d498ba45-9d84-4424-9a39-c82b4fd3a2bf.jpg?v=1778843044"},{"product_id":"coloration-certifiee-bio-et-vegetale-blond-clair-les-couleurs-de-jeanne","title":"Coloration Certifiée Bio et Végétale Blond Clair - Les Couleurs de Jeanne","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CJ0025_9171f155-6077-449d-a7f2-b74845ec346f.jpg?v=1776180884\" alt=\"Photo d'une femme aux cheveux blonds courts et portant des lunettes de soleil\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLa coloration végétale Blond Clair de la marque Les Couleurs de Jeanne offre une teinte lumineuse et naturelle, idéale pour ceux qui souhaitent une \u003cstrong\u003ealternative saine et respectueuse de l'environnement\u003c\/strong\u003e pour colorer leurs cheveux.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de cette coloration naturelle :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule 100% naturelle\u003c\/strong\u003e : Composée de henné neutre et de camomille, elle renforce et fait briller les cheveux tout en apportant des reflets blonds éclatants.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans produits chimiques\u003c\/strong\u003e : Formulée sans PPD, acide picramique, sels métalliques, colorants synthétiques, conservateurs ni parfum ajouté.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de la fibre capillaire\u003c\/strong\u003e : La coloration gaine le cheveu sans pénétrer la fibre capillaire, préservant ainsi la structure naturelle des cheveux.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits de la coloration végétale blond clair :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCouverture parfaite\u003c\/strong\u003e : Couvre efficacement les cheveux blancs, offrant une couleur homogène et naturelle.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin des cheveux\u003c\/strong\u003e : Les ingrédients végétaux apportent éclat et vitalité aux cheveux tout en les protégeant des agressions extérieures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTenue durable\u003c\/strong\u003e : La superposition des pigments naturels permet une tenue longue durée et un rendu naturel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003eEngagement qualité de cette coloration végétale :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifié Cosmos Organic\u003c\/strong\u003e : Assure une formulation biologique et respectueuse de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCruelty Free and Vegan\u003c\/strong\u003e : Labellisé par PETA, ce produit est garanti sans cruauté animale et convient aux végétaliens.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLa coloration végétale Blond Clair de Les Couleurs de Jeanne est parfaite pour ceux qui cherchent une \u003cstrong\u003ealternative naturelle et respectueuse pour teindre leurs cheveux.\u003c\/strong\u003e Sa composition sans produits chimiques et ses certifications en font un choix sûr et éthique pour une coloration réussie.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Les Couleurs de Jeanne","offers":[{"title":"Default Title","offer_id":61603502653770,"sku":"CJ0025","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/couleurs_jeanne_cj0025_blond_clair_689b27bd-2d06-4c01-85b6-6140acf5f75d.jpg?v=1778843045"},{"product_id":"coloration-certifiee-bio-et-vegetale-cuivre-rouge-les-couleurs-de-jeanne","title":"Coloration certifiée Bio et Végétale Cuivré Rouge - Les Couleurs de Jeanne","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CJ0020_a4918e62-25e0-42c0-bdba-d0d36347c97b.jpg?v=1776180881\" alt=\"Photo d'une femme avec les cheveux cuivrés rouge\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLa coloration végétale Cuivré Rouge des Couleurs de Jeanne offre une \u003cstrong\u003eteinte lumineuse et naturelle\u003c\/strong\u003e tout en prenant soin de vos cheveux et du cuir chevelu. Cette teinture est idéale pour ceux qui préfèrent une \u003cstrong\u003esolution saine et écologique pour colorer leurs cheveux.\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de la coloration Les couleurs de Jeanne :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule 100% naturelle\u003c\/strong\u003e : Enrichie en henné et garance, elle procure des reflets rouges intenses tout en fortifiant les cheveux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans produits chimiques\u003c\/strong\u003e : Formulée sans PPD, acide picramique, sels métalliques, colorants synthétiques, conservateurs ni parfum ajouté.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de la fibre capillaire\u003c\/strong\u003e : La coloration gaine le cheveu sans altérer sa structure naturelle, garantissant un respect total de la fibre capillaire.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits de la coloration cuivré rouge :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCouverture parfaite\u003c\/strong\u003e : Couvre efficacement les cheveux blancs, assurant une teinte vive et homogène.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin revitalisant\u003c\/strong\u003e : Les ingrédients végétaux apportent éclat et vigueur aux cheveux, tout en les protégeant des agressions extérieures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTenue longue durée\u003c\/strong\u003e : Les pigments naturels garantissent une couleur durable et un effet naturel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003eEngagement qualité de cette coloration naturelle :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifié Cosmos Organic\u003c\/strong\u003e : Assure une formulation biologique et écologique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCruelty Free and Vegan\u003c\/strong\u003e : Labellisé par PETA, sans cruauté animale et adapté aux végétaliens.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLa coloration végétale Cuivré Rouge de Les Couleurs de Jeanne est parfaite pour ceux qui cherchent une alternative naturelle et respectueuse pour teindre leurs cheveux. Sa \u003cstrong\u003ecomposition sans produits chimiques\u003c\/strong\u003e et ses certifications en font un \u003cstrong\u003echoix sûr et éthique\u003c\/strong\u003e pour une coloration réussie.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Les Couleurs de Jeanne","offers":[{"title":"Default Title","offer_id":61603503046986,"sku":"CJ0020","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/couleurs_jeanne_cj0020_cuivre_rouge_483d955c-5ae2-4e9d-8a45-eb7b73a9d874.jpg?v=1778843052"},{"product_id":"coloration-certifiee-bio-et-vegetale-cuivre-dore-les-couleurs-de-jeanne","title":"Coloration Certifiée Bio et Végétale Cuivré Doré - Les Couleurs de Jeanne","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CJ0015_ee95a79f-2e12-4f2f-a825-3383bb58bbf4.jpg?v=1776180881\" alt=\"Photo d'un visage de femme de profil\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLa coloration végétale Cuivré Doré de la marque Les Couleurs de Jeanne est spécialement conçue pour offrir une \u003cstrong\u003ecouleur lumineuse et naturelle\u003c\/strong\u003e tout en respectant la santé de vos cheveux et de votre cuir chevelu. Parfaite pour ceux qui souhaitent adopter une \u003cstrong\u003ecoloration douce et respectueuse de l'environnement\u003c\/strong\u003e.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de cette coloration cuivré doré :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule naturelle\u003c\/strong\u003e : Composée de henné neutre et d'autres plantes telles que la rhubarbe, le curcuma et la camomille, elle apporte brillance et force aux cheveux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans produits chimiques\u003c\/strong\u003e : Sans PPD, acide picramique, sels métalliques, colorants synthétiques, conservateurs ni parfum ajouté.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de la fibre capillaire\u003c\/strong\u003e : La coloration gaine le cheveu sans pénétrer la fibre capillaire, respectant ainsi la structure naturelle de vos cheveux.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits de la coloration végétale cuivré doré :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCouverture optimale\u003c\/strong\u003e : Couvre efficacement les cheveux blancs tout en apportant une couleur riche et naturelle.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin des cheveux\u003c\/strong\u003e : Les ingrédients végétaux apportent brillance et force aux cheveux, tout en les protégeant des agressions extérieures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurabilité de la couleur\u003c\/strong\u003e : La superposition des pigments végétaux permet une tenue longue durée et un rendu naturel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003eEngagement qualité de cette coloration naturelle :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifié Cosmos Organic\u003c\/strong\u003e : Garantit une composition biologique et respectueuse de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCruelty Free and Vegan\u003c\/strong\u003e : Labellisé par PETA, ce produit est garanti sans cruauté animale et convient aux végétaliens.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLa coloration végétale Cuivré Doré de Les Couleurs de Jeanne est idéale pour ceux qui recherchent une \u003cstrong\u003ealternative naturelle et respectueuse pour colorer leurs cheveux\u003c\/strong\u003e. Sa formule sans produits chimiques et ses certifications en font un choix sûr et éthique pour une coloration réussie.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Les Couleurs de Jeanne","offers":[{"title":"Default Title","offer_id":61603504390474,"sku":"CJ0015","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/couleurs_jeanne_cj0015_cuivre_dore_0c751e03-864e-4adf-bbe1-fd73f46c7367.jpg?v=1778843042"},{"product_id":"coloration-certifiee-bio-et-vegetale-brun-les-couleurs-de-jeanne","title":"Coloration certifiée Bio et Végétale Brun - Les Couleurs de Jeanne","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLa coloration végétale Brun de la marque Les Couleurs de Jeanne est conçue pour offrir une couleur intense et naturelle tout en respectant la santé de vos cheveux et de votre cuir chevelu. Cette coloration est idéale pour ceux qui souhaitent \u003cstrong\u003enuancer ou intensifier leur couleur naturelle\u003c\/strong\u003e avec des produits 100% végétaux.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CJ0010_4e423cc5-edab-4fa9-b212-44999ee7f0a4.jpg?v=1776180889\" alt=\"Photo de cheveux bruns et du sourire d'une femme\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003eCaractéristiques principales de la coloration Brun :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule naturelle\u003c\/strong\u003e : Composée de henné et d'autres plantes ayurvédiques telles que l'amla et le neem, qui renforcent et protègent vos cheveux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans produits chimiques\u003c\/strong\u003e : Sans PPD, acide picramique, sels métalliques, colorants synthétiques, conservateurs ni parfum ajouté.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de la fibre capillaire\u003c\/strong\u003e : La coloration gaine le cheveu sans pénétrer la fibre capillaire, respectant ainsi la structure naturelle de vos cheveux.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits de la coloration végétale brun :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCouverture optimale\u003c\/strong\u003e : Couvre efficacement les cheveux blancs tout en apportant une couleur riche et naturelle.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin des cheveux\u003c\/strong\u003e : Les ingrédients végétaux apportent brillance et force aux cheveux, tout en les protégeant des agressions extérieures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurabilité de la couleur\u003c\/strong\u003e : La superposition des pigments végétaux permet une tenue longue durée et un rendu naturel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eEngagement qualité de cette coloration naturelle :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifié Cosmos Organic\u003c\/strong\u003e : Garantit une composition biologique et respectueuse de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCruelty Free and Vegan\u003c\/strong\u003e : Labellisé par PETA, ce produit est garanti sans cruauté animale et convient aux végétaliens.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLa coloration végétale Brun de Les Couleurs de Jeanne est parfaite pour ceux qui recherchent une \u003cstrong\u003ealternative naturelle et respectueuse pour colorer leurs cheveux\u003c\/strong\u003e. Sa formule sans produits chimiques et ses certifications en font un choix sûr et éthique pour une coloration réussie.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Les Couleurs de Jeanne","offers":[{"title":"Default Title","offer_id":61603504947530,"sku":"CJ0010","price":10.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/couleurs_jeanne_cj0010_brun_b223b3a3-c1c3-44a1-ab81-7f77b9a358b7.jpg?v=1778843044"},{"product_id":"coloration-certifiee-bio-et-vegetale-chatain-fonce-les-couleurs-de-jeanne","title":"Coloration certifiée Bio et Végétale Châtain Foncé - Les Couleurs de Jeanne","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CJ0005_27778180-3ccb-4248-847c-6de32e2ded0e.jpg?v=1776180881\" alt=\"Photo d'une femme châtain foncé avec un casque sur la tête\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLa coloration végétale châtain foncé de la marque Les Couleurs de Jeanne est une solution naturelle et douce pour colorer vos cheveux tout en respectant votre cuir chevelu et l'environnement. Formulée à partir de plantes, cette coloration offre \u003cstrong\u003eune couleur intense et une couverture optimale des cheveux blancs\u003c\/strong\u003e.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de cette coloration :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule 100% végétale et bio\u003c\/strong\u003e : Composée de henné et d'une association de plantes, cette coloration est certifiée Cosmos Organic, garantissant des ingrédients issus de l'agriculture biologique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans produits chimiques nocifs\u003c\/strong\u003e : Ne contient ni PPD (paraphénylènediamine), ni acide picramique, ni sels métalliques, ni colorants synthétiques, ni conservateurs, ni parfum ajouté.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdapté pour différentes couleurs\u003c\/strong\u003e : Cette coloration s’utilise aussi bien sur cheveux blonds foncés, châtains clairs, châtains miel et châtains foncés.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits de la coloration châtain foncé :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCouleur intense et durable\u003c\/strong\u003e : Offre une couleur riche et profonde qui couvre tous les cheveux blancs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect des cheveux et du cuir chevelu\u003c\/strong\u003e : La formule végétale gaine le cheveu sans pénétrer la fibre capillaire, ce qui respecte la structure naturelle du cheveu et évite les irritations du cuir chevelu.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRenforce et apporte de la brillance\u003c\/strong\u003e : Le henné et les plantes utilisées non seulement colorent mais apportent également force et brillance aux cheveux.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003eEngagement qualité de la coloration Couleurs de Jeanne :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifié Cosmos Organic\u003c\/strong\u003e : Assure que tous les ingrédients sont biologiques et respectueux de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCruelty Free and Vegan\u003c\/strong\u003e : Labellisé par PETA, garantissant un produit non testé sur les animaux et adapté aux végétaliens.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLa coloration châtain foncé de Les Couleurs de Jeanne est parfaite pour ceux qui recherchent une \u003cstrong\u003ealternative naturelle aux colorations chimiques\u003c\/strong\u003e, offrant une teinte intense et naturelle tout en prenant soin de leurs cheveux et de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Les Couleurs de Jeanne","offers":[{"title":"Default Title","offer_id":61603505439050,"sku":"CJ0005","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/couleurs_jeanne_cj0005_chatain_fonce_41362dd7-cd71-4843-99db-a7912205186c.jpg?v=1778843044"},{"product_id":"shampooing-ultra-doux-certifie-bio-coslys","title":"Shampooing Ultra-doux bio – Coslys","description":"\n\u003cdiv class=\"soi-shmp-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-shmp-hero\"\u003e\n \u003cdiv class=\"soi-shmp-hero-tag\"\u003e\n \u003cspan class=\"soi-shmp-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire bio · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-shmp-hero-title\"\u003eShampooing Ultra-doux certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-shmp-hero-subtitle\"\u003eEnrichi à la reine des prés bio, ce shampooing certifié Cosmos Organic nettoie en douceur vos cheveux normaux et leur offre brillance, légèreté et souplesse, sans silicone ni compromis.\u003c\/p\u003e\n \u003cdiv class=\"soi-shmp-hero-labels\"\u003e\n \u003cspan class=\"soi-shmp-label soi-shmp-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003e0 % SILICONE\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 1 --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eUn shampooing ultra-doux 100 % bio, formulé pour les cheveux normaux\u003c\/h2\u003e\n \u003cp\u003eContrairement aux formules conventionnelles souvent chargées en silicones et sulfates agressifs, ce shampooing ultra-doux Coslys mise sur la simplicité efficace : 97,5 % d'ingrédients d'origine naturelle, une base lavante végétale douce et des actifs biologiques soigneusement choisis. Le résultat ? Des cheveux propres, légers, brillants et facilement démêlables, dès le premier lavage.\u003c\/p\u003e\n \u003cp\u003eIl est certifié Cosmos Organic, la référence la plus exigeante en matière de cosmétique biologique, et fabriqué en France dans le respect des normes environnementales les plus strictes.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-shmp-grid\"\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🌸 Eau florale de reine des prés bio\u003c\/h3\u003e\n \u003cp\u003eCette fleur emblématique des prairies françaises est reconnue pour ses propriétés apaisantes et purifiantes. Elle équilibre le cuir chevelu en douceur, sans agresser son film hydrolipidique naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🌰 Huile de jojoba\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines E et B, elle nourrit la fibre capillaire en profondeur, apporte de la souplesse et sublime le brillant naturel de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🌾 Peptide de blé\u003c\/h3\u003e\n \u003cp\u003eCe complexe protéique végétal renforce la structure du cheveu, limite la casse et lisse les pointes abîmées pour un résultat visible dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🧴 Base lavante d'origine végétale\u003c\/h3\u003e\n \u003cp\u003eUn nettoyage en profondeur, sans agressivité, adapté à un usage quotidien pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eCe que vous gagnez au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-shmp-benefits\"\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eLégèreté préservée\u003c\/h3\u003e\n \u003cp\u003eLa formule sans silicone ne leste pas les cheveux. Ils retrouvent leur volume naturel après chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBrillance et douceur\u003c\/h3\u003e\n \u003cp\u003eJojoba et peptide de blé agissent ensemble pour un effet soyeux durable, même sur des cheveux fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUsage quotidien et familial\u003c\/h3\u003e\n \u003cp\u003eSa formule ultra-douce convient aux adultes comme aux enfants, y compris les cuirs chevelus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon 1 litre en plastique 100 % recyclé, rechargeable, fabriqué en France. Un geste concret pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eComposition et mode d'emploi\u003c\/h2\u003e\n \u003cp class=\"soi-shmp-section-intro\"\u003eRetrouvez ci-dessous les ingrédients principaux de cette formule certifiée bio ainsi que nos conseils d'utilisation pour profiter pleinement de ses bienfaits.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-shmp-compo\"\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eEau florale de reine des prés bio (Filipendula ulmaria)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eActif nourrissant\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eHuile de jojoba (Simmondsia chinensis)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eActif fortifiant\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003ePeptide de blé (Triticum vulgare)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eOrigine végétale, sans sulfates agressifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eSilicone, paraben, colorant artificiel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003e97,5 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003e1 litre avec pompe doseuse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-shmp-timeline\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-shmp-step\"\u003e\n \u003cdiv class=\"soi-shmp-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampooing sur vos cheveux mouillés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step\"\u003e\n \u003cdiv class=\"soi-shmp-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le cuir chevelu pour faire mousser et répartir le produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step\"\u003e\n \u003cdiv class=\"soi-shmp-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Renouvelez l'opération si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-shmp-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-shmp-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un résultat optimal, complétez votre routine avec un après-shampooing ultra-doux de la gamme Coslys.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 5 --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eCe shampooing bio est-il fait pour vous ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shmp-grid\"\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e💆 Cheveux normaux à légèrement gras\u003c\/h3\u003e\n \u003cp\u003eVous cherchez un nettoyage quotidien efficace sans agresser votre cuir chevelu ni alourdir vos longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🌱 Transition vers le bio\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez passer à un shampooing bio certifié sans sacrifier l'efficacité ni le plaisir d'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🌍 Sensibilité environnementale\u003c\/h3\u003e\n \u003cp\u003eVous êtes sensible à l'impact écologique de vos achats beauté et privilégiez les formules responsables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🔄 Alternative naturelle certifiée\u003c\/h3\u003e\n \u003cp\u003eVous cherchez une alternative naturelle aux grandes marques conventionnelles, avec un niveau de certification biologique supérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-shmp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shmp-cta-box\"\u003e\n \u003cp class=\"soi-shmp-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se laver en douceur\u003c\/p\u003e\n \u003cp class=\"soi-shmp-cta-text\" style=\"color: white;\"\u003eLa reine des prés apaise, le jojoba nourrit, le peptide de blé renforce. Un rituel simple, naturel, certifié bio et fabriqué en France, pour vous et toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shmp-marine: #1A2D3D;\n --soi-shmp-marine-dark: #0F1E2B;\n --soi-shmp-marine-light: #2C4458;\n --soi-shmp-pomme: #A1C544;\n --soi-shmp-pomme-dark: #84A636;\n --soi-shmp-pomme-light: rgba(161,197,68,0.10);\n --soi-shmp-white: #FFFFFF;\n --soi-shmp-off-white: #F8FAF6;\n --soi-shmp-stone: #F1F3EE;\n --soi-shmp-line: #E5E8E0;\n --soi-shmp-primary: #D4A52A;\n --soi-shmp-primary-soft: #F5ECD4;\n --soi-shmp-accent: #E8B5A8;\n --soi-shmp-text: #1A2D3D;\n --soi-shmp-text-soft: #4A5B6B;\n --soi-shmp-text-muted: #7B8693;\n --soi-shmp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shmp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shmp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shmp-radius: 12px;\n --soi-shmp-radius-sm: 8px;\n --soi-shmp-radius-pill: 999px;\n}\n\n.soi-shmp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shmp-fiche img { max-width: 100%; height: auto; }\n\n.soi-shmp-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shmp-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shmp-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shmp-hero {\n position: relative;\n background: var(--soi-shmp-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shmp-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shmp-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shmp-pomme);\n}\n\n.soi-shmp-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shmp-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shmp-pomme);\n border-radius: 50%;\n}\n\n.soi-shmp-hero-title {\n display: block;\n color: var(--soi-shmp-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shmp-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shmp-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shmp-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shmp-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shmp-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shmp-label-accent {\n background: var(--soi-shmp-pomme);\n border-color: var(--soi-shmp-pomme);\n color: var(--soi-shmp-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shmp-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shmp-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shmp-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shmp-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shmp-pomme);\n border-radius: 2px;\n}\n\n.soi-shmp-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shmp-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shmp-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shmp-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shmp-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shmp-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-shmp-benefit {\n background: var(--soi-shmp-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shmp-radius);\n border: 1px solid var(--soi-shmp-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shmp-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shmp-shadow-md);\n}\n\n.soi-shmp-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shmp-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-shmp-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shmp-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shmp-benefit:hover .soi-shmp-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shmp-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shmp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shmp-benefit p {\n font-size: 13px;\n color: var(--soi-shmp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shmp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shmp-card {\n background: var(--soi-shmp-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shmp-radius);\n border-left: 3px solid var(--soi-shmp-pomme);\n}\n\n.soi-shmp-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shmp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shmp-card p {\n font-size: 14px;\n color: var(--soi-shmp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-shmp-compo {\n background: var(--soi-shmp-off-white);\n border-radius: var(--soi-shmp-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shmp-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shmp-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shmp-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shmp-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shmp-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shmp-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shmp-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-shmp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shmp-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shmp-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shmp-radius);\n border: 1px solid var(--soi-shmp-line);\n align-items: flex-start;\n}\n\n.soi-shmp-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shmp-marine);\n color: var(--soi-shmp-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shmp-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shmp-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shmp-step-content p {\n font-size: 14px;\n color: var(--soi-shmp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-shmp-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shmp-pomme-light);\n border-left: 4px solid var(--soi-shmp-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shmp-radius) var(--soi-shmp-radius) 0;\n align-items: flex-start;\n}\n\n.soi-shmp-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shmp-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shmp-marine);\n margin-bottom: 4px;\n}\n\n.soi-shmp-tip p {\n font-size: 14px;\n color: var(--soi-shmp-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shmp-cta-box {\n background: var(--soi-shmp-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shmp-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shmp-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shmp-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shmp-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shmp-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shmp-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shmp-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-shmp-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shmp-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shmp-compo-value {\n text-align: left;\n }\n\n .soi-shmp-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shmp-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shmp-fiche {\n --soi-shmp-text-soft: #2C3E50;\n --soi-shmp-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603510649162,"sku":"CS0110","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0110-shampooing-cheveux-normaux_c8da52a4-f8f8-463c-bfe9-4f15ce215493.jpg?v=1778843061"},{"product_id":"shampooing-protecteur-de-couleur-certifie-bio-et-vegan-coslys","title":"Shampooing Protecteur de Couleur certifié bio et vegan – Coslys","description":"\u003cdiv class=\"soi-shpc-fiche\"\u003e\n\n \u003csection class=\"soi-shpc-hero\"\u003e\n \u003cdiv class=\"soi-shpc-hero-tag\"\u003e\n \u003cspan class=\"soi-shpc-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-shpc-hero-title\"\u003eShampooing Protecteur de Couleur certifié bio et vegan\u003c\/span\u003e\n \u003cp class=\"soi-shpc-hero-subtitle\"\u003ePréservez l'éclat et l'intensité de votre couleur, lavage après lavage, grâce à une formule douce à la cerise et à la framboise bio française, sans sulfates ni silicone.\u003c\/p\u003e\n \u003cdiv class=\"soi-shpc-hero-labels\"\u003e\n \u003cspan class=\"soi-shpc-label soi-shpc-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shpc-label\"\u003eVEGAN \u0026amp; CRUELTY FREE\u003c\/span\u003e\n \u003cspan class=\"soi-shpc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shpc-label\"\u003e97,9 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-shpc-label\"\u003eFLACON 100 % RECYCLÉ\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shpc-section\"\u003e\n \u003ch2\u003ePourquoi ce shampooing couleur sans sulfate change vraiment les choses\u003c\/h2\u003e\n \u003cp class=\"soi-shpc-section-intro\"\u003eVous avez investi dans une belle couleur ou des mèches soignées, et la dernière chose que vous souhaitez, c'est de les voir ternir après quelques lavages. Coslys fait le choix d'une formule douce, à 97,9 % d'origine naturelle, qui nettoie sans agresser la fibre capillaire ni accélérer la décoloration.\u003c\/p\u003e\n \u003cdiv class=\"soi-shpc-benefits\"\u003e\n \u003cdiv class=\"soi-shpc-benefit\"\u003e\n \u003cdiv class=\"soi-shpc-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003epH entre 4 et 5\u003c\/h3\u003e\n \u003cp\u003eCe pH légèrement acide referme les écailles du cheveu après coloration, limitant la fuite des pigments et préservant l'intensité de la teinte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpc-benefit\"\u003e\n \u003cdiv class=\"soi-shpc-benefit-icon\"\u003e\u003cspan\u003e🚫\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans silicone\u003c\/h3\u003e\n \u003cp\u003eVos cheveux sont réellement nourris, pas simplement gainés en surface. La fibre capillaire respire et retrouve sa vitalité naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpc-benefit\"\u003e\n \u003cdiv class=\"soi-shpc-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans sulfates\u003c\/h3\u003e\n \u003cp\u003eUn nettoyage respectueux qui préserve votre couleur à chaque lavage, sans décaper ni fragiliser la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shpc-section\"\u003e\n \u003ch2\u003eLes actifs clés : cerise bio et framboise bio française\u003c\/h2\u003e\n \u003cp class=\"soi-shpc-section-intro\"\u003eCe qui rend ce shampooing pour cheveux colorés vraiment unique, c'est son trio d'actifs gourmands et efficaces, sélectionnés pour protéger et sublimer votre couleur.\u003c\/p\u003e\n \u003cdiv class=\"soi-shpc-grid\"\u003e\n \u003cdiv class=\"soi-shpc-card\"\u003e\n \u003ch3\u003e🍒 Huile de cerise bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, elle nourrit en profondeur la fibre capillaire fragilisée par la coloration et lui restitue souplesse et brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpc-card\"\u003e\n \u003ch3\u003e🫐 Vinaigre de framboise bio français\u003c\/h3\u003e\n \u003cp\u003eNaturellement acidifiant, il contribue à la fermeture des écailles et agit comme une véritable barrière contre les agressions extérieures : pollution, calcaire, UV.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpc-card\"\u003e\n \u003ch3\u003e🌾 Protéine de riz\u003c\/h3\u003e\n \u003cp\u003eReconnue pour renforcer la structure du cheveu, elle aide à maintenir l'intensité et la vivacité de la couleur sur la durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpc-tip\"\u003e\n \u003cdiv class=\"soi-shpc-tip-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe résultat\u003c\/strong\u003e\n \u003cp\u003eUn parfum fruité et délicat, des cheveux visiblement plus brillants, et une couleur qui tient dans le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shpc-section\"\u003e\n \u003ch2\u003eComment utiliser votre shampooing protecteur de couleur Coslys\u003c\/h2\u003e\n \u003cdiv class=\"soi-shpc-timeline\"\u003e\n \u003cdiv class=\"soi-shpc-step\"\u003e\n \u003cdiv class=\"soi-shpc-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shpc-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampooing sur cheveux mouillés et massez délicatement le cuir chevelu du bout des doigts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpc-step\"\u003e\n \u003cdiv class=\"soi-shpc-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shpc-step-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePatientez 1 à 2 minutes pour laisser les actifs agir sur la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpc-step\"\u003e\n \u003cdiv class=\"soi-shpc-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shpc-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Évitez l'eau trop chaude, qui ouvre les écailles et favorise la décoloration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpc-step\"\u003e\n \u003cdiv class=\"soi-shpc-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-shpc-step-content\"\u003e\n \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n \u003cp\u003eÀ utiliser à chaque lavage pour des résultats optimaux. Renouvelez l'opération si besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shpc-section\"\u003e\n \u003ch2\u003eComposition complète du shampooing\u003c\/h2\u003e\n \u003cdiv class=\"soi-shpc-accordion\"\u003e\n \u003cdetails class=\"soi-shpc-accordion-item\"\u003e\n \u003csummary class=\"soi-shpc-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-shpc-accordion-content\"\u003e\n \u003cp\u003eAqua (Water), Disodium Cocoyl Glutamate, Sodium Cocoyl Glutamate, Cocamidopropyl Betaine, Glycerin*, Hydrolyzed Rice Protein, Prunus Avium (Sweet Cherry) Seed Oil*, Rubus Idaeus (Raspberry) Fruit Vinegar*, Sodium Chloride, Citric Acid, Parfum (Fragrance), Benzyl Alcohol, Dehydroacetic Acid, Sodium Benzoate, Potassium Sorbate, CI 17200, CI 42090.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shpc-section\"\u003e\n \u003ch2\u003eCe shampooing est fait pour vous si…\u003c\/h2\u003e\n \u003cdiv class=\"soi-shpc-grid\"\u003e\n \u003cdiv class=\"soi-shpc-card\"\u003e\n \u003ch3\u003e🎨 Vous avez les cheveux colorés, méchés ou balayés\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez préserver l'éclat de votre couleur entre deux colorations et limiter la perte de pigments au fil des lavages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpc-card\"\u003e\n \u003ch3\u003e🌱 Vous recherchez une formule bio et vegan\u003c\/h3\u003e\n \u003cp\u003eVous cherchez un shampooing couleur sans sulfate, vegan et certifié bio, sans compromis sur l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpc-card\"\u003e\n \u003ch3\u003e🇫🇷 Vous privilégiez la fabrication française\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez une alternative naturelle avec une formule fabriquée en France et un flacon 100 % recyclé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpc-card\"\u003e\n \u003ch3\u003e🐰 Vous êtes sensible au respect du vivant\u003c\/h3\u003e\n \u003cp\u003eVous êtes sensible aux produits respectueux de l'environnement et des animaux, certifié Cruelty Free.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shpc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shpc-cta-box\"\u003e\n \u003cp class=\"soi-shpc-cta-tag\" style=\"color: white;\"\u003eVotre couleur mérite le meilleur du naturel\u003c\/p\u003e\n \u003cp class=\"soi-shpc-cta-text\" style=\"color: white;\"\u003eProtégez chaque nuance et ravivez l'éclat de vos cheveux avec ce shampooing bio Coslys. Une routine capillaire douce, gourmande et engagée, pour une couleur qui dure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shpc-marine: #1A2D3D;\n --soi-shpc-marine-dark: #0F1E2B;\n --soi-shpc-marine-light: #2C4458;\n --soi-shpc-pomme: #A1C544;\n --soi-shpc-pomme-dark: #84A636;\n --soi-shpc-pomme-light: rgba(161,197,68,0.10);\n\n --soi-shpc-white: #FFFFFF;\n --soi-shpc-off-white: #F8FAF6;\n --soi-shpc-stone: #F1F3EE;\n --soi-shpc-line: #E5E8E0;\n\n --soi-shpc-primary: #C0394F;\n --soi-shpc-primary-soft: #F2E0E4;\n --soi-shpc-accent: #D4A82A;\n\n --soi-shpc-text: #1A2D3D;\n --soi-shpc-text-soft: #4A5B6B;\n --soi-shpc-text-muted: #7B8693;\n\n --soi-shpc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shpc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shpc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shpc-radius: 12px;\n --soi-shpc-radius-sm: 8px;\n --soi-shpc-radius-pill: 999px;\n}\n\n.soi-shpc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shpc-fiche img { max-width: 100%; height: auto; }\n\n.soi-shpc-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shpc-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shpc-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shpc-hero {\n position: relative;\n background: var(--soi-shpc-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shpc-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shpc-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shpc-pomme);\n}\n\n.soi-shpc-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shpc-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shpc-pomme);\n border-radius: 50%;\n}\n\n.soi-shpc-hero-title {\n display: block;\n color: var(--soi-shpc-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shpc-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shpc-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shpc-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shpc-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shpc-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shpc-label-accent {\n background: var(--soi-shpc-pomme);\n border-color: var(--soi-shpc-pomme);\n color: var(--soi-shpc-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shpc-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shpc-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shpc-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shpc-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shpc-pomme);\n border-radius: 2px;\n}\n\n.soi-shpc-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shpc-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shpc-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shpc-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shpc-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shpc-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-shpc-benefit {\n background: var(--soi-shpc-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shpc-radius);\n border: 1px solid var(--soi-shpc-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shpc-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shpc-shadow-md);\n}\n\n.soi-shpc-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shpc-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-shpc-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shpc-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shpc-benefit:hover .soi-shpc-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shpc-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shpc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shpc-benefit p {\n font-size: 13px;\n color: var(--soi-shpc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shpc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shpc-card {\n background: var(--soi-shpc-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shpc-radius);\n border-left: 3px solid var(--soi-shpc-pomme);\n}\n\n.soi-shpc-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shpc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shpc-card p {\n font-size: 14px;\n color: var(--soi-shpc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shpc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shpc-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shpc-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shpc-radius);\n border: 1px solid var(--soi-shpc-line);\n align-items: flex-start;\n}\n\n.soi-shpc-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shpc-marine);\n color: var(--soi-shpc-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shpc-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shpc-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shpc-step-content p {\n font-size: 14px;\n color: var(--soi-shpc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-shpc-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shpc-pomme-light);\n border-left: 4px solid var(--soi-shpc-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shpc-radius) var(--soi-shpc-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-shpc-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shpc-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shpc-marine);\n margin-bottom: 4px;\n}\n\n.soi-shpc-tip p {\n font-size: 14px;\n color: var(--soi-shpc-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shpc-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shpc-accordion-item {\n background: var(--soi-shpc-off-white);\n border-radius: var(--soi-shpc-radius-sm);\n border: 1px solid var(--soi-shpc-line);\n overflow: hidden;\n}\n\n.soi-shpc-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shpc-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-shpc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shpc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shpc-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shpc-accordion-item[open] .soi-shpc-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shpc-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shpc-accordion-content p {\n font-size: 14px;\n color: var(--soi-shpc-text-soft);\n line-height: 1.6;\n margin-bottom: 0.5rem;\n}\n\n.soi-shpc-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.soi-shpc-accordion-content em {\n font-size: 13px;\n color: var(--soi-shpc-text-muted);\n}\n\n\/* === CTA BOX === *\/\n.soi-shpc-cta-box {\n background: var(--soi-shpc-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shpc-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shpc-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shpc-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shpc-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shpc-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shpc-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shpc-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-shpc-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shpc-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-shpc-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-shpc-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-shpc-tip {\n flex-direction: column;\n gap: 0.5rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shpc-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shpc-fiche {\n --soi-shpc-text-soft: #2C3E50;\n --soi-shpc-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603511238986,"sku":"CS0116","price":13.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-protecteur-de-couleur-certifie-bio-et-vegan-cosly-packshot.webp?v=1779444149"},{"product_id":"shampooing-anti-jaunissement-certifie-bio-coslys","title":"Shampooing Anti-jaunissement certifié bio – Coslys","description":"\n\u003cdiv class=\"soi-cent-fiche\"\u003e\n\n \u003csection class=\"soi-cent-hero\"\u003e\n \u003cdiv class=\"soi-cent-hero-tag\"\u003e\n \u003cspan class=\"soi-cent-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire bio · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-cent-hero-title\"\u003eShampooing Anti-jaunissement certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-cent-hero-subtitle\"\u003eLa centaurée bio au service de vos cheveux blancs, gris et blonds : une blancheur lumineuse retrouvée, lavage après lavage, sans silicone ni sulfates agressifs.\u003c\/p\u003e\n \u003cdiv class=\"soi-cent-hero-labels\"\u003e\n \u003cspan class=\"soi-cent-label soi-cent-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-cent-label\"\u003e97,5 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-cent-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-cent-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-cent-label\"\u003e0 % SILICONE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003eShampooing anti-jaunissement bio à la centaurée, pour cheveux blancs, gris et blonds\u003c\/h2\u003e\n \u003cp\u003eVos cheveux blancs, gris ou blonds virent parfois au jaune avec le temps, la pollution ou l'eau calcaire. Ce phénomène, tout à fait naturel, peut pourtant ternir l'éclat de votre chevelure. Le Shampooing Anti-Jaunissement Coslys certifié bio a été conçu précisément pour y remédier, sans colorant synthétique agressif ni silicone. Il neutralise les reflets indésirables lavage après lavage, tout en prenant soin de la fibre capillaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing pour cheveux blancs et gris ?\u003c\/h2\u003e\n \u003cp class=\"soi-cent-section-intro\"\u003eContrairement à de nombreux shampooings anti-jaunissement du marché, la formule Coslys mise sur des actifs naturels et biologiques pour agir en douceur. Résultat : les cheveux retrouvent leur vrai éclat, lumineux et sans reflets dorés, tout en restant souples et nourris. La certification Cosmos Organic garantit une composition transparente, respectueuse de votre cuir chevelu et de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"soi-cent-benefits\"\u003e\n \u003cdiv class=\"soi-cent-benefit\"\u003e\n \u003cdiv class=\"soi-cent-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAnti-reflets jaunâtres\u003c\/h3\u003e\n \u003cp\u003eNeutralise activement les reflets jaunâtres et oxydés pour une chevelure lumineuse et éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-benefit\"\u003e\n \u003cdiv class=\"soi-cent-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e97,5 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eUne formule certifiée Cosmos Organic, sans silicone et sans sulfates agressifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-benefit\"\u003e\n \u003cdiv class=\"soi-cent-benefit-icon\"\u003e\u003cspan\u003e🐰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVegan et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux, une démarche éthique de la conception jusqu'au flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-benefit\"\u003e\n \u003cdiv class=\"soi-cent-benefit-icon\"\u003e\u003cspan\u003e🏆\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTrophée Pleine Vie 2023\u003c\/h3\u003e\n \u003cp\u003eLauréat du 1er prix dans la catégorie Cosmétique, une reconnaissance par les consommatrices elles-mêmes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003eLes ingrédients actifs qui font la différence\u003c\/h2\u003e\n \u003cp class=\"soi-cent-section-intro\"\u003eLa force de ce shampooing anti-jaunissement bio repose sur une sélection d'actifs complémentaires, chacun jouant un rôle précis dans le soin de vos cheveux.\u003c\/p\u003e\n \u003cdiv class=\"soi-cent-grid\"\u003e\n \u003cdiv class=\"soi-cent-card\"\u003e\n \u003ch3\u003e💙 Extrait de centaurée bio\u003c\/h3\u003e\n \u003cp\u003eVéritable star de la formule, la centaurée est reconnue depuis longtemps pour ses propriétés bleutantes naturelles. Elle neutralise les pigments jaunes et apaise le cuir chevelu en même temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-card\"\u003e\n \u003ch3\u003e🌳 Extrait de baobab\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, il nourrit et hydrate en profondeur des racines jusqu'aux pointes, pour une chevelure souple et brillante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-card\"\u003e\n \u003ch3\u003e🌾 Extrait de riz\u003c\/h3\u003e\n \u003cp\u003eIl renforce la fibre capillaire de l'intérieur, limitant la casse et préservant la structure du cheveu au fil des lavages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003eComment utiliser le shampooing anti-jaunissement Coslys ?\u003c\/h2\u003e\n \u003cp class=\"soi-cent-section-intro\"\u003eSon utilisation est simple et s'intègre sans effort dans votre routine capillaire habituelle.\u003c\/p\u003e\n \u003cdiv class=\"soi-cent-timeline\"\u003e\n \u003cdiv class=\"soi-cent-step\"\u003e\n \u003cdiv class=\"soi-cent-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step\"\u003e\n \u003cdiv class=\"soi-cent-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step-content\"\u003e\n \u003ch3\u003eMasser et faire mousser\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu et faites mousser sur toute la longueur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step\"\u003e\n \u003cdiv class=\"soi-cent-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step-content\"\u003e\n \u003ch3\u003eLaisser poser\u003c\/h3\u003e\n \u003cp\u003ePatientez 2 à 3 minutes pour maximiser l'action neutralisante de la centaurée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step\"\u003e\n \u003cdiv class=\"soi-cent-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-tip\"\u003e\n \u003cdiv class=\"soi-cent-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un résultat optimal sur des cheveux blancs ou gris très jaunes, utilisez-le à chaque shampooing ou en alternance avec votre shampooing habituel selon l'intensité des reflets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003eCe que les utilisatrices en disent\u003c\/h2\u003e\n \u003cp\u003eCe shampooing a été testé et approuvé par 100 % des testeuses lors de son lancement. Les retours sont unanimes : les cheveux gris et blancs retrouvent une blancheur éclatante dès les premières utilisations, sans effet violet excessif parfois reproché aux shampooings déjaunisseurs classiques. Une formule pensée pour être efficace et agréable à utiliser au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-cent-grid-compact\"\u003e\n \u003cdiv class=\"soi-cent-card-mini\"\u003e\n \u003cspan class=\"soi-cent-card-mini-icon\"\u003e✅\u003c\/span\u003e\n \u003cspan class=\"soi-cent-card-mini-label\"\u003eApprobation\u003c\/span\u003e\n \u003cspan class=\"soi-cent-card-mini-value\"\u003e100 % des testeuses\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-card-mini\"\u003e\n \u003cspan class=\"soi-cent-card-mini-icon\"\u003e🏆\u003c\/span\u003e\n \u003cspan class=\"soi-cent-card-mini-label\"\u003eRécompense\u003c\/span\u003e\n \u003cspan class=\"soi-cent-card-mini-value\"\u003eTrophée Pleine Vie 2023\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-card-mini\"\u003e\n \u003cspan class=\"soi-cent-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-cent-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-cent-card-mini-value\"\u003eSomloire, Anjou\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-cent-compo\"\u003e\n \u003cdiv class=\"soi-cent-compo-row\"\u003e\n \u003cspan class=\"soi-cent-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-cent-compo-value\"\u003e97,5 % des ingrédients\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-compo-row\"\u003e\n \u003cspan class=\"soi-cent-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-cent-compo-value\"\u003eCosmos Organic par Ecocert Greenlife\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-compo-row\"\u003e\n \u003cspan class=\"soi-cent-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-cent-compo-value\"\u003eFrance (Somloire, Anjou)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-accordion\"\u003e\n \u003cdetails class=\"soi-cent-accordion-item\"\u003e\n \u003csummary class=\"soi-cent-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-cent-accordion-content\"\u003e\n \u003cp\u003eAqua, Sodium Coco-Sulfate, Cocamidopropyl Betaine, Glycerin*, Oryza Sativa Starch*, Adansonia Digitata Seed Oil*, Centaurea Cyanus Flower Water*, Centaurea Cyanus Flower Extract*, Sodium Chloride, Citric Acid, Parfum, Sodium Benzoate, Potassium Sorbate, CI 42090, CI 60730.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cent-accordion-item\"\u003e\n \u003csummary class=\"soi-cent-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n \u003cdiv class=\"soi-cent-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne remplace en aucun cas l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cent-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-cent-cta-box\"\u003e\n \u003cp class=\"soi-cent-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans vos cheveux\u003c\/p\u003e\n \u003cp class=\"soi-cent-cta-text\" style=\"color: white;\"\u003eVos cheveux blancs, gris ou blonds méritent de rayonner pleinement. Grâce à la centaurée bio et à des actifs naturels soigneusement sélectionnés, le Shampooing Anti-Jaunissement Coslys redonne en quelques lavages une blancheur lumineuse, sans agresser ni alourdir la fibre. Une formule française, certifiée bio, qui prend soin de vous et de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-cent-marine: #1A2D3D;\n --soi-cent-marine-dark: #0F1E2B;\n --soi-cent-marine-light: #2C4458;\n --soi-cent-pomme: #A1C544;\n --soi-cent-pomme-dark: #84A636;\n --soi-cent-pomme-light: rgba(161,197,68,0.10);\n\n --soi-cent-white: #FFFFFF;\n --soi-cent-off-white: #F8FAF6;\n --soi-cent-stone: #F1F3EE;\n --soi-cent-line: #E5E8E0;\n\n --soi-cent-primary: #7B8EC8;\n --soi-cent-primary-soft: rgba(123,142,200,0.12);\n --soi-cent-accent: #A8B5D4;\n\n --soi-cent-text: #1A2D3D;\n --soi-cent-text-soft: #4A5B6B;\n --soi-cent-text-muted: #7B8693;\n\n --soi-cent-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-cent-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-cent-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-cent-radius: 12px;\n --soi-cent-radius-sm: 8px;\n --soi-cent-radius-pill: 999px;\n}\n\n.soi-cent-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cent-fiche img { max-width: 100%; height: auto; }\n\n.soi-cent-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-cent-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-cent-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-cent-hero {\n position: relative;\n background: var(--soi-cent-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-cent-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-cent-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-cent-pomme);\n}\n\n.soi-cent-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-cent-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-cent-pomme);\n border-radius: 50%;\n}\n\n.soi-cent-hero-title {\n display: block;\n color: var(--soi-cent-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-cent-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-cent-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-cent-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-cent-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-cent-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-cent-label-accent {\n background: var(--soi-cent-pomme);\n border-color: var(--soi-cent-pomme);\n color: var(--soi-cent-marine);\n font-weight: 600;\n}\n\n.soi-cent-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cent-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-cent-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-cent-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-cent-pomme);\n border-radius: 2px;\n}\n\n.soi-cent-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-cent-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-cent-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-cent-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-cent-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-cent-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-cent-benefit {\n background: var(--soi-cent-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-cent-radius);\n border: 1px solid var(--soi-cent-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cent-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-cent-shadow-md);\n}\n\n.soi-cent-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-cent-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-cent-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-cent-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-cent-benefit:hover .soi-cent-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-cent-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cent-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cent-benefit p {\n font-size: 13px;\n color: var(--soi-cent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cent-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-cent-card {\n background: var(--soi-cent-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cent-radius);\n border-left: 3px solid var(--soi-cent-pomme);\n}\n\n.soi-cent-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cent-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cent-card p {\n font-size: 14px;\n color: var(--soi-cent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cent-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.5rem;\n}\n\n.soi-cent-card-mini {\n background: var(--soi-cent-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-cent-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-cent-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-cent-card-mini-label {\n font-size: 11px;\n color: var(--soi-cent-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-cent-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cent-marine);\n}\n\n.soi-cent-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-cent-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-cent-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cent-radius);\n border: 1px solid var(--soi-cent-line);\n align-items: flex-start;\n}\n\n.soi-cent-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-cent-marine);\n color: var(--soi-cent-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-cent-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cent-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-cent-step-content p {\n font-size: 14px;\n color: var(--soi-cent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cent-compo {\n background: var(--soi-cent-off-white);\n border-radius: var(--soi-cent-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-cent-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-cent-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-cent-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-cent-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-cent-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-cent-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-cent-marine);\n text-align: right;\n}\n\n.soi-cent-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-cent-pomme-light);\n border-left: 4px solid var(--soi-cent-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-cent-radius) var(--soi-cent-radius) 0;\n align-items: flex-start;\n}\n\n.soi-cent-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-cent-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-cent-marine);\n margin-bottom: 4px;\n}\n\n.soi-cent-tip p {\n font-size: 14px;\n color: var(--soi-cent-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cent-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-cent-accordion-item {\n background: var(--soi-cent-off-white);\n border-radius: var(--soi-cent-radius-sm);\n border: 1px solid var(--soi-cent-line);\n overflow: hidden;\n}\n\n.soi-cent-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-cent-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-cent-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-cent-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-cent-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-cent-accordion-item[open] .soi-cent-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-cent-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-cent-accordion-content p {\n font-size: 14px;\n color: var(--soi-cent-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem;\n}\n\n.soi-cent-accordion-content p:last-child {\n margin: 0;\n}\n\n.soi-cent-cta-box {\n background: var(--soi-cent-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-cent-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-cent-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-cent-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-cent-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-cent-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-cent-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-cent-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-cent-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-cent-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-cent-compo-value {\n text-align: left;\n }\n\n .soi-cent-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-cent-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-cent-fiche {\n --soi-cent-text-soft: #2C3E50;\n --soi-cent-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603516940618,"sku":"CS0135","price":15.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-anti-jaunissement-certifie-bio-coslys-packshot.webp?v=1779444159"},{"product_id":"masque-keratine-certifie-bio-coslys","title":"Masque Kératine certifié bio – Coslys","description":"\u003cdiv class=\"soi-mker-fiche\"\u003e\n\n\u003csection class=\"soi-mker-hero\"\u003e\n \u003cdiv class=\"soi-mker-hero-tag\"\u003e\n \u003cspan class=\"soi-mker-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétiques et soins capillaires · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-mker-hero-title\"\u003eRéparation végétale pour cheveux fragilisés\u003c\/span\u003e\n \u003cp class=\"soi-mker-hero-subtitle\"\u003eLa phytokératine et la fleur de lys bio s'allient dans une formule à 99 % d'origine naturelle pour restaurer, lisser et protéger vos cheveux dès la première application.\u003c\/p\u003e\n \u003cdiv class=\"soi-mker-hero-labels\"\u003e\n \u003cspan class=\"soi-mker-label soi-mker-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-mker-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-mker-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-mker-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-mker-label\"\u003eNON TESTÉ SUR LES ANIMAUX\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\"\u003e\n \u003ch2\u003ePourquoi ce masque à la kératine fait vraiment la différence\u003c\/h2\u003e\n \u003cp class=\"soi-mker-section-intro\"\u003eParmi les nombreux masques capillaires à la kératine disponibles sur le marché, celui de Coslys se distingue par la qualité de ses actifs et son engagement bio. Là où beaucoup de formules conventionnelles s'appuient sur des agents synthétiques, Coslys mise sur des ingrédients d'origine naturelle sans sacrifier l'efficacité.\u003c\/p\u003e\n \u003cdiv class=\"soi-mker-benefits\"\u003e\n \u003cdiv class=\"soi-mker-benefit\"\u003e\n \u003cdiv class=\"soi-mker-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePhytokératine végétale\u003c\/h3\u003e\n \u003cp\u003eElle pénètre la fibre capillaire pour combler les zones fragilisées, réduire la porosité et restaurer la résistance du cheveu de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-benefit\"\u003e\n \u003cdiv class=\"soi-mker-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFleur de lys bio\u003c\/h3\u003e\n \u003cp\u003eRiche en actifs adoucissants, elle enveloppe le cheveu d'une pellicule protectrice qui facilite le démêlage et apporte de la légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-benefit\"\u003e\n \u003cdiv class=\"soi-mker-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eThermo-protection intégrée\u003c\/h3\u003e\n \u003cp\u003eLe masque forme un bouclier contre la chaleur du sèche-cheveux ou du fer à lisser, idéal si vous coiffez vos cheveux régulièrement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-benefit\"\u003e\n \u003cdiv class=\"soi-mker-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eLissage et discipline durables\u003c\/h3\u003e\n \u003cp\u003eLes cheveux indisciplinés retrouvent de la souplesse, du galbe et une surface visiblement plus lisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\"\u003e\n \u003ch2\u003ePour qui est ce masque kératine cheveux ?\u003c\/h2\u003e\n \u003cp\u003eCe soin est conçu spécifiquement pour les cheveux fragilisés, abîmés, colorés ou frisottants. Si vos pointes sont sèches, si vos cheveux cassent facilement ou si le brushing ne tient pas, ce masque kératine action intensive est fait pour vous.\u003c\/p\u003e\n \u003cp\u003eIl convient aussi bien aux cheveux fins (en usage ponctuel) qu'aux cheveux épais ou bouclés qui nécessitent un soin structurant régulier.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\"\u003e\n \u003ch2\u003eComment utiliser le masque kératine Coslys : les 3 étapes clés\u003c\/h2\u003e\n \u003cdiv class=\"soi-mker-timeline\"\u003e\n \u003cdiv class=\"soi-mker-step\"\u003e\n \u003cdiv class=\"soi-mker-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-mker-step-content\"\u003e\n \u003ch3\u003eAppliquez sur cheveux essorés\u003c\/h3\u003e\n \u003cp\u003eAprès le shampoing, essorez légèrement vos cheveux. Appliquez une noisette généreuse de masque sur les longueurs et les pointes, en évitant le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-step\"\u003e\n \u003cdiv class=\"soi-mker-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-mker-step-content\"\u003e\n \u003ch3\u003eLaissez poser 3 à 5 minutes\u003c\/h3\u003e\n \u003cp\u003ePour un soin intensif hebdomadaire, enveloppez vos cheveux dans une serviette chaude pour amplifier la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-step\"\u003e\n \u003cdiv class=\"soi-mker-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-mker-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède, puis séchez et coiffez comme à votre habitude. Résultat immédiat : des cheveux plus lisses, plus doux et visiblement nourris.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-tip\"\u003e\n \u003cdiv class=\"soi-mker-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un rituel complet, associez ce masque au shampoing et à l'après-shampoing de la gamme Sublime Kératine Coslys pour décupler les effets réparateurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\"\u003e\n \u003ch2\u003eComposition du masque kératine bio Coslys\u003c\/h2\u003e\n \u003cp class=\"soi-mker-section-intro\"\u003eFormule certifiée Cosmos Organic, à 99 % d'origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"soi-mker-grid\"\u003e\n \u003cdiv class=\"soi-mker-card\"\u003e\n \u003ch3\u003e🌿 Phytokératine (kératine d'origine végétale)\u003c\/h3\u003e\n \u003cp\u003eActif réparateur principal, restructure la fibre capillaire en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-card\"\u003e\n \u003ch3\u003e🌸 Extrait de fleur de lys bio\u003c\/h3\u003e\n \u003cp\u003eAdoucissant, protecteur et sublimateur de brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-card\"\u003e\n \u003ch3\u003e💧 Agents conditionneurs naturels\u003c\/h3\u003e\n \u003cp\u003eFacilitent le démêlage et lissent les écailles du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-compo\"\u003e\n \u003cdiv class=\"soi-mker-compo-row\"\u003e\n \u003cspan class=\"soi-mker-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-mker-compo-value\"\u003e250 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-compo-row\"\u003e\n \u003cspan class=\"soi-mker-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-mker-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-compo-row\"\u003e\n \u003cspan class=\"soi-mker-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-mker-compo-value\"\u003e99 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-compo-row\"\u003e\n \u003cspan class=\"soi-mker-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-mker-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-compo-row\"\u003e\n \u003cspan class=\"soi-mker-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-mker-compo-value\"\u003eSilicones, parabènes, colorants synthétiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le masque cheveux à la kératine\u003c\/h2\u003e\n \u003cdiv class=\"soi-mker-accordion\"\u003e\n \u003cdetails class=\"soi-mker-accordion-item\"\u003e\n \u003csummary class=\"soi-mker-accordion-header\"\u003e🔄 À quelle fréquence utiliser ce masque kératine ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-mker-accordion-content\"\u003e\n \u003cp\u003eUne fois par semaine pour un soin réparateur en profondeur, ou deux fois par semaine si vos cheveux sont très abîmés ou colorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-mker-accordion-item\"\u003e\n \u003csummary class=\"soi-mker-accordion-header\"\u003e🎨 Ce masque kératine est-il compatible avec les cheveux colorés ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-mker-accordion-content\"\u003e\n \u003cp\u003eOui, sa formule douce et sans sulfates ni agents agressifs le rend tout à fait adapté aux cheveux colorés ou décolorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-mker-accordion-item\"\u003e\n \u003csummary class=\"soi-mker-accordion-header\"\u003e⏱️ Peut-on l'utiliser comme après-shampoing express ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-mker-accordion-content\"\u003e\n \u003cp\u003eAbsolument. Une application de 2 minutes suffit pour retrouver des cheveux démêlés et soyeux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-mker-cta-box\"\u003e\n \u003cp class=\"soi-mker-cta-tag\" style=\"color: white;\"\u003eUn soin capillaire certifié bio, efficace et éthique\u003c\/p\u003e\n \u003cp class=\"soi-mker-cta-text\" style=\"color: white;\"\u003eQuand vos cheveux semblent à bout de souffle, ce masque kératine bio Coslys répare, lisse et protège grâce à des actifs naturels certifiés, sans compromis sur l'éthique ni sur l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-mker-marine: #1A2D3D;\n --soi-mker-marine-dark: #0F1E2B;\n --soi-mker-marine-light: #2C4458;\n --soi-mker-pomme: #A1C544;\n --soi-mker-pomme-dark: #84A636;\n --soi-mker-pomme-light: rgba(161,197,68,0.10);\n --soi-mker-white: #FFFFFF;\n --soi-mker-off-white: #F8FAF6;\n --soi-mker-stone: #F1F3EE;\n --soi-mker-line: #E5E8E0;\n --soi-mker-primary: #D4A8B5;\n --soi-mker-primary-soft: #F2E4EA;\n --soi-mker-accent: #C084A0;\n --soi-mker-text: #1A2D3D;\n --soi-mker-text-soft: #4A5B6B;\n --soi-mker-text-muted: #7B8693;\n --soi-mker-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-mker-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-mker-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-mker-radius: 12px;\n --soi-mker-radius-sm: 8px;\n --soi-mker-radius-pill: 999px;\n}\n\n.soi-mker-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mker-fiche img { max-width: 100%; height: auto; }\n\n.soi-mker-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-mker-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-mker-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-mker-hero {\n position: relative;\n background: var(--soi-mker-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-mker-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-mker-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-mker-pomme);\n}\n\n.soi-mker-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-mker-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-mker-pomme);\n border-radius: 50%;\n}\n\n.soi-mker-hero-title {\n display: block;\n color: var(--soi-mker-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-mker-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-mker-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-mker-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-mker-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-mker-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-mker-label-accent {\n background: var(--soi-mker-pomme);\n border-color: var(--soi-mker-pomme);\n color: var(--soi-mker-marine);\n font-weight: 600;\n}\n\n.soi-mker-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mker-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-mker-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-mker-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-mker-pomme);\n border-radius: 2px;\n}\n\n.soi-mker-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-mker-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-mker-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-mker-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-mker-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-mker-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-mker-benefit {\n background: var(--soi-mker-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-mker-radius);\n border: 1px solid var(--soi-mker-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mker-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-mker-shadow-md);\n}\n\n.soi-mker-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-mker-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-mker-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-mker-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-mker-benefit:hover .soi-mker-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-mker-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mker-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mker-benefit p {\n font-size: 13px;\n color: var(--soi-mker-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mker-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-mker-card {\n background: var(--soi-mker-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mker-radius);\n border-left: 3px solid var(--soi-mker-pomme);\n}\n\n.soi-mker-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mker-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mker-card p {\n font-size: 14px;\n color: var(--soi-mker-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mker-compo {\n background: var(--soi-mker-off-white);\n border-radius: var(--soi-mker-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-mker-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-mker-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-mker-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-mker-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-mker-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-mker-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-mker-marine);\n text-align: right;\n}\n\n.soi-mker-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-mker-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-mker-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mker-radius);\n border: 1px solid var(--soi-mker-line);\n align-items: flex-start;\n}\n\n.soi-mker-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-mker-marine);\n color: var(--soi-mker-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-mker-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-mker-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-mker-step-content p {\n font-size: 14px;\n color: var(--soi-mker-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mker-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-mker-pomme-light);\n border-left: 4px solid var(--soi-mker-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-mker-radius) var(--soi-mker-radius) 0;\n align-items: flex-start;\n}\n\n.soi-mker-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-mker-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-mker-marine);\n margin-bottom: 4px;\n}\n\n.soi-mker-tip p {\n font-size: 14px;\n color: var(--soi-mker-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mker-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-mker-accordion-item {\n background: var(--soi-mker-off-white);\n border-radius: var(--soi-mker-radius-sm);\n border: 1px solid var(--soi-mker-line);\n overflow: hidden;\n}\n\n.soi-mker-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-mker-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-mker-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-mker-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-mker-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-mker-accordion-item[open] .soi-mker-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-mker-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-mker-accordion-content p {\n font-size: 14px;\n color: var(--soi-mker-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mker-cta-box {\n background: var(--soi-mker-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-mker-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-mker-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-mker-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-mker-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-mker-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-mker-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-mker-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-mker-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-mker-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-mker-compo-value {\n text-align: left;\n }\n\n .soi-mker-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-mker-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-mker-fiche {\n --soi-mker-text-soft: #2C3E50;\n --soi-mker-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603517792586,"sku":"CS0150","price":18.13,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/masque-keratine-certifie-bio-coslys-packshot_1__11zon.webp?v=1781518497"},{"product_id":"shampooing-nourrissant-certifie-bio-coslys","title":"Shampooing Bio Nourrissant Cheveux Bouclés - Coslys","description":"\u003cdiv class=\"soi-came-fiche\"\u003e\n\n \u003csection class=\"soi-came-hero\"\u003e\n \u003cdiv class=\"soi-came-hero-tag\"\u003e\n \u003cspan class=\"soi-came-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire bio · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-came-hero-title\"\u003eShampooing Nourrissant certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-came-hero-subtitle\"\u003eLa nutrition profonde de l'huile de cameline bio française pour redonner vie, souplesse et définition à vos cheveux secs, bouclés ou crépus.\u003c\/p\u003e\n \u003cdiv class=\"soi-came-hero-labels\"\u003e\n \u003cspan class=\"soi-came-label soi-came-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-came-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-came-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-came-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-came-label\"\u003e0% SILICONE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-came-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de cameline change tout pour les cheveux secs\u003c\/h2\u003e\n \u003cp\u003eL'huile de cameline bio française est la véritable star de ce shampooing naturel bio. Riche en oméga-3, oméga-6 et vitamine E, elle agit comme un bouclier nutritif sur la fibre capillaire. Concrètement, elle comble les zones fragilisées, réduit la porosité excessive et restitue une souplesse visible dès les premiers lavages. Contrairement à des huiles plus lourdes, la cameline nourrit sans alourdir, ce qui est idéal pour les boucles et les frisottis récalcitrants.\u003c\/p\u003e\n \u003cp\u003eL'aloe vera complète ce soin en apportant une hydratation continue au cuir chevelu, tandis que l'eau florale de reine des prés apaise les cuirs chevelus réactifs. Le résultat : des cheveux visiblement plus doux, brillants, et des boucles mieux dessinées sans effet collant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-came-section\"\u003e\n \u003ch2\u003eCe shampooing bio est fait pour vous si…\u003c\/h2\u003e\n \u003cdiv class=\"soi-came-grid\"\u003e\n \u003cdiv class=\"soi-came-card\"\u003e\n \u003ch3\u003e🌀 Vous avez les cheveux secs, frisés, bouclés ou crépus\u003c\/h3\u003e\n \u003cp\u003eVos longueurs manquent d'hydratation et vos boucles peinent à se dessiner ? Ce shampooing leur apporte la nutrition dont elles ont besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-card\"\u003e\n \u003ch3\u003e🌿 Vous êtes adepte du sans sulfates et sans silicone\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un shampooing bio respectueux du cuir chevelu, sans tensioactifs agressifs ni agents occlusifs synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-card\"\u003e\n \u003ch3\u003e✨ Si vous souhaitez des boucles naturelles sans chimie\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez définir et sublimer vos boucles naturellement, sans recourir à des produits chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-card\"\u003e\n \u003ch3\u003e🐰 Si vous êtes sensible aux valeurs éthiques\u003c\/h3\u003e\n \u003cp\u003eVous privilégiez les formules véganes, cruelty-free et fabriquées en France pour une routine capillaire alignée avec vos convictions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-came-section\"\u003e\n \u003ch2\u003eComment utiliser le shampooing nourrissant Coslys\u003c\/h2\u003e\n \u003cdiv class=\"soi-came-timeline\"\u003e\n \u003cdiv class=\"soi-came-step\"\u003e\n \u003cdiv class=\"soi-came-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-came-step-content\"\u003e\n \u003ch3\u003eMouiller abondamment\u003c\/h3\u003e\n \u003cp\u003eMouillez vos cheveux à l'eau tiède pour ouvrir les écailles et préparer la fibre à recevoir les actifs nourrissants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-step\"\u003e\n \u003cdiv class=\"soi-came-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-came-step-content\"\u003e\n \u003ch3\u003eAppliquer et masser\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur le cuir chevelu, massez doucement pour faire mousser, puis étalez sur les longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-step\"\u003e\n \u003cdiv class=\"soi-came-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-came-step-content\"\u003e\n \u003ch3\u003eRincer et sublimer\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède, puis terminez par un rinçage à l'eau froide pour sceller les écailles et sublimer la brillance. À utiliser seul ou suivi d'un après-shampooing bio pour un résultat optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-came-section\"\u003e\n \u003ch2\u003eComposition : que contient ce shampooing bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-came-compo\"\u003e\n \u003cdiv class=\"soi-came-compo-row\"\u003e\n \u003cspan class=\"soi-came-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-came-compo-value\"\u003eHuile de cameline bio française (oméga-3, oméga-6, vitamine E)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-compo-row\"\u003e\n \u003cspan class=\"soi-came-compo-label\"\u003eActif hydratant\u003c\/span\u003e\n \u003cspan class=\"soi-came-compo-value\"\u003eAloe vera bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-compo-row\"\u003e\n \u003cspan class=\"soi-came-compo-label\"\u003eActif apaisant\u003c\/span\u003e\n \u003cspan class=\"soi-came-compo-value\"\u003eEau florale de reine des prés bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-compo-row\"\u003e\n \u003cspan class=\"soi-came-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-came-compo-value\"\u003eVégétale douce, sans sulfates, sans silicone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-compo-row\"\u003e\n \u003cspan class=\"soi-came-compo-label\"\u003eSoin gainant\u003c\/span\u003e\n \u003cspan class=\"soi-came-compo-value\"\u003eActif gainant objectivé (définition des boucles)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-compo-row\"\u003e\n \u003cspan class=\"soi-came-compo-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-came-compo-value\"\u003eD'origine naturelle, notes florales légères\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-compo-row\"\u003e\n \u003cspan class=\"soi-came-compo-label\"\u003eNaturalité\u003c\/span\u003e\n \u003cspan class=\"soi-came-compo-value\"\u003e98,8 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-came-card-mini\"\u003e\n \u003cspan class=\"soi-came-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-value\"\u003e98,8 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-card-mini\"\u003e\n \u003cspan class=\"soi-came-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-label\"\u003eSilicone\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-value\"\u003e0 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-card-mini\"\u003e\n \u003cspan class=\"soi-came-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-value\"\u003e500 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-card-mini\"\u003e\n \u003cspan class=\"soi-came-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-came-section\"\u003e\n \u003ch2\u003eLes engagements Coslys qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-came-benefits\"\u003e\n \u003cdiv class=\"soi-came-benefit\"\u003e\n \u003cdiv class=\"soi-came-benefit-icon\"\u003e\u003cspan\u003e🏅\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eContrôlé par Ecocert, gage d'une formule transparente et respectueuse de la charte biologique européenne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-benefit\"\u003e\n \u003cdiv class=\"soi-came-benefit-icon\"\u003e\u003cspan\u003e🏭\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eÉlaboré dans les Pays de la Loire, avec un contrôle qualité rigoureux à chaque étape.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-benefit\"\u003e\n \u003cdiv class=\"soi-came-benefit-icon\"\u003e\u003cspan\u003e🐰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVegan et Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale, aucun test sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-benefit\"\u003e\n \u003cdiv class=\"soi-came-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFlacon grand format 500 ml\u003c\/h3\u003e\n \u003cp\u003eÉconomique et durable, pour une routine capillaire bio au quotidien sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-came-section\"\u003e\n \u003cdiv class=\"soi-came-accordion\"\u003e\n \u003cdetails class=\"soi-came-accordion-item\"\u003e\n \u003csummary class=\"soi-came-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-came-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique et ne se substitue à aucun traitement médical. En cas de problème persistant du cuir chevelu, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-came-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-came-cta-box\"\u003e\n \u003cp class=\"soi-came-cta-tag\" style=\"color: white;\"\u003ePrenez soin de vos boucles, naturellement\u003c\/p\u003e\n \u003cp class=\"soi-came-cta-text\" style=\"color: white;\"\u003eVos cheveux secs méritent une vraie nutrition, du cuir chevelu jusqu'aux pointes. L'huile de cameline bio française, des boucles définies, un geste éco-responsable chaque matin : c'est ça, se soigner naturellement avec Soinat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-came-marine: #1A2D3D;\n --soi-came-marine-dark: #0F1E2B;\n --soi-came-marine-light: #2C4458;\n --soi-came-pomme: #A1C544;\n --soi-came-pomme-dark: #84A636;\n --soi-came-pomme-light: rgba(161,197,68,0.10);\n\n --soi-came-white: #FFFFFF;\n --soi-came-off-white: #F8FAF6;\n --soi-came-stone: #F1F3EE;\n --soi-came-line: #E5E8E0;\n\n --soi-came-primary: #D4A52A;\n --soi-came-primary-soft: #F5E6B8;\n --soi-came-accent: #B5C96A;\n\n --soi-came-text: #1A2D3D;\n --soi-came-text-soft: #4A5B6B;\n --soi-came-text-muted: #7B8693;\n\n --soi-came-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-came-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-came-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-came-radius: 12px;\n --soi-came-radius-sm: 8px;\n --soi-came-radius-pill: 999px;\n}\n\n.soi-came-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-came-fiche img { max-width: 100%; height: auto; }\n\n.soi-came-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-came-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-came-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-came-hero {\n position: relative;\n background: var(--soi-came-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-came-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-came-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-came-pomme);\n}\n\n.soi-came-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-came-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-came-pomme);\n border-radius: 50%;\n}\n\n.soi-came-hero-title {\n display: block;\n color: var(--soi-came-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-came-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-came-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-came-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-came-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-came-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-came-label-accent {\n background: var(--soi-came-pomme);\n border-color: var(--soi-came-pomme);\n color: var(--soi-came-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-came-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-came-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-came-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-came-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-came-pomme);\n border-radius: 2px;\n}\n\n.soi-came-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-came-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-came-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-came-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-came-card {\n background: var(--soi-came-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-came-radius);\n border-left: 3px solid var(--soi-came-pomme);\n}\n\n.soi-came-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-came-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-came-card p {\n font-size: 14px;\n color: var(--soi-came-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-came-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-came-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-came-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-came-radius);\n border: 1px solid var(--soi-came-line);\n align-items: flex-start;\n}\n\n.soi-came-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-came-marine);\n color: var(--soi-came-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-came-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-came-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-came-step-content p {\n font-size: 14px;\n color: var(--soi-came-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-came-compo {\n background: var(--soi-came-off-white);\n border-radius: var(--soi-came-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-came-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-came-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-came-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-came-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-came-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-came-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-came-marine);\n text-align: right;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-came-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-came-card-mini {\n background: var(--soi-came-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-came-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-came-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-came-card-mini-label {\n font-size: 11px;\n color: var(--soi-came-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-came-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-came-marine);\n}\n\n\/* === BENEFITS === *\/\n.soi-came-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-came-benefit {\n background: var(--soi-came-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-came-radius);\n border: 1px solid var(--soi-came-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-came-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-came-shadow-md);\n}\n\n.soi-came-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-came-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-came-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-came-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-came-benefit:hover .soi-came-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-came-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-came-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-came-benefit p {\n font-size: 13px;\n color: var(--soi-came-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-came-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-came-accordion-item {\n background: var(--soi-came-off-white);\n border-radius: var(--soi-came-radius-sm);\n border: 1px solid var(--soi-came-line);\n overflow: hidden;\n}\n\n.soi-came-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-came-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-came-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-came-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-came-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-came-accordion-item[open] .soi-came-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-came-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-came-accordion-content p {\n font-size: 14px;\n color: var(--soi-came-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-came-cta-box {\n background: var(--soi-came-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-came-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-came-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-came-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-came-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-came-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-came-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-came-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-came-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-came-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-came-compo-value {\n text-align: left;\n }\n\n .soi-came-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-came-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-came-fiche {\n --soi-came-text-soft: #2C3E50;\n --soi-came-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603519398218,"sku":"CS0156","price":13.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-nourrissant-certifie-bio-coslys-packshot.webp?v=1779443019"},{"product_id":"masque-nutrition-intense-certifie-bio-coslys","title":"Masque capillaire Nutrition Intense bio – Coslys","description":"\n\u003cdiv class=\"soi-masq-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-masq-hero\"\u003e\n \u003cdiv class=\"soi-masq-hero-tag\"\u003e\n \u003cspan class=\"soi-masq-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire bio · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-masq-hero-title\"\u003eLa nutrition profonde venue de Lorraine\u003c\/span\u003e\n \u003cp class=\"soi-masq-hero-subtitle\"\u003eEnrichi en huile de Mirabelle de Lorraine et en beurre de karité bio, ce masque nutrition intense nourrit en profondeur vos cheveux secs et abîmés. 98,5 % d'ingrédients d'origine naturelle, certifié Cosmos Organic.\u003c\/p\u003e\n \u003cdiv class=\"soi-masq-hero-labels\"\u003e\n \u003cspan class=\"soi-masq-label soi-masq-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-masq-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-masq-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-masq-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-masq-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 : Pourquoi ce masque bio est différent des autres ? --\u003e\n \u003csection class=\"soi-masq-section\"\u003e\n \u003ch2\u003ePourquoi ce masque capillaire bio est différent des autres ?\u003c\/h2\u003e\n \u003cp\u003eLà où beaucoup de masques capillaires se contentent d'enrober la surface du cheveu, celui de Coslys agit directement au cœur de la fibre capillaire. Sa texture onctueuse, riche sans être lourde, fond littéralement sur les longueurs et les pointes pour une nutrition intense et durable.\u003c\/p\u003e\n \u003cp\u003eLe résultat est visible dès la première application : des cheveux plus doux, plus brillants et nettement plus faciles à coiffer.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 : Les actifs clés --\u003e\n \u003csection class=\"soi-masq-section\"\u003e\n \u003ch2\u003eLes actifs clés : ce qui nourrit vraiment vos cheveux\u003c\/h2\u003e\n \u003cdiv class=\"soi-masq-grid\"\u003e\n \u003cdiv class=\"soi-masq-card\"\u003e\n \u003ch3\u003e🍑 Huile de Mirabelle de Lorraine (bio)\u003c\/h3\u003e\n \u003cp\u003eVéritable signature de la gamme Coslys, cette huile végétale précieuse est riche en vitamines A et E et en acides gras essentiels. Elle renforce la fibre capillaire, apporte une brillance naturelle et protège vos cheveux des agressions quotidiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité (bio)\u003c\/h3\u003e\n \u003cp\u003eIngrédient star des soins nourrissants, il pénètre en profondeur pour hydrater intensément, réparer les pointes fourchues et réduire la casse. Idéal pour les cheveux très secs et fragilisés par la chaleur ou la coloration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-card\"\u003e\n \u003ch3\u003e🌿 Formule sans silicone, sans sulfate\u003c\/h3\u003e\n \u003cp\u003eVos cheveux sont nourris sans effet coating ni accumulation de résidus, pour un résultat sain sur la durée. Une approche respectueuse de la fibre capillaire et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 : Comment utiliser le masque --\u003e\n \u003csection class=\"soi-masq-section\"\u003e\n \u003ch2\u003eComment utiliser le masque nutrition Coslys ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-masq-timeline\"\u003e\n \u003cdiv class=\"soi-masq-step\"\u003e\n \u003cdiv class=\"soi-masq-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-masq-step-content\"\u003e\n \u003ch3\u003eEssorez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eAprès le shampoing, essorez doucement vos cheveux pour éliminer l'excès d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-step\"\u003e\n \u003cdiv class=\"soi-masq-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-masq-step-content\"\u003e\n \u003ch3\u003eAppliquez le masque\u003c\/h3\u003e\n \u003cp\u003eDéposez une noix généreuse du masque sur les longueurs et les pointes, en évitant le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-step\"\u003e\n \u003cdiv class=\"soi-masq-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-masq-step-content\"\u003e\n \u003ch3\u003eLaissez poser 3 à 5 minutes\u003c\/h3\u003e\n \u003cp\u003ePatientez 3 à 5 minutes, ou plus longtemps sous une serviette chaude pour un effet masque intensif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-step\"\u003e\n \u003cdiv class=\"soi-masq-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-masq-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède. Vos cheveux se démêlent facilement et se coiffent sans effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-tip\"\u003e\n \u003cdiv class=\"soi-masq-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eNous vous recommandons 1 à 2 applications par semaine, selon le degré de sécheresse de vos cheveux. Pour un soin encore plus profond, enveloppez votre chevelure dans une serviette chaude pendant le temps de pose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 5 : Composition INCI complète --\u003e\n \u003csection class=\"soi-masq-section\"\u003e\n \u003ch2\u003eComposition INCI complète\u003c\/h2\u003e\n \u003cdiv class=\"soi-masq-accordion\"\u003e\n \u003cdetails class=\"soi-masq-accordion-item\"\u003e\n \u003csummary class=\"soi-masq-accordion-header\"\u003e📋 Voir la liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-masq-accordion-content\"\u003e\n \u003cp\u003e\u003cem\u003eAqua, Cetearyl Alcohol, Prunus Domestica Seed Oil*, Butyrospermum Parkii Butter*, Behentrimonium Chloride, Glycerin*, Polyglyceryl-3 Stearate, Sodium Cocoyl Glutamate, Parfum (Fragrance), Xanthan Gum, Tocopherol, Citric Acid, Sodium Benzoate, Potassium Sorbate, Limonene, Linalool.\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 6 : Certifications et engagements Coslys --\u003e\n \u003csection class=\"soi-masq-section\"\u003e\n \u003ch2\u003eCertifications et engagements Coslys\u003c\/h2\u003e\n \u003cdiv class=\"soi-masq-grid-compact\"\u003e\n \u003cdiv class=\"soi-masq-card-mini\"\u003e\n \u003cspan class=\"soi-masq-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-masq-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-masq-card-mini-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-card-mini\"\u003e\n \u003cspan class=\"soi-masq-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-masq-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-masq-card-mini-value\"\u003eVegan \u0026amp; Cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-card-mini\"\u003e\n \u003cspan class=\"soi-masq-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-masq-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-masq-card-mini-value\"\u003eMade in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-card-mini\"\u003e\n \u003cspan class=\"soi-masq-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n \u003cspan class=\"soi-masq-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n \u003cspan class=\"soi-masq-card-mini-value\"\u003e98,5 % d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 7 : Pour qui est ce masque capillaire bio ? --\u003e\n \u003csection class=\"soi-masq-section\"\u003e\n \u003ch2\u003ePour qui est ce masque cheveux bio ?\u003c\/h2\u003e\n \u003cp\u003eCe masque hydratant bio est fait pour vous si vos cheveux sont naturellement secs, rendus poreux par des colorations répétées, fragilisés par la chaleur des outils coiffants ou agressés par le soleil et le vent.\u003c\/p\u003e\n \u003cp\u003eIl convient aussi bien aux cheveux fins qu'épais, aux textures lisses que bouclées.\u003c\/p\u003e\n \u003cdiv class=\"soi-masq-compo\"\u003e\n \u003cdiv class=\"soi-masq-compo-row\"\u003e\n \u003cspan class=\"soi-masq-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-masq-compo-value\"\u003e250 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-compo-row\"\u003e\n \u003cspan class=\"soi-masq-compo-label\"\u003eType de cheveux\u003c\/span\u003e\n \u003cspan class=\"soi-masq-compo-value\"\u003eSecs et abîmés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-compo-row\"\u003e\n \u003cspan class=\"soi-masq-compo-label\"\u003eForme\u003c\/span\u003e\n \u003cspan class=\"soi-masq-compo-value\"\u003eMasque capillaire en pot\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-masq-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-masq-cta-box\"\u003e\n \u003cp class=\"soi-masq-cta-text\" style=\"color: white;\"\u003eOffrez à vos cheveux la richesse de la Mirabelle de Lorraine et du karité bio, réunis dans une formule certifiée et fabriquée en France. Douceur, brillance et vitalité retrouvées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-masq-marine: #1A2D3D;\n --soi-masq-marine-dark: #0F1E2B;\n --soi-masq-marine-light: #2C4458;\n --soi-masq-pomme: #A1C544;\n --soi-masq-pomme-dark: #84A636;\n --soi-masq-pomme-light: rgba(161,197,68,0.10);\n\n --soi-masq-white: #FFFFFF;\n --soi-masq-off-white: #F8FAF6;\n --soi-masq-stone: #F1F3EE;\n --soi-masq-line: #E5E8E0;\n\n --soi-masq-primary: #D4A52A;\n --soi-masq-primary-soft: #F5E6B8;\n --soi-masq-accent: #E8B845;\n\n --soi-masq-text: #1A2D3D;\n --soi-masq-text-soft: #4A5B6B;\n --soi-masq-text-muted: #7B8693;\n\n --soi-masq-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-masq-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-masq-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-masq-radius: 12px;\n --soi-masq-radius-sm: 8px;\n --soi-masq-radius-pill: 999px;\n}\n\n.soi-masq-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-masq-fiche img { max-width: 100%; height: auto; }\n\n.soi-masq-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-masq-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-masq-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-masq-hero {\n position: relative;\n background: var(--soi-masq-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-masq-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-masq-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-masq-accent);\n}\n\n.soi-masq-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-masq-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-masq-accent);\n border-radius: 50%;\n}\n\n.soi-masq-hero-title {\n display: block;\n color: var(--soi-masq-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-masq-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-masq-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-masq-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-masq-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-masq-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-masq-label-accent {\n background: var(--soi-masq-accent);\n border-color: var(--soi-masq-accent);\n color: var(--soi-masq-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-masq-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-masq-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-masq-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-masq-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-masq-pomme);\n border-radius: 2px;\n}\n\n.soi-masq-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-masq-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-masq-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-masq-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-masq-card {\n background: var(--soi-masq-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-masq-radius);\n border-left: 3px solid var(--soi-masq-pomme);\n}\n\n.soi-masq-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-masq-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-masq-card p {\n font-size: 14px;\n color: var(--soi-masq-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-masq-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-masq-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-masq-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-masq-radius);\n border: 1px solid var(--soi-masq-line);\n align-items: flex-start;\n}\n\n.soi-masq-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-masq-marine);\n color: var(--soi-masq-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-masq-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-masq-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-masq-step-content p {\n font-size: 14px;\n color: var(--soi-masq-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-masq-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-masq-pomme-light);\n border-left: 4px solid var(--soi-masq-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-masq-radius) var(--soi-masq-radius) 0;\n align-items: flex-start;\n}\n\n.soi-masq-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-masq-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-masq-marine);\n margin-bottom: 4px;\n}\n\n.soi-masq-tip p {\n font-size: 14px;\n color: var(--soi-masq-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-masq-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-masq-accordion-item {\n background: var(--soi-masq-off-white);\n border-radius: var(--soi-masq-radius-sm);\n border: 1px solid var(--soi-masq-line);\n overflow: hidden;\n}\n\n.soi-masq-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-masq-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-masq-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-masq-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-masq-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-masq-accordion-item[open] .soi-masq-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-masq-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-masq-accordion-content p {\n font-size: 14px;\n color: var(--soi-masq-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem;\n}\n\n.soi-masq-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-masq-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-masq-card-mini {\n background: var(--soi-masq-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-masq-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-masq-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-masq-card-mini-label {\n font-size: 11px;\n color: var(--soi-masq-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-masq-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-masq-marine);\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-masq-compo {\n background: var(--soi-masq-off-white);\n border-radius: var(--soi-masq-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-masq-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-masq-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-masq-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-masq-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-masq-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-masq-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-masq-marine);\n text-align: right;\n}\n\n\/* === CTA BOX === *\/\n.soi-masq-cta-box {\n background: var(--soi-masq-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-masq-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-masq-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-masq-accent);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-masq-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-masq-accent);\n margin-bottom: 0.75rem;\n}\n\n.soi-masq-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-masq-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-masq-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-masq-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-masq-compo-value {\n text-align: left;\n }\n\n .soi-masq-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-masq-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-masq-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-masq-fiche {\n --soi-masq-text-soft: #2C3E50;\n --soi-masq-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603520250186,"sku":"CS0160","price":20.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/masque-nutrition_intense-certifie-bio-coslys-packshot_11zon.webp?v=1781518511"},{"product_id":"shampooing-antipelliculaire-certifie-bio-coslys","title":"Shampooing Antipelliculaire certifié bio – Coslys","description":"\n\u003cdiv class=\"soi-shap-fiche\"\u003e\n\n \u003csection class=\"soi-shap-hero\"\u003e\n \u003cdiv class=\"soi-shap-hero-tag\"\u003e\n \u003cspan class=\"soi-shap-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-shap-hero-title\"\u003eShampooing antipelliculaire certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-shap-hero-subtitle\"\u003eUn soin capillaire naturel au lierre bio pour assainir votre cuir chevelu, réduire les pellicules et les démangeaisons, sans compromis sur la douceur ni sur l'efficacité.\u003c\/p\u003e\n \u003cdiv class=\"soi-shap-hero-labels\"\u003e\n \u003cspan class=\"soi-shap-label soi-shap-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shap-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shap-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-shap-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-shap-label\"\u003e0% SILICONE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shap-section\"\u003e\n \u003ch2\u003eUn shampooing antipelliculaire efficace, bio et sans compromis\u003c\/h2\u003e\n \u003cp\u003eLes pellicules touchent près d'une personne sur deux à un moment de sa vie. Démangeaisons, squames visibles sur les vêtements, cuir chevelu irrité : vous savez à quel point cela peut peser sur le quotidien. Le Shampooing Antipelliculaire Coslys au lierre bio répond à ce problème avec une approche naturelle, certifiée Cosmos Organic, fabriquée en France et formulée sans silicone, sans SLS ni ALS.\u003c\/p\u003e\n \u003cp\u003e97,5 % d'ingrédients d'origine naturelle, 0 % de compromis sur l'efficacité : voilà la promesse de Coslys.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shap-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing antipelliculaire plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp class=\"soi-shap-section-intro\"\u003eSur le marché, les références ne manquent pas. Mais beaucoup reposent sur des agents chimiques forts, parfois irritants à l'usage répété. Coslys prend le contre-pied avec une formule douce, respectueuse du cuir chevelu sensible, et tout aussi performante.\u003c\/p\u003e\n \u003cdiv class=\"soi-shap-grid\"\u003e\n \u003cdiv class=\"soi-shap-card\"\u003e\n \u003ch3\u003e🌿 Extrait de lierre bio\u003c\/h3\u003e\n \u003cp\u003eActif purifiant naturel qui assainit le cuir chevelu en douceur et limite la réapparition des pellicules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shap-card\"\u003e\n \u003ch3\u003e🔬 Extrait de Zizyphus Joazeiro\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés antipelliculaires scientifiquement étudiées, il réduit les irritations et les démangeaisons dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shap-card\"\u003e\n \u003ch3\u003e🧴 Sans SLS ni ALS\u003c\/h3\u003e\n \u003cp\u003ePas d'agent moussant agressif, idéal pour une utilisation fréquente sans abîmer le film hydrolipidique du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shap-card\"\u003e\n \u003ch3\u003e💨 Sans silicone\u003c\/h3\u003e\n \u003cp\u003eVos cheveux respirent, la fibre capillaire n'est pas alourdie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shap-card\"\u003e\n \u003ch3\u003e🐇 Vegan et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale, aucun test sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shap-card\"\u003e\n \u003ch3\u003e♻️ Flacon éco-conçu\u003c\/h3\u003e\n \u003cp\u003eFabriqué en plastique 100 % recyclé et recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shap-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampooing antipelliculaire bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shap-timeline\"\u003e\n \u003cdiv class=\"soi-shap-step\"\u003e\n \u003cdiv class=\"soi-shap-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shap-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez le shampooing sur cheveux mouillés en massant doucement le cuir chevelu pendant 2 à 3 minutes pour activer les actifs antipelliculaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shap-step\"\u003e\n \u003cdiv class=\"soi-shap-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shap-step-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003eAccordez 1 à 2 minutes de pause pour laisser le lierre bio agir en profondeur sur le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shap-step\"\u003e\n \u003cdiv class=\"soi-shap-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shap-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003ePour les pellicules persistantes, renouvelez l'opération à chaque lavage, 2 à 3 fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shap-section\"\u003e\n \u003ch2\u003eComposition complète du shampooing antipelliculaire Coslys\u003c\/h2\u003e\n \u003cp class=\"soi-shap-section-intro\"\u003eLa transparence fait partie de l'ADN de Coslys. Voici la liste INCI complète :\u003c\/p\u003e\n \u003cdiv class=\"soi-shap-compo\"\u003e\n \u003cdiv class=\"soi-shap-compo-row\"\u003e\n \u003cspan class=\"soi-shap-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shap-compo-value\"\u003eCosmos Organic par Ecocert Greenlife\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shap-compo-row\"\u003e\n \u003cspan class=\"soi-shap-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-shap-compo-value\"\u003e97,5 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shap-compo-row\"\u003e\n \u003cspan class=\"soi-shap-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shap-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shap-compo-row\"\u003e\n \u003cspan class=\"soi-shap-compo-label\"\u003eSilicone\u003c\/span\u003e\n \u003cspan class=\"soi-shap-compo-value\"\u003e0 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shap-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-shap-tip-icon\"\u003e📋\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eListe INCI\u003c\/strong\u003e\n \u003cp\u003eAqua, Sodium Cocoyl Glutamate, Cocamidopropyl Betaine, Glycerin*, Hedera Helix (Ivy) Leaf\/Stem Extract*, Zizyphus Joazeiro Bark Extract, Sodium Chloride, Citric Acid, Sodium Benzoate, Potassium Sorbate, Parfum.\u003c\/p\u003e\n \u003cp style=\"margin-top: 0.4rem; font-style: italic; font-size: 13px; color: var(--soi-shap-text-muted);\"\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shap-section\"\u003e\n \u003ch2\u003ePour qui est fait ce shampooing antipelliculaire ?\u003c\/h2\u003e\n \u003cp\u003eCe soin convient à toute personne souffrant de pellicules légères à modérées, qu'elles soient sèches ou grasses, et dont le cuir chevelu est sensible ou réactif aux formules conventionnelles. Il est particulièrement adapté si vous cherchez un shampooing antipelliculaire naturel en alternative aux produits de parapharmacie, sans renoncer à l'efficacité.\u003c\/p\u003e\n \u003cdiv class=\"soi-shap-accordion\"\u003e\n \u003cdetails class=\"soi-shap-accordion-item\"\u003e\n \u003csummary class=\"soi-shap-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-shap-accordion-content\"\u003e\n \u003cp\u003ePour les pellicules très persistantes ou associées à un psoriasis du cuir chevelu, consultez un dermatologue : ce produit ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shap-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shap-cta-box\"\u003e\n \u003cp class=\"soi-shap-cta-tag\" style=\"color: white;\"\u003eUn cuir chevelu apaisé, naturellement\u003c\/p\u003e\n \u003cp class=\"soi-shap-cta-text\" style=\"color: white;\"\u003eFini les pellicules qui s'invitent sur vos épaules et les démangeaisons qui gâchent votre quotidien. Avec le shampooing antipelliculaire bio Coslys, vous prenez soin de votre cuir chevelu avec des actifs naturels, sans produits agressifs, et avec la conscience d'un geste respectueux de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shap-marine: #1A2D3D;\n --soi-shap-marine-dark: #0F1E2B;\n --soi-shap-marine-light: #2C4458;\n --soi-shap-pomme: #A1C544;\n --soi-shap-pomme-dark: #84A636;\n --soi-shap-pomme-light: rgba(161,197,68,0.10);\n\n --soi-shap-white: #FFFFFF;\n --soi-shap-off-white: #F8FAF6;\n --soi-shap-stone: #F1F3EE;\n --soi-shap-line: #E5E8E0;\n\n --soi-shap-primary: #7AB648;\n --soi-shap-primary-soft: rgba(122,182,72,0.10);\n --soi-shap-accent: #A8B5D4;\n\n --soi-shap-text: #1A2D3D;\n --soi-shap-text-soft: #4A5B6B;\n --soi-shap-text-muted: #7B8693;\n\n --soi-shap-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shap-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shap-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shap-radius: 12px;\n --soi-shap-radius-sm: 8px;\n --soi-shap-radius-pill: 999px;\n}\n\n.soi-shap-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shap-fiche img { max-width: 100%; height: auto; }\n\n.soi-shap-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shap-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shap-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shap-hero {\n position: relative;\n background: var(--soi-shap-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shap-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shap-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shap-pomme);\n}\n\n.soi-shap-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shap-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shap-pomme);\n border-radius: 50%;\n}\n\n.soi-shap-hero-title {\n display: block;\n color: var(--soi-shap-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shap-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shap-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shap-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shap-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shap-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shap-label-accent {\n background: var(--soi-shap-pomme);\n border-color: var(--soi-shap-pomme);\n color: var(--soi-shap-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shap-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shap-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shap-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shap-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shap-pomme);\n border-radius: 2px;\n}\n\n.soi-shap-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shap-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shap-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shap-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shap-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shap-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shap-card {\n background: var(--soi-shap-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shap-radius);\n border-left: 3px solid var(--soi-shap-pomme);\n}\n\n.soi-shap-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shap-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shap-card p {\n font-size: 14px;\n color: var(--soi-shap-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shap-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shap-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shap-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shap-radius);\n border: 1px solid var(--soi-shap-line);\n align-items: flex-start;\n}\n\n.soi-shap-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shap-marine);\n color: var(--soi-shap-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shap-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shap-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shap-step-content p {\n font-size: 14px;\n color: var(--soi-shap-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shap-compo {\n background: var(--soi-shap-off-white);\n border-radius: var(--soi-shap-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shap-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shap-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shap-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shap-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shap-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shap-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shap-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shap-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shap-pomme-light);\n border-left: 4px solid var(--soi-shap-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shap-radius) var(--soi-shap-radius) 0;\n align-items: flex-start;\n}\n\n.soi-shap-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shap-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shap-marine);\n margin-bottom: 4px;\n}\n\n.soi-shap-tip p {\n font-size: 14px;\n color: var(--soi-shap-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shap-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 1.25rem;\n}\n\n.soi-shap-accordion-item {\n background: var(--soi-shap-off-white);\n border-radius: var(--soi-shap-radius-sm);\n border: 1px solid var(--soi-shap-line);\n overflow: hidden;\n}\n\n.soi-shap-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shap-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-shap-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shap-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shap-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shap-accordion-item[open] .soi-shap-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shap-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shap-accordion-content p {\n font-size: 14px;\n color: var(--soi-shap-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shap-cta-box {\n background: var(--soi-shap-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shap-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shap-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shap-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shap-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shap-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shap-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 500;\n color: var(--soi-shap-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-shap-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shap-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shap-compo-value {\n text-align: left;\n }\n\n .soi-shap-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shap-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shap-fiche {\n --soi-shap-text-soft: #2C3E50;\n --soi-shap-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603521790282,"sku":"CS0165","price":15.84,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-antipelliculaire-certifie-bio-coslys-packshot.webp?v=1779442002"},{"product_id":"gel-coiffant-structurant-bio-coslys","title":"Gel coiffant structurant bio - Coslys","description":"\u003cdiv class=\"soi-gelc-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-gelc-hero\"\u003e\n \u003cdiv class=\"soi-gelc-hero-tag\"\u003e\n \u003cspan class=\"soi-gelc-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire bio · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-gelc-hero-title\"\u003eFixation longue durée, légèreté naturelle\u003c\/span\u003e\n \u003cp class=\"soi-gelc-hero-subtitle\"\u003eUn gel coiffant structurant à 99 % d'origine naturelle, enrichi en algue rouge marine, pour une tenue franche sans effet gras ni résidu.\u003c\/p\u003e\n \u003cdiv class=\"soi-gelc-hero-labels\"\u003e\n \u003cspan class=\"soi-gelc-label soi-gelc-label-accent\"\u003eBIO COSMÉBIO\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-label\"\u003eEFFET NON GRAS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Pourquoi choisir ce gel --\u003e\n \u003csection class=\"soi-gelc-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel coiffant naturel bio ?\u003c\/h2\u003e\n \u003cp class=\"soi-gelc-section-intro\"\u003eSur le marché des gels coiffants bio, beaucoup promettent fixation et légèreté mais livrent un résultat poisseux ou trop rigide. Le gel coiffant structurant Coslys se distingue par son extrait d'algue rouge marine, un actif reminéralisant et restructurant qui nourrit la fibre capillaire tout en offrant une tenue durable. Résultat : vos cheveux sont coiffés, brillants, et ils restent souples au toucher.\u003c\/p\u003e\n \u003cdiv class=\"soi-gelc-benefits\"\u003e\n \u003cdiv class=\"soi-gelc-benefit\"\u003e\n \u003cdiv class=\"soi-gelc-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFixation forte et longue durée\u003c\/h3\u003e\n \u003cp\u003eVotre coiffure tient toute la journée, structurée ou plus naturelle selon la quantité appliquée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-benefit\"\u003e\n \u003cdiv class=\"soi-gelc-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEffet non gras garanti\u003c\/h3\u003e\n \u003cp\u003eTexture fluide, répartition facile, sans film huileux ni pellicules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-benefit\"\u003e\n \u003cdiv class=\"soi-gelc-benefit-icon\"\u003e\u003cspan\u003e🌊\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAlgues marines reminéralisantes\u003c\/h3\u003e\n \u003cp\u003eElles renforcent la fibre capillaire, apportent brillance et vitalité aux cheveux ternes ou fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-benefit\"\u003e\n \u003cdiv class=\"soi-gelc-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e99 % d'ingrédients d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eFormule certifiée Cosmébio, fabriquée en France. Un choix éthique, vegan et non testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Pour qui --\u003e\n \u003csection class=\"soi-gelc-section\"\u003e\n \u003ch2\u003ePour qui est fait ce gel coiffant bio homme et femme ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gelc-grid\"\u003e\n \u003cdiv class=\"soi-gelc-card\"\u003e\n \u003ch3\u003e👤 Tous types de cheveux\u003c\/h3\u003e\n \u003cp\u003eFins, épais, bouclés ou raides : ce gel s'adapte à chaque nature de cheveu pour un rendu sur mesure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-card\"\u003e\n \u003ch3\u003e🧔 Hommes en quête de tenue forte\u003c\/h3\u003e\n \u003cp\u003eParticulièrement apprécié des hommes qui recherchent un gel à tenue forte sans effet plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-card\"\u003e\n \u003ch3\u003e🛡️ Cuirs chevelus sensibles\u003c\/h3\u003e\n \u003cp\u003eFormulé sans silicones, alcools agressifs ni polymères synthétiques, il convient aux personnes sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-tip\"\u003e\n \u003cdiv class=\"soi-gelc-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eVous pouvez l'utiliser sur cheveux humides pour moduler l'intensité de la fixation, ou sur cheveux légèrement secs pour un rendu plus structuré. Quelques points de gel suffisent : une application uniforme des racines aux pointes garantit un résultat homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Composition --\u003e\n \u003csection class=\"soi-gelc-section\"\u003e\n \u003ch2\u003eComposition complète du gel coiffant structurant Coslys\u003c\/h2\u003e\n \u003cp class=\"soi-gelc-section-intro\"\u003eFormulé sans ingrédients controversés, ce gel coiffant bio affiche une liste INCI transparente :\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003eAqua, Chondrus Crispus (Red Seaweed) Extract, Xanthan Gum, Sodium Benzoate, Potassium Sorbate, Citric Acid, Parfum.\u003c\/em\u003e\u003c\/p\u003e\n \u003cdiv class=\"soi-gelc-grid\"\u003e\n \u003cdiv class=\"soi-gelc-card\"\u003e\n \u003ch3\u003e🌊 Chondrus Crispus (algue rouge)\u003c\/h3\u003e\n \u003cp\u003eFixant naturel, reminéralisant, source d'oligo-éléments pour la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-card\"\u003e\n \u003ch3\u003e🧪 Xanthan Gum\u003c\/h3\u003e\n \u003cp\u003eGélifiant d'origine fermentaire, il assure la texture fluide et l'homogénéité du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-card\"\u003e\n \u003ch3\u003e🛡️ Sodium Benzoate et Potassium Sorbate\u003c\/h3\u003e\n \u003cp\u003eConservateurs d'origine naturelle, doux et bien tolérés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-compo\"\u003e\n \u003cdiv class=\"soi-gelc-compo-row\"\u003e\n \u003cspan class=\"soi-gelc-compo-label\"\u003eSans silicone\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-compo-row\"\u003e\n \u003cspan class=\"soi-gelc-compo-label\"\u003eSans PEG\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-compo-row\"\u003e\n \u003cspan class=\"soi-gelc-compo-label\"\u003eSans alcool agressif\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-compo-row\"\u003e\n \u003cspan class=\"soi-gelc-compo-label\"\u003eSans parabène\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Comment utiliser --\u003e\n \u003csection class=\"soi-gelc-section\"\u003e\n \u003ch2\u003eComment utiliser le gel coiffant naturel bio Coslys ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gelc-timeline\"\u003e\n \u003cdiv class=\"soi-gelc-step\"\u003e\n \u003cdiv class=\"soi-gelc-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-step-content\"\u003e\n \u003ch3\u003eAppliquez une noisette de gel\u003c\/h3\u003e\n \u003cp\u003eSur cheveux propres, humides ou secs, prélevez une petite quantité de gel dans le creux de la main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-step\"\u003e\n \u003cdiv class=\"soi-gelc-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-step-content\"\u003e\n \u003ch3\u003eRépartissez uniformément\u003c\/h3\u003e\n \u003cp\u003eAvec les doigts ou un peigne, répartissez le gel selon le style souhaité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-step\"\u003e\n \u003cdiv class=\"soi-gelc-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-step-content\"\u003e\n \u003ch3\u003eCoiffez comme vous le désirez\u003c\/h3\u003e\n \u003cp\u003eLa fixation prend en séchant, sans effet carton. Structuré, naturel ou volumineux : vous choisissez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-step\"\u003e\n \u003cdiv class=\"soi-gelc-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-step-content\"\u003e\n \u003ch3\u003eRavivez en cours de journée\u003c\/h3\u003e\n \u003cp\u003ePour reformer les boucles ou raviver le volume, humidifiez légèrement vos mains avant de passer dans les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-tip\"\u003e\n \u003cdiv class=\"soi-gelc-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCommencez par une petite quantité et ajustez selon l'effet voulu. Un excès de produit peut alourdir les cheveux fins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Informations pratiques --\u003e\n \u003csection class=\"soi-gelc-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-gelc-grid-compact\"\u003e\n \u003cdiv class=\"soi-gelc-card-mini\"\u003e\n \u003cspan class=\"soi-gelc-card-mini-icon\"\u003e📏\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-value\"\u003e150 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-card-mini\"\u003e\n \u003cspan class=\"soi-gelc-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-value\"\u003eCosmébio (Cosmos Organic)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-card-mini\"\u003e\n \u003cspan class=\"soi-gelc-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-card-mini\"\u003e\n \u003cspan class=\"soi-gelc-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-label\"\u003eStatut\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-value\"\u003eVegan, non testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-accordion\"\u003e\n \u003cdetails class=\"soi-gelc-accordion-item\"\u003e\n \u003csummary class=\"soi-gelc-accordion-header\"\u003e👥 Convient à qui ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gelc-accordion-content\"\u003e\n \u003cp\u003eTous types de cheveux, hommes et femmes. Particulièrement adapté aux personnes sensibles souhaitant éviter silicones, alcools agressifs et polymères synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-gelc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gelc-cta-box\"\u003e\n \u003cp class=\"soi-gelc-cta-tag\" style=\"color: white;\"\u003eSe coiffer naturellement\u003c\/p\u003e\n \u003cp class=\"soi-gelc-cta-text\" style=\"color: white;\"\u003eFini le compromis entre performance et naturel. Le gel coiffant structurant bio Coslys vous offre une tenue franche et durable, une formule propre et une texture légère qui respecte vos cheveux comme votre cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* === Couleurs Soinat (FIXES) === *\/\n --soi-gelc-marine: #1A2D3D;\n --soi-gelc-marine-dark: #0F1E2B;\n --soi-gelc-marine-light: #2C4458;\n --soi-gelc-pomme: #A1C544;\n --soi-gelc-pomme-dark: #84A636;\n --soi-gelc-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-gelc-white: #FFFFFF;\n --soi-gelc-off-white: #F8FAF6;\n --soi-gelc-stone: #F1F3EE;\n --soi-gelc-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging rose\/rouge algue + violet) === *\/\n --soi-gelc-primary: #C4607A;\n --soi-gelc-primary-soft: #F2E0E6;\n --soi-gelc-accent: #8B4A6B;\n\n \/* === Textes === *\/\n --soi-gelc-text: #1A2D3D;\n --soi-gelc-text-soft: #4A5B6B;\n --soi-gelc-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-gelc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gelc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gelc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gelc-radius: 12px;\n --soi-gelc-radius-sm: 8px;\n --soi-gelc-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-gelc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gelc-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-gelc-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gelc-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gelc-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gelc-hero {\n position: relative;\n background: var(--soi-gelc-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-gelc-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gelc-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gelc-pomme);\n}\n\n.soi-gelc-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-gelc-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gelc-pomme);\n border-radius: 50%;\n}\n\n.soi-gelc-hero-title {\n display: block;\n color: var(--soi-gelc-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-gelc-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-gelc-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gelc-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-gelc-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gelc-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gelc-label-accent {\n background: var(--soi-gelc-pomme);\n border-color: var(--soi-gelc-pomme);\n color: var(--soi-gelc-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gelc-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gelc-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gelc-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-gelc-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gelc-pomme);\n border-radius: 2px;\n}\n\n.soi-gelc-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gelc-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-gelc-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gelc-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gelc-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-gelc-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-gelc-benefit {\n background: var(--soi-gelc-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gelc-radius);\n border: 1px solid var(--soi-gelc-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gelc-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gelc-shadow-md);\n}\n\n.soi-gelc-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gelc-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-gelc-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gelc-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gelc-benefit:hover .soi-gelc-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gelc-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gelc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gelc-benefit p {\n font-size: 13px;\n color: var(--soi-gelc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gelc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-gelc-card {\n background: var(--soi-gelc-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gelc-radius);\n border-left: 3px solid var(--soi-gelc-pomme);\n}\n\n.soi-gelc-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gelc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gelc-card p {\n font-size: 14px;\n color: var(--soi-gelc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-gelc-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.25rem;\n}\n\n.soi-gelc-card-mini {\n background: var(--soi-gelc-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-gelc-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-gelc-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-gelc-card-mini-label {\n font-size: 11px;\n color: var(--soi-gelc-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-gelc-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gelc-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-gelc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-gelc-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gelc-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gelc-radius);\n border: 1px solid var(--soi-gelc-line);\n align-items: flex-start;\n}\n\n.soi-gelc-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gelc-marine);\n color: var(--soi-gelc-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-gelc-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gelc-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gelc-step-content p {\n font-size: 14px;\n color: var(--soi-gelc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-gelc-compo {\n background: var(--soi-gelc-off-white);\n border-radius: var(--soi-gelc-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-gelc-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-gelc-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-gelc-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-gelc-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-gelc-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-gelc-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-gelc-pomme-dark);\n}\n\n\/* === TIP === *\/\n.soi-gelc-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gelc-pomme-light);\n border-left: 4px solid var(--soi-gelc-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gelc-radius) var(--soi-gelc-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-gelc-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gelc-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gelc-marine);\n margin-bottom: 4px;\n}\n\n.soi-gelc-tip p {\n font-size: 14px;\n color: var(--soi-gelc-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gelc-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gelc-accordion-item {\n background: var(--soi-gelc-off-white);\n border-radius: var(--soi-gelc-radius-sm);\n border: 1px solid var(--soi-gelc-line);\n overflow: hidden;\n}\n\n.soi-gelc-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gelc-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-gelc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gelc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gelc-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gelc-accordion-item[open] .soi-gelc-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gelc-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gelc-accordion-content p {\n font-size: 14px;\n color: var(--soi-gelc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gelc-cta-box {\n background: var(--soi-gelc-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gelc-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gelc-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-gelc-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gelc-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-gelc-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gelc-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gelc-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-gelc-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gelc-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-gelc-compo-value {\n text-align: left;\n }\n\n .soi-gelc-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-gelc-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-gelc-benefits {\n grid-template-columns: 1fr 1fr;\n }\n\n .soi-gelc-grid-compact {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n@media (max-width: 420px) {\n .soi-gelc-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-gelc-grid-compact {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-gelc-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gelc-fiche {\n --soi-gelc-text-soft: #2C3E50;\n --soi-gelc-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603525165386,"sku":"CS0180","price":15.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-coiffant-structurant-coslys_11zon.webp?v=1782034861"},{"product_id":"brume-protectrice-cheveux-certifiee-bio-en-flacon-acorelle","title":"Brume Protectrice Cheveux certifiée Bio en flacon – Acorelle","description":"\u003cdiv class=\"soi-brum-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-brum-hero\"\u003e\n \u003cdiv class=\"soi-brum-hero-tag\"\u003e\n \u003cspan class=\"soi-brum-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétiques et soins beauté · Acorelle\n \u003c\/div\u003e\n \u003cspan class=\"soi-brum-hero-title\"\u003eBrume Protectrice Cheveux certifiée Bio\u003c\/span\u003e\n \u003cp class=\"soi-brum-hero-subtitle\"\u003eTrois huiles végétales biologiques réunies en une formule biphasée pour protéger, nourrir et sublimer vos cheveux face au soleil, au chlore et à l'eau de mer.\u003c\/p\u003e\n \u003cdiv class=\"soi-brum-hero-labels\"\u003e\n \u003cspan class=\"soi-brum-label soi-brum-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-brum-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-brum-label\"\u003eSANS SILICONE\u003c\/span\u003e\n \u003cspan class=\"soi-brum-label\"\u003eSANS PARABÈNE\u003c\/span\u003e\n \u003cspan class=\"soi-brum-label\"\u003ePARFUM 100 % NATUREL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Pourquoi cette brume se distingue --\u003e\n \u003csection class=\"soi-brum-section\"\u003e\n \u003ch2\u003ePourquoi cette brume protectrice cheveux se distingue-t-elle ?\u003c\/h2\u003e\n \u003cp\u003eLà où de nombreux sprays bio cheveux restent en surface, la formule biphasée d'Acorelle agit sur plusieurs fronts à la fois : protection mécanique de la fibre capillaire, nutrition en profondeur et préservation de l'éclat naturel de la couleur. Elle est certifiée \u003cstrong\u003eCOSMOS Organic\u003c\/strong\u003e, garantie sans silicone, sans parabène et à base d'un \u003cstrong\u003eparfum solaire 100 % naturel\u003c\/strong\u003e aux notes de jasmin, fleur d'oranger et vanille.\u003c\/p\u003e\n \u003cp\u003eElle convient particulièrement aux \u003cstrong\u003echeveux bouclés, frisés ou colorés\u003c\/strong\u003e, plus sensibles à la déshydratation et à l'altération de la couleur sous l'effet des UV.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Les actifs clés --\u003e\n \u003csection class=\"soi-brum-section\"\u003e\n \u003ch2\u003eLes actifs clés et leurs bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"soi-brum-grid\"\u003e\n \u003cdiv class=\"soi-brum-card\"\u003e\n \u003ch3\u003e🌿 Huile de Karanja bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés photoprotectrices naturelles, elle forme un film protecteur léger sur la fibre capillaire et aide à neutraliser les effets des UV.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brum-card\"\u003e\n \u003ch3\u003e🍊 Huile de Buriti bio\u003c\/h3\u003e\n \u003cp\u003eRiche en bêta-carotène et en acides gras, elle nourrit en profondeur, ravive l'éclat des cheveux ternes et renforce leur résistance face aux agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brum-card\"\u003e\n \u003ch3\u003e🌻 Huile de Tournesol bio\u003c\/h3\u003e\n \u003cp\u003eÉmolliente et légère, elle facilite le démêlage, apporte du brillant sans graisser et complète l'action nutritive des deux autres huiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brum-card\"\u003e\n \u003ch3\u003e🌱 Extrait d'Artichaut\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant, il protège la fibre capillaire contre la dégradation liée aux radicaux libres générés par l'exposition solaire prolongée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brum-card\"\u003e\n \u003ch3\u003e🌾 Dérivé d'acides aminés de Maïs et de Riz\u003c\/h3\u003e\n \u003cp\u003eIl renforce la structure du cheveu de l'intérieur, préserve l'intensité et l'uniformité de la couleur, et améliore la résistance globale de la chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Comment utiliser --\u003e\n \u003csection class=\"soi-brum-section\"\u003e\n \u003ch2\u003eComment utiliser cette brume thermo-protectrice cheveux ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-brum-timeline\"\u003e\n \u003cdiv class=\"soi-brum-step\"\u003e\n \u003cdiv class=\"soi-brum-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-brum-step-content\"\u003e\n \u003ch3\u003eSecouez bien le flacon\u003c\/h3\u003e\n \u003cp\u003eAvant chaque utilisation : la formule biphasée se rééquilibre en quelques secondes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brum-step\"\u003e\n \u003cdiv class=\"soi-brum-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-brum-step-content\"\u003e\n \u003ch3\u003eVaporisez sur cheveux humides ou secs\u003c\/h3\u003e\n \u003cp\u003eInsistez sur les pointes et les longueurs les plus exposées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brum-step\"\u003e\n \u003cdiv class=\"soi-brum-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-brum-step-content\"\u003e\n \u003ch3\u003eNe rincez pas\u003c\/h3\u003e\n \u003cp\u003eLaissez le soin agir librement. Vous pouvez coiffer normalement ensuite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brum-step\"\u003e\n \u003cdiv class=\"soi-brum-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-brum-step-content\"\u003e\n \u003ch3\u003eRenouvelez l'application\u003c\/h3\u003e\n \u003cp\u003eAvant chaque exposition au soleil, après chaque baignade ou avant l'utilisation d'un outil chauffant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Composition complète --\u003e\n \u003csection class=\"soi-brum-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-brum-compo\"\u003e\n \u003cdiv class=\"soi-brum-compo-row\"\u003e\n \u003cspan class=\"soi-brum-compo-label\"\u003eListe INCI\u003c\/span\u003e\n \u003cspan class=\"soi-brum-compo-value\" style=\"text-align:left; font-weight:400; font-size:13px; line-height:1.65; color: var(--soi-brum-text-soft);\"\u003eAqua, Helianthus Annuus (Sunflower) Seed Oil*, Orbignya Oleifera Seed Oil*, Mauritia Flexuosa Fruit Oil* (Buriti), Pongamia Glabra Seed Oil* (Karanja), Cynara Scolymus (Artichoke) Leaf Extract, Hydrolyzed Corn Protein, Hydrolyzed Rice Protein, Parfum (Fragrance)**, Tocopherol, Alcohol, Glycerin, Polyglyceryl-4 Oleate, Xanthan Gum, Citric Acid, Potassium Sorbate, Sodium Benzoate.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brum-compo-row\"\u003e\n \u003cspan class=\"soi-brum-compo-label\"\u003eLégende\u003c\/span\u003e\n \u003cspan class=\"soi-brum-compo-value\" style=\"text-align:left; font-weight:400; font-size:13px; line-height:1.6; color: var(--soi-brum-text-soft);\"\u003e* Ingrédients issus de l'agriculture biologique. ** Parfum 100 % d'origine naturelle.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Ce produit est fait pour vous si… --\u003e\n \u003csection class=\"soi-brum-section\"\u003e\n \u003ch2\u003eCe produit est fait pour vous si…\u003c\/h2\u003e\n \u003cdiv class=\"soi-brum-benefits\"\u003e\n \u003cdiv class=\"soi-brum-benefit\"\u003e\n \u003cdiv class=\"soi-brum-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux bouclés, frisés ou colorés\u003c\/h3\u003e\n \u003cp\u003eVous cherchez un spray démêlant cheveux bio efficace au quotidien pour préserver la beauté de vos boucles et l'éclat de votre couleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brum-benefit\"\u003e\n \u003cdiv class=\"soi-brum-benefit-icon\"\u003e\u003cspan\u003e☀️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection solaire, chlore et eau salée\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez protéger vos cheveux du soleil, du chlore ou de l'eau salée sans recourir à des produits chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brum-benefit\"\u003e\n \u003cdiv class=\"soi-brum-benefit-icon\"\u003e\u003cspan\u003e🔥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUtilisation d'outils chauffants\u003c\/h3\u003e\n \u003cp\u003eVous utilisez des outils chauffants et cherchez une brume thermo-protectrice cheveux naturelle en remplacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brum-benefit\"\u003e\n \u003cdiv class=\"soi-brum-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSensibilité au bio et au naturel\u003c\/h3\u003e\n \u003cp\u003eVous êtes sensible aux formules certifiées bio et aux parfums 100 % naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brum-tip\"\u003e\n \u003cdiv class=\"soi-brum-tip-icon\"\u003eℹ️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eBon à savoir\u003c\/strong\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue à aucun traitement médical capillaire prescrit par un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-brum-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-brum-cta-box\"\u003e\n \u003cp class=\"soi-brum-cta-tag\" style=\"color: white;\"\u003eProtégez l'éclat naturel de votre chevelure\u003c\/p\u003e\n \u003cp class=\"soi-brum-cta-text\" style=\"color: white;\"\u003eLa brume Acorelle allie la générosité des huiles bio de Karanja et Buriti à la légèreté d'un spray qui ne laisse aucune trace. Un geste simple, une fragrance solaire envoûtante, et des cheveux visiblement plus beaux dès la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* === Couleurs Soinat (FIXES) === *\/\n --soi-brum-marine: #1A2D3D;\n --soi-brum-marine-dark: #0F1E2B;\n --soi-brum-marine-light: #2C4458;\n --soi-brum-pomme: #A1C544;\n --soi-brum-pomme-dark: #84A636;\n --soi-brum-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-brum-white: #FFFFFF;\n --soi-brum-off-white: #F8FAF6;\n --soi-brum-stone: #F1F3EE;\n --soi-brum-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging doré\/ambré) === *\/\n --soi-brum-primary: #C9A84C;\n --soi-brum-primary-soft: #F5EDD4;\n --soi-brum-accent: #D4A52A;\n\n \/* === Textes === *\/\n --soi-brum-text: #1A2D3D;\n --soi-brum-text-soft: #4A5B6B;\n --soi-brum-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-brum-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-brum-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-brum-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-brum-radius: 12px;\n --soi-brum-radius-sm: 8px;\n --soi-brum-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-brum-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-brum-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-brum-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-brum-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-brum-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-brum-hero {\n position: relative;\n background: var(--soi-brum-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-brum-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-brum-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-brum-pomme);\n}\n\n.soi-brum-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-brum-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-brum-pomme);\n border-radius: 50%;\n}\n\n.soi-brum-hero-title {\n display: block;\n color: var(--soi-brum-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-brum-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-brum-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-brum-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-brum-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-brum-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-brum-label-accent {\n background: var(--soi-brum-pomme);\n border-color: var(--soi-brum-pomme);\n color: var(--soi-brum-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-brum-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-brum-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-brum-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-brum-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-brum-pomme);\n border-radius: 2px;\n}\n\n.soi-brum-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-brum-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-brum-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-brum-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-brum-benefit {\n background: var(--soi-brum-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-brum-radius);\n border: 1px solid var(--soi-brum-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-brum-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-brum-shadow-md);\n}\n\n.soi-brum-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-brum-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-brum-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-brum-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-brum-benefit:hover .soi-brum-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-brum-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-brum-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-brum-benefit p {\n font-size: 13px;\n color: var(--soi-brum-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-brum-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-brum-card {\n background: var(--soi-brum-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-brum-radius);\n border-left: 3px solid var(--soi-brum-pomme);\n}\n\n.soi-brum-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-brum-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-brum-card p {\n font-size: 14px;\n color: var(--soi-brum-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-brum-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-brum-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-brum-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-brum-radius);\n border: 1px solid var(--soi-brum-line);\n align-items: flex-start;\n}\n\n.soi-brum-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-brum-marine);\n color: var(--soi-brum-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-brum-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-brum-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-brum-step-content p {\n font-size: 14px;\n color: var(--soi-brum-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-brum-compo {\n background: var(--soi-brum-off-white);\n border-radius: var(--soi-brum-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-brum-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-brum-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-brum-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-brum-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-brum-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-brum-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-brum-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-brum-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-brum-pomme-light);\n border-left: 4px solid var(--soi-brum-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-brum-radius) var(--soi-brum-radius) 0;\n align-items: flex-start;\n}\n\n.soi-brum-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-brum-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-brum-marine);\n margin-bottom: 4px;\n}\n\n.soi-brum-tip p {\n font-size: 14px;\n color: var(--soi-brum-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-brum-cta-box {\n background: var(--soi-brum-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-brum-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-brum-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-brum-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-brum-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-brum-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-brum-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-brum-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-brum-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-brum-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-brum-compo-value {\n text-align: left;\n }\n\n .soi-brum-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-brum-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-brum-fiche {\n --soi-brum-text-soft: #2C3E50;\n --soi-brum-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Acorelle","offers":[{"title":"Default Title","offer_id":61603584180554,"sku":"LL0060","price":23.23,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/brume-protectrice-cheveux-certifiee-bio-en-flacon-acorelle-packshot.webp?v=1779798986"},{"product_id":"savon-dalep-a-la-rose-de-damas-bio-najel","title":"Savon d'Alep à la rose de Damas bio – Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène \u0026amp; soin · Najel Méditerranée\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep à la rose de Damas bio\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003ePurifiant, nourrissant et naturel : un soin ancestral enrichi à l'eau florale de rose de Damas certifiée bio, pour le visage, le corps et les cheveux.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS SILICONES\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSAVON SOLIDE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Qu'est-ce que le savon d'Alep ? Un savoir-faire vieux de 3 000 ans --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eQu'est-ce que le savon d'Alep ? Un savoir-faire vieux de 3 000 ans\u003c\/h2\u003e\n \u003cp\u003eOriginaire de la ville d'Alep en Syrie, le savon d'Alep est considéré comme l'un des premiers savons solides jamais fabriqués. Sa recette repose sur deux huiles emblématiques de la région méditerranéenne : l'huile d'olive et l'huile de baies de laurier.\u003c\/p\u003e\n \u003cp\u003eNajel perpétue ce savoir-faire artisanal en y intégrant des actifs naturels soigneusement sélectionnés, comme ici l'eau florale de rose de Damas bio, pour répondre aux besoins contemporains de votre peau.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition du savon d'Alep Najel rose de Damas bio --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel rose de Damas bio\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLa force de ce savon réside dans la qualité et la simplicité de ses ingrédients.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels et en antioxydants (vitamine E), elle nourrit et protège la peau des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eL'actif signature du savon d'Alep. Reconnue pour ses vertus apaisantes, purifiantes et désinfectantes, elle est particulièrement précieuse pour les peaux irritées, acnéiques ou sujettes à l'eczéma ou au psoriasis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌹 Eau florale de rose de Damas bio\u003c\/h3\u003e\n \u003cp\u003eAstringente naturelle, elle resserre les pores, tonifie la peau et contribue à son renouvellement cellulaire. Son parfum délicat et floral est un vrai bonheur sensoriel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e🧼\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormulé dans le respect de votre peau\u003c\/strong\u003e\n \u003cp\u003eSans silicone, sans parabène, sans colorant artificiel. Une composition pure et respectueuse de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Bienfaits du savon d'Alep à la rose de Damas : ce qu'il fait concrètement pour votre peau --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eBienfaits du savon d'Alep à la rose de Damas : ce qu'il fait concrètement pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePurifie en profondeur\u003c\/h3\u003e\n \u003cp\u003eIdéal pour nettoyer le visage sans agresser la barrière cutanée, il élimine impuretés et excès de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaise les peaux réactives\u003c\/h3\u003e\n \u003cp\u003eLes propriétés apaisantes de l'huile de baies de laurier soulagent les rougeurs, démangeaisons et inconforts liés à l'eczéma ou au psoriasis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydrate et régénère\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive et la rose de Damas agissent en synergie pour préserver le film hydrolipidique et favoriser le renouvellement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUtilisation polyvalente\u003c\/h3\u003e\n \u003cp\u003eVisage, corps, cheveux : un seul savon pour toute votre routine, même quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum naturel et enveloppant\u003c\/h3\u003e\n \u003cp\u003eLa rose de Damas diffuse un sillage floral discret et authentique, loin des parfums synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser le savon d'Alep Najel au quotidien ? --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep Najel au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos paumes ou directement sur une peau humide. Appliquez en massages circulaires doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède. Pour le visage, évitez les frottements excessifs et terminez par une eau froide pour refermer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eConservez au sec\u003c\/h3\u003e\n \u003cp\u003eEntre deux utilisations, laissez le savon sécher à l'air libre sur un porte-savon drainant pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Avis dermatologue et peaux sensibles : le savon d'Alep est-il recommandé ? --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eAvis dermatologue et peaux sensibles : le savon d'Alep est-il recommandé ?\u003c\/h2\u003e\n \u003cp\u003eLe savon d'Alep est souvent cité par les dermatologues comme une alternative douce aux savons surgras classiques, notamment pour les peaux atopiques ou réactives. Sa composition minimaliste, sans perturbateurs endocriniens ni conservateurs agressifs, en fait un choix pertinent pour les personnes cherchant à simplifier leur routine tout en prenant soin de leur peau efficacement.\u003c\/p\u003e\n \u003cp\u003eIl ne remplace pas un traitement médical prescrit, mais peut s'intégrer dans une routine apaisante au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Informations pratiques --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eNajel Méditerranée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSavon solide\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eType de peau\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eTous types, peaux sensibles, mixtes, à imperfections\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eRose de Damas certifiée bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eParabènes, silicones, colorants artificiels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eUn geste ancestral, chaque matin\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eUne composition pure, un parfum floral envoûtant et une peau visiblement plus nette, apaisée et lumineuse. Prendre soin de vous, aussi simplement et naturellement que cela.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n\n --soi-alep-primary: #C47A7A;\n --soi-alep-primary-soft: #E8B5B0;\n --soi-alep-accent: #8B6D4A;\n\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 13px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603632611658,"sku":"NJ0060","price":2.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-a-la-rose-de-damas-bio-najel-packshot.webp?v=1779627736"},{"product_id":"savon-dalep-au-jasmin-bio-najel","title":"Savon d'Alep au jasmin bio – Najel","description":"\n\u003cdiv class=\"soi-jasp-fiche\"\u003e\n\n \u003csection class=\"soi-jasp-hero\"\u003e\n \u003cdiv class=\"soi-jasp-hero-tag\"\u003e\n \u003cspan class=\"soi-jasp-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-jasp-hero-title\"\u003eSavon d'Alep au jasmin bio\u003c\/span\u003e\n \u003cp class=\"soi-jasp-hero-subtitle\"\u003eUn savoir-faire millénaire enrichi à l'eau florale de jasmin bio pour un soin revitalisant du visage, du corps et des cheveux, adapté à tous les types de peaux.\u003c\/p\u003e\n \u003cdiv class=\"soi-jasp-hero-labels\"\u003e\n \u003cspan class=\"soi-jasp-label soi-jasp-label-accent\"\u003eJASMIN BIO\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-label\"\u003e100 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003eSavon d'Alep au jasmin bio Najel : le soin revitalisant à l'ancienne\u003c\/h2\u003e\n \u003cp\u003eIl existe des savons que l'on garde toute la vie. Le savon d'Alep au jasmin bio de Najel en fait partie. Né d'un savoir-faire vieux de plus de 3 000 ans, perfectionné par des artisans syriens de génération en génération, ce savon naturel allie la richesse de l'huile d'olive, la puissance de l'huile de baies de laurier et la douceur florale de l'eau de jasmin bio. Le résultat : un soin complet pour le visage, le corps et les cheveux, adapté à tous les types de peaux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003ePourquoi ce savon d'Alep est différent\u003c\/h2\u003e\n \u003cp\u003eContrairement à un simple savon surgras, le savon d'Alep repose sur une recette unique : une cuisson lente des huiles à l'eau chaude, suivie d'un séchage naturel en entrepôt pendant \u003cstrong\u003eneuf mois minimum\u003c\/strong\u003e. C'est ce repos prolongé qui lui confère sa texture dense, son cœur vert caractéristique et son efficacité reconnue, y compris par les dermatologues pour les peaux réactives.\u003c\/p\u003e\n \u003cp\u003eLa version au jasmin bio de Najel va plus loin : l'eau florale de jasmin intégrée à la formule apporte des propriétés revitalisantes supplémentaires et un parfum floral subtil qui transforme chaque douche en un vrai moment de bien-être.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"soi-jasp-compo\"\u003e\n \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n \u003cspan class=\"soi-jasp-compo-label\"\u003eHuile d'olive (Olea Europaea Fruit Oil)\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-compo-value\"\u003eBase nourrissante et protectrice, riche en acides gras essentiels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n \u003cspan class=\"soi-jasp-compo-label\"\u003eHuile de baies de laurier (Laurus Nobilis Fruit Oil)\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-compo-value\"\u003ePurifiante et régénérante, idéale pour les peaux à tendance acnéique, eczémateuse ou sujettes au psoriasis\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n \u003cspan class=\"soi-jasp-compo-label\"\u003eEau florale de jasmin bio (Jasminum Officinale Flower Water)\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-compo-value\"\u003eApaisante, revitalisante, délicatement parfumée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n \u003cspan class=\"soi-jasp-compo-label\"\u003eHydroxyde de sodium\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-compo-value\"\u003eAgent saponifiant naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n \u003cspan class=\"soi-jasp-compo-label\"\u003eEau\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-compo-value\"\u003eSolvant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-tip\"\u003e\n \u003cdiv class=\"soi-jasp-tip-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormule 100 % naturelle\u003c\/strong\u003e\n \u003cp\u003eSans conservateur synthétique, sans sulfate, sans paraben, sans colorant artificiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"soi-jasp-benefits\"\u003e\n \u003cdiv class=\"soi-jasp-benefit\"\u003e\n \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage en profondeur\u003c\/h3\u003e\n \u003cp\u003eÉlimine impuretés et excès de sébum tout en respectant le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-benefit\"\u003e\n \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation durable\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive pénètre les couches supérieures de l'épiderme et limite la perte en eau, même sur peau sèche ou déshydratée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-benefit\"\u003e\n \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisement des peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eRecommandé par de nombreux dermatologues comme alternative douce aux nettoyants conventionnels pour les peaux atopiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-benefit\"\u003e\n \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTeint revitalisé\u003c\/h3\u003e\n \u003cp\u003eLe jasmin bio stimule l'éclat naturel de la peau et atténue la sensation de fatigue cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-grid\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-jasp-card\"\u003e\n \u003ch3\u003e💆 Utilisable sur le corps et les cheveux\u003c\/h3\u003e\n \u003cp\u003eNettoie le cuir chevelu en douceur, réduit les démangeaisons et apporte de la légèreté aux cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep au jasmin bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-jasp-timeline\"\u003e\n \u003cdiv class=\"soi-jasp-step\"\u003e\n \u003cdiv class=\"soi-jasp-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez le savon entre vos mains mouillées pour former une mousse crémeuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-step\"\u003e\n \u003cdiv class=\"soi-jasp-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-step-content\"\u003e\n \u003ch3\u003eAppliquez et massez\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le visage, le corps ou les cheveux en massant délicatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-step\"\u003e\n \u003cdiv class=\"soi-jasp-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède. Pour les peaux très sensibles, commencez par une utilisation trois fois par semaine avant d'adopter un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-jasp-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePosez le savon sur un porte-savon aéré entre chaque utilisation pour prolonger sa durée de vie. Un pain correctement entretenu dure plusieurs semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003eCe que disent les utilisateurs (et les dermatologues)\u003c\/h2\u003e\n \u003cp\u003eLe savon d'Alep bénéficie d'un avis dermatologique globalement très positif : sa composition simple, sans allergènes majeurs, en fait un choix de référence pour les peaux à problèmes. Les utilisateurs témoignent d'une peau plus douce dès les premières semaines, d'une réduction des rougeurs et d'un confort retrouvé, même en hiver.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003cdiv class=\"soi-jasp-accordion\"\u003e\n \u003cdetails class=\"soi-jasp-accordion-item\"\u003e\n \u003csummary class=\"soi-jasp-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-jasp-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique naturel. Il ne remplace pas un traitement médical prescrit par un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-jasp-cta-box\"\u003e\n \u003cp class=\"soi-jasp-cta-tag\" style=\"color: white;\"\u003eUn geste artisanal, un parfum floral, une tradition millénaire\u003c\/p\u003e\n \u003cp class=\"soi-jasp-cta-text\" style=\"color: white;\"\u003eAvec Najel, vous choisissez une formule pure et un savoir-faire ancestral. Le jasmin bio fait du bien à la peau autant qu'à l'âme. La tradition au service de votre quotidien, tout simplement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-jasp-marine: #1A2D3D;\n --soi-jasp-marine-dark: #0F1E2B;\n --soi-jasp-marine-light: #2C4458;\n --soi-jasp-pomme: #A1C544;\n --soi-jasp-pomme-dark: #84A636;\n --soi-jasp-pomme-light: rgba(161,197,68,0.10);\n --soi-jasp-white: #FFFFFF;\n --soi-jasp-off-white: #F8FAF6;\n --soi-jasp-stone: #F1F3EE;\n --soi-jasp-line: #E5E8E0;\n --soi-jasp-primary: #B5A44A;\n --soi-jasp-primary-soft: #D4C98A;\n --soi-jasp-accent: #8A7A3E;\n --soi-jasp-text: #1A2D3D;\n --soi-jasp-text-soft: #4A5B6B;\n --soi-jasp-text-muted: #7B8693;\n --soi-jasp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-jasp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-jasp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-jasp-radius: 12px;\n --soi-jasp-radius-sm: 8px;\n --soi-jasp-radius-pill: 999px;\n}\n\n.soi-jasp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-jasp-fiche img { max-width: 100%; height: auto; }\n\n.soi-jasp-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-jasp-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-jasp-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-jasp-hero {\n position: relative;\n background: var(--soi-jasp-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-jasp-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-jasp-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-jasp-pomme);\n}\n\n.soi-jasp-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-jasp-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-jasp-pomme);\n border-radius: 50%;\n}\n\n.soi-jasp-hero-title {\n display: block;\n color: var(--soi-jasp-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-jasp-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-jasp-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-jasp-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-jasp-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-jasp-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-jasp-label-accent {\n background: var(--soi-jasp-pomme);\n border-color: var(--soi-jasp-pomme);\n color: var(--soi-jasp-marine);\n font-weight: 600;\n}\n\n.soi-jasp-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-jasp-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-jasp-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-jasp-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-jasp-pomme);\n border-radius: 2px;\n}\n\n.soi-jasp-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-jasp-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-jasp-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-jasp-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-jasp-benefit {\n background: var(--soi-jasp-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-jasp-radius);\n border: 1px solid var(--soi-jasp-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-jasp-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-jasp-shadow-md);\n}\n\n.soi-jasp-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-jasp-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-jasp-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-jasp-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-jasp-benefit:hover .soi-jasp-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-jasp-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-jasp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-jasp-benefit p {\n font-size: 13px;\n color: var(--soi-jasp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-jasp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-jasp-card {\n background: var(--soi-jasp-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-jasp-radius);\n border-left: 3px solid var(--soi-jasp-pomme);\n}\n\n.soi-jasp-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-jasp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-jasp-card p {\n font-size: 14px;\n color: var(--soi-jasp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-jasp-compo {\n background: var(--soi-jasp-off-white);\n border-radius: var(--soi-jasp-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-jasp-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-jasp-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-jasp-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-jasp-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-jasp-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-jasp-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-jasp-marine);\n text-align: right;\n}\n\n.soi-jasp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-jasp-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-jasp-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-jasp-radius);\n border: 1px solid var(--soi-jasp-line);\n align-items: flex-start;\n}\n\n.soi-jasp-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-jasp-marine);\n color: var(--soi-jasp-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-jasp-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-jasp-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-jasp-step-content p {\n font-size: 14px;\n color: var(--soi-jasp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-jasp-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-jasp-pomme-light);\n border-left: 4px solid var(--soi-jasp-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-jasp-radius) var(--soi-jasp-radius) 0;\n align-items: flex-start;\n}\n\n.soi-jasp-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-jasp-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-jasp-marine);\n margin-bottom: 4px;\n}\n\n.soi-jasp-tip p {\n font-size: 14px;\n color: var(--soi-jasp-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-jasp-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-jasp-accordion-item {\n background: var(--soi-jasp-off-white);\n border-radius: var(--soi-jasp-radius-sm);\n border: 1px solid var(--soi-jasp-line);\n overflow: hidden;\n}\n\n.soi-jasp-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-jasp-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-jasp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-jasp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-jasp-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-jasp-accordion-item[open] .soi-jasp-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-jasp-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-jasp-accordion-content p {\n font-size: 14px;\n color: var(--soi-jasp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-jasp-cta-box {\n background: var(--soi-jasp-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-jasp-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-jasp-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-jasp-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-jasp-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-jasp-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-jasp-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-jasp-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-jasp-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-jasp-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-jasp-compo-value {\n text-align: left;\n }\n\n .soi-jasp-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-jasp-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-jasp-fiche {\n --soi-jasp-text-soft: #2C3E50;\n --soi-jasp-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603634053450,"sku":"NJ0065","price":2.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-au-jasmin-bio-najel-packshot.webp?v=1780560452"},{"product_id":"savon-dalep-a-lhuile-de-nigelle-najel","title":"Savon d'Alep à l'huile de nigelle – Najel","description":"\n\u003cdiv class=\"soi-nige-fiche\"\u003e\n\n \u003csection class=\"soi-nige-hero\"\u003e\n \u003cdiv class=\"soi-nige-hero-tag\"\u003e\n \u003cspan class=\"soi-nige-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-nige-hero-title\"\u003eSavon d'Alep à l'huile de nigelle\u003c\/span\u003e\n \u003cp class=\"soi-nige-hero-subtitle\"\u003eUn savon solide apaisant et régénérant, héritier de 3 000 ans de savoir-faire syrien, enrichi à l'huile de nigelle pressée à froid pour les peaux sensibles et irritées.\u003c\/p\u003e\n \u003cdiv class=\"soi-nige-hero-labels\"\u003e\n \u003cspan class=\"soi-nige-label soi-nige-label-accent\"\u003e100% NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-nige-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003cspan class=\"soi-nige-label\"\u003eSANS PARFUM AJOUTÉ\u003c\/span\u003e\n \u003cspan class=\"soi-nige-label\"\u003eSANS COLORANT\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003ePourquoi le savon d'Alep est-il si différent des autres savons ?\u003c\/h2\u003e\n \u003cp\u003eConsidéré comme l'un des plus anciens savons du monde, le savon d'Alep est fabriqué selon un procédé artisanal transmis depuis plus de 3 000 ans dans la région de la ville d'Alep, en Syrie. Sa base d'huile d'olive saponifiée le rend naturellement doux, sans détergent synthétique ni sulfate.\u003c\/p\u003e\n \u003cp\u003eÀ la différence d'un savon industriel classique, il respecte le film hydrolipidique de la peau et convient même aux peaux les plus réactives. Vous retrouvez ici un soin authentique, ancré dans une tradition millénaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eLa force de ce savon : trois huiles complémentaires\u003c\/h2\u003e\n \u003cp class=\"soi-nige-section-intro\"\u003eCe savon d'Alep réunit trois huiles aux vertus complémentaires pour offrir à votre peau un soin complet et respectueux.\u003c\/p\u003e\n \u003cdiv class=\"soi-nige-benefits\"\u003e\n \u003cdiv class=\"soi-nige-benefit\"\u003e\n \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive\u003c\/h3\u003e\n \u003cp\u003eNourrit et adoucit la peau en profondeur. Elle forme un voile protecteur qui limite la déshydratation cutanée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-benefit\"\u003e\n \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eActive caractéristique du savon d'Alep authentique. Elle apaise les irritations, assainit les pores et soutient la régénération cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-benefit\"\u003e\n \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de nigelle\u003c\/h3\u003e\n \u003cp\u003eRiche en thymoquinone et acides gras essentiels, elle apporte des propriétés apaisantes et contribue à la régénération des peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003ePour qui est ce savon au nigelle ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-grid\"\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eLa douceur de l'huile d'olive combinée à la nigelle calme les tiraillements et les rougeurs au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e🩹 Peaux sujettes à l'eczéma ou au psoriasis\u003c\/h3\u003e\n \u003cp\u003eLes propriétés apaisantes et rééquilibrantes de l'huile de nigelle en font un allié du quotidien, sans se substituer à un suivi médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e✨ Peaux mixtes ou à tendance acnéique\u003c\/h3\u003e\n \u003cp\u003eL'huile de baies de laurier assainit les pores sans agresser la peau ni perturber son équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eUtilisable sur le visage, le corps, et même en shampoing solide doux pour un rituel de soin complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep sur le visage et le corps ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-timeline\"\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eHumidifiez votre peau ou vos cheveux avec de l'eau tiède pour ouvrir les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez le savon entre vos mains mouillées pour former une mousse onctueuse, puis appliquez en massages circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire et séchez en tamponnant délicatement avec une serviette propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eConservez\u003c\/h3\u003e\n \u003cp\u003eConservez le savon à l'abri de l'eau entre chaque utilisation pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-tip\"\u003e\n \u003cdiv class=\"soi-nige-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePosez votre savon d'Alep sur un porte-savon ajouré afin qu'il sèche correctement entre chaque usage. Vous prolongerez ainsi considérablement sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep à l'huile de nigelle Najel\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-compo\"\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eIngrédients (INCI)\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003eSodium Olivate, Sodium Laurate, Aqua, Nigella Sativa Seed Oil, Sodium Hydroxide, Sodium Chloride\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003e100% naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003eConservateur synthétique, colorant artificiel, parfum ajouté\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003eProcédé traditionnel artisanal d'Alep\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-grid-compact\"\u003e\n \u003cdiv class=\"soi-nige-card-mini\"\u003e\n \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🏷️\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-value\"\u003eNajel, Rêve d'Orient\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card-mini\"\u003e\n \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-value\"\u003eSavon solide\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card-mini\"\u003e\n \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🧑\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card-mini\"\u003e\n \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🌸\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-label\"\u003eType de peau\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-value\"\u003eTous types, peaux sensibles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-accordion\"\u003e\n \u003cdetails class=\"soi-nige-accordion-item\"\u003e\n \u003csummary class=\"soi-nige-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-nige-accordion-content\"\u003e\n \u003cp\u003eCe produit ne remplace pas un traitement médical. En cas de pathologie cutanée diagnostiquée, consultez votre dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-nige-cta-box\"\u003e\n \u003cp class=\"soi-nige-cta-tag\" style=\"color: white;\"\u003e3 000 ans de sagesse orientale dans vos mains\u003c\/p\u003e\n \u003cp class=\"soi-nige-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau un rituel de soin naturel, doux et respectueux. Un geste simple, chaque jour, pour une peau visiblement plus douce et apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-nige-marine: #1A2D3D;\n --soi-nige-marine-dark: #0F1E2B;\n --soi-nige-marine-light: #2C4458;\n --soi-nige-pomme: #A1C544;\n --soi-nige-pomme-dark: #84A636;\n --soi-nige-pomme-light: rgba(161,197,68,0.10);\n\n --soi-nige-white: #FFFFFF;\n --soi-nige-off-white: #F8FAF6;\n --soi-nige-stone: #F1F3EE;\n --soi-nige-line: #E5E8E0;\n\n --soi-nige-primary: #C87941;\n --soi-nige-primary-soft: #F5E6D3;\n --soi-nige-accent: #D4944A;\n\n --soi-nige-text: #1A2D3D;\n --soi-nige-text-soft: #4A5B6B;\n --soi-nige-text-muted: #7B8693;\n\n --soi-nige-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-nige-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-nige-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-nige-radius: 12px;\n --soi-nige-radius-sm: 8px;\n --soi-nige-radius-pill: 999px;\n}\n\n.soi-nige-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-nige-fiche img { max-width: 100%; height: auto; }\n\n.soi-nige-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-nige-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-nige-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-nige-hero {\n position: relative;\n background: var(--soi-nige-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-nige-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-nige-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-nige-pomme);\n}\n\n.soi-nige-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-nige-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-nige-pomme);\n border-radius: 50%;\n}\n\n.soi-nige-hero-title {\n display: block;\n color: var(--soi-nige-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-nige-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-nige-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-nige-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-nige-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-nige-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-nige-label-accent {\n background: var(--soi-nige-pomme);\n border-color: var(--soi-nige-pomme);\n color: var(--soi-nige-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-nige-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-nige-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-nige-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-nige-pomme);\n border-radius: 2px;\n}\n\n.soi-nige-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-nige-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-nige-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-nige-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-nige-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-nige-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-nige-benefit {\n background: var(--soi-nige-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-nige-radius);\n border: 1px solid var(--soi-nige-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-nige-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-nige-shadow-md);\n}\n\n.soi-nige-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-nige-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-nige-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-nige-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-nige-benefit:hover .soi-nige-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-nige-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-nige-benefit p {\n font-size: 13px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-nige-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-nige-card {\n background: var(--soi-nige-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-nige-radius);\n border-left: 3px solid var(--soi-nige-pomme);\n}\n\n.soi-nige-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-nige-card p {\n font-size: 14px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-nige-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.25rem;\n}\n\n.soi-nige-card-mini {\n background: var(--soi-nige-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-nige-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-nige-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-nige-card-mini-label {\n font-size: 11px;\n color: var(--soi-nige-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-nige-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-nige-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-nige-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-nige-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-nige-radius);\n border: 1px solid var(--soi-nige-line);\n align-items: flex-start;\n}\n\n.soi-nige-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-nige-marine);\n color: var(--soi-nige-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-nige-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-nige-step-content p {\n font-size: 14px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-nige-compo {\n background: var(--soi-nige-off-white);\n border-radius: var(--soi-nige-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-nige-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-nige-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-nige-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-nige-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-nige-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-nige-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-nige-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-nige-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-nige-pomme-light);\n border-left: 4px solid var(--soi-nige-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-nige-radius) var(--soi-nige-radius) 0;\n align-items: flex-start;\n}\n\n.soi-nige-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-nige-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-nige-marine);\n margin-bottom: 4px;\n}\n\n.soi-nige-tip p {\n font-size: 14px;\n color: var(--soi-nige-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-nige-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-nige-accordion-item {\n background: var(--soi-nige-off-white);\n border-radius: var(--soi-nige-radius-sm);\n border: 1px solid var(--soi-nige-line);\n overflow: hidden;\n}\n\n.soi-nige-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-nige-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-nige-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-nige-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-nige-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-nige-accordion-item[open] .soi-nige-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-nige-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-nige-accordion-content p {\n font-size: 14px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-nige-cta-box {\n background: var(--soi-nige-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-nige-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-nige-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-nige-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-nige-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-nige-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-nige-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-nige-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-nige-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-nige-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-nige-compo-value {\n text-align: left;\n }\n\n .soi-nige-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-nige-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-nige-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-nige-fiche {\n --soi-nige-text-soft: #2C3E50;\n --soi-nige-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603634577738,"sku":"NJ0090","price":3.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-a-lhuile-de-nigelle-najel-packshot.webp?v=1781338095"},{"product_id":"gel-douche-huile-de-figues-de-barbarie-najel","title":"Gel douche Huile de figues de Barbarie - Najel","description":"\u003cdiv class=\"soi-fgbr-fiche\"\u003e\n\n\u003csection class=\"soi-fgbr-hero\"\u003e\n \u003cdiv class=\"soi-fgbr-hero-tag\"\u003e\n \u003cspan class=\"soi-fgbr-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-fgbr-hero-title\"\u003eGel douche Huile de Figues de Barbarie\u003c\/span\u003e\n \u003cp class=\"soi-fgbr-hero-subtitle\"\u003eDeux trésors botaniques réunis dans un seul geste : l'huile de figue de Barbarie à 20 % et le savon d'Alep traditionnel, pour une douche apaisante et naturelle au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-fgbr-hero-labels\"\u003e\n \u003cspan class=\"soi-fgbr-label soi-fgbr-label-accent\"\u003eCOSMOS NATURAL ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-label\"\u003eMADE IN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-label\"\u003eSANS PARFUM AJOUTÉ\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de figue de Barbarie change tout pour votre peau\u003c\/h2\u003e\n \u003cp\u003eL'huile de graines de figue de Barbarie est l'un des actifs les plus concentrés en vitamine E et en acides gras essentiels (oméga 6 et oméga 9) que la nature nous offre. Résultat concret : elle renforce la barrière cutanée, limite la perte en eau et laisse la peau visiblement plus souple dès les premières utilisations. C'est précisément pour cela que Najel en incorpore 20 % dans sa formule, une concentration généreuse qui fait toute la différence face à des gels conventionnels qui n'en contiennent que des traces.\u003c\/p\u003e\n \u003cp\u003eCombinée au savon d'Alep, composé d'huile d'olive et d'huile de baies de laurier, elle nourrit, apaise les rougeurs et soulage les sensations de tiraillement. Le tout sans parfum ajouté, ce qui en fait un gel douche parfaitement adapté aux peaux sensibles, réactives et sujettes aux irritations, aussi bien pour les femmes que pour les hommes.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\"\u003e\n \u003ch2\u003eCe que ce gel douche Cosmos Natural vous apporte concrètement\u003c\/h2\u003e\n \u003cdiv class=\"soi-fgbr-benefits\"\u003e\n \u003cdiv class=\"soi-fgbr-benefit\"\u003e\n \u003cdiv class=\"soi-fgbr-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage doux\u003c\/h3\u003e\n \u003cp\u003eLa mousse légère élimine les impuretés sans dessécher ni déséquilibrer le film hydrolipidique de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-benefit\"\u003e\n \u003cdiv class=\"soi-fgbr-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation immédiate\u003c\/h3\u003e\n \u003cp\u003eL'huile de figue de Barbarie forme un voile protecteur qui maintient la peau souple plusieurs heures après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-benefit\"\u003e\n \u003cdiv class=\"soi-fgbr-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAction apaisante\u003c\/h3\u003e\n \u003cp\u003eLe savon d'Alep calme les irritations et les démangeaisons, idéal pour les peaux réactives au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-grid\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e🔄 Multi-usages\u003c\/h3\u003e\n \u003cp\u003eUtilisable sur le corps, le visage et les cheveux pour simplifier votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum ajouté\u003c\/h3\u003e\n \u003cp\u003eZéro risque d'allergie liée aux fragrances, même pour les peaux les plus délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e♻️ Flacon recyclé et recyclable\u003c\/h3\u003e\n \u003cp\u003e100 % plastique recyclé : un geste pour votre peau et pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\"\u003e\n \u003ch2\u003eComment utiliser ce gel douche naturel pour un résultat optimal\u003c\/h2\u003e\n \u003cdiv class=\"soi-fgbr-timeline\"\u003e\n \u003cdiv class=\"soi-fgbr-step\"\u003e\n \u003cdiv class=\"soi-fgbr-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-step-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eVersez une noisette de gel sur vos mains ou sur un gant de toilette humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-step\"\u003e\n \u003cdiv class=\"soi-fgbr-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-step-content\"\u003e\n \u003ch3\u003eMoussez\u003c\/h3\u003e\n \u003cp\u003eFaites mousser en effectuant des mouvements circulaires doux sur la peau humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-step\"\u003e\n \u003cdiv class=\"soi-fgbr-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Pour un bénéfice hydratant renforcé, évitez l'eau trop chaude qui accentue la sécheresse cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-tip\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-fgbr-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUtilisable quotidiennement, matin ou soir, sur le corps, le visage et les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\"\u003e\n \u003ch2\u003eComposition du gel douche Najel Figue de Barbarie\u003c\/h2\u003e\n \u003cp class=\"soi-fgbr-section-intro\"\u003eFormule à 99 % d'ingrédients d'origine naturelle, certifiée Cosmos Natural par Ecocert, fabriquée en France.\u003c\/p\u003e\n \u003cdiv class=\"soi-fgbr-compo\"\u003e\n \u003cdiv class=\"soi-fgbr-compo-row\"\u003e\n \u003cspan class=\"soi-fgbr-compo-label\"\u003eActif phare\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-compo-value\"\u003e20 % d'huile de graines de figue de Barbarie (Opuntia Ficus-Indica Seed Oil)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-compo-row\"\u003e\n \u003cspan class=\"soi-fgbr-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-compo-value\"\u003eSavon d'Alep (huile d'olive + huile de baies de laurier)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-compo-row\"\u003e\n \u003cspan class=\"soi-fgbr-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-compo-value\"\u003eCosmos Natural Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-compo-row\"\u003e\n \u003cspan class=\"soi-fgbr-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-compo-row\"\u003e\n \u003cspan class=\"soi-fgbr-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-compo-value\"\u003eParfum ajouté, sulfates agressifs, silicones\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-accordion\" style=\"margin-top:1rem;\"\u003e\n \u003cdetails class=\"soi-fgbr-accordion-item\"\u003e\n \u003csummary class=\"soi-fgbr-accordion-header\"\u003e🌱 Propriétés des actifs principaux\u003c\/summary\u003e\n \u003cdiv class=\"soi-fgbr-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eHuile de graines de figue de Barbarie :\u003c\/strong\u003e riche en vitamine E et acides gras essentiels, hydratante et antioxydante.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eSavon d'Alep :\u003c\/strong\u003e nettoyant doux, apaisant et nourrissant, utilisé depuis des siècles pour les peaux fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-fgbr-accordion-item\"\u003e\n \u003csummary class=\"soi-fgbr-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n \u003cdiv class=\"soi-fgbr-accordion-content\"\u003e\n \u003cp\u003eListe INCI complète disponible sur l'emballage du produit. Ce produit est un cosmétique, il ne se substitue pas à un avis médical en cas de pathologie cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\"\u003e\n \u003ch2\u003eCe gel douche est-il fait pour vous ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-fgbr-grid\"\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e🤲 Peaux sèches et sensibles\u003c\/h3\u003e\n \u003cp\u003eParticulièrement recommandé pour les peaux réactives, sujettes aux tiraillements ou aux irritations au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aussi bien aux femmes qu'aux hommes. Sans parfum ajouté, il accompagne chaque membre de la famille dès que la peau a besoin de douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e✅ Formule transparente\u003c\/h3\u003e\n \u003cp\u003eSi vous cherchez un gel douche naturel sans compromis qui tient vraiment ses promesses, vous avez trouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-fgbr-cta-box\"\u003e\n \u003cp class=\"soi-fgbr-cta-text\" style=\"color: white;\"\u003eChaque matin sous la douche, votre peau mérite la douceur d'un actif précieux, la tradition millénaire du savon d'Alep et la sérénité d'une formule certifiée naturelle. Prenez soin de vous, vraiment.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-fgbr-marine: #1A2D3D;\n --soi-fgbr-marine-dark: #0F1E2B;\n --soi-fgbr-marine-light: #2C4458;\n --soi-fgbr-pomme: #A1C544;\n --soi-fgbr-pomme-dark: #84A636;\n --soi-fgbr-pomme-light: rgba(161,197,68,0.10);\n --soi-fgbr-white: #FFFFFF;\n --soi-fgbr-off-white: #F8FAF6;\n --soi-fgbr-stone: #F1F3EE;\n --soi-fgbr-line: #E5E8E0;\n --soi-fgbr-primary: #C49A5C;\n --soi-fgbr-primary-soft: rgba(196,154,92,0.12);\n --soi-fgbr-accent: #B5694A;\n --soi-fgbr-text: #1A2D3D;\n --soi-fgbr-text-soft: #4A5B6B;\n --soi-fgbr-text-muted: #7B8693;\n --soi-fgbr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-fgbr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-fgbr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-fgbr-radius: 12px;\n --soi-fgbr-radius-sm: 8px;\n --soi-fgbr-radius-pill: 999px;\n}\n\n.soi-fgbr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-fgbr-fiche img { max-width: 100%; height: auto; }\n\n.soi-fgbr-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-fgbr-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-fgbr-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-fgbr-hero {\n position: relative;\n background: var(--soi-fgbr-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-fgbr-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-fgbr-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-fgbr-pomme);\n}\n\n.soi-fgbr-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-fgbr-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-fgbr-pomme);\n border-radius: 50%;\n}\n\n.soi-fgbr-hero-title {\n display: block;\n color: var(--soi-fgbr-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-fgbr-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-fgbr-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-fgbr-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-fgbr-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-fgbr-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-fgbr-label-accent {\n background: var(--soi-fgbr-pomme);\n border-color: var(--soi-fgbr-pomme);\n color: var(--soi-fgbr-marine);\n font-weight: 600;\n}\n\n.soi-fgbr-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-fgbr-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-fgbr-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-fgbr-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-fgbr-pomme);\n border-radius: 2px;\n}\n\n.soi-fgbr-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-fgbr-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-fgbr-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-fgbr-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-fgbr-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-fgbr-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-fgbr-benefit {\n background: var(--soi-fgbr-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-fgbr-radius);\n border: 1px solid var(--soi-fgbr-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-fgbr-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-fgbr-shadow-md);\n}\n\n.soi-fgbr-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-fgbr-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-fgbr-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-fgbr-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-fgbr-benefit:hover .soi-fgbr-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-fgbr-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-fgbr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-fgbr-benefit p {\n font-size: 13px;\n color: var(--soi-fgbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-fgbr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-fgbr-card {\n background: var(--soi-fgbr-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-fgbr-radius);\n border-left: 3px solid var(--soi-fgbr-pomme);\n}\n\n.soi-fgbr-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-fgbr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-fgbr-card p {\n font-size: 14px;\n color: var(--soi-fgbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-fgbr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-fgbr-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-fgbr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-fgbr-radius);\n border: 1px solid var(--soi-fgbr-line);\n align-items: flex-start;\n}\n\n.soi-fgbr-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-fgbr-marine);\n color: var(--soi-fgbr-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-fgbr-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-fgbr-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-fgbr-step-content p {\n font-size: 14px;\n color: var(--soi-fgbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-fgbr-compo {\n background: var(--soi-fgbr-off-white);\n border-radius: var(--soi-fgbr-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-fgbr-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-fgbr-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-fgbr-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-fgbr-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-fgbr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-fgbr-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-fgbr-marine);\n text-align: right;\n}\n\n.soi-fgbr-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-fgbr-pomme-light);\n border-left: 4px solid var(--soi-fgbr-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-fgbr-radius) var(--soi-fgbr-radius) 0;\n align-items: flex-start;\n}\n\n.soi-fgbr-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-fgbr-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-fgbr-marine);\n margin-bottom: 4px;\n}\n\n.soi-fgbr-tip p {\n font-size: 14px;\n color: var(--soi-fgbr-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-fgbr-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-fgbr-accordion-item {\n background: var(--soi-fgbr-off-white);\n border-radius: var(--soi-fgbr-radius-sm);\n border: 1px solid var(--soi-fgbr-line);\n overflow: hidden;\n}\n\n.soi-fgbr-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-fgbr-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-fgbr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-fgbr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-fgbr-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-fgbr-accordion-item[open] .soi-fgbr-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-fgbr-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-fgbr-accordion-content p {\n font-size: 14px;\n color: var(--soi-fgbr-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem 0;\n}\n\n.soi-fgbr-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.soi-fgbr-cta-box {\n background: var(--soi-fgbr-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-fgbr-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-fgbr-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-fgbr-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-fgbr-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-fgbr-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-fgbr-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-fgbr-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-fgbr-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-fgbr-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-fgbr-compo-value {\n text-align: left;\n }\n\n .soi-fgbr-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-fgbr-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-fgbr-fiche {\n --soi-fgbr-text-soft: #2C3E50;\n --soi-fgbr-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603634741578,"sku":"NJ0015","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-huile-de-figues-de-barbarie-najel-packshot_11zon.jpg?v=1781340135"},{"product_id":"savon-dalep-au-miel-najel","title":"Savon d'Alep au miel - Najel","description":"\u003cdiv class=\"soi-almi-fiche\"\u003e\n\n \u003csection class=\"soi-almi-hero\"\u003e\n \u003cdiv class=\"soi-almi-hero-tag\"\u003e\n \u003cspan class=\"soi-almi-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-almi-hero-title\"\u003eLa recette ancestrale d'Alep, au miel\u003c\/span\u003e\n \u003cp class=\"soi-almi-hero-subtitle\"\u003eUn savon né il y a plus de 3 000 ans à Alep, enrichi de la douceur dorée du miel. Nourrissant, apaisant et polyvalent : visage, corps et cheveux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003eSavon d'Alep au miel Najel : douceur millénaire et bienfaits du miel pour votre peau\u003c\/h2\u003e\n \u003cp\u003eImaginez un savon né il y a plus de \u003cstrong\u003e3 000 ans à Alep, en Syrie\u003c\/strong\u003e, enrichi de la douceur dorée du miel. C'est exactement ce que vous offre le \u003cstrong\u003esavon d'Alep au miel de Najel\u003c\/strong\u003e : une recette ancestrale, des ingrédients nobles et une peau transformée dès les premières utilisations. Que vous ayez la peau sèche, sensible ou simplement envie d'un soin naturel au quotidien, ce savon est fait pour vous.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep au miel Najel\u003c\/h2\u003e\n \u003cp class=\"soi-almi-section-intro\"\u003eLa force de ce savon réside dans sa composition transparente et authentique. Pas de parfum synthétique, pas de conservateur chimique : vous savez exactement ce que vous appliquez sur votre peau, et sur celle de votre famille.\u003c\/p\u003e\n \u003cdiv class=\"soi-almi-grid\"\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive (Olea Europaea Fruit Oil)\u003c\/h3\u003e\n \u003cp\u003eBase principale du savon d'Alep traditionnel, elle nourrit et protège la peau en profondeur grâce à ses acides gras et à sa richesse en vitamine E.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier (Laurus Nobilis Fruit Oil)\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient signature du vrai savon d'Alep, reconnue pour ses propriétés apaisantes et purifiantes, particulièrement appréciée sur les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e🍯 Miel naturel (Mel \/ Honey)\u003c\/h3\u003e\n \u003cp\u003eActif humectant et réparateur utilisé depuis l'Antiquité, il attire l'eau dans les cellules cutanées, aide à apaiser les irritations et laisse la peau douce et souple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e🧪 Hydroxyde de sodium (agent saponifiant)\u003c\/h3\u003e\n \u003cp\u003eEntièrement consommé lors du processus de saponification à froid, il ne reste aucune trace dans le produit fini.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e💧 Eau\u003c\/h3\u003e\n \u003cp\u003ePour une texture idéale et une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003eQuels sont les bienfaits du savon d'Alep au miel ?\u003c\/h2\u003e\n \u003cp class=\"soi-almi-section-intro\"\u003eCe savon se distingue par une action triple : nourrissante, apaisante et hydratante. Voici concrètement ce que vous pouvez en attendre.\u003c\/p\u003e\n \u003cdiv class=\"soi-almi-benefits\"\u003e\n \u003cdiv class=\"soi-almi-benefit\"\u003e\n \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau douce et nourrie\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive et le miel forment un duo hydratant puissant, idéal pour les peaux sèches ou tiraillées en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-benefit\"\u003e\n \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisement des irritations\u003c\/h3\u003e\n \u003cp\u003eL'huile de baies de laurier et le miel soulagent les peaux sensibles, sujettes aux rougeurs ou aux légères irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-benefit\"\u003e\n \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉlasticité cutanée préservée\u003c\/h3\u003e\n \u003cp\u003eLe miel aide à conserver la souplesse de la peau en limitant la perte en eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-benefit\"\u003e\n \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMousse douce et enveloppante\u003c\/h3\u003e\n \u003cp\u003eMême sur les peaux les plus fragiles, la mousse crémeuse ne décape pas la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003eSavon d'Alep visage, corps et cheveux : comment l'utiliser ?\u003c\/h2\u003e\n \u003cp class=\"soi-almi-section-intro\"\u003eL'un des grands atouts du savon d'Alep authentique, c'est sa polyvalence totale. Vous pouvez l'utiliser de trois façons.\u003c\/p\u003e\n \u003cdiv class=\"soi-almi-timeline\"\u003e\n \u003cdiv class=\"soi-almi-step\"\u003e\n \u003cdiv class=\"soi-almi-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eFaites mousser entre vos mains, appliquez en douceur, puis rincez à l'eau tiède. La peau est nette, jamais desséchée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step\"\u003e\n \u003cdiv class=\"soi-almi-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eEn remplacement du gel douche, il convient à toute la famille, y compris aux bébés et aux enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step\"\u003e\n \u003cdiv class=\"soi-almi-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step-content\"\u003e\n \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisé en shampoing solide, il nettoie sans agresser le cuir chevelu, notamment pour les personnes sensibles aux shampoings conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-tip\"\u003e\n \u003cdiv class=\"soi-almi-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour prolonger sa durée de vie, pensez à laisser sécher votre savon entre deux utilisations sur un porte-savon bien drainé. Un pain de savon d'Alep dure généralement 6 à 8 semaines avec un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003ePourquoi choisir le savon d'Alep Najel plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp\u003eNajel est l'une des marques de référence lorsqu'il s'agit de savon d'Alep authentique. Ses savons sont fabriqués selon les méthodes ancestrales des savonneries familiales syriennes, avec un contrôle rigoureux des ingrédients. La version au miel enrichit la formule classique d'un actif naturel particulièrement apprécié pour les peaux sensibles ou sèches. C'est un choix plébiscité par de nombreux dermatologues recommandant des soins doux et sans allergènes courants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003cdiv class=\"soi-almi-accordion\"\u003e\n \u003cdetails class=\"soi-almi-accordion-item\"\u003e\n \u003csummary class=\"soi-almi-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-almi-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique naturel. Il ne se substitue pas à un traitement médical. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-almi-cta-box\"\u003e\n \u003cp class=\"soi-almi-cta-tag\" style=\"color: white;\"\u003eUn rituel de soin ancestral, naturel et familial\u003c\/p\u003e\n \u003cp class=\"soi-almi-cta-text\" style=\"color: white;\"\u003eDoux comme le miel, ancestral comme la ville d'Alep : offrez à votre peau un soin complet qui la respecte et la nourrit en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-almi-marine: #1A2D3D;\n --soi-almi-marine-dark: #0F1E2B;\n --soi-almi-marine-light: #2C4458;\n --soi-almi-pomme: #A1C544;\n --soi-almi-pomme-dark: #84A636;\n --soi-almi-pomme-light: rgba(161,197,68,0.10);\n --soi-almi-white: #FFFFFF;\n --soi-almi-off-white: #F8FAF6;\n --soi-almi-stone: #F1F3EE;\n --soi-almi-line: #E5E8E0;\n --soi-almi-primary: #D4A82A;\n --soi-almi-primary-soft: #F5E6B8;\n --soi-almi-accent: #B5944A;\n --soi-almi-text: #1A2D3D;\n --soi-almi-text-soft: #4A5B6B;\n --soi-almi-text-muted: #7B8693;\n --soi-almi-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-almi-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-almi-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-almi-radius: 12px;\n --soi-almi-radius-sm: 8px;\n --soi-almi-radius-pill: 999px;\n}\n\n.soi-almi-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-almi-fiche img { max-width: 100%; height: auto; }\n\n.soi-almi-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-almi-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-almi-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-almi-hero {\n position: relative;\n background: var(--soi-almi-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-almi-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-almi-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-almi-primary);\n}\n\n.soi-almi-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-almi-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-almi-primary);\n border-radius: 50%;\n}\n\n.soi-almi-hero-title {\n display: block;\n color: var(--soi-almi-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-almi-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-almi-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-almi-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-almi-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-almi-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-almi-pomme);\n border-radius: 2px;\n}\n\n.soi-almi-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-almi-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-almi-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-almi-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-almi-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-almi-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-almi-benefit {\n background: var(--soi-almi-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-almi-radius);\n border: 1px solid var(--soi-almi-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-almi-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-almi-shadow-md);\n}\n\n.soi-almi-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-almi-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-almi-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-almi-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-almi-benefit:hover .soi-almi-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-almi-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-almi-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-almi-benefit p {\n font-size: 13px;\n color: var(--soi-almi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-almi-card {\n background: var(--soi-almi-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-almi-radius);\n border-left: 3px solid var(--soi-almi-primary);\n}\n\n.soi-almi-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-almi-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-almi-card p {\n font-size: 14px;\n color: var(--soi-almi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-almi-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-almi-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-almi-radius);\n border: 1px solid var(--soi-almi-line);\n align-items: flex-start;\n}\n\n.soi-almi-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-almi-marine);\n color: var(--soi-almi-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-almi-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-almi-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-almi-step-content p {\n font-size: 14px;\n color: var(--soi-almi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-almi-pomme-light);\n border-left: 4px solid var(--soi-almi-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-almi-radius) var(--soi-almi-radius) 0;\n align-items: flex-start;\n}\n\n.soi-almi-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-almi-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-almi-marine);\n margin-bottom: 4px;\n}\n\n.soi-almi-tip p {\n font-size: 14px;\n color: var(--soi-almi-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-almi-accordion-item {\n background: var(--soi-almi-off-white);\n border-radius: var(--soi-almi-radius-sm);\n border: 1px solid var(--soi-almi-line);\n overflow: hidden;\n}\n\n.soi-almi-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-almi-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-almi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-almi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-almi-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-almi-accordion-item[open] .soi-almi-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-almi-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-almi-accordion-content p {\n font-size: 14px;\n color: var(--soi-almi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-cta-box {\n background: var(--soi-almi-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-almi-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-almi-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-almi-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-almi-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-almi-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-almi-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-almi-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-almi-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-almi-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-almi-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-almi-fiche {\n --soi-almi-text-soft: #2C3E50;\n --soi-almi-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603635167562,"sku":"NJ0110","price":3.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-au-miel-najel-packshot_e32d4776-c5b0-4a95-8f44-a30fbfb79ac4.webp?v=1779976577"},{"product_id":"shampooing-solide-certifie-bio-najel","title":"Shampooing solide certifié bio – Najel","description":"\n\u003cdiv class=\"soi-shmp-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-shmp-hero\"\u003e\n \u003cdiv class=\"soi-shmp-hero-tag\"\u003e\n \u003cspan class=\"soi-shmp-tag-dot\"\u003e\u003c\/span\u003e\n Soin cheveux · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-shmp-hero-title\"\u003eShampooing solide certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-shmp-hero-subtitle\"\u003eSouplesse et brillance pour vos cheveux normaux, avec le beurre de karité bio et l'huile d'olive bio. Format solide, fabriqué en France.\u003c\/p\u003e\n \u003cdiv class=\"soi-shmp-hero-labels\"\u003e\n \u003cspan class=\"soi-shmp-label soi-shmp-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003e99 % NATUREL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 1 : Format solide --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eUn shampooing solide bio : pourquoi choisir le format solide ?\u003c\/h2\u003e\n \u003cp\u003eContrairement à un shampooing liquide classique, le format solide contient \u003cstrong\u003e96 % d'eau en moins\u003c\/strong\u003e lors de sa fabrication. Résultat : une formule ultra concentrée, plus longue à l'usage, sans emballage plastique, et idéale pour voyager sans contrainte. Un seul pain équivaut en moyenne à deux ou trois flacons de shampooing liquide. Pratique, économique et vraiment écoresponsable.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 : Actifs clés --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eLes actifs clés : karité bio et huile d'olive bio\u003c\/h2\u003e\n \u003cp class=\"soi-shmp-section-intro\"\u003eChez Najel, la sélection des ingrédients n'est pas laissée au hasard. Ce shampooing solide bio s'appuie sur deux actifs naturels complémentaires.\u003c\/p\u003e\n \u003cdiv class=\"soi-shmp-grid\"\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eIssue de la pression des olives, elle nourrit les fibres capillaires en profondeur, renforce la résistance du cheveu et apporte une brillance naturelle visible dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour sa richesse en acides gras, il gaine le cheveu, limite les frisottis et laisse une sensation de douceur persistante après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo\"\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003e99 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eSulfate agressif, silicone occlusif\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 : Pour qui --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003ePour qui est fait ce shampooing solide bio Najel ?\u003c\/h2\u003e\n \u003cp\u003eCe soin est spécifiquement formulé pour les \u003cstrong\u003echeveux normaux\u003c\/strong\u003e, ni trop secs, ni trop gras. Si vous cherchez à maintenir un équilibre capillaire sain tout en apportant légèreté et brillance à votre chevelure, vous êtes exactement dans la cible. Il convient aussi bien aux adultes qu'aux enfants, et peut accompagner toute la famille au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 : Comment utiliser --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eComment utiliser votre shampooing solide ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shmp-timeline\"\u003e\n \u003cdiv class=\"soi-shmp-step\"\u003e\n \u003cdiv class=\"soi-shmp-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step-content\"\u003e\n \u003ch3\u003eMouiller\u003c\/h3\u003e\n \u003cp\u003eMouillez abondamment vos cheveux à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step\"\u003e\n \u003cdiv class=\"soi-shmp-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eFrottez le pain directement sur le cuir chevelu ou entre vos mains pour créer une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step\"\u003e\n \u003cdiv class=\"soi-shmp-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step-content\"\u003e\n \u003ch3\u003eMasser\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu en mouvements circulaires pendant quelques secondes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step\"\u003e\n \u003cdiv class=\"soi-shmp-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step-content\"\u003e\n \u003ch3\u003eRincer et conserver\u003c\/h3\u003e\n \u003cp\u003eRincez soigneusement à l'eau claire et laissez sécher à l'air libre sur un porte-savon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-tip\"\u003e\n \u003cdiv class=\"soi-shmp-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour optimiser la tenue du pain, conservez-le dans un endroit sec entre chaque utilisation. Un porte-savon drainant prolonge significativement sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 5 : Engagement qualité --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eUn engagement qualité signé Najel, fabriqué en France\u003c\/h2\u003e\n \u003cp\u003eLe \u003cstrong\u003eLaboratoire Najjar\u003c\/strong\u003e, maison française reconnue pour son expertise en cosmétiques naturels, fabrique ce shampooing solide dans le respect des standards les plus exigeants. La certification \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e atteste d'une composition contrôlée, transparente et respectueuse des écosystèmes. Aucune promesse vide : chaque ingrédient a sa raison d'être.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 6 : Ce que vous y gagnez --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eCe que vous y gagnez au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-shmp-benefits\"\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSouplesse et brillance\u003c\/h3\u003e\n \u003cp\u003eDes cheveux souples, brillants et équilibrés dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e🌍\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eGeste écoresponsable\u003c\/h3\u003e\n \u003cp\u003eMoins d'eau à la fabrication, zéro plastique. Un geste concret pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e✈️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCompact et léger\u003c\/h3\u003e\n \u003cp\u003eUn format pratique pour voyager sans contrainte, sans risque de fuite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié bio\u003c\/h3\u003e\n \u003cp\u003eUne formule certifiée Cosmos Organic, sans ingrédients controversés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e💰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉconomique\u003c\/h3\u003e\n \u003cp\u003eUn rapport qualité-prix avantageux grâce à la longue durée d'utilisation, équivalent à deux ou trois flacons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Accordéon : Précautions --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003cdiv class=\"soi-shmp-accordion\"\u003e\n \u003cdetails class=\"soi-shmp-accordion-item\"\u003e\n \u003csummary class=\"soi-shmp-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-shmp-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne remplace pas l'avis d'un professionnel de santé en cas de problème capillaire persistant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-shmp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shmp-cta-box\"\u003e\n \u003cp class=\"soi-shmp-cta-tag\" style=\"color: white;\"\u003eSe laver naturellement\u003c\/p\u003e\n \u003cp class=\"soi-shmp-cta-text\" style=\"color: white;\"\u003eFini les compromis entre efficacité et conscience écologique. Le shampooing solide bio Najel prend soin de vos cheveux avec des actifs certifiés bio, fabriqués en France. Un geste simple pour une chevelure rayonnante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* === Couleurs Soinat (FIXES) === *\/\n --soi-shmp-marine: #1A2D3D;\n --soi-shmp-marine-dark: #0F1E2B;\n --soi-shmp-marine-light: #2C4458;\n --soi-shmp-pomme: #A1C544;\n --soi-shmp-pomme-dark: #84A636;\n --soi-shmp-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-shmp-white: #FFFFFF;\n --soi-shmp-off-white: #F8FAF6;\n --soi-shmp-stone: #F1F3EE;\n --soi-shmp-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging bleu ciel Najel) === *\/\n --soi-shmp-primary: #5BA3C0;\n --soi-shmp-primary-soft: #D6EBF3;\n --soi-shmp-accent: #7BBAD4;\n\n \/* === Textes === *\/\n --soi-shmp-text: #1A2D3D;\n --soi-shmp-text-soft: #4A5B6B;\n --soi-shmp-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-shmp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shmp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shmp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shmp-radius: 12px;\n --soi-shmp-radius-sm: 8px;\n --soi-shmp-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-shmp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shmp-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-shmp-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shmp-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shmp-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shmp-hero {\n position: relative;\n background: var(--soi-shmp-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shmp-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shmp-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shmp-pomme);\n}\n\n.soi-shmp-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shmp-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shmp-pomme);\n border-radius: 50%;\n}\n\n.soi-shmp-hero-title {\n display: block;\n color: var(--soi-shmp-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shmp-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shmp-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shmp-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shmp-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shmp-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shmp-label-accent {\n background: var(--soi-shmp-pomme);\n border-color: var(--soi-shmp-pomme);\n color: var(--soi-shmp-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shmp-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shmp-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shmp-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shmp-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shmp-pomme);\n border-radius: 2px;\n}\n\n.soi-shmp-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shmp-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shmp-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shmp-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shmp-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shmp-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-shmp-benefit {\n background: var(--soi-shmp-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shmp-radius);\n border: 1px solid var(--soi-shmp-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shmp-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shmp-shadow-md);\n}\n\n.soi-shmp-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shmp-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-shmp-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shmp-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shmp-benefit:hover .soi-shmp-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shmp-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shmp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shmp-benefit p {\n font-size: 13px;\n color: var(--soi-shmp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shmp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-shmp-card {\n background: var(--soi-shmp-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shmp-radius);\n border-left: 3px solid var(--soi-shmp-pomme);\n}\n\n.soi-shmp-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shmp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shmp-card p {\n font-size: 14px;\n color: var(--soi-shmp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shmp-compo {\n background: var(--soi-shmp-off-white);\n border-radius: var(--soi-shmp-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shmp-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shmp-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shmp-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shmp-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shmp-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shmp-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shmp-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-shmp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-shmp-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shmp-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shmp-radius);\n border: 1px solid var(--soi-shmp-line);\n align-items: flex-start;\n}\n\n.soi-shmp-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shmp-marine);\n color: var(--soi-shmp-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shmp-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shmp-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shmp-step-content p {\n font-size: 14px;\n color: var(--soi-shmp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-shmp-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shmp-pomme-light);\n border-left: 4px solid var(--soi-shmp-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shmp-radius) var(--soi-shmp-radius) 0;\n align-items: flex-start;\n}\n\n.soi-shmp-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shmp-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shmp-marine);\n margin-bottom: 4px;\n}\n\n.soi-shmp-tip p {\n font-size: 14px;\n color: var(--soi-shmp-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shmp-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shmp-accordion-item {\n background: var(--soi-shmp-off-white);\n border-radius: var(--soi-shmp-radius-sm);\n border: 1px solid var(--soi-shmp-line);\n overflow: hidden;\n}\n\n.soi-shmp-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shmp-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-shmp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shmp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shmp-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shmp-accordion-item[open] .soi-shmp-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shmp-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shmp-accordion-content p {\n font-size: 14px;\n color: var(--soi-shmp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shmp-cta-box {\n background: var(--soi-shmp-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shmp-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shmp-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shmp-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shmp-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shmp-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shmp-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shmp-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-shmp-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shmp-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shmp-compo-value {\n text-align: left;\n }\n\n .soi-shmp-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shmp-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shmp-fiche {\n --soi-shmp-text-soft: #2C3E50;\n --soi-shmp-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603635396938,"sku":"NJ0025","price":7.27,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-solide-certifie-bio-najel-packshot.webp?v=1779437243"},{"product_id":"elixir-aux-trois-huiles-certifie-bio-najel","title":"Élixir aux trois huiles certifié bio – Najel","description":"\n\u003cdiv class=\"soi-elix-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-elix-hero\"\u003e\n \u003cdiv class=\"soi-elix-hero-tag\"\u003e\n \u003cspan class=\"soi-elix-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique bio · Najel Méditerranée\n \u003c\/div\u003e\n \u003cspan class=\"soi-elix-hero-title\"\u003eÉlixir aux trois huiles certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-elix-hero-subtitle\"\u003eTrois huiles végétales précieuses réunies dans un seul flacon pour nourrir, apaiser et sublimer votre peau, votre corps et vos cheveux au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-elix-hero-labels\"\u003e\n \u003cspan class=\"soi-elix-label soi-elix-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-elix-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-elix-label\"\u003e100% NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-elix-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-elix-label\"\u003eNON COMÉDOGÈNE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INTRO --\u003e\n \u003csection class=\"soi-elix-section\"\u003e\n \u003cp class=\"soi-elix-section-intro\"\u003eVous cherchez une huile bio pour le visage qui fait vraiment la différence, sans liste d'ingrédients interminable ni promesse creuse ? L'Élixir aux trois huiles certifié bio de Najel réunit trois huiles végétales précieuses, extraites par première pression à froid et issues de l'agriculture biologique, pour nourrir, apaiser et sublimer votre peau au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Trois huiles bio, une formule d'exception --\u003e\n \u003csection class=\"soi-elix-section\"\u003e\n \u003ch2\u003eTrois huiles bio, une formule d'exception\u003c\/h2\u003e\n \u003cp\u003eChaque huile est extraite par première pression à froid, issue de l'agriculture biologique et certifiée Cosmos Organic. Ensemble, elles forment une synergie rare :\u003c\/p\u003e\n \u003cdiv class=\"soi-elix-grid\"\u003e\n \u003cdiv class=\"soi-elix-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acide oléique, elle nourrit en profondeur, protège la barrière cutanée et aide à préserver l'élasticité de la peau dans le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-card\"\u003e\n \u003ch3\u003e🌿 Huile de nigelle bio\u003c\/h3\u003e\n \u003cp\u003eVéritable concentré régénérateur, elle apaise les irritations, soutient la réparation cellulaire et redonne de l'éclat aux peaux fatiguées ou ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-card\"\u003e\n \u003ch3\u003e🌸 Huile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eGorgée de vitamines A et E, d'oméga-6 et d'oméga-9, elle hydrate intensément les peaux sensibles et apporte souplesse et brillance aux cheveux secs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-tip\"\u003e\n \u003cdiv class=\"soi-elix-tip-icon\"\u003e🌺\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe petit plus Soinat\u003c\/strong\u003e\n \u003cp\u003eAucun parfum synthétique dans cette formule : la fragrance délicate provient uniquement de la fleur d'oranger, pour un moment sensoriel authentique à chaque application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Un soin 3-en-1 pour simplifier votre routine beauté --\u003e\n \u003csection class=\"soi-elix-section\"\u003e\n \u003ch2\u003eUn soin 3-en-1 pour simplifier votre routine beauté\u003c\/h2\u003e\n \u003cp\u003eCe que vous apprécierez dans cet élixir, c'est sa capacité à remplacer plusieurs produits à la fois :\u003c\/p\u003e\n \u003cdiv class=\"soi-elix-benefits\"\u003e\n \u003cdiv class=\"soi-elix-benefit\"\u003e\n \u003cdiv class=\"soi-elix-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes matin ou soir sur une peau propre. La texture sèche pénètre sans effet gras, sans occlusion des pores. Idéal comme huile visage bio en soin quotidien ou en booster sous votre crème habituelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-benefit\"\u003e\n \u003cdiv class=\"soi-elix-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eMassez après la douche pour apaiser les tiraillements, nourrir les zones sèches (coudes, genoux, ventre) et prolonger le confort cutané même par temps froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-benefit\"\u003e\n \u003cdiv class=\"soi-elix-benefit-icon\"\u003e\u003cspan\u003e💇\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes en masque avant-shampoing ou en sérum de finition sur les pointes pour discipliner, nourrir et redonner brillance aux longueurs abîmées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition complète de l'élixir Najel --\u003e\n \u003csection class=\"soi-elix-section\"\u003e\n \u003ch2\u003eComposition complète de l'élixir Najel\u003c\/h2\u003e\n \u003cdiv class=\"soi-elix-compo\"\u003e\n \u003cdiv class=\"soi-elix-compo-row\"\u003e\n \u003cspan class=\"soi-elix-compo-label\"\u003eINCI\u003c\/span\u003e\n \u003cspan class=\"soi-elix-compo-value\"\u003eOlea Europaea Fruit Oil*, Prunus Amygdalus Dulcis Oil*, Nigella Sativa Seed Oil*, Citrus Aurantium Amara Flower Oil*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-compo-row\"\u003e\n \u003cspan class=\"soi-elix-compo-label\"\u003eOrigine bio\u003c\/span\u003e\n \u003cspan class=\"soi-elix-compo-value\"\u003e96,3 % d'origine biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-compo-row\"\u003e\n \u003cspan class=\"soi-elix-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-elix-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-compo-row\"\u003e\n \u003cspan class=\"soi-elix-compo-label\"\u003eExtraction\u003c\/span\u003e\n \u003cspan class=\"soi-elix-compo-value\"\u003ePremière pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-compo-row\"\u003e\n \u003cspan class=\"soi-elix-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-elix-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1rem;\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e Aucun parfum de synthèse, aucun ingrédient superflu : seulement ce dont votre peau a besoin.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser l'élixir aux trois huiles Najel ? --\u003e\n \u003csection class=\"soi-elix-section\"\u003e\n \u003ch2\u003eComment utiliser l'élixir aux trois huiles Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-elix-timeline\"\u003e\n \u003cdiv class=\"soi-elix-step\"\u003e\n \u003cdiv class=\"soi-elix-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-elix-step-content\"\u003e\n \u003ch3\u003eVersage\u003c\/h3\u003e\n \u003cp\u003eActionnez la pompe 2 à 3 fois dans le creux de votre main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-step\"\u003e\n \u003cdiv class=\"soi-elix-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-elix-step-content\"\u003e\n \u003ch3\u003eActivation\u003c\/h3\u003e\n \u003cp\u003eFrottez vos paumes pour tiédir l'huile et libérer le parfum de fleur d'oranger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-step\"\u003e\n \u003cdiv class=\"soi-elix-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-elix-step-content\"\u003e\n \u003ch3\u003eApplication\u003c\/h3\u003e\n \u003cp\u003eMassez en mouvements circulaires sur le visage, le corps ou les cheveux selon votre besoin du moment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Ce que vous devez savoir avant d'acheter --\u003e\n \u003csection class=\"soi-elix-section\"\u003e\n \u003ch2\u003eCe que vous devez savoir avant d'acheter\u003c\/h2\u003e\n \u003cdiv class=\"soi-elix-grid-compact\"\u003e\n \u003cdiv class=\"soi-elix-card-mini\"\u003e\n \u003cspan class=\"soi-elix-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-card-mini\"\u003e\n \u003cspan class=\"soi-elix-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-value\"\u003e100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-card-mini\"\u003e\n \u003cspan class=\"soi-elix-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-card-mini\"\u003e\n \u003cspan class=\"soi-elix-card-mini-icon\"\u003e🧬\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-label\"\u003eTexture\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-value\"\u003eSèche, non comédogène\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-accordion\"\u003e\n \u003cdetails class=\"soi-elix-accordion-item\"\u003e\n \u003csummary class=\"soi-elix-accordion-header\"\u003e🧑 Pour quels types de peau ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-elix-accordion-content\"\u003e\n \u003cp\u003eCet élixir convient aux peaux sensibles et aux peaux normales à sèches. Sa texture sèche non comédogène est adaptée à une utilisation sur le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-elix-accordion-item\"\u003e\n \u003csummary class=\"soi-elix-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-elix-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique et ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-elix-accordion-item\"\u003e\n \u003csummary class=\"soi-elix-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n \u003cdiv class=\"soi-elix-accordion-content\"\u003e\n \u003cp\u003eFlacon pompe ambré de 100 ml, pratique et hygiénique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-elix-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-elix-cta-box\"\u003e\n \u003cp class=\"soi-elix-cta-tag\" style=\"color: white;\"\u003eVotre rituel beauté simplifié\u003c\/p\u003e\n \u003cp class=\"soi-elix-cta-text\" style=\"color: white;\"\u003eTrois huiles bio emblématiques réunies dans un seul geste quotidien. De votre visage à vos pointes, nourrissez, réparez et embellissez avec la douceur naturelle de la fleur d'oranger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-elix-marine: #1A2D3D;\n --soi-elix-marine-dark: #0F1E2B;\n --soi-elix-marine-light: #2C4458;\n --soi-elix-pomme: #A1C544;\n --soi-elix-pomme-dark: #84A636;\n --soi-elix-pomme-light: rgba(161,197,68,0.10);\n\n --soi-elix-white: #FFFFFF;\n --soi-elix-off-white: #F8FAF6;\n --soi-elix-stone: #F1F3EE;\n --soi-elix-line: #E5E8E0;\n\n --soi-elix-primary: #D8924A;\n --soi-elix-primary-soft: #F5E6D3;\n --soi-elix-accent: #3A2518;\n\n --soi-elix-text: #1A2D3D;\n --soi-elix-text-soft: #4A5B6B;\n --soi-elix-text-muted: #7B8693;\n\n --soi-elix-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-elix-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-elix-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-elix-radius: 12px;\n --soi-elix-radius-sm: 8px;\n --soi-elix-radius-pill: 999px;\n}\n\n.soi-elix-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-elix-fiche img { max-width: 100%; height: auto; }\n\n.soi-elix-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-elix-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-elix-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-elix-hero {\n position: relative;\n background: var(--soi-elix-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-elix-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-elix-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-elix-primary);\n}\n\n.soi-elix-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-elix-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-elix-primary);\n border-radius: 50%;\n}\n\n.soi-elix-hero-title {\n display: block;\n color: var(--soi-elix-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-elix-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-elix-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-elix-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-elix-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-elix-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-elix-label-accent {\n background: var(--soi-elix-primary);\n border-color: var(--soi-elix-primary);\n color: var(--soi-elix-white);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-elix-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-elix-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-elix-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-elix-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-elix-primary);\n border-radius: 2px;\n}\n\n.soi-elix-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-elix-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-elix-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-elix-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-elix-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-elix-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1rem;\n}\n\n.soi-elix-benefit {\n background: var(--soi-elix-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-elix-radius);\n border: 1px solid var(--soi-elix-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-elix-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-elix-shadow-md);\n}\n\n.soi-elix-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-elix-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-elix-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-elix-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-elix-benefit:hover .soi-elix-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-elix-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-elix-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-elix-benefit p {\n font-size: 13px;\n color: var(--soi-elix-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-elix-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-elix-card {\n background: var(--soi-elix-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-elix-radius);\n border-left: 3px solid var(--soi-elix-primary);\n}\n\n.soi-elix-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-elix-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-elix-card p {\n font-size: 14px;\n color: var(--soi-elix-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-elix-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.25rem;\n}\n\n.soi-elix-card-mini {\n background: var(--soi-elix-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-elix-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-elix-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-elix-card-mini-label {\n font-size: 11px;\n color: var(--soi-elix-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-elix-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-elix-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-elix-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-elix-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-elix-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-elix-radius);\n border: 1px solid var(--soi-elix-line);\n align-items: flex-start;\n}\n\n.soi-elix-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-elix-marine);\n color: var(--soi-elix-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-elix-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-elix-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-elix-step-content p {\n font-size: 14px;\n color: var(--soi-elix-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-elix-compo {\n background: var(--soi-elix-off-white);\n border-radius: var(--soi-elix-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-elix-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-elix-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-elix-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-elix-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-elix-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-elix-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-elix-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-elix-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-elix-primary-soft);\n border-left: 4px solid var(--soi-elix-primary);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-elix-radius) var(--soi-elix-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-elix-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-elix-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-elix-marine);\n margin-bottom: 4px;\n}\n\n.soi-elix-tip p {\n font-size: 14px;\n color: var(--soi-elix-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-elix-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-elix-accordion-item {\n background: var(--soi-elix-off-white);\n border-radius: var(--soi-elix-radius-sm);\n border: 1px solid var(--soi-elix-line);\n overflow: hidden;\n}\n\n.soi-elix-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-elix-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-elix-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-elix-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-elix-primary);\n transition: transform 0.2s ease;\n}\n\n.soi-elix-accordion-item[open] .soi-elix-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-elix-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-elix-accordion-content p {\n font-size: 14px;\n color: var(--soi-elix-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-elix-cta-box {\n background: var(--soi-elix-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-elix-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-elix-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-elix-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-elix-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-elix-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-elix-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-elix-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-elix-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-elix-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-elix-compo-value {\n text-align: left;\n }\n\n .soi-elix-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-elix-tip {\n flex-direction: column;\n gap: 0.75rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-elix-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-elix-fiche {\n --soi-elix-text-soft: #2C3E50;\n --soi-elix-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603637526858,"sku":"NJ0190","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/elixir-aux-trois-huiles-certifie-bio-najel-packshot_11zon.webp?v=1780299063"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/soin_des_cheveux.webp?v=1779959873","url":"https:\/\/www.soinature.com\/collections\/hygiene-cheveux.oembed?page=3","provider":"Soinature","version":"1.0","type":"link"}