{"title":"Avoir une bonne hygiène capillaire","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":"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":"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":"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":"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":"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-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":"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":"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":"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":"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":"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":"savon-dalep-12-hbl-najel-1","title":"Savon d'Alep 12% HBL – 180g Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\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 naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eUn savon d'Alep avec 12% d'Huile de Baie de Lauier\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eLe savon ancestral aux huiles d'olive et de baies de laurier, idéalement dosé pour les peaux normales à mixtes. Plus de 3 000 ans de savoir-faire, perpétué depuis 1895 par la maison Najel.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e12% HBL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eFABRIQUÉ À ALEP\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep 12% HBL Najel : le savon ancestral pour peaux normales à mixtes\u003c\/h2\u003e\n \u003cp\u003eConsidéré comme l'un des premiers savons solides de l'histoire, le savon d'Alep est fabriqué depuis plus de 3 000 ans dans la ville syrienne d'Alep. La maison Najel, fondée en 1895 par la famille Al Najjar, en perpétue le savoir-faire avec une rigueur artisanale rare. Ce savon d'Alep à 12% d'huile de baies de laurier est idéalement dosé pour les peaux normales à mixtes : assez riche pour nourrir, assez léger pour ne pas saturer.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel 12% HBL\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eSa force réside dans la pureté de sa formule, héritée directement de la tradition syrienne.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eHuile d'olive\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e88% — Oméga-9, antioxydants naturels, nourrit et assouplit la peau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eHuile de baies de laurier\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e12% — Purifiante, apaisante et régénérante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eHydroxyde de sodium\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSaponification à chaud (ne subsiste pas dans le savon fini)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eEau\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e—\u003c\/span\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\u003eFormule minimaliste\u003c\/strong\u003e\n \u003cp\u003eAucun parfum ajouté, aucun conservateur synthétique. Une composition volontairement pure, appréciée des dermatologues pour les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon d'Alep pour le visage, le corps et les cheveux\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eUn soin polyvalent et précieux, adapté à l'ensemble de votre routine d'hygiène quotidienne.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e✨ Visage\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur, régule le sébum sur les zones mixtes (front, nez, menton), apaise les rougeurs légères et contribue à réduire l'apparence des pores. Idéal en nettoyant quotidien, matin ou soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eHydrate sans alourdir, convient aux peaux sujettes à l'eczéma ou aux légères dermatoses. Sa texture onctueuse laisse la peau confortable après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e💆 Cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisé comme shampoing solide, il nettoie le cuir chevelu, réduit les démangeaisons et apporte de la brillance. Comptez 4 à 6 semaines d'adaptation pour un passage au naturel réussi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep Najel ?\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\u003eMouillez vos mains ou humidifiez directement la zone à nettoyer, puis faites mousser le savon entre vos paumes.\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\u003eMassez et rincez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement en mouvements circulaires sur le visage, le corps ou les cheveux, puis rincez à l'eau tiède. Pour le visage, évitez le contour des yeux.\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 chaque utilisation, laissez votre savon sécher à l'air libre sur un porte-savon. Il s'améliore avec le temps : son extérieur brun foncé vire à l'orangé au vieillissement, signe d'une oxydation naturelle qui renforce ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir le savon d'Alep Najel plutôt qu'un autre ?\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\u003eAuthenticité garantie\u003c\/h3\u003e\n \u003cp\u003eFabriqué à Alep (Syrie) selon la méthode traditionnelle de saponification à chaud, transmise depuis 1895.\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\u003eDosage précis à 12% HBL\u003c\/h3\u003e\n \u003cp\u003eNi trop fort pour les peaux sensibles, ni trop doux pour les peaux mixtes. Un équilibre pensé pour un usage quotidien.\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\u003eCertifié naturel\u003c\/h3\u003e\n \u003cp\u003eSans sulfates, sans parabènes, sans colorants artificiels. Une formule réduite à l'essentiel.\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\u003eÉcologique et économique\u003c\/h3\u003e\n \u003cp\u003eUn pain dure en moyenne 2 à 3 mois avec une utilisation régulière, un choix durable et rentable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-accordion\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e⚠️ Précautions et contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eCe savon est destiné à un usage externe uniquement. Évitez tout contact avec les yeux. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé. Ce produit ne se substitue à aucun traitement médical prescrit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\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 rituel de soin millénaire, perfectionné depuis 1895\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003ePour votre visage, votre corps ou vos cheveux, le savon d'Alep Najel 12% HBL vous offre chaque jour la douceur d'une formule éprouvée par les générations. Faites confiance à l'essentiel.\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 --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n --soi-alep-primary: #5B8C5A;\n --soi-alep-primary-soft: rgba(91,140,90,0.10);\n --soi-alep-accent: #C6A67A;\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\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.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.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.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 margin-bottom: 1.25rem;\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.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.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\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.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.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.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-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-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\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@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@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":61603650306378,"sku":"NJ0040","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-12-hbl-najel-packshot.webp?v=1779701928"},{"product_id":"shampooing-savon-dalep-certifie-bio-cheveux-normaux-najel","title":"Shampooing au Savon d'Alep Bio - Cheveux Normaux | Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\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 Soin cheveux · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eShampooing au savon d'Alep certifié bio pour cheveux normaux\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eUn nettoyage doux et profond, hérité des traditions millénaires d'Alep. Formulé sans sulfates, certifié Cosmos Organic et fabriqué en France, ce shampooing 2-en-1 nettoie et démêle vos cheveux en un seul geste.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eCOSMOS ORGANIC ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eMADE IN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing au savon d'Alep ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Savon d'Alep authentique\u003c\/h3\u003e\n \u003cp\u003eL'un des savons les plus anciens du monde, composé d'huile d'olive et d'huile de baies de laurier. Sous forme liquide, il offre un nettoyage profond et respectueux de la fibre capillaire, sans agresser le cuir chevelu. Vos cheveux sont purifiés, légers et brillants dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌼 Hydrolat de camomille bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes, la camomille calme les sensations d'inconfort, équilibre le cuir chevelu et apporte une brillance naturelle aux cheveux clairs comme foncés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e✨ Formule 2-en-1\u003c\/h3\u003e\n \u003cp\u003eNettoyante et démêlante grâce à un agent démêlant autorisé Ecocert, cette formule facilite le coiffage au quotidien, sans peser les cheveux ni créer de frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eCe que ce shampooing apporte concrètement à vos cheveux\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\u003eNettoyage doux et profond\u003c\/h3\u003e\n \u003cp\u003eSans altérer le film hydrolipidique naturel de vos cheveux.\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\u003eDémêlage facilité\u003c\/h3\u003e\n \u003cp\u003eDès le rinçage, pour un gain de temps au coiffage quotidien.\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\u003eCuir chevelu apaisé\u003c\/h3\u003e\n \u003cp\u003eGrâce à l'hydrolat de camomille bio aux vertus apaisantes.\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\u003eCheveux souples et brillants\u003c\/h3\u003e\n \u003cp\u003eDes cheveux légers, souples et lumineux après chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition et ingrédients principaux\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLa formule repose sur des ingrédients soigneusement sélectionnés pour leur efficacité et leur origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSavon d'Alep liquide (huile d'olive + huile de baies de laurier)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eActif apaisant\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eHydrolat de camomille bio (Anthemis nobilis)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eAgent démêlant\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eAgent démêlant autorisé Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e95 % d'ingrédients d'origine naturelle\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\"\u003eSulfates, silicones, parabènes\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\"\u003eCosmos Organic par Ecocert\u003c\/span\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\u003eEmballage écoresponsable\u003c\/strong\u003e\n \u003cp\u003eLa bouteille est fabriquée en plastique rPET recyclé et 100 % recyclable, protégeant le produit de la lumière tout en limitant l'impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampooing au savon d'Alep ?\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\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une quantité généreuse sur cheveux mouillés.\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\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu en mouvements circulaires pour activer la mousse.\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\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePatientez 1 à 2 minutes pour laisser agir l'hydrolat de camomille.\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\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Un seul passage suffit généralement pour les cheveux normaux.\u003c\/p\u003e\n \u003c\/div\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\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eConvient à toute la famille, adultes et enfants. Pour une routine complète, associez ce shampooing à un après-shampooing ou à une huile capillaire Najel pour un soin encore plus nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eÀ qui est destiné ce shampooing ?\u003c\/h2\u003e\n \u003cp\u003eCe shampooing s'adresse à toute personne souhaitant adopter un soin capillaire naturel et bio pour cheveux normaux, sans compromis sur l'efficacité. Il convient particulièrement :\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌸 Cuirs chevelus sensibles\u003c\/h3\u003e\n \u003cp\u003eSa formule sans sulfates et enrichie en camomille bio apaise les cuirs chevelus réactifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🔄 En transition capillaire\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les personnes qui souhaitent passer à des soins capillaires plus respectueux et naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🇫🇷 Consommation responsable\u003c\/h3\u003e\n \u003cp\u003eUn produit fabriqué en France, certifié bio, dans un emballage rPET recyclé, pour un impact écologique réduit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-accordion\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne remplace pas un traitement médical 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-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;\"\u003eSe soigner naturellement, jusque dans vos cheveux\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eTradition d'Alep, douceur de la camomille, exigence bio : offrez à vos cheveux un shampooing qui respecte autant votre fibre capillaire 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-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 --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n --soi-alep-primary: #7CB8D4;\n --soi-alep-primary-soft: rgba(124,184,212,0.12);\n --soi-alep-accent: #4A2F1A;\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\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 * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.soi-alep-fiche img {\n max-width: 100%;\n height: auto;\n}\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.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;\n left: 0;\n 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.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.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.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\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.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 margin-bottom: 1.25rem;\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.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\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.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 margin-top: 1.25rem;\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.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 1.5rem;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-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-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\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@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@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":61603652337994,"sku":"NJ0155","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-savon-dalep-certifie-bio-cheveux-normaux-najel-packshot.webp?v=1779439853"},{"product_id":"shampooing-savon-dalep-certifie-bio-cheveux-gras-najel","title":"Shampooing au Savon d'Alep bio - Cheveux Gras | Najel","description":"\u003cdiv class=\"soi-shag-fiche\"\u003e\n\n \u003csection class=\"soi-shag-hero\"\u003e\n \u003cdiv class=\"soi-shag-hero-tag\"\u003e\n \u003cspan class=\"soi-shag-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-shag-hero-title\"\u003eShampooing au Savon d'Alep certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-shag-hero-subtitle\"\u003eUn soin purifiant 2-en-1, sans sulfate, formulé pour rééquilibrer durablement les cuirs chevelus à tendance grasse grâce à cinq actifs végétaux ciblés.\u003c\/p\u003e\n \u003cdiv class=\"soi-shag-hero-labels\"\u003e\n \u003cspan class=\"soi-shag-label soi-shag-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shag-label\"\u003eCERTIFIÉ BIO\u003c\/span\u003e\n \u003cspan class=\"soi-shag-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003cspan class=\"soi-shag-label\"\u003e2-EN-1\u003c\/span\u003e\n \u003cspan class=\"soi-shag-label\"\u003eFLACON rPET RECYCLABLE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shag-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing pour cheveux gras ?\u003c\/h2\u003e\n \u003cp\u003eLes cheveux gras résultent souvent d'une surproduction de sébum, parfois aggravée par des shampooings trop agressifs qui décapent le cuir chevelu et provoquent un effet rebond. Ce shampooing sans sulfate rompt ce cycle : il nettoie sans agresser, régule sans assécher. Contrairement à de nombreux shampooings conventionnels, il respecte le film hydrolipidique naturel du cuir chevelu, pour un rééquilibrage progressif et durable.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shag-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font la différence\u003c\/h2\u003e\n \u003cp class=\"soi-shag-section-intro\"\u003eCinq actifs végétaux soigneusement sélectionnés pour purifier, réguler et revitaliser vos cheveux en profondeur.\u003c\/p\u003e\n \u003cdiv class=\"soi-shag-grid\"\u003e\n \u003cdiv class=\"soi-shag-card\"\u003e\n \u003ch3\u003e🫒 Savon d'Alep liquide\u003c\/h3\u003e\n \u003cp\u003eIssu d'huiles d'olive et de baies de laurier, cet ingrédient fondateur purifie en profondeur, assainit le cuir chevelu et respecte son équilibre naturel. Une tradition de plus de 3 000 ans au service de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-card\"\u003e\n \u003ch3\u003e🌿 Cresson de Fontaine\u003c\/h3\u003e\n \u003cp\u003eRégulateur de sébum reconnu, il aide à contrôler l'excès de brillance et tonifie le cuir chevelu en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-card\"\u003e\n \u003ch3\u003e🌱 Extraits d'Ortie\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses vertus astringentes et antipelliculaires, l'ortie fortifie la fibre capillaire et limite les récidives grasses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-card\"\u003e\n \u003ch3\u003e🍃 Capillaire de Montpellier\u003c\/h3\u003e\n \u003cp\u003eRestructure et redonne de la vitalité aux cheveux fragilisés par l'excès de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-card\"\u003e\n \u003ch3\u003e🌼 Eau de Camomille\u003c\/h3\u003e\n \u003cp\u003eApaise les cuirs chevelus réactifs ou légèrement irrités, tout en adoucissant le cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shag-section\"\u003e\n \u003ch2\u003eUne formule 2-en-1 : nettoyant et démêlant\u003c\/h2\u003e\n \u003cp\u003eCe shampooing pour cheveux gras intègre un démêlant certifié Ecocert, une vraie rareté dans les formules bio. Résultat : vos cheveux sont non seulement propres et purifiés, mais aussi doux, légers et faciles à coiffer dès la sortie du bain. Fini les nœuds tenaces après le lavage.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shag-section\"\u003e\n \u003ch2\u003eCertifications et éco-responsabilité\u003c\/h2\u003e\n \u003cp class=\"soi-shag-section-intro\"\u003eUn engagement vérifiable, du flacon jusqu'à la formule.\u003c\/p\u003e\n \u003cdiv class=\"soi-shag-grid-compact\"\u003e\n \u003cdiv class=\"soi-shag-card-mini\"\u003e\n \u003cspan class=\"soi-shag-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-shag-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shag-card-mini-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-card-mini\"\u003e\n \u003cspan class=\"soi-shag-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-shag-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-shag-card-mini-value\"\u003eSans sulfate\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-card-mini\"\u003e\n \u003cspan class=\"soi-shag-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-shag-card-mini-label\"\u003eFlacon\u003c\/span\u003e\n \u003cspan class=\"soi-shag-card-mini-value\"\u003ePlastique recyclé rPET, 100 % recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-card-mini\"\u003e\n \u003cspan class=\"soi-shag-card-mini-icon\"\u003e🫙\u003c\/span\u003e\n \u003cspan class=\"soi-shag-card-mini-label\"\u003eProtection\u003c\/span\u003e\n \u003cspan class=\"soi-shag-card-mini-value\"\u003eBouteille ambrée anti-lumière\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shag-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"soi-shag-accordion\"\u003e\n \u003cdetails class=\"soi-shag-accordion-item\"\u003e\n \u003csummary class=\"soi-shag-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-shag-accordion-content\"\u003e\n \u003cp\u003eAqua, Sodium Olivate (savon d'Alep liquide issu d'huiles d'olive et de baies de laurier), Glycerin*, Cocamidopropyl Betaine, Sodium Cocoyl Glutamate, Glycol Distearate, Panthenol, Nasturtium Officinale Extract* (cresson de Fontaine), Urtica Dioica Extract* (ortie), Adiantum Capillus-Veneris Extract* (capillaire de Montpellier), Chamomilla Recutita Flower Water* (eau de camomille), Citric Acid, Sodium Benzoate, Potassium Sorbate.\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-shag-section\"\u003e\n \u003ch2\u003eMode d'emploi : comment utiliser ce shampooing ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shag-timeline\"\u003e\n \u003cdiv class=\"soi-shag-step\"\u003e\n \u003cdiv class=\"soi-shag-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shag-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une ou deux pressions de shampooing sur cheveux mouillés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-step\"\u003e\n \u003cdiv class=\"soi-shag-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shag-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le cuir chevelu en mouvements circulaires pendant 1 à 2 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-step\"\u003e\n \u003cdiv class=\"soi-shag-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shag-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-shag-step\"\u003e\n \u003cdiv class=\"soi-shag-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-shag-step-content\"\u003e\n \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n \u003cp\u003eUn second lavage peut être utile lors de la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-step\"\u003e\n \u003cdiv class=\"soi-shag-step-num\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"soi-shag-step-content\"\u003e\n \u003ch3\u003eFréquence recommandée\u003c\/h3\u003e\n \u003cp\u003e2 à 3 fois par semaine pour rééquilibrer progressivement le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-tip\"\u003e\n \u003cdiv class=\"soi-shag-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLors des premières utilisations, une période d'adaptation de 2 à 3 semaines est normale. Votre cuir chevelu, habitué aux silicones et sulfates, retrouve progressivement son équilibre naturel. Soyez patient, les résultats durables en valent la peine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shag-section\"\u003e\n \u003ch2\u003ePour qui est ce shampooing ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shag-grid\"\u003e\n \u003cdiv class=\"soi-shag-card\"\u003e\n \u003ch3\u003e💆 Cuirs chevelus à tendance grasse\u003c\/h3\u003e\n \u003cp\u003eParticulièrement adapté aux cuirs chevelus gras avec pellicules, ce shampooing régule la production de sébum sans effet rebond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-card\"\u003e\n \u003ch3\u003e✨ Cheveux fins en quête de légèreté\u003c\/h3\u003e\n \u003cp\u003eSa formule purifiante redonne volume et légèreté aux cheveux alourdis par l'excès de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-card\"\u003e\n \u003ch3\u003e🌿 Adeptes d'une routine capillaire naturelle et bio\u003c\/h3\u003e\n \u003cp\u003eUne alternative certifiée bio, clean et efficace pour celles et ceux qui souhaitent passer à une routine capillaire plus respectueuse, sans sacrifier les résultats.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shag-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shag-cta-box\"\u003e\n \u003cp class=\"soi-shag-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans vos cheveux\u003c\/p\u003e\n \u003cp class=\"soi-shag-cta-text\" style=\"color: white;\"\u003eOffrez à vos cheveux une cure de purification ancrée dans le patrimoine du savon d'Alep. Efficacité réelle, douceur végétale et engagement écologique : vos cheveux retrouvent légèreté, éclat et équilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shag-marine: #1A2D3D;\n --soi-shag-marine-dark: #0F1E2B;\n --soi-shag-marine-light: #2C4458;\n --soi-shag-pomme: #A1C544;\n --soi-shag-pomme-dark: #84A636;\n --soi-shag-pomme-light: rgba(161,197,68,0.10);\n --soi-shag-white: #FFFFFF;\n --soi-shag-off-white: #F8FAF6;\n --soi-shag-stone: #F1F3EE;\n --soi-shag-line: #E5E8E0;\n --soi-shag-primary: #8BA888;\n --soi-shag-primary-soft: rgba(139,168,136,0.12);\n --soi-shag-accent: #5C4A3A;\n --soi-shag-text: #1A2D3D;\n --soi-shag-text-soft: #4A5B6B;\n --soi-shag-text-muted: #7B8693;\n --soi-shag-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shag-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shag-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shag-radius: 12px;\n --soi-shag-radius-sm: 8px;\n --soi-shag-radius-pill: 999px;\n}\n\n.soi-shag-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shag-fiche img { max-width: 100%; height: auto; }\n\n.soi-shag-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shag-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shag-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-shag-hero {\n position: relative;\n background: var(--soi-shag-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-shag-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shag-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shag-pomme);\n}\n\n.soi-shag-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-shag-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shag-pomme);\n border-radius: 50%;\n}\n\n.soi-shag-hero-title {\n display: block;\n color: var(--soi-shag-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-shag-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-shag-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shag-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-shag-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shag-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shag-label-accent {\n background: var(--soi-shag-pomme);\n border-color: var(--soi-shag-pomme);\n color: var(--soi-shag-marine);\n font-weight: 600;\n}\n\n.soi-shag-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shag-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shag-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-shag-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shag-pomme);\n border-radius: 2px;\n}\n\n.soi-shag-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shag-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shag-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shag-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shag-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-shag-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shag-card {\n background: var(--soi-shag-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shag-radius);\n border-left: 3px solid var(--soi-shag-pomme);\n}\n\n.soi-shag-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shag-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shag-card p {\n font-size: 14px;\n color: var(--soi-shag-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shag-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-shag-card-mini {\n background: var(--soi-shag-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shag-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shag-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shag-card-mini-label {\n font-size: 11px;\n color: var(--soi-shag-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shag-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shag-marine);\n}\n\n.soi-shag-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-shag-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shag-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shag-radius);\n border: 1px solid var(--soi-shag-line);\n align-items: flex-start;\n}\n\n.soi-shag-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shag-marine);\n color: var(--soi-shag-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-shag-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shag-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shag-step-content p {\n font-size: 14px;\n color: var(--soi-shag-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shag-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shag-pomme-light);\n border-left: 4px solid var(--soi-shag-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shag-radius) var(--soi-shag-radius) 0;\n align-items: flex-start;\n}\n\n.soi-shag-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shag-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shag-marine);\n margin-bottom: 4px;\n}\n\n.soi-shag-tip p {\n font-size: 14px;\n color: var(--soi-shag-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shag-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shag-accordion-item {\n background: var(--soi-shag-off-white);\n border-radius: var(--soi-shag-radius-sm);\n border: 1px solid var(--soi-shag-line);\n overflow: hidden;\n}\n\n.soi-shag-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shag-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-shag-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shag-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shag-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shag-accordion-item[open] .soi-shag-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shag-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shag-accordion-content p {\n font-size: 14px;\n color: var(--soi-shag-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem 0;\n}\n\n.soi-shag-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.soi-shag-cta-box {\n background: var(--soi-shag-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shag-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shag-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-shag-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shag-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-shag-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shag-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shag-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-shag-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shag-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-shag-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-shag-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shag-fiche {\n --soi-shag-text-soft: #2C3E50;\n --soi-shag-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603652796746,"sku":"NJ0165","price":11.21,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-savon-dalep-certifie-bio-cheveux-gras-najel-packshot.webp?v=1779439886"},{"product_id":"savon-dalep-liquide-20-hbl-certifie-bio-najel","title":"Savon d'Alep Liquide 20% Huile Baie Laurier Bio - Najel","description":"\u003cdiv class=\"soi-alep-fiche\"\u003e\n\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 · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep liquide 20% HBL certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eLa douceur millénaire d'Alep en flacon-pompe : olive et laurier bio pour les peaux sèches et sensibles, au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eBIO ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eMADE IN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003e20% HUILE DE LAURIER\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eUns savon d'Alep liquide bio avec 20% d'Huile de Baie de Laurier\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un savon d'Alep liquide bio qui nettoie en profondeur sans agresser la peau ? Ce flacon-pompe signé Najel associe deux huiles emblématiques, l'huile d'olive et l'huile de baies de laurier, dans une formule certifiée Cosmos Organic by Ecocert, fabriquée en France. Avec 20% d'huile de baies de laurier (HBL), il est particulièrement recommandé pour les peaux sèches et sensibles, adultes comme enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon liquide d'Alep à 20% HBL ?\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLe taux d'huile de baies de laurier est la clé de lecture d'un savon bio d'Alep : plus il est élevé, plus le soin est riche et enveloppant. À 20% de HBL, ce savon liquide occupe un équilibre idéal : il apaise, nourrit et respecte les épidermes les plus réactifs, sans laisser de film gras.\u003c\/p\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\u003eHuile de baies de laurier (20%)\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes et purifiantes, elle contribue à réduire les inconforts cutanés liés à la sécheresse ou à la sensibilité.\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\u003eHuile d'olive bio (80%)\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, elle nourrit en douceur et renforce le film hydrolipidique de la peau.\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\u003eFormule transparente\u003c\/h3\u003e\n \u003cp\u003eSans parfum ajouté, sans colorant, sans conservateur controversé : une liste INCI courte et transparente.\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\u003eMulti-usage quotidien\u003c\/h3\u003e\n \u003cp\u003eConvient pour le visage, le corps et les cheveux, en usage quotidien pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition complète (liste INCI)\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\"\u003eListe INCI\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eAqua, Potassium Olivate*, Potassium Laurate*, Glycerin*, Lauryl Glucoside, Glyceryl Oleate*, Sodium Chloride, Citric Acid, Lactic Acid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eIngrédients bio*\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003ePotassium Olivate, Potassium Laurate, Glycerin, Glyceryl Oleate\u003c\/span\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\u003eLe saviez-vous ?\u003c\/strong\u003e\n \u003cp\u003eLes huiles d'olive et de baies de laurier sont saponifiées au potassium, procédé traditionnel qui permet d'obtenir un savon liquide naturel, biodégradable et doux pour la peau comme pour les canalisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep liquide Najel ?\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\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette sur peau humide, massez en douceur et rincez abondamment. Convient aux peaux sensibles et sujettes aux rougeurs.\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\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eUtilisez directement sur le gant de toilette ou les mains. Mousse généreuse, rinçage facile.\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\u003eCheveux\u003c\/h3\u003e\n \u003cp\u003eAppliqué en shampooing occasionnel, il purifie le cuir chevelu sans l'assécher. Idéal pour les cuirs chevelus sensibles ou sujets aux démangeaisons.\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\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eUsage familial\u003c\/h3\u003e\n \u003cp\u003eTolérance optimale dès le plus jeune âge. Un flacon dans la salle de bain pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eUn flacon éco-responsable à la hauteur du produit\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e♻️ rPET 100% recyclé\u003c\/h3\u003e\n \u003cp\u003eLe flacon ambré est fabriqué en rPET 100% recyclé et recyclable, protégeant la formule de la lumière tout en limitant l'impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e💧 Pompe doseuse\u003c\/h3\u003e\n \u003cp\u003eLa pompe doseuse évite le gaspillage et facilite l'usage au quotidien. Une démarche cohérente avec les valeurs du savon bio d'Alep : naturel du début à la fin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\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\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e500 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eTeneur en HBL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e20% d'huile de baies de laurier\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\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eMade in France, Laboratoire Najjar\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\"\u003ePeaux sèches, sensibles, réactives\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eConvient pour\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eVisage, corps, cheveux, usage familial\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eFlacon ambré rPET recyclé avec pompe doseuse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003cdiv class=\"soi-alep-accordion\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eCe produit est un cosmétique de soin quotidien. Il ne constitue pas un traitement médical et ne remplace pas l'avis d'un dermatologue en cas de pathologie cutanée diagnostiqué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-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;\"\u003eHéritage d'Alep, savoir-faire français\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eOlive et laurier bio, certifié Cosmos Organic : offrez à votre peau un rituel quotidien doux, efficace et respectueux, pensé pour 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-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 --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n --soi-alep-primary: #4E8A7C;\n --soi-alep-primary-soft: #6BA396;\n --soi-alep-accent: #7B3E2A;\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\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.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.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.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.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\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.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.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.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 margin-top: 1.25rem;\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.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-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-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\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@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@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":61603656925514,"sku":"NJ0120","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-liquide-20-hbl-certifie-bio-najel-packshot.webp?v=1779613446"},{"product_id":"shampoing-demelant-boucles-anti-frisottis-2en1-certifie-bio","title":"Shampoing \u0026 Démêlant Boucles Anti-frisottis bio - Centifolia","description":"\n\u003cdiv class=\"soi-jbcl-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-jbcl-hero\"\u003e\n \u003cdiv class=\"soi-jbcl-hero-tag\"\u003e\n \u003cspan class=\"soi-jbcl-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire bio · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-jbcl-hero-title\"\u003eShampoing \u0026amp; Démêlant Boucles Anti-Frisottis 2en1\u003c\/span\u003e\n \u003cp class=\"soi-jbcl-hero-subtitle\"\u003eNettoyage doux, démêlage actif et boucles redéfinies en un seul geste. Une formule certifiée bio à 99 % d'origine naturelle, validée par des coiffeurs professionnels.\u003c\/p\u003e\n \u003cdiv class=\"soi-jbcl-hero-labels\"\u003e\n \u003cspan class=\"soi-jbcl-label soi-jbcl-label-accent\"\u003eCERTIFIÉ BIO\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-label\"\u003eECOCERT COSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-label\"\u003e200 ML\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 1 : Introduction --\u003e\n \u003csection class=\"soi-jbcl-section\"\u003e\n \u003ch2\u003e2 actions en 1 produit : Shampoinge \u0026amp; Démêle les Boucles \u003c\/h2\u003e\n \u003cp\u003eVos cheveux bouclés, frisés ou crépus méritent mieux qu'un shampoing générique. Le shampoing démêlant boucles anti-frisottis 2en1 Centifolia est conçu spécifiquement pour les chevelures à boucles fragilisées : il nettoie en douceur, démêle sans effort et redéfinit chaque boucle dès le premier lavage. Une formule certifiée bio, validée par des coiffeurs professionnels, à 99 % d'origine naturelle.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 : Pourquoi choisir --\u003e\n \u003csection class=\"soi-jbcl-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampoing naturel pour cheveux bouclés ?\u003c\/h2\u003e\n \u003cp\u003eLes cheveux bouclés ont une structure particulière : ils sont naturellement plus secs, plus poreux et plus sensibles aux frisottis. Un shampoing classique peut casser les boucles, les alourdir ou dessécher les longueurs.\u003c\/p\u003e\n \u003cp\u003eCentifolia a pensé ce produit comme un véritable soin capillaire 2en1, alliant nettoyage doux et démêlage actif en une seule étape. Vous gagnez du temps, et vos boucles y gagnent en santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 : Actifs clés --\u003e\n \u003csection class=\"soi-jbcl-section\"\u003e\n \u003ch2\u003eLes actifs clés de la formule\u003c\/h2\u003e\n \u003cdiv class=\"soi-jbcl-grid\"\u003e\n \u003cdiv class=\"soi-jbcl-card\"\u003e\n \u003ch3\u003e🥭 Mangue bio\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines A et C, elle nourrit en profondeur et restaure la souplesse des fibres fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-card\"\u003e\n \u003ch3\u003e🌴 Huile de buriti bio\u003c\/h3\u003e\n \u003cp\u003eExceptionnellement riche en bêta-carotène, elle revitalise les boucles et leur donne un éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-card\"\u003e\n \u003ch3\u003e🌿 Gel d'aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate, apaise le cuir chevelu et facilite le glissement pour un démêlage sans tiraillement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-card\"\u003e\n \u003ch3\u003e✨ Protéines d'amande douce\u003c\/h3\u003e\n \u003cp\u003eRenforcent la fibre capillaire de l'intérieur et apportent de la brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-card\"\u003e\n \u003ch3\u003e🌾 Actif biosourcé d'amidon\u003c\/h3\u003e\n \u003cp\u003e100 % naturel, il contrôle les frisottis, redessine les boucles et résiste à l'humidité pour une tenue longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 : Comment utiliser --\u003e\n \u003csection class=\"soi-jbcl-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing pour cheveux bouclés ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-jbcl-timeline\"\u003e\n \u003cdiv class=\"soi-jbcl-step\"\u003e\n \u003cdiv class=\"soi-jbcl-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette généreuse sur cheveux mouillés. Massez doucement le cuir chevelu pour activer la mousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-step\"\u003e\n \u003cdiv class=\"soi-jbcl-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-step-content\"\u003e\n \u003ch3\u003eRépartir et démêler\u003c\/h3\u003e\n \u003cp\u003eRépartissez le produit sur toutes les longueurs en travaillant boucle par boucle. La formule 2en1 remplace votre après-shampoing démêlant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-step\"\u003e\n \u003cdiv class=\"soi-jbcl-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment. Pour optimiser la définition des boucles, terminez avec un rinçage à l'eau froide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-tip\"\u003e\n \u003cdiv class=\"soi-jbcl-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eFréquence conseillée : 2 à 3 lavages par semaine selon la nature de vos cheveux et votre routine capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 5 : Composition --\u003e\n \u003csection class=\"soi-jbcl-section\"\u003e\n \u003ch2\u003eComposition complète du shampoing Centifolia Jolies Boucles\u003c\/h2\u003e\n \u003cdiv class=\"soi-jbcl-compo\"\u003e\n \u003cdiv class=\"soi-jbcl-compo-row\"\u003e\n \u003cspan class=\"soi-jbcl-compo-label\"\u003eListe INCI\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-compo-value soi-jbcl-compo-inci\"\u003eAqua, Cocamidopropyl Betaine, Sodium Cocoyl Isethionate, Glycerin, Mangifera Indica (Mango) Fruit Extract*, Mauritia Flexuosa (Buriti) Fruit Oil*, Aloe Barbadensis Leaf Juice Powder*, Prunus Amygdalus Dulcis (Sweet Almond) Protein, Zea Mays (Corn) Starch, Parfum (Fragrance), Sodium Benzoate, Potassium Sorbate, Citric Acid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-compo-row\"\u003e\n \u003cspan class=\"soi-jbcl-compo-label\"\u003eNote\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-compo-value\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-grid-compact soi-jbcl-formule-tags\"\u003e\n \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eSulfates\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eSilicones\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eParabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eColorants de synthèse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eFlacon recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 6 : Résultats constatés --\u003e\n \u003csection class=\"soi-jbcl-section\"\u003e\n \u003ch2\u003eRésultats constatés après utilisation\u003c\/h2\u003e\n \u003cdiv class=\"soi-jbcl-benefits\"\u003e\n \u003cdiv class=\"soi-jbcl-benefit\"\u003e\n \u003cdiv class=\"soi-jbcl-benefit-icon\"\u003e\u003cspan\u003e🌀\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBoucles redéfinies\u003c\/h3\u003e\n \u003cp\u003eNettement plus définies et rebondies dès le premier shampoing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-benefit\"\u003e\n \u003cdiv class=\"soi-jbcl-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDouceur et brillance\u003c\/h3\u003e\n \u003cp\u003eCheveux plus doux au toucher, plus brillants et plus faciles à coiffer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-benefit\"\u003e\n \u003cdiv class=\"soi-jbcl-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFrisottis maîtrisés\u003c\/h3\u003e\n \u003cp\u003eFrisottis visiblement réduits, y compris par temps humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-benefit\"\u003e\n \u003cdiv class=\"soi-jbcl-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCuir chevelu respecté\u003c\/h3\u003e\n \u003cp\u003eCuir chevelu respecté grâce à l'absence de tensioactifs sulfatés agressifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 7 : Pour qui --\u003e\n \u003csection class=\"soi-jbcl-section\"\u003e\n \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n \u003cp\u003eCe shampoing naturel pour cheveux bouclés convient à toutes les textures ondulées, bouclées, frisées et crépues. Il est particulièrement recommandé pour les cheveux fragilisés, secs ou abîmés par des colorations. Sa formule douce le rend compatible avec un usage régulier sans risque d'effet cumulatif indésirable.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 8 : Certifications --\u003e\n \u003csection class=\"soi-jbcl-section\"\u003e\n \u003ch2\u003eCertifications \u0026amp; engagements\u003c\/h2\u003e\n \u003cdiv class=\"soi-jbcl-grid-compact\"\u003e\n \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eEcocert Cosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eVegan certifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-card-mini-value\"\u003e99 % d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e✂️\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eValidation\u003c\/span\u003e\n \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eCoiffeurs professionnels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Précaution en accordéon --\u003e\n \u003csection class=\"soi-jbcl-section\"\u003e\n \u003cdiv class=\"soi-jbcl-accordion\"\u003e\n \u003cdetails class=\"soi-jbcl-accordion-item\"\u003e\n \u003csummary class=\"soi-jbcl-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-jbcl-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 ou de pathologie du cuir chevelu.\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-jbcl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-jbcl-cta-box\"\u003e\n \u003cp class=\"soi-jbcl-cta-tag\" style=\"color: white;\"\u003eSe coiffer naturellement, boucle après boucle\u003c\/p\u003e\n \u003cp class=\"soi-jbcl-cta-text\" style=\"color: white;\"\u003eDes boucles définies, douces, brillantes et libérées des frisottis dès le premier lavage. Offrez à vos cheveux ce qu'ils méritent 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-jbcl-marine: #1A2D3D;\n --soi-jbcl-marine-dark: #0F1E2B;\n --soi-jbcl-marine-light: #2C4458;\n --soi-jbcl-pomme: #A1C544;\n --soi-jbcl-pomme-dark: #84A636;\n --soi-jbcl-pomme-light: rgba(161,197,68,0.10);\n\n --soi-jbcl-white: #FFFFFF;\n --soi-jbcl-off-white: #F8FAF6;\n --soi-jbcl-stone: #F1F3EE;\n --soi-jbcl-line: #E5E8E0;\n\n --soi-jbcl-primary: #D88542;\n --soi-jbcl-primary-soft: #F5E6D4;\n --soi-jbcl-accent: #4A3028;\n\n --soi-jbcl-text: #1A2D3D;\n --soi-jbcl-text-soft: #4A5B6B;\n --soi-jbcl-text-muted: #7B8693;\n\n --soi-jbcl-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-jbcl-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-jbcl-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-jbcl-radius: 12px;\n --soi-jbcl-radius-sm: 8px;\n --soi-jbcl-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-jbcl-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-jbcl-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-jbcl-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-jbcl-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-jbcl-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-jbcl-hero {\n position: relative;\n background: var(--soi-jbcl-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-jbcl-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-jbcl-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-jbcl-pomme);\n}\n\n.soi-jbcl-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-jbcl-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-jbcl-pomme);\n border-radius: 50%;\n}\n\n.soi-jbcl-hero-title {\n display: block;\n color: var(--soi-jbcl-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-jbcl-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-jbcl-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-jbcl-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-jbcl-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-jbcl-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-jbcl-label-accent {\n background: var(--soi-jbcl-pomme);\n border-color: var(--soi-jbcl-pomme);\n color: var(--soi-jbcl-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-jbcl-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-jbcl-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-jbcl-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-jbcl-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-jbcl-pomme);\n border-radius: 2px;\n}\n\n.soi-jbcl-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-jbcl-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-jbcl-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-jbcl-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-jbcl-benefit {\n background: var(--soi-jbcl-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-jbcl-radius);\n border: 1px solid var(--soi-jbcl-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-jbcl-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-jbcl-shadow-md);\n}\n\n.soi-jbcl-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-jbcl-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-jbcl-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-jbcl-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-jbcl-benefit:hover .soi-jbcl-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-jbcl-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-jbcl-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-jbcl-benefit p {\n font-size: 13px;\n color: var(--soi-jbcl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-jbcl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-jbcl-card {\n background: var(--soi-jbcl-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-jbcl-radius);\n border-left: 3px solid var(--soi-jbcl-pomme);\n}\n\n.soi-jbcl-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-jbcl-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-jbcl-card p {\n font-size: 14px;\n color: var(--soi-jbcl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-jbcl-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-jbcl-formule-tags {\n margin-top: 1.25rem;\n}\n\n.soi-jbcl-card-mini {\n background: var(--soi-jbcl-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-jbcl-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-jbcl-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-jbcl-card-mini-label {\n font-size: 11px;\n color: var(--soi-jbcl-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-jbcl-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-jbcl-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-jbcl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-jbcl-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-jbcl-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-jbcl-radius);\n border: 1px solid var(--soi-jbcl-line);\n align-items: flex-start;\n}\n\n.soi-jbcl-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-jbcl-marine);\n color: var(--soi-jbcl-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-jbcl-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-jbcl-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-jbcl-step-content p {\n font-size: 14px;\n color: var(--soi-jbcl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-jbcl-compo {\n background: var(--soi-jbcl-off-white);\n border-radius: var(--soi-jbcl-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-jbcl-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-jbcl-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-jbcl-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-jbcl-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-jbcl-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-jbcl-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-jbcl-marine);\n text-align: right;\n}\n\n.soi-jbcl-compo-inci {\n font-size: 12px;\n font-weight: 400;\n font-family: 'Inter', sans-serif;\n color: var(--soi-jbcl-text-soft);\n line-height: 1.6;\n text-align: left;\n flex-basis: 100%;\n}\n\n\/* === TIP === *\/\n.soi-jbcl-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-jbcl-pomme-light);\n border-left: 4px solid var(--soi-jbcl-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-jbcl-radius) var(--soi-jbcl-radius) 0;\n align-items: flex-start;\n}\n\n.soi-jbcl-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-jbcl-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-jbcl-marine);\n margin-bottom: 4px;\n}\n\n.soi-jbcl-tip p {\n font-size: 14px;\n color: var(--soi-jbcl-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-jbcl-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-jbcl-accordion-item {\n background: var(--soi-jbcl-off-white);\n border-radius: var(--soi-jbcl-radius-sm);\n border: 1px solid var(--soi-jbcl-line);\n overflow: hidden;\n}\n\n.soi-jbcl-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-jbcl-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-jbcl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-jbcl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-jbcl-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-jbcl-accordion-item[open] .soi-jbcl-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-jbcl-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-jbcl-accordion-content p {\n font-size: 14px;\n color: var(--soi-jbcl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-jbcl-cta-box {\n background: var(--soi-jbcl-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-jbcl-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-jbcl-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-jbcl-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-jbcl-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-jbcl-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-jbcl-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-jbcl-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-jbcl-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-jbcl-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-jbcl-compo-value {\n text-align: left;\n }\n\n .soi-jbcl-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-jbcl-grid-compact {\n grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-jbcl-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-jbcl-fiche {\n --soi-jbcl-text-soft: #2C3E50;\n --soi-jbcl-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603668132170,"sku":"CE0580","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-demelant-boucles-anti-frisottis-2en1-certifie-bio-packshot.webp?v=1779453931"},{"product_id":"savon-dalep-a-lencens-najel","title":"Savon d'Alep à l'encens – Najel","description":"\u003cdiv class=\"soi-alep-fiche\"\u003e\n\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 · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003e3 000 ans de tradition dans vos mains\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eUn savon millénaire enrichi à la résine d'encens, pour un nettoyage doux du visage, du corps et des cheveux, fidèle à la tradition alépine depuis plus de 3 000 ans.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eNATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS CONSERVATEUR\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eZÉRO DÉCHET\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep à l'encens Najel\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLa force de ce savon d'Alep réside dans la pureté de ses ingrédients. Sa composition reste fidèle à la recette originale, enrichie d'un actif d'exception.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eBase nourrissante et protectrice, elle adoucit la peau dès la première utilisation et respecte son film hydrolipidique naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 4 % d'huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eL'actif signature du vrai savon d'Alep. Désinfectante, apaisante et régénératrice, elle est particulièrement appréciée pour les peaux sujettes à l'acné, l'eczéma ou le psoriasis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e✨ Résine d'encens\u003c\/h3\u003e\n \u003cp\u003eAux propriétés calmantes et purifiantes, elle apporte un parfum boisé et envoûtant, tout en contribuant à l'apaisement des peaux irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🧂 Soude végétale\u003c\/h3\u003e\n \u003cp\u003eAgent saponifiant naturel, garant de la solidité du pain de savon.\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\u003eComposition courte et transparente\u003c\/strong\u003e\n \u003cp\u003eAucun conservateur artificiel, aucun sulfate, aucun produit pétrochimique. Une formule idéale pour les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce savon d'Alep visage et corps ?\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eVous pouvez l'utiliser sur le visage, le corps et les cheveux, au quotidien. Grâce à sa douceur naturelle, il convient à tous les types de peau, y compris :\u003c\/p\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\u003ePeaux sensibles ou réactives\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui tolèrent mal les savons conventionnels, sa formule douce respecte les épidermes fragiles.\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\u003ePeaux grasses ou acnéiques\u003c\/h3\u003e\n \u003cp\u003eL'huile de baies de laurier est particulièrement recommandée pour réguler les peaux à tendance acnéique.\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\u003ePeaux sèches\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive bio nourrit en profondeur sans agresser, pour une peau souple et confortable.\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\u003eSoin naturel certifié\u003c\/h3\u003e\n \u003cp\u003ePour les personnes cherchant un soin sans ingrédients controversés, avec une composition transparente.\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\u003eAvis dermatologique\u003c\/strong\u003e\n \u003cp\u003eLe savon d'Alep est globalement bien toléré, mais comme pour tout soin naturel, un test sur une petite zone est conseillé en cas de peau très réactive. Il ne remplace pas un traitement médical prescrit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep Najel ?\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\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eMouillez votre peau ou vos cheveux à l'eau tiède.\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\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains ou directement sur la zone à nettoyer.\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\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment et séchez délicatement.\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\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eConservez\u003c\/h3\u003e\n \u003cp\u003eConservez le savon à l'abri de l'humidité entre chaque utilisation pour maximiser sa durée de vie.\u003c\/p\u003e\n \u003c\/div\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\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eGlissez un pain dans votre armoire à linge pour le parfumer naturellement avec ses notes d'encens boisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eUn savoir-faire vieux de 3 000 ans, un séchage de 9 mois\u003c\/h2\u003e\n \u003cp\u003eCe qui distingue un vrai savon d'Alep d'une simple imitation, c'est son processus de fabrication. Chez Najel, chaque savon est fabriqué entre novembre et mars, cuit à chaud dans de grands chaudrons traditionnels, puis mis à sécher pendant \u003cstrong\u003eneuf mois minimum\u003c\/strong\u003e dans des caves ventilées.\u003c\/p\u003e\n \u003cp\u003eCe vieillissement est essentiel : il neutralise l'excès de soude, assouplit la texture et révèle toutes les vertus des huiles. Le résultat, c'est un savon dense, généreux et d'une longévité remarquable.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid-compact\"\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🏛️\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eTradition\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003e3 000 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🏠\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eMaison Najel\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eDepuis 1895\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e⏳\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eSéchage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003e9 mois minimum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🔥\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eNovembre à mars\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon d'Alep à l'encens en résumé\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🧼 Nettoyage doux\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur sans dessécher ni agresser la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 Apaisant\u003c\/h3\u003e\n \u003cp\u003eApaise les peaux irritées, acnéiques ou à tendance eczémateuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Nourrissant\u003c\/h3\u003e\n \u003cp\u003eNourrit et assouplit grâce à l'huile d'olive bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e✨ Purifiant\u003c\/h3\u003e\n \u003cp\u003ePurifie et calme grâce à la résine d'encens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🙆 Polyvalent\u003c\/h3\u003e\n \u003cp\u003eUtilisable sur le visage, le corps et les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFormat solide, zéro déchet, formule naturelle sans sulfate ni conservateur de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\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;\"\u003e3 000 ans de tradition dans vos mains\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eLe savon d'Alep à l'encens de Najel transforme votre routine en un rituel sensoriel : une mousse douce, un parfum boisé et sacré, une peau propre, apaisée et ressourcée. Simple, authentique, intemporel.\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 --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n --soi-alep-primary: #C8A97E;\n --soi-alep-primary-soft: #E8D8C0;\n --soi-alep-accent: #B5946A;\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\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 margin-bottom: 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}\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\/* === GRID COMPACT === *\/\n.soi-alep-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-alep-card-mini {\n background: var(--soi-alep-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-alep-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-alep-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-alep-card-mini-label {\n font-size: 11px;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-alep-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\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\/* === 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 margin-top: 1.5rem;\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-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-alep-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-alep-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-alep-grid-compact {\n grid-template-columns: repeat(2, 1fr);\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":61603704275274,"sku":"NJ0085","price":1.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-a-lencens-najel-packshot.webp?v=1780306135"},{"product_id":"savon-dalep-liquide-40-hbl-najel","title":"Savon d'Alep liquide 40% HBL – Najel","description":"\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 · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep liquide 40% HBL\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eLe soin ancestral le plus concentré en laurier pour les peaux sensibles et réactives, certifié bio et fabriqué en France.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003e40% HUILE DE BAIES DE LAURIER\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Intro --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep liquide 40% HBL Najel : le soin naturel pour peaux sensibles et réactives\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un \u003cstrong\u003esavon d'Alep liquide bio\u003c\/strong\u003e vraiment concentré, sans compromis sur la douceur ni sur l'efficacité ? Ce flacon-pompe Najel à \u003cstrong\u003e40% d'huile de baies de laurier\u003c\/strong\u003e est l'une des formules les plus généreuses du marché. Certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, fabriqué en France par saponification à chaud, il conjugue un savoir-faire ancestral transmis depuis 1964 et des exigences modernes de qualité. Idéal pour les peaux sensibles, réactives, sujettes à l'eczéma, au psoriasis ou à l'acné.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Pourquoi choisir --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon d'Alep à 40% de laurier ?\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eTous les savons d'Alep liquides ne se valent pas. La concentration en huile de baies de laurier est le critère clé : plus elle est élevée, plus les propriétés apaisantes, régénératrices et purifiantes sont puissantes. À \u003cstrong\u003e40% de HBL\u003c\/strong\u003e, ce savon Najel s'adresse particulièrement aux peaux qui ont besoin d'un soutien quotidien intense.\u003c\/p\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\u003eApaise\u003c\/h3\u003e\n \u003cp\u003eCalme les rougeurs, démangeaisons et irritations cutanées grâce à la haute teneur en huile de baies de laurier.\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\u003ePurifie\u003c\/h3\u003e\n \u003cp\u003eNettoie en profondeur sans agresser la barrière cutanée ni perturber le microbiome naturel de la peau.\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\u003eNourrit\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive bio, riche en acides gras essentiels, assouplit et nourrit la peau à chaque utilisation.\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\u003ePolyvalent\u003c\/h3\u003e\n \u003cp\u003eVisage, corps, mains et cheveux : une seule bouteille suffit pour toute votre routine de soin.\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\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSans parfum, sans tensioactifs synthétiques et sans conservateur de synthèse, ce savon respecte le microbiome naturel de votre peau. C'est exactement ce que recherchent les peaux intolérantes.\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-alep-section\"\u003e\n \u003ch2\u003eComposition complète du savon d'Alep liquide Najel 40%\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eFormule courte, transparente et certifiée bio. Aucun parfum ajouté, aucun conservateur de synthèse, aucun tensioactif chimique.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eAqua\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eEau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003ePotassium Olivate\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eHuile d'olive bio saponifiée, base nourrissante et assouplissante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row soi-alep-compo-highlight\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003ePotassium Laurus Nobilate (40%)\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eHuile de baies de laurier bio saponifiée, actif apaisant et régénérateur phare\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eGlycerin\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eGlycérine végétale, agent hydratant naturel issu de la saponification\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003ePotassium Hydroxide\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eAgent saponifiant, entièrement neutralisé dans le produit fini\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Utilisation --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon d'Alep liquide au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eSon format flacon-pompe rend l'utilisation immédiate et hygiénique.\u003c\/p\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\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eUne petite dose suffit. Appliquez sur peau humide, massez délicatement en mouvements circulaires, rincez à l'eau tiède.\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\u003eCorps et mains\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le en remplacement de votre gel douche habituel pour une peau douce après chaque lavage.\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\u003eCheveux\u003c\/h3\u003e\n \u003cp\u003eIl peut s'utiliser comme shampoing doux, particulièrement adapté aux cuirs chevelus sensibles ou qui démangent.\u003c\/p\u003e\n \u003c\/div\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\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour une tolérance optimale, débutez avec une utilisation en alternance (tous les deux jours) si votre peau est très réactive, puis passez à un usage quotidien selon votre ressenti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Emballage --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eUn emballage écoresponsable, pensé dans les détails\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e♻️ Flacon en plastique recyclé\u003c\/h3\u003e\n \u003cp\u003eLe flacon ambré en plastique recyclé rPET protège la formule de la lumière, préservant ainsi les actifs sensibles. Il est entièrement recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫧 Pompe intégrée anti-gaspillage\u003c\/h3\u003e\n \u003cp\u003eLa pompe intégrée délivre la juste dose à chaque utilisation, évitant le gaspillage. Un choix cohérent pour allier soin naturel et gestes durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : FAQ --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le savon d'Alep liquide bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-accordion\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e🛒 Où trouver ce savon d'Alep liquide ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eDisponible en ligne sur notre boutique, mais aussi en pharmacie et parapharmacie spécialisées. Vous pouvez également le retrouver en magasin bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e👶 Ce savon convient-il aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eOui, sa formule sans parfum et sans conservateur de synthèse est douce. Évitez toutefois le contact avec les yeux et demandez conseil à votre pédiatre pour les nourrissons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e⚕️ Ce produit remplace-t-il un traitement médical ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eNon. Il s'agit d'un soin de confort naturel. En cas de pathologie cutanée (eczéma sévère, psoriasis étendu), consultez un dermatologue.\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-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;\"\u003eSe soigner naturellement\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eUne tradition millénaire réinterprétée avec rigueur et bienveillance. Chaque pression sur la pompe, c'est un rituel simple et sincère : nettoyer sans agresser, apaiser sans alourdir, prendre soin de vous avec le meilleur de la nature.\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-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 \/* === Neutres Soinat === *\/\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging Najel : vert sombre, ambré, feuilles de laurier) === *\/\n --soi-alep-primary: #2D5E4A;\n --soi-alep-primary-soft: rgba(45,94,74,0.08);\n --soi-alep-accent: #5C7A3E;\n\n \/* === Textes === *\/\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n\n \/* === Effets === *\/\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\/* === RESET === *\/\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\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 margin-bottom: 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}\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\/* === 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-highlight {\n background: var(--soi-alep-primary-soft);\n border-left: 3px solid var(--soi-alep-primary);\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\/* === TIMELINE === *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\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\/* === 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 margin-top: 1.5rem;\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\/* === ACCORDÉON === *\/\n.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-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-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\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 .soi-alep-benefits {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n@media (max-width: 480px) {\n .soi-alep-benefits {\n grid-template-columns: 1fr;\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":61603704602954,"sku":"NJ0125","price":11.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-liquide-40-hbl-najel-packshot.webp?v=1779612822"},{"product_id":"bio-5-shampooing-volumateur-anti-chute-certifie-bio-science-et-equilibre","title":"BIO 5 Shampooing Volumateur Anti-Chute bio – Science et Équilibre","description":"\u003cdiv class=\"soi-bio5-fiche\"\u003e\n\n\u003csection class=\"soi-bio5-hero\"\u003e\n \u003cdiv class=\"soi-bio5-hero-tag\"\u003e\n \u003cspan class=\"soi-bio5-tag-dot\"\u003e\u003c\/span\u003e\n Shampooing anti-chute · Science \u0026amp; Équilibre\n \u003c\/div\u003e\n \u003cspan class=\"soi-bio5-hero-title\"\u003eSix actifs bio au service de vos cheveux\u003c\/span\u003e\n \u003cp class=\"soi-bio5-hero-subtitle\"\u003eFormulé pour freiner la chute et redonner volume et densité à votre chevelure, ce shampooing certifié bio associe six ingrédients végétaux en synergie, sans silicones ni sulfates agressifs.\u003c\/p\u003e\n \u003cdiv class=\"soi-bio5-hero-labels\"\u003e\n \u003cspan class=\"soi-bio5-label soi-bio5-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-label\"\u003eECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-label\"\u003eSANS SILICONES\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bio5-section\"\u003e\n \u003ch2\u003ePourquoi BIO 5 se démarque des autres shampoings anti-chute\u003c\/h2\u003e\n \u003cp\u003eFace aux références populaires du marché, BIO 5 propose une approche différente : pas de silicones, pas de sulfates agressifs, pas d'ingrédients synthétiques masquants. Là où beaucoup de shampoings anti-chute se contentent d'un ou deux actifs, BIO 5 associe six ingrédients complémentaires d'origine naturelle certifiés bio, choisis pour leur synergie sur la fibre capillaire et le cuir chevelu.\u003c\/p\u003e\n \u003cdiv class=\"soi-bio5-tip\"\u003e\n \u003cdiv class=\"soi-bio5-tip-icon\"\u003e📅\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eRésultat observé\u003c\/strong\u003e\n \u003cp\u003eDès 6 semaines d'utilisation régulière : moins de cheveux dans le lavabo, un volume visiblement amplifié et une sensation de cuir chevelu purifié et apaisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bio5-section\"\u003e\n \u003ch2\u003eLes 6 actifs bio qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-bio5-benefits\"\u003e\n \u003cdiv class=\"soi-bio5-benefit\"\u003e\n \u003cdiv class=\"soi-bio5-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaise et hydrate le cuir chevelu en profondeur, limite les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-benefit\"\u003e\n \u003cdiv class=\"soi-bio5-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCentella asiatica bio\u003c\/h3\u003e\n \u003cp\u003eFavorise la microcirculation au niveau du bulbe pileux pour stimuler la croissance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-benefit\"\u003e\n \u003cdiv class=\"soi-bio5-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMiel bio\u003c\/h3\u003e\n \u003cp\u003eNourrit la fibre, apporte brillance et douceur sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-benefit\"\u003e\n \u003cdiv class=\"soi-bio5-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eKératine végétale bio\u003c\/h3\u003e\n \u003cp\u003eRenforce la tige capillaire des racines aux pointes et réduit la casse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-benefit\"\u003e\n \u003cdiv class=\"soi-bio5-benefit-icon\"\u003e\u003cspan\u003e🌳\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eExtrait de quinquina bio\u003c\/h3\u003e\n \u003cp\u003eTonifie le cuir chevelu et contribue à réduire la chute anormale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-benefit\"\u003e\n \u003cdiv class=\"soi-bio5-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtéines de soja bio\u003c\/h3\u003e\n \u003cp\u003eDensifient la fibre et apportent du volume naturel aux cheveux fins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bio5-section\"\u003e\n \u003ch2\u003ePour qui est ce shampooing anti-chute bio ?\u003c\/h2\u003e\n \u003cp\u003eBIO 5 convient à tous les types de cheveux, hommes et femmes confondus. Il vous est particulièrement recommandé si vous observez l'une des situations suivantes :\u003c\/p\u003e\n \u003cdiv class=\"soi-bio5-grid\"\u003e\n \u003cdiv class=\"soi-bio5-card\"\u003e\n \u003ch3\u003e💇 Chute anormale\u003c\/h3\u003e\n \u003cp\u003eVous remarquez une perte excessive de cheveux au lavage ou au brossage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-card\"\u003e\n \u003ch3\u003e🪶 Manque de volume\u003c\/h3\u003e\n \u003cp\u003eVos cheveux sont fins, plats ou sans tenue au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-card\"\u003e\n \u003ch3\u003e🩹 Cuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eVotre cuir chevelu est irrité, réactif ou encrassé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-card\"\u003e\n \u003ch3\u003e🍂 Cheveux fragilisés\u003c\/h3\u003e\n \u003cp\u003eVotre chevelure est affaiblie par le stress, les changements de saison ou les colorations répétées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eSon pH respectueux de la fibre et sa base lavante douce le rendent compatible même avec les cuirs chevelus les plus réactifs.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bio5-section\"\u003e\n \u003ch2\u003eComment utiliser le BIO 5 pour de meilleurs résultats ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-bio5-timeline\"\u003e\n \u003cdiv class=\"soi-bio5-step\"\u003e\n \u003cdiv class=\"soi-bio5-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-step-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eAppuyez une à deux fois sur la pompe doseuse pour obtenir la quantité idéale (environ 100 utilisations par flacon).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-step\"\u003e\n \u003cdiv class=\"soi-bio5-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur cheveux mouillés et massez le cuir chevelu pendant 2 à 3 minutes pour activer la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-step\"\u003e\n \u003cdiv class=\"soi-bio5-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-step-content\"\u003e\n \u003ch3\u003eRincez et répétez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment. Pour des résultats optimaux, utilisez 2 à 3 fois par semaine en continu sur au moins 6 semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bio5-section\"\u003e\n \u003ch2\u003eInformations produit\u003c\/h2\u003e\n \u003cdiv class=\"soi-bio5-compo\"\u003e\n \u003cdiv class=\"soi-bio5-compo-row\"\u003e\n \u003cspan class=\"soi-bio5-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-compo-value\"\u003e300 ml (environ 100 utilisations)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-compo-row\"\u003e\n \u003cspan class=\"soi-bio5-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-compo-value\"\u003eCosmos Organic (Ecocert)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-compo-row\"\u003e\n \u003cspan class=\"soi-bio5-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-compo-value\"\u003eFrance, Laboratoires Val de Loire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-compo-row\"\u003e\n \u003cspan class=\"soi-bio5-compo-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-compo-value\"\u003eTous types de cheveux, hommes et femmes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-compo-row\"\u003e\n \u003cspan class=\"soi-bio5-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-compo-value\"\u003eSilicones, sulfates agressifs, parabènes, colorants synthétiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-compo-row\"\u003e\n \u003cspan class=\"soi-bio5-compo-label\"\u003eFlacon\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-compo-value\"\u003ePompe doseuse anti-gaspillage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-accordion\"\u003e\n \u003cdetails class=\"soi-bio5-accordion-item\"\u003e\n \u003csummary class=\"soi-bio5-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-bio5-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue pas à un traitement médical. En cas de chute importante ou persistante, 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-bio5-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-bio5-cta-box\"\u003e\n \u003cp class=\"soi-bio5-cta-tag\" style=\"color: white;\"\u003ePrenez soin de vos cheveux, naturellement\u003c\/p\u003e\n \u003cp class=\"soi-bio5-cta-text\" style=\"color: white;\"\u003eUne formule certifiée bio, six actifs végétaux et un engagement : moins de chute, plus de volume, dès les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-bio5-marine: #1A2D3D;\n --soi-bio5-marine-dark: #0F1E2B;\n --soi-bio5-marine-light: #2C4458;\n --soi-bio5-pomme: #A1C544;\n --soi-bio5-pomme-dark: #84A636;\n --soi-bio5-pomme-light: rgba(161,197,68,0.10);\n --soi-bio5-white: #FFFFFF;\n --soi-bio5-off-white: #F8FAF6;\n --soi-bio5-stone: #F1F3EE;\n --soi-bio5-line: #E5E8E0;\n --soi-bio5-primary: #7B5EA7;\n --soi-bio5-primary-soft: #EDE7F3;\n --soi-bio5-accent: #D4A82A;\n --soi-bio5-text: #1A2D3D;\n --soi-bio5-text-soft: #4A5B6B;\n --soi-bio5-text-muted: #7B8693;\n --soi-bio5-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-bio5-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-bio5-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-bio5-radius: 12px;\n --soi-bio5-radius-sm: 8px;\n --soi-bio5-radius-pill: 999px;\n}\n\n.soi-bio5-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-bio5-fiche img { max-width: 100%; height: auto; }\n\n.soi-bio5-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-bio5-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-bio5-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-bio5-hero {\n position: relative;\n background: var(--soi-bio5-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-bio5-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-bio5-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-bio5-pomme);\n}\n\n.soi-bio5-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-bio5-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-bio5-pomme);\n border-radius: 50%;\n}\n\n.soi-bio5-hero-title {\n display: block;\n color: var(--soi-bio5-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-bio5-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-bio5-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-bio5-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-bio5-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-bio5-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-bio5-label-accent {\n background: var(--soi-bio5-pomme);\n border-color: var(--soi-bio5-pomme);\n color: var(--soi-bio5-marine);\n font-weight: 600;\n}\n\n.soi-bio5-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-bio5-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-bio5-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-bio5-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-bio5-pomme);\n border-radius: 2px;\n}\n\n.soi-bio5-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-bio5-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-bio5-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-bio5-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-bio5-benefit {\n background: var(--soi-bio5-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-bio5-radius);\n border: 1px solid var(--soi-bio5-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-bio5-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-bio5-shadow-md);\n}\n\n.soi-bio5-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-bio5-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-bio5-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-bio5-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-bio5-benefit:hover .soi-bio5-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-bio5-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-bio5-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-bio5-benefit p {\n font-size: 13px;\n color: var(--soi-bio5-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bio5-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1rem;\n}\n\n.soi-bio5-card {\n background: var(--soi-bio5-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-bio5-radius);\n border-left: 3px solid var(--soi-bio5-pomme);\n}\n\n.soi-bio5-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-bio5-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-bio5-card p {\n font-size: 14px;\n color: var(--soi-bio5-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bio5-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-bio5-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-bio5-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-bio5-radius);\n border: 1px solid var(--soi-bio5-line);\n align-items: flex-start;\n}\n\n.soi-bio5-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-bio5-marine);\n color: var(--soi-bio5-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-bio5-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-bio5-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-bio5-step-content p {\n font-size: 14px;\n color: var(--soi-bio5-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bio5-compo {\n background: var(--soi-bio5-off-white);\n border-radius: var(--soi-bio5-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.soi-bio5-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-bio5-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-bio5-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-bio5-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-bio5-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-bio5-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-bio5-marine);\n text-align: right;\n}\n\n.soi-bio5-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-bio5-pomme-light);\n border-left: 4px solid var(--soi-bio5-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-bio5-radius) var(--soi-bio5-radius) 0;\n align-items: flex-start;\n margin-top: 1rem;\n}\n\n.soi-bio5-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-bio5-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-bio5-marine);\n margin-bottom: 4px;\n}\n\n.soi-bio5-tip p {\n font-size: 14px;\n color: var(--soi-bio5-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bio5-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-bio5-accordion-item {\n background: var(--soi-bio5-off-white);\n border-radius: var(--soi-bio5-radius-sm);\n border: 1px solid var(--soi-bio5-line);\n overflow: hidden;\n}\n\n.soi-bio5-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-bio5-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-bio5-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-bio5-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-bio5-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-bio5-accordion-item[open] .soi-bio5-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-bio5-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-bio5-accordion-content p {\n font-size: 14px;\n color: var(--soi-bio5-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bio5-cta-box {\n background: var(--soi-bio5-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-bio5-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-bio5-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-bio5-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-bio5-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-bio5-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-bio5-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-bio5-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-bio5-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-bio5-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-bio5-compo-value {\n text-align: left;\n }\n\n .soi-bio5-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-bio5-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-bio5-fiche {\n --soi-bio5-text-soft: #2C3E50;\n --soi-bio5-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Science et Equilibre","offers":[{"title":"Default Title","offer_id":61603776397642,"sku":"SQ0015","price":36.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/bio-5-shampooing-volumateur-anti-chute-certifie-bio-science-packshot_11zon.webp?v=1780155781"},{"product_id":"shampooing-anti-pelliculaire-certifie-bio-florame","title":"Shampooing Anti-Pelliculaire certifié bio – Florame","description":"\n\u003cdiv class=\"soi-flap-fiche\"\u003e\n\n \u003csection class=\"soi-flap-hero\"\u003e\n \u003cdiv class=\"soi-flap-hero-tag\"\u003e\n \u003cspan class=\"soi-flap-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Florame\n \u003c\/div\u003e\n \u003cspan class=\"soi-flap-hero-title\"\u003eShampooing Anti-Pelliculaire certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-flap-hero-subtitle\"\u003eFormulé à 97 % d'ingrédients d'origine naturelle, ce shampooing aux prébiotiques et au romarin bio rééquilibre votre cuir chevelu et élimine durablement les pellicules, sans l'agresser.\u003c\/p\u003e\n \u003cdiv class=\"soi-flap-hero-labels\"\u003e\n \u003cspan class=\"soi-flap-label soi-flap-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-flap-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-flap-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-flap-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-flap-label\"\u003e97 % NATUREL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flap-section\"\u003e\n \u003ch2\u003eUn shampooing anti-pelliculaire bio qui rééquilibre vraiment le cuir chevelu\u003c\/h2\u003e\n \u003cp\u003eLes pellicules ne sont pas une fatalité. Souvent liées à un déséquilibre du microbiote cutané, elles peuvent s'atténuer durablement avec le soin adapté. Le Shampooing Anti-Pelliculaire certifié bio de Florame mise sur des actifs naturels ciblés, sans agresser votre cuir chevelu, pour des résultats visibles et un confort retrouvé au quotidien.\u003c\/p\u003e\n \u003cp\u003eFormulé à 97 % d'ingrédients d'origine naturelle, certifié Cosmos Organic et fabriqué à Saint-Rémy-de-Provence en France, ce shampooing s'adresse à toutes celles et ceux qui recherchent une alternative naturelle efficace aux références classiques de parapharmacie.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flap-section\"\u003e\n \u003ch2\u003ePourquoi ce shampoing se distingue des autres anti-pelliculaires ?\u003c\/h2\u003e\n \u003cp class=\"soi-flap-section-intro\"\u003eFace aux shampoings conventionnels, la formule Florame se différencie sur plusieurs points concrets, en combinant efficacité et respect du cuir chevelu.\u003c\/p\u003e\n \u003cdiv class=\"soi-flap-grid\"\u003e\n \u003cdiv class=\"soi-flap-card\"\u003e\n \u003ch3\u003e🌿 Base lavante végétale sans sulfates\u003c\/h3\u003e\n \u003cp\u003eNettoie efficacement sans dessécher ni irriter le cuir chevelu sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flap-card\"\u003e\n \u003ch3\u003e🔬 Prébiotiques\u003c\/h3\u003e\n \u003cp\u003eNourrissent le microbiote cutané pour rétablir un équilibre durable, là où beaucoup de shampoings se contentent d'agir en surface.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flap-card\"\u003e\n \u003ch3\u003e🍃 Extrait de jujubier\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés antipelliculaires naturelles, il assainit le cuir chevelu et réduit les démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flap-card\"\u003e\n \u003ch3\u003e🌱 Hydrolat de romarin bio\u003c\/h3\u003e\n \u003cp\u003eAction purifiante et sensation de fraîcheur immédiate, pour un cuir chevelu propre et apaisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flap-card\"\u003e\n \u003ch3\u003e🌲 Parfum naturel romarin et eucalyptus\u003c\/h3\u003e\n \u003cp\u003eVivifiant et agréable, il transforme chaque lavage en véritable moment de bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flap-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing anti-pelliculaire ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-flap-timeline\"\u003e\n \u003cdiv class=\"soi-flap-step\"\u003e\n \u003cdiv class=\"soi-flap-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-flap-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une dose généreuse sur cheveux mouillés et massez le cuir chevelu avec le bout des doigts pendant 1 à 2 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flap-step\"\u003e\n \u003cdiv class=\"soi-flap-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-flap-step-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePatientez quelques 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-flap-step\"\u003e\n \u003cdiv class=\"soi-flap-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-flap-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède. Ce shampooing peut être utilisé à chaque lavage, en usage quotidien ou régulier selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flap-tip\"\u003e\n \u003cdiv class=\"soi-flap-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 prébiotiques, prenez le temps de bien masser votre cuir chevelu lors de l'application : ce geste favorise la pénétration des principes actifs et stimule la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flap-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cp class=\"soi-flap-section-intro\"\u003eLa formule repose sur des ingrédients soigneusement sélectionnés, sans silicones, sans parabènes et sans colorants synthétiques.\u003c\/p\u003e\n \u003cdiv class=\"soi-flap-compo\"\u003e\n \u003cdiv class=\"soi-flap-compo-row\"\u003e\n \u003cspan class=\"soi-flap-compo-label\"\u003ePrébiotiques\u003c\/span\u003e\n \u003cspan class=\"soi-flap-compo-value\"\u003eRééquilibrent le microbiote du cuir chevelu pour prévenir les récidives\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flap-compo-row\"\u003e\n \u003cspan class=\"soi-flap-compo-label\"\u003eExtrait de jujubier (Ziziphus joazeiro)\u003c\/span\u003e\n \u003cspan class=\"soi-flap-compo-value\"\u003eActif antipelliculaire naturel, assainissant et apaisant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flap-compo-row\"\u003e\n \u003cspan class=\"soi-flap-compo-label\"\u003eHydrolat de romarin bio\u003c\/span\u003e\n \u003cspan class=\"soi-flap-compo-value\"\u003ePurifiant et tonifiant, stimule le cuir chevelu en douceur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flap-compo-row\"\u003e\n \u003cspan class=\"soi-flap-compo-label\"\u003eBase lavante végétale\u003c\/span\u003e\n \u003cspan class=\"soi-flap-compo-value\"\u003eSans sulfates agressifs, nettoyage respectueux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flap-compo-row\"\u003e\n \u003cspan class=\"soi-flap-compo-label\"\u003eParfum naturel\u003c\/span\u003e\n \u003cspan class=\"soi-flap-compo-value\"\u003eRomarin et eucalyptus, fraîcheur aromatique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flap-grid-compact\"\u003e\n \u003cdiv class=\"soi-flap-card-mini\"\u003e\n \u003cspan class=\"soi-flap-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-flap-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-flap-card-mini-value\"\u003e97 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flap-card-mini\"\u003e\n \u003cspan class=\"soi-flap-card-mini-icon\"\u003e📋\u003c\/span\u003e\n \u003cspan class=\"soi-flap-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-flap-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flap-card-mini\"\u003e\n \u003cspan class=\"soi-flap-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-flap-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-flap-card-mini-value\"\u003e250 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flap-card-mini\"\u003e\n \u003cspan class=\"soi-flap-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-flap-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-flap-card-mini-value\"\u003eFrance, Provence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flap-section\"\u003e\n \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-flap-grid\"\u003e\n \u003cdiv class=\"soi-flap-card\"\u003e\n \u003ch3\u003e✨ Cuir chevelu à pellicules\u003c\/h3\u003e\n \u003cp\u003eSèches ou grasses, ce shampooing s'adapte aux deux types de pellicules pour un cuir chevelu assaini.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flap-card\"\u003e\n \u003ch3\u003e🛡️ Cuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa base lavante sans sulfates, il respecte les peaux réactives et évite les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flap-card\"\u003e\n \u003ch3\u003e🌱 Adeptes du naturel et du bio\u003c\/h3\u003e\n \u003cp\u003eCertifié Cosmos Organic, vegan et fabriqué en France : une formule transparente qui respecte vos convictions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flap-section\"\u003e\n \u003cdiv class=\"soi-flap-accordion\"\u003e\n \u003cdetails class=\"soi-flap-accordion-item\"\u003e\n \u003csummary class=\"soi-flap-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-flap-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical. En cas de pellicules persistantes ou abondantes, nous vous recommandons de consulter 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-flap-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-flap-cta-box\"\u003e\n \u003cp class=\"soi-flap-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans vos cheveux\u003c\/p\u003e\n \u003cp class=\"soi-flap-cta-text\" style=\"color: white;\"\u003eRetrouvez un cuir chevelu propre, apaisé et libéré des pellicules grâce à une formule bio conçue avec soin en Provence. Des actifs ciblés, un parfum vivifiant et la certification Cosmos Organic pour vous garantir transparence et respect.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-flap-marine: #1A2D3D;\n --soi-flap-marine-dark: #0F1E2B;\n --soi-flap-marine-light: #2C4458;\n --soi-flap-pomme: #A1C544;\n --soi-flap-pomme-dark: #84A636;\n --soi-flap-pomme-light: rgba(161,197,68,0.10);\n\n --soi-flap-white: #FFFFFF;\n --soi-flap-off-white: #F8FAF6;\n --soi-flap-stone: #F1F3EE;\n --soi-flap-line: #E5E8E0;\n\n --soi-flap-primary: #5CBFCA;\n --soi-flap-primary-soft: #E8F6F7;\n --soi-flap-accent: #E8963A;\n\n --soi-flap-text: #1A2D3D;\n --soi-flap-text-soft: #4A5B6B;\n --soi-flap-text-muted: #7B8693;\n\n --soi-flap-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-flap-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-flap-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-flap-radius: 12px;\n --soi-flap-radius-sm: 8px;\n --soi-flap-radius-pill: 999px;\n}\n\n.soi-flap-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-flap-fiche img { max-width: 100%; height: auto; }\n\n.soi-flap-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-flap-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-flap-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-flap-hero {\n position: relative;\n background: var(--soi-flap-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-flap-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-flap-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-flap-pomme);\n}\n\n.soi-flap-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-flap-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-flap-pomme);\n border-radius: 50%;\n}\n\n.soi-flap-hero-title {\n display: block;\n color: var(--soi-flap-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-flap-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-flap-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-flap-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-flap-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-flap-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-flap-label-accent {\n background: var(--soi-flap-pomme);\n border-color: var(--soi-flap-pomme);\n color: var(--soi-flap-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-flap-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-flap-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-flap-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-flap-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-flap-pomme);\n border-radius: 2px;\n}\n\n.soi-flap-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-flap-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-flap-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-flap-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-flap-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-flap-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-flap-benefit {\n background: var(--soi-flap-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-flap-radius);\n border: 1px solid var(--soi-flap-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-flap-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-flap-shadow-md);\n}\n\n.soi-flap-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-flap-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-flap-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-flap-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-flap-benefit:hover .soi-flap-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-flap-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-flap-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-flap-benefit p {\n font-size: 13px;\n color: var(--soi-flap-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-flap-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-flap-card {\n background: var(--soi-flap-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-flap-radius);\n border-left: 3px solid var(--soi-flap-pomme);\n}\n\n.soi-flap-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-flap-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-flap-card p {\n font-size: 14px;\n color: var(--soi-flap-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-flap-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-flap-card-mini {\n background: var(--soi-flap-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-flap-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-flap-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-flap-card-mini-label {\n font-size: 11px;\n color: var(--soi-flap-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-flap-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-flap-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-flap-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-flap-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-flap-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-flap-radius);\n border: 1px solid var(--soi-flap-line);\n align-items: flex-start;\n}\n\n.soi-flap-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-flap-marine);\n color: var(--soi-flap-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-flap-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-flap-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-flap-step-content p {\n font-size: 14px;\n color: var(--soi-flap-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-flap-compo {\n background: var(--soi-flap-off-white);\n border-radius: var(--soi-flap-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-flap-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-flap-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-flap-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-flap-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-flap-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-flap-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-flap-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-flap-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-flap-pomme-light);\n border-left: 4px solid var(--soi-flap-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-flap-radius) var(--soi-flap-radius) 0;\n align-items: flex-start;\n}\n\n.soi-flap-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-flap-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-flap-marine);\n margin-bottom: 4px;\n}\n\n.soi-flap-tip p {\n font-size: 14px;\n color: var(--soi-flap-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-flap-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-flap-accordion-item {\n background: var(--soi-flap-off-white);\n border-radius: var(--soi-flap-radius-sm);\n border: 1px solid var(--soi-flap-line);\n overflow: hidden;\n}\n\n.soi-flap-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-flap-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-flap-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-flap-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-flap-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-flap-accordion-item[open] .soi-flap-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-flap-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-flap-accordion-content p {\n font-size: 14px;\n color: var(--soi-flap-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-flap-cta-box {\n background: var(--soi-flap-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-flap-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-flap-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-flap-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-flap-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-flap-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-flap-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-flap-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-flap-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-flap-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-flap-compo-value {\n text-align: left;\n }\n\n .soi-flap-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-flap-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-flap-fiche {\n --soi-flap-text-soft: #2C3E50;\n --soi-flap-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Florame","offers":[{"title":"Default Title","offer_id":61603903373642,"sku":"FM0595","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-anti-pelliculaire-certifie-bio-florame-packshot.webp?v=1779441907"},{"product_id":"shampooing-brillance-certifie-bio-florame","title":"Shampooing Brillance certifié bio – Florame","description":"\n\u003cdiv class=\"soi-flbr-fiche\"\u003e\n\n \u003csection class=\"soi-flbr-hero\"\u003e\n \u003cdiv class=\"soi-flbr-hero-tag\"\u003e\n \u003cspan class=\"soi-flbr-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire bio · Florame\n \u003c\/div\u003e\n \u003cspan class=\"soi-flbr-hero-title\"\u003eShampooing Brillance certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-flbr-hero-subtitle\"\u003eUne formule 99 % naturelle, sans sulfates, qui lisse la fibre capillaire et révèle l'éclat de vos cheveux ternes et longs, dès le premier lavage.\u003c\/p\u003e\n \u003cdiv class=\"soi-flbr-hero-labels\"\u003e\n \u003cspan class=\"soi-flbr-label soi-flbr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-flbr-label\"\u003e100 % VEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-flbr-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-flbr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-flbr-label\"\u003e99 % NATUREL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flbr-section\"\u003e\n \u003ch2\u003eUn shampooing bio brillance pensé pour les cheveux ternes et longs\u003c\/h2\u003e\n \u003cp\u003eVous avez les cheveux longs, souvent difficiles à discipliner, et vous cherchez un shampooing naturel bio qui apporte vraiment de l'éclat sans alourdir ? Le Shampooing Brillance Florame a été conçu précisément pour répondre à ce besoin. Sa formule douce, sans tensioactifs sulfatés, nettoie en profondeur tout en respectant la fibre capillaire et l'équilibre du cuir chevelu, même en cas d'utilisation fréquente.\u003c\/p\u003e\n \u003cp\u003eCertifié Cosmos Organic, 100 % vegan et fabriqué à Saint-Rémy-de-Provence, il s'intègre naturellement dans une routine capillaire responsable, pour celles et ceux qui souhaitent allier efficacité et naturalité au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flbr-section\"\u003e\n \u003ch2\u003eXylitol et Pamplemousse Corse : le duo actif qui fait la différence\u003c\/h2\u003e\n \u003cp class=\"soi-flbr-section-intro\"\u003eLa vraie force de ce shampooing brillance bio repose sur deux actifs soigneusement sélectionnés, qui agissent en synergie pour un éclat immédiat et durable.\u003c\/p\u003e\n \u003cdiv class=\"soi-flbr-grid\"\u003e\n \u003cdiv class=\"soi-flbr-card\"\u003e\n \u003ch3\u003e🌿 Le Xylitol\u003c\/h3\u003e\n \u003cp\u003eCet actif d'origine végétale agit comme un lisseur naturel. Il resserre les écailles de la fibre capillaire, réduit les frisottis visibles et laisse les cheveux doux, fluides et brillants dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flbr-card\"\u003e\n \u003ch3\u003e🍊 Le Pamplemousse Corse bio\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants, il protège la chevelure des agressions extérieures (pollution, UV, chaleur) qui ternissent et fatiguent les cheveux au fil du temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flbr-tip\"\u003e\n \u003cdiv class=\"soi-flbr-tip-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLa texture nacrée, rosée, et son parfum d'agrumes 100 % d'origine naturelle transforment chaque shampooing en un vrai moment de soin sensoriel. Ensemble, ces deux actifs apportent un éclat immédiat et durable, sans effet pesant ni résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flbr-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampooing bio pour un résultat optimal ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-flbr-timeline\"\u003e\n \u003cdiv class=\"soi-flbr-step\"\u003e\n \u003cdiv class=\"soi-flbr-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-flbr-step-content\"\u003e\n \u003ch3\u003eApplication\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noix de produit sur cheveux mouillés, du milieu aux pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flbr-step\"\u003e\n \u003cdiv class=\"soi-flbr-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-flbr-step-content\"\u003e\n \u003ch3\u003eMassage\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le cuir chevelu pour activer la mousse et stimuler la circulation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flbr-step\"\u003e\n \u003cdiv class=\"soi-flbr-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-flbr-step-content\"\u003e\n \u003ch3\u003eRinçage\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède pour préserver la brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flbr-step\"\u003e\n \u003cdiv class=\"soi-flbr-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-flbr-step-content\"\u003e\n \u003ch3\u003eComplément (optionnel)\u003c\/h3\u003e\n \u003cp\u003eRenouvelez si nécessaire, ou complétez avec un après-shampooing bio pour une douceur et un démêlage facilités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flbr-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-flbr-tip-icon\"\u003e📅\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFréquence conseillée\u003c\/strong\u003e\n \u003cp\u003eÀ chaque lavage, en usage régulier. Convient aux cheveux normaux à longs, ternes ou sujets aux frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flbr-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cp\u003eCe shampooing bio affiche la transparence totale sur sa formule : 99 % d'ingrédients d'origine naturelle, aucun tensioactif sulfaté, sans silicone, sans paraben, sans colorant synthétique.\u003c\/p\u003e\n \u003cdiv class=\"soi-flbr-compo\"\u003e\n \u003cdiv class=\"soi-flbr-compo-row\"\u003e\n \u003cspan class=\"soi-flbr-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-flbr-compo-value\"\u003eExtrait de Pamplemousse Corse bio (Citrus paradisi)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flbr-compo-row\"\u003e\n \u003cspan class=\"soi-flbr-compo-label\"\u003eActif complémentaire\u003c\/span\u003e\n \u003cspan class=\"soi-flbr-compo-value\"\u003eXylitol (issu du bouleau)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flbr-compo-row\"\u003e\n \u003cspan class=\"soi-flbr-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-flbr-compo-value\"\u003eBases lavantes douces d'origine végétale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flbr-compo-row\"\u003e\n \u003cspan class=\"soi-flbr-compo-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-flbr-compo-value\"\u003e100 % naturel, agrumes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flbr-compo-row\"\u003e\n \u003cspan class=\"soi-flbr-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-flbr-compo-value\"\u003e250 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1rem; font-size: 13px; color: var(--soi-flbr-text-muted);\"\u003ePour la liste INCI complète et à jour, consultez l'étiquetage produit ou la page officielle Florame.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flbr-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Shampooing Brillance Florame plutôt qu'un autre shampooing bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-flbr-benefits\"\u003e\n \u003cdiv class=\"soi-flbr-benefit\"\u003e\n \u003cdiv class=\"soi-flbr-benefit-icon\"\u003e\u003cspan\u003e🏅\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCosmos Organic\u003c\/h3\u003e\n \u003cp\u003eLe gage d'une formule véritablement bio, contrôlée et traçable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flbr-benefit\"\u003e\n \u003cdiv class=\"soi-flbr-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabriqué en Provence\u003c\/h3\u003e\n \u003cp\u003eConçu à Saint-Rémy-de-Provence, dans le respect des savoir-faire locaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flbr-benefit\"\u003e\n \u003cdiv class=\"soi-flbr-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e100 % vegan\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-flbr-benefit\"\u003e\n \u003cdiv class=\"soi-flbr-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRésultat visible\u003c\/h3\u003e\n \u003cp\u003eBrillance, légèreté et discipline dès les premières utilisations, sans sulfates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flbr-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur ce shampooing naturel bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-flbr-accordion\"\u003e\n \u003cdetails class=\"soi-flbr-accordion-item\"\u003e\n \u003csummary class=\"soi-flbr-accordion-header\"\u003e🧴 Ce shampooing bio convient-il aux cheveux gras ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-flbr-accordion-content\"\u003e\n \u003cp\u003eSa formule sans sulfates nettoie sans surproduire de sébum : il peut convenir aux cuirs chevelus normaux à légèrement gras, mais pour des cheveux très gras, un shampooing bio cheveux gras spécifique sera plus adapté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-flbr-accordion-item\"\u003e\n \u003csummary class=\"soi-flbr-accordion-header\"\u003e💆 Faut-il un après-shampooing bio en complément ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-flbr-accordion-content\"\u003e\n \u003cp\u003ePour les cheveux longs ou très secs en pointes, l'association avec un après-shampooing bio Florame est recommandée pour faciliter le démêlage et amplifier le lissage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-flbr-accordion-item\"\u003e\n \u003csummary class=\"soi-flbr-accordion-header\"\u003e🎨 Ce shampooing est-il compatible avec une coloration bio ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-flbr-accordion-content\"\u003e\n \u003cp\u003eOui, l'absence de sulfates et la douceur de la formule le rendent compatible avec la plupart des colorations végétales ou bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flbr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-flbr-cta-box\"\u003e\n \u003cp class=\"soi-flbr-cta-tag\" style=\"color: white;\"\u003eRévélez l'éclat naturel de vos cheveux\u003c\/p\u003e\n \u003cp class=\"soi-flbr-cta-text\" style=\"color: white;\"\u003eParce que vos cheveux méritent mieux que des promesses vides, le Shampooing Brillance Florame leur offre des actifs bio efficaces, une formule honnête et un résultat visible 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-flbr-marine: #1A2D3D;\n --soi-flbr-marine-dark: #0F1E2B;\n --soi-flbr-marine-light: #2C4458;\n --soi-flbr-pomme: #A1C544;\n --soi-flbr-pomme-dark: #84A636;\n --soi-flbr-pomme-light: rgba(161,197,68,0.10);\n\n --soi-flbr-white: #FFFFFF;\n --soi-flbr-off-white: #F8FAF6;\n --soi-flbr-stone: #F1F3EE;\n --soi-flbr-line: #E5E8E0;\n\n --soi-flbr-primary: #C4727A;\n --soi-flbr-primary-soft: #F2E4E6;\n --soi-flbr-accent: #D4946A;\n\n --soi-flbr-text: #1A2D3D;\n --soi-flbr-text-soft: #4A5B6B;\n --soi-flbr-text-muted: #7B8693;\n\n --soi-flbr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-flbr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-flbr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-flbr-radius: 12px;\n --soi-flbr-radius-sm: 8px;\n --soi-flbr-radius-pill: 999px;\n}\n\n.soi-flbr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-flbr-fiche img { max-width: 100%; height: auto; }\n\n.soi-flbr-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-flbr-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-flbr-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-flbr-hero {\n position: relative;\n background: var(--soi-flbr-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-flbr-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-flbr-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-flbr-pomme);\n}\n\n.soi-flbr-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-flbr-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-flbr-pomme);\n border-radius: 50%;\n}\n\n.soi-flbr-hero-title {\n display: block;\n color: var(--soi-flbr-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-flbr-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-flbr-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-flbr-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-flbr-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-flbr-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-flbr-label-accent {\n background: var(--soi-flbr-pomme);\n border-color: var(--soi-flbr-pomme);\n color: var(--soi-flbr-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-flbr-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-flbr-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-flbr-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-flbr-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-flbr-pomme);\n border-radius: 2px;\n}\n\n.soi-flbr-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-flbr-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-flbr-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-flbr-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-flbr-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-flbr-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-flbr-benefit {\n background: var(--soi-flbr-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-flbr-radius);\n border: 1px solid var(--soi-flbr-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-flbr-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-flbr-shadow-md);\n}\n\n.soi-flbr-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-flbr-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-flbr-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-flbr-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-flbr-benefit:hover .soi-flbr-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-flbr-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-flbr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-flbr-benefit p {\n font-size: 13px;\n color: var(--soi-flbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-flbr-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-flbr-card {\n background: var(--soi-flbr-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-flbr-radius);\n border-left: 3px solid var(--soi-flbr-pomme);\n}\n\n.soi-flbr-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-flbr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-flbr-card p {\n font-size: 14px;\n color: var(--soi-flbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-flbr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-flbr-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-flbr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-flbr-radius);\n border: 1px solid var(--soi-flbr-line);\n align-items: flex-start;\n}\n\n.soi-flbr-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-flbr-marine);\n color: var(--soi-flbr-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-flbr-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-flbr-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-flbr-step-content p {\n font-size: 14px;\n color: var(--soi-flbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-flbr-compo {\n background: var(--soi-flbr-off-white);\n border-radius: var(--soi-flbr-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1rem;\n}\n\n.soi-flbr-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-flbr-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-flbr-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-flbr-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-flbr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-flbr-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-flbr-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-flbr-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-flbr-pomme-light);\n border-left: 4px solid var(--soi-flbr-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-flbr-radius) var(--soi-flbr-radius) 0;\n align-items: flex-start;\n}\n\n.soi-flbr-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-flbr-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-flbr-marine);\n margin-bottom: 4px;\n}\n\n.soi-flbr-tip p {\n font-size: 14px;\n color: var(--soi-flbr-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-flbr-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-flbr-accordion-item {\n background: var(--soi-flbr-off-white);\n border-radius: var(--soi-flbr-radius-sm);\n border: 1px solid var(--soi-flbr-line);\n overflow: hidden;\n}\n\n.soi-flbr-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-flbr-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-flbr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-flbr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-flbr-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-flbr-accordion-item[open] .soi-flbr-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-flbr-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-flbr-accordion-content p {\n font-size: 14px;\n color: var(--soi-flbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-flbr-cta-box {\n background: var(--soi-flbr-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-flbr-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-flbr-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-flbr-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-flbr-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-flbr-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-flbr-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-flbr-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-flbr-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-flbr-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-flbr-compo-value {\n text-align: left;\n }\n\n .soi-flbr-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-flbr-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-flbr-fiche {\n --soi-flbr-text-soft: #2C3E50;\n --soi-flbr-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Florame","offers":[{"title":"Default Title","offer_id":61603903471946,"sku":"FM0600","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-brillance-certifie-bio-florame-packshot.webp?v=1779441236"},{"product_id":"shampooing-fortifiant-certifie-bio-florame","title":"Shampooing Fortifiant certifié bio – Florame","description":"\u003cdiv class=\"soi-fort-fiche\"\u003e\n\n \u003csection class=\"soi-fort-hero\"\u003e\n \u003cdiv class=\"soi-fort-hero-tag\"\u003e\n \u003cspan class=\"soi-fort-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire · Florame\n \u003c\/div\u003e\n \u003cspan class=\"soi-fort-hero-title\"\u003eShampooing Fortifiant certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-fort-hero-subtitle\"\u003eFormulé à Saint-Rémy-de-Provence, ce shampooing associe Racine de Maca et Arginine pour redonner force et éclat aux cheveux fins et cassants, sans jamais les alourdir.\u003c\/p\u003e\n \u003cdiv class=\"soi-fort-hero-labels\"\u003e\n \u003cspan class=\"soi-fort-label soi-fort-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-fort-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-fort-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-fort-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-fort-label\"\u003eMADE IN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-fort-section\"\u003e\n \u003ch2\u003eDeux actifs clés pour des cheveux visiblement plus forts\u003c\/h2\u003e\n \u003cp class=\"soi-fort-section-intro\"\u003eLa force de ce shampooing bio fortifiant repose sur une association d'actifs ciblés, complémentaires et d'origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"soi-fort-benefits\"\u003e\n \u003cdiv class=\"soi-fort-benefit\"\u003e\n \u003cdiv class=\"soi-fort-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRacine de Maca\u003c\/h3\u003e\n \u003cp\u003eIssue des hauts plateaux andins, cette racine stimule le cuir chevelu, renforce la résistance de la fibre capillaire et aide à lutter contre la fragilité qui favorise la casse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fort-benefit\"\u003e\n \u003cdiv class=\"soi-fort-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eArginine\u003c\/h3\u003e\n \u003cp\u003eAcide aminé naturellement présent dans la kératine, elle agit directement sur la structure du cheveu pour une fibre plus solide, un aspect plus lisse et une brillance retrouvée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fort-tip\"\u003e\n \u003cdiv class=\"soi-fort-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eEnsemble, ces deux actifs forment un duo complémentaire idéal pour les cheveux fins sujets à la casse, en quête de volume et de vitalité durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-fort-section\"\u003e\n \u003ch2\u003eUne formule douce, sans sulfates, pour un usage quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-fort-grid\"\u003e\n \u003cdiv class=\"soi-fort-card\"\u003e\n \u003ch3\u003e🧴 Nettoyage doux, cuir chevelu préservé\u003c\/h3\u003e\n \u003cp\u003eSans tensioactifs sulfatés, ce shampooing nettoie efficacement sans décaper. L'équilibre naturel du cuir chevelu est respecté, un atout majeur pour les lavages fréquents ou les cuirs chevelus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fort-card\"\u003e\n \u003ch3\u003e🎨 Compatible cheveux colorés et traités\u003c\/h3\u003e\n \u003cp\u003eSon action lavante délicate respecte les traitements capillaires. Avec 98 % d'ingrédients d'origine naturelle, la formule est certifiée Vegan et fabriquée en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-fort-section\"\u003e\n \u003ch2\u003eComment l'utiliser pour de meilleurs résultats ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-fort-timeline\"\u003e\n \u003cdiv class=\"soi-fort-step\"\u003e\n \u003cdiv class=\"soi-fort-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-fort-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampooing sur cheveux mouillés et massez doucement le cuir chevelu pour activer la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fort-step\"\u003e\n \u003cdiv class=\"soi-fort-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-fort-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003ePour des cheveux très secs ou abîmés, complétez avec un après-shampooing bio ou un masque fortifiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fort-step\"\u003e\n \u003cdiv class=\"soi-fort-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-fort-step-content\"\u003e\n \u003ch3\u003eUtilisez-le régulièrement\u003c\/h3\u003e\n \u003cp\u003eLes effets fortifiants se renforcent avec le temps, généralement visibles dès 4 à 6 semaines d'utilisation continue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fort-step\"\u003e\n \u003cdiv class=\"soi-fort-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-fort-step-content\"\u003e\n \u003ch3\u003eProfitez du parfum naturel\u003c\/h3\u003e\n \u003cp\u003eUn parfum mêlant Lavande apaisante et fraîcheur de Thé Vert, 100 % d'origine naturelle, pour un moment de soin sensoriel à chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-fort-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-fort-compo\"\u003e\n \u003cdiv class=\"soi-fort-compo-row\"\u003e\n \u003cspan class=\"soi-fort-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-fort-compo-value\"\u003eLepidium meyenii root extract (Racine de Maca bio) : stimulant capillaire, renforcement de la fibre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fort-compo-row\"\u003e\n \u003cspan class=\"soi-fort-compo-label\"\u003eAcide aminé structurant\u003c\/span\u003e\n \u003cspan class=\"soi-fort-compo-value\"\u003eArginine : vitalité et brillance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fort-compo-row\"\u003e\n \u003cspan class=\"soi-fort-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-fort-compo-value\"\u003eTensioactifs doux d'origine végétale, sans sulfates\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fort-compo-row\"\u003e\n \u003cspan class=\"soi-fort-compo-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-fort-compo-value\"\u003e100 % d'origine naturelle : Lavande, Thé Vert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fort-compo-row\"\u003e\n \u003cspan class=\"soi-fort-compo-label\"\u003eNaturalité\u003c\/span\u003e\n \u003cspan class=\"soi-fort-compo-value\"\u003e98 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fort-compo-row\"\u003e\n \u003cspan class=\"soi-fort-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-fort-compo-value\"\u003eCosmos Organic, Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fort-compo-row\"\u003e\n \u003cspan class=\"soi-fort-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-fort-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fort-compo-row\"\u003e\n \u003cspan class=\"soi-fort-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-fort-compo-value\"\u003e250 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-fort-section\"\u003e\n \u003ch2\u003ePour qui est fait ce shampooing fortifiant bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-fort-grid\"\u003e\n \u003cdiv class=\"soi-fort-card\"\u003e\n \u003ch3\u003e💇 Cheveux fins et cassants\u003c\/h3\u003e\n \u003cp\u003eVous avez les cheveux qui manquent de densité et se cassent facilement ? Ce shampooing fortifiant a été formulé précisément pour répondre à cette problématique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fort-card\"\u003e\n \u003ch3\u003e🌸 Cuirs chevelus sensibles\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa formule sans sulfates, il convient parfaitement aux cuirs chevelus sensibles ou réactifs qui nécessitent un nettoyage doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fort-card\"\u003e\n \u003ch3\u003e🎨 Cheveux colorés ou traités\u003c\/h3\u003e\n \u003cp\u003eSon action lavante délicate respecte les colorations et traitements chimiques tout en apportant force et vitalité à la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fort-card\"\u003e\n \u003ch3\u003e🔄 Usage quotidien\u003c\/h3\u003e\n \u003cp\u003eVous cherchez un shampooing bio sans sulfates pour un usage régulier ? Sa douceur permet une utilisation fréquente sans agresser vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-fort-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-fort-cta-box\"\u003e\n \u003cp class=\"soi-fort-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans vos cheveux\u003c\/p\u003e\n \u003cp class=\"soi-fort-cta-text\" style=\"color: white;\"\u003eGrâce à la Racine de Maca et à l'Arginine, vos cheveux gagnent en force, en éclat et en légèreté, lavage après lavage. Certifié Cosmos Organic, vegan et fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-fort-marine: #1A2D3D;\n --soi-fort-marine-dark: #0F1E2B;\n --soi-fort-marine-light: #2C4458;\n --soi-fort-pomme: #A1C544;\n --soi-fort-pomme-dark: #84A636;\n --soi-fort-pomme-light: rgba(161,197,68,0.10);\n\n --soi-fort-white: #FFFFFF;\n --soi-fort-off-white: #F8FAF6;\n --soi-fort-stone: #F1F3EE;\n --soi-fort-line: #E5E8E0;\n\n --soi-fort-primary: #4A8B7F;\n --soi-fort-primary-soft: rgba(74,139,127,0.10);\n --soi-fort-accent: #D88542;\n\n --soi-fort-text: #1A2D3D;\n --soi-fort-text-soft: #4A5B6B;\n --soi-fort-text-muted: #7B8693;\n\n --soi-fort-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-fort-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-fort-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-fort-radius: 12px;\n --soi-fort-radius-sm: 8px;\n --soi-fort-radius-pill: 999px;\n}\n\n.soi-fort-fiche * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.soi-fort-fiche img {\n max-width: 100%;\n height: auto;\n}\n\n.soi-fort-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-fort-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-fort-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-fort-hero {\n position: relative;\n background: var(--soi-fort-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-fort-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-fort-hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--soi-fort-pomme);\n}\n\n.soi-fort-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-fort-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-fort-pomme);\n border-radius: 50%;\n}\n\n.soi-fort-hero-title {\n display: block;\n color: var(--soi-fort-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-fort-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-fort-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-fort-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-fort-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-fort-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-fort-label-accent {\n background: var(--soi-fort-pomme);\n border-color: var(--soi-fort-pomme);\n color: var(--soi-fort-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-fort-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-fort-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-fort-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-fort-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-fort-pomme);\n border-radius: 2px;\n}\n\n.soi-fort-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-fort-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-fort-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-fort-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-fort-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-fort-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-fort-benefit {\n background: var(--soi-fort-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-fort-radius);\n border: 1px solid var(--soi-fort-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-fort-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-fort-shadow-md);\n}\n\n.soi-fort-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-fort-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-fort-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-fort-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-fort-benefit:hover .soi-fort-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-fort-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-fort-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-fort-benefit p {\n font-size: 13px;\n color: var(--soi-fort-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-fort-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-fort-card {\n background: var(--soi-fort-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-fort-radius);\n border-left: 3px solid var(--soi-fort-pomme);\n}\n\n.soi-fort-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-fort-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-fort-card p {\n font-size: 14px;\n color: var(--soi-fort-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-fort-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-fort-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-fort-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-fort-radius);\n border: 1px solid var(--soi-fort-line);\n align-items: flex-start;\n}\n\n.soi-fort-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-fort-marine);\n color: var(--soi-fort-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-fort-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-fort-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-fort-step-content p {\n font-size: 14px;\n color: var(--soi-fort-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-fort-compo {\n background: var(--soi-fort-off-white);\n border-radius: var(--soi-fort-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-fort-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-fort-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-fort-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-fort-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-fort-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-fort-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-fort-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-fort-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-fort-pomme-light);\n border-left: 4px solid var(--soi-fort-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-fort-radius) var(--soi-fort-radius) 0;\n align-items: flex-start;\n}\n\n.soi-fort-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-fort-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-fort-marine);\n margin-bottom: 4px;\n}\n\n.soi-fort-tip p {\n font-size: 14px;\n color: var(--soi-fort-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-fort-cta-box {\n background: var(--soi-fort-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-fort-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-fort-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-fort-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-fort-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-fort-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-fort-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-fort-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-fort-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-fort-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-fort-compo-value {\n text-align: left;\n }\n\n .soi-fort-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-fort-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-fort-fiche {\n --soi-fort-text-soft: #2C3E50;\n --soi-fort-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Florame","offers":[{"title":"Default Title","offer_id":61603903668554,"sku":"FM0605","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-fortifiant-certifie-bio-florame-packshot.webp?v=1779439951"},{"product_id":"shampooing-traitant-bio-propolis-miel-argile-propolia","title":"Shampooing traitant Bio Propolis, Miel \u0026 Argile - Propolia","description":"\u003cdiv class=\"soi-shpt-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-shpt-hero\"\u003e\n \u003cdiv class=\"soi-shpt-hero-tag\"\u003e\n \u003cspan class=\"soi-shpt-tag-dot\"\u003e\u003c\/span\u003e\n Shampooing traitant · Propolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-shpt-hero-title\"\u003eShampooing traitant Bio Propolis, Miel \u0026amp; Argile\u003c\/span\u003e\n \u003cp class=\"soi-shpt-hero-subtitle\"\u003ePurifiant et apaisant, ce soin capillaire certifié bio associe la puissance de la propolis, du miel, de l'argile et du cade pour rééquilibrer votre cuir chevelu en douceur.\u003c\/p\u003e\n \u003cdiv class=\"soi-shpt-hero-labels\"\u003e\n \u003cspan class=\"soi-shpt-label soi-shpt-label-accent\"\u003eBIO CERTIFIÉ ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-shpt-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shpt-label\"\u003e99% NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-shpt-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-shpt-label\"\u003eDÈS 3 ANS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Pourquoi ce shampooing fait la différence --\u003e\n \u003csection class=\"soi-shpt-section\"\u003e\n \u003ch2\u003ePourquoi ce shampooing à la propolis fait vraiment la différence\u003c\/h2\u003e\n \u003cp\u003eLa \u003cstrong\u003epropolis bio\u003c\/strong\u003e est l'actif phare de cette formule. Cette résine produite par les abeilles est reconnue depuis longtemps pour ses propriétés purifiantes et protectrices. Associée au \u003cstrong\u003emiel\u003c\/strong\u003e, elle contribue à calmer les irritations et à apporter une sensation de confort durable au cuir chevelu sensible ou réactif.\u003c\/p\u003e\n \u003cp\u003eL'\u003cstrong\u003eargile\u003c\/strong\u003e complète ce duo en absorbant l'excès de sébum à la racine : vos cheveux restent propres plus longtemps, sans effet asséchant. Enfin, le \u003cstrong\u003ecade\u003c\/strong\u003e, résine végétale issue de la garrigue, renforce l'action assainissante du shampooing et aide à réduire les démangeaisons persistantes.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-shpt-benefits\"\u003e\n \u003cdiv class=\"soi-shpt-benefit\"\u003e\n \u003cdiv class=\"soi-shpt-benefit-icon\"\u003e\u003cspan\u003e🐝\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePropolis bio\u003c\/h3\u003e\n \u003cp\u003ePurifie, protège et assainit le cuir chevelu en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpt-benefit\"\u003e\n \u003cdiv class=\"soi-shpt-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMiel\u003c\/h3\u003e\n \u003cp\u003eApaise les irritations et enveloppe la fibre capillaire de douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpt-benefit\"\u003e\n \u003cdiv class=\"soi-shpt-benefit-icon\"\u003e\u003cspan\u003e🪨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eArgile\u003c\/h3\u003e\n \u003cp\u003eRégule l'excès de sébum pour des cheveux normaux à gras plus légers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpt-benefit\"\u003e\n \u003cdiv class=\"soi-shpt-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCade\u003c\/h3\u003e\n \u003cp\u003eRééquilibre le cuir chevelu et réduit les démangeaisons et rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : À qui s'adresse ce shampooing --\u003e\n \u003csection class=\"soi-shpt-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce shampooing traitant bio ?\u003c\/h2\u003e\n \u003cp\u003eCe soin capillaire convient aux \u003cstrong\u003echeveux normaux à gras\u003c\/strong\u003e, ainsi qu'aux cuirs chevelus sujets aux démangeaisons, aux pellicules ou aux irritations. Sa formule douce, \u003cstrong\u003esans sulfates ni actifs de synthèse\u003c\/strong\u003e, le rend compatible avec un usage régulier pour toute la famille, adultes et enfants dès 3 ans.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-shpt-grid\"\u003e\n \u003cdiv class=\"soi-shpt-card\"\u003e\n \u003ch3\u003e😣 Démangeaisons et rougeurs\u003c\/h3\u003e\n \u003cp\u003eCuir chevelu qui tiraille, qui démange ou qui présente des rougeurs récurrentes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpt-card\"\u003e\n \u003ch3\u003e🧴 Pellicules et excès de sébum\u003c\/h3\u003e\n \u003cp\u003eTendance aux pellicules ou au cuir chevelu qui graisse trop vite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpt-card\"\u003e\n \u003ch3\u003e🌱 Entretien naturel certifié bio\u003c\/h3\u003e\n \u003cp\u003eCheveux normaux souhaitant un entretien naturel, doux et certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpt-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003ePeau sensible à la recherche d'un shampooing sans perturbateurs.\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-shpt-section\"\u003e\n \u003ch2\u003eComment utiliser le shampooing Propolia ?\u003c\/h2\u003e\n\n \u003cdiv class=\"soi-shpt-timeline\"\u003e\n \u003cdiv class=\"soi-shpt-step\"\u003e\n \u003cdiv class=\"soi-shpt-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shpt-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-shpt-step\"\u003e\n \u003cdiv class=\"soi-shpt-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shpt-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le cuir chevelu en mouvements circulaires pendant 1 à 2 minutes pour activer les actifs purifiants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpt-step\"\u003e\n \u003cdiv class=\"soi-shpt-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shpt-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment. 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-shpt-tip\"\u003e\n \u003cdiv class=\"soi-shpt-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUne utilisation 2 à 3 fois par semaine suffit pour constater un cuir chevelu rééquilibré en 3 à 4 semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Composition --\u003e\n \u003csection class=\"soi-shpt-section\"\u003e\n \u003ch2\u003eComposition de ce shampooing traitant\u003c\/h2\u003e\n \u003cp\u003eFormulé à \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, certifié \u003cstrong\u003eCosmétique Bio\u003c\/strong\u003e par Ecocert, sans tensio-actifs sulfatés, sans silicones, sans parabènes. Fabriqué en France, en Occitanie, dans le laboratoire Propolia.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-shpt-grid-compact\"\u003e\n \u003cdiv class=\"soi-shpt-card-mini\"\u003e\n \u003cspan class=\"soi-shpt-card-mini-icon\"\u003e🐝\u003c\/span\u003e\n \u003cspan class=\"soi-shpt-card-mini-label\"\u003eActif phare\u003c\/span\u003e\n \u003cspan class=\"soi-shpt-card-mini-value\"\u003ePropolis bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpt-card-mini\"\u003e\n \u003cspan class=\"soi-shpt-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-shpt-card-mini-label\"\u003eNaturel\u003c\/span\u003e\n \u003cspan class=\"soi-shpt-card-mini-value\"\u003e99 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpt-card-mini\"\u003e\n \u003cspan class=\"soi-shpt-card-mini-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"soi-shpt-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-shpt-card-mini-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpt-card-mini\"\u003e\n \u003cspan class=\"soi-shpt-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-shpt-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shpt-card-mini-value\"\u003eFrance, Occitanie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-shpt-compo\"\u003e\n \u003cdiv class=\"soi-shpt-compo-row\"\u003e\n \u003cspan class=\"soi-shpt-compo-label\"\u003eIngrédients principaux\u003c\/span\u003e\n \u003cspan class=\"soi-shpt-compo-value\"\u003ePropolis bio, miel, argile, huile essentielle de cade\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpt-compo-row\"\u003e\n \u003cspan class=\"soi-shpt-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shpt-compo-value\"\u003eCosmétique Bio par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shpt-compo-row\"\u003e\n \u003cspan class=\"soi-shpt-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-shpt-compo-value\"\u003eSulfates, silicones, parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-shpt-accordion\"\u003e\n \u003cdetails class=\"soi-shpt-accordion-item\"\u003e\n \u003csummary class=\"soi-shpt-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-shpt-accordion-content\"\u003e\n \u003cp\u003eAqua, Sodium Cocoyl Glutamate, Cocamidopropyl Betaine, Glycerin, Propolis Cera, Mel\/Honey, Kaolin, Juniperus Oxycedrus Wood Tar, Polyglyceryl-4 Caprate, Xanthan Gum, Sodium Chloride, Citric Acid, Parfum, Sodium Benzoate, Potassium Sorbate.\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-shpt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shpt-cta-box\"\u003e\n \u003cp class=\"soi-shpt-cta-tag\" style=\"color: white;\"\u003ePrendre soin de soi naturellement, lavage après lavage\u003c\/p\u003e\n \u003cp class=\"soi-shpt-cta-text\" style=\"color: white;\"\u003eUn shampooing qui ne fait pas que nettoyer : il rééquilibre, apaise et purifie. Si vous cherchez un soin capillaire naturel, certifié bio et fabriqué en France, celui-ci mérite sa place dans votre salle de bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shpt-marine: #1A2D3D;\n --soi-shpt-marine-dark: #0F1E2B;\n --soi-shpt-marine-light: #2C4458;\n --soi-shpt-pomme: #A1C544;\n --soi-shpt-pomme-dark: #84A636;\n --soi-shpt-pomme-light: rgba(161,197,68,0.10);\n\n --soi-shpt-white: #FFFFFF;\n --soi-shpt-off-white: #F8FAF6;\n --soi-shpt-stone: #F1F3EE;\n --soi-shpt-line: #E5E8E0;\n\n --soi-shpt-primary: #B5563A;\n --soi-shpt-primary-soft: #D4A194;\n --soi-shpt-accent: #D4A82A;\n\n --soi-shpt-text: #1A2D3D;\n --soi-shpt-text-soft: #4A5B6B;\n --soi-shpt-text-muted: #7B8693;\n\n --soi-shpt-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shpt-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shpt-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shpt-radius: 12px;\n --soi-shpt-radius-sm: 8px;\n --soi-shpt-radius-pill: 999px;\n}\n\n.soi-shpt-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shpt-fiche img { max-width: 100%; height: auto; }\n\n.soi-shpt-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shpt-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shpt-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-shpt-hero {\n position: relative;\n background: var(--soi-shpt-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-shpt-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shpt-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shpt-pomme);\n}\n\n.soi-shpt-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-shpt-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shpt-pomme);\n border-radius: 50%;\n}\n\n.soi-shpt-hero-title {\n display: block;\n color: var(--soi-shpt-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-shpt-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-shpt-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shpt-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-shpt-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shpt-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shpt-label-accent {\n background: var(--soi-shpt-pomme);\n border-color: var(--soi-shpt-pomme);\n color: var(--soi-shpt-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-shpt-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shpt-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shpt-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-shpt-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shpt-pomme);\n border-radius: 2px;\n}\n\n.soi-shpt-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shpt-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shpt-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-shpt-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-top: 1.5rem;\n}\n\n.soi-shpt-benefit {\n background: var(--soi-shpt-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shpt-radius);\n border: 1px solid var(--soi-shpt-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shpt-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shpt-shadow-md);\n}\n\n.soi-shpt-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shpt-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-shpt-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shpt-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shpt-benefit:hover .soi-shpt-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shpt-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shpt-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shpt-benefit p {\n font-size: 13px;\n color: var(--soi-shpt-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-shpt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-top: 1.25rem;\n}\n\n.soi-shpt-card {\n background: var(--soi-shpt-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shpt-radius);\n border-left: 3px solid var(--soi-shpt-pomme);\n}\n\n.soi-shpt-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shpt-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shpt-card p {\n font-size: 14px;\n color: var(--soi-shpt-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-shpt-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-shpt-card-mini {\n background: var(--soi-shpt-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shpt-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shpt-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shpt-card-mini-label {\n font-size: 11px;\n color: var(--soi-shpt-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shpt-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shpt-marine);\n}\n\n\/* TIMELINE *\/\n.soi-shpt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-shpt-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shpt-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shpt-radius);\n border: 1px solid var(--soi-shpt-line);\n align-items: flex-start;\n}\n\n.soi-shpt-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shpt-marine);\n color: var(--soi-shpt-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-shpt-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shpt-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shpt-step-content p {\n font-size: 14px;\n color: var(--soi-shpt-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION (data rows) *\/\n.soi-shpt-compo {\n background: var(--soi-shpt-off-white);\n border-radius: var(--soi-shpt-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n margin-bottom: 1rem;\n}\n\n.soi-shpt-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-shpt-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shpt-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shpt-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shpt-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shpt-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shpt-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-shpt-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shpt-pomme-light);\n border-left: 4px solid var(--soi-shpt-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shpt-radius) var(--soi-shpt-radius) 0;\n align-items: flex-start;\n}\n\n.soi-shpt-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shpt-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shpt-marine);\n margin-bottom: 4px;\n}\n\n.soi-shpt-tip p {\n font-size: 14px;\n color: var(--soi-shpt-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-shpt-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shpt-accordion-item {\n background: var(--soi-shpt-off-white);\n border-radius: var(--soi-shpt-radius-sm);\n border: 1px solid var(--soi-shpt-line);\n overflow: hidden;\n}\n\n.soi-shpt-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shpt-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-shpt-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shpt-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shpt-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shpt-accordion-item[open] .soi-shpt-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shpt-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shpt-accordion-content p {\n font-size: 14px;\n color: var(--soi-shpt-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-shpt-cta-box {\n background: var(--soi-shpt-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shpt-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shpt-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-shpt-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shpt-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-shpt-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shpt-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shpt-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-shpt-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shpt-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shpt-compo-value {\n text-align: left;\n }\n\n .soi-shpt-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shpt-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shpt-fiche {\n --soi-shpt-text-soft: #2C3E50;\n --soi-shpt-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603959308618,"sku":"AP0171","price":13.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-traitant-bio-propolis-miel-argile-propolia-packshot.webp?v=1779436640"},{"product_id":"shampooing-doux-bio-miel-bambou-propolia","title":"Shampooing doux Bio Miel \u0026 Bambou - Propolia","description":"\n\u003cdiv class=\"soi-shmp-fiche\"\u003e\n\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 · Propolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-shmp-hero-title\"\u003eShampooing doux Bio Miel \u0026amp; Bambou\u003c\/span\u003e\n \u003cp class=\"soi-shmp-hero-subtitle\"\u003eLe miel nourrit, le bambou fortifie, les eaux florales apaisent : un soin lavant certifié bio pour toute la famille, dès 3 ans, qui respecte l'équilibre naturel de vos cheveux.\u003c\/p\u003e\n \u003cdiv class=\"soi-shmp-hero-labels\"\u003e\n \u003cspan class=\"soi-shmp-label soi-shmp-label-accent\"\u003eBIO COSMÉBIO\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eSANS SILICONES\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eCe que le miel et la moelle de bambou font concrètement pour vos cheveux\u003c\/h2\u003e\n \u003cp class=\"soi-shmp-section-intro\"\u003eDerrière chaque ingrédient de ce shampooing, il y a une vraie raison d'être. Découvrez les actifs sélectionnés par Propolia et leur rôle concret sur votre chevelure.\u003c\/p\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\u003eMiel biologique\u003c\/h3\u003e\n \u003cp\u003eNaturellement hygroscopique, il attire et retient l'eau dans la fibre capillaire. Résultat : des cheveux nourris, souples et visiblement plus brillants 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\u003eMoelle de bambou\u003c\/h3\u003e\n \u003cp\u003eRiche en silice naturelle, elle renforce la structure du cheveu de l'intérieur, apporte du volume et réduit les frisottis. Idéale pour les chevelures fines ou sans tenue.\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\u003eEaux florales\u003c\/h3\u003e\n \u003cp\u003eLa fleur d'oranger apaise le cuir chevelu sensible, parfume délicatement et contribue à une expérience sensorielle agréable, sans aucun parfum de synthèse.\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\u003eBase lavante sans sulfates\u003c\/h3\u003e\n \u003cp\u003eElle nettoie efficacement sans décaper le film protecteur naturel du cheveu, préservant ainsi l'hydratation et limitant les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003ePour qui est vraiment fait ce shampooing bio ?\u003c\/h2\u003e\n \u003cp class=\"soi-shmp-section-intro\"\u003eCe shampooing doux certifié bio a été pensé pour convenir à tous les profils capillaires, sans exception.\u003c\/p\u003e\n \u003cdiv class=\"soi-shmp-grid\"\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e✨ Cheveux secs ou abîmés\u003c\/h3\u003e\n \u003cp\u003eColorations, lissages, chaleur répétée : le miel biologique vient restaurer la souplesse et la brillance des cheveux fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e💆 Cuirs chevelus sensibles\u003c\/h3\u003e\n \u003cp\u003eLes cuirs chevelus réactifs aux formules classiques retrouvent confort et apaisement grâce aux eaux florales et à l'absence de sulfates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🧴 Cheveux normaux à mixtes\u003c\/h3\u003e\n \u003cp\u003eUn entretien régulier sans effet lourd, pour des cheveux légers et faciles à coiffer au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e👧 Enfants dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eSa haute tolérance oculaire le rend parfaitement adapté aux plus petits, pour des lavages sereins et en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🌿 Transition naturelle\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez passer à une routine capillaire naturelle sans compromis sur le résultat ? Ce shampooing est votre allié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eComment utiliser le Shampooing Doux Miel \u0026amp; Bambou Propolia ?\u003c\/h2\u003e\n \u003cp class=\"soi-shmp-section-intro\"\u003ePour profiter pleinement de ses bienfaits, voici comment l'intégrer dans votre routine capillaire.\u003c\/p\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\u003eMouillez abondamment\u003c\/h3\u003e\n \u003cp\u003ePassez vos cheveux sous 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-shmp-step\"\u003e\n \u003cdiv class=\"soi-shmp-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step-content\"\u003e\n \u003ch3\u003eAppliquez une noisette\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampooing sur le cuir chevelu et les longueurs. La mousse onctueuse se forme rapidement, même avec une petite quantité.\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\u003eMassez doucement\u003c\/h3\u003e\n \u003cp\u003eAvec les pouces, massez pendant 1 à 2 minutes pour stimuler la microcirculation et bien décoller les impureté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\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire. Un rinçage soigné est la clé pour des cheveux légers et sans résidu.\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\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step-content\"\u003e\n \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n \u003cp\u003eEn usage fréquent, un seul passage suffit. Vous pouvez néanmoins répéter l'opération si vos cheveux sont très chargés en résidus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cp class=\"soi-shmp-section-intro\"\u003eFormule certifiée Cosmébio, sans sulfates (SLS\/SLES), sans silicones, sans parabènes, sans colorants de synthèse. Fabriquée et conditionnée en France par le laboratoire Propolia.\u003c\/p\u003e\n \u003cdiv class=\"soi-shmp-compo\"\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003ePrincipaux actifs\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eMiel biologique, Extrait de moelle de bambou, Eau florale de fleur d'oranger, Base lavante douce d'origine végétale\u003c\/span\u003e\n \u003c\/div\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\"\u003eCosmétique Biologique Cosmébio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eFrance (Laboratoire Propolia)\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\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eTous types de cheveux, adultes et enfants dès 3 ans, usage fréquent\u003c\/span\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\u003eLa liste INCI complète est disponible sur l'emballage du produit. En cas de doute allergique, réalisez un test dans le pli du coude 48 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur ce shampooing naturel bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-shmp-accordion\"\u003e\n \u003cdetails class=\"soi-shmp-accordion-item\"\u003e\n \u003csummary class=\"soi-shmp-accordion-header\"\u003e🔄 Peut-on l'utiliser tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-shmp-accordion-content\"\u003e\n \u003cp\u003eOui, sa formule douce sans sulfates agressifs le rend adapté à un usage fréquent, même quotidien, sans déséquilibrer le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-shmp-accordion-item\"\u003e\n \u003csummary class=\"soi-shmp-accordion-header\"\u003e🎨 Convient-il aux cheveux colorés ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-shmp-accordion-content\"\u003e\n \u003cp\u003eTout à fait. L'absence de sulfates préserve la couleur plus longtemps que les shampooings classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-shmp-accordion-item\"\u003e\n \u003csummary class=\"soi-shmp-accordion-header\"\u003e🍯 Le miel ne rend-il pas les cheveux collants ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-shmp-accordion-content\"\u003e\n \u003cp\u003eNon. La quantité utilisée en cosmétique est calibrée pour apporter de la souplesse sans effet gras ni résidu poisseux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-shmp-accordion-item\"\u003e\n \u003csummary class=\"soi-shmp-accordion-header\"\u003e👶 Ce shampooing est-il adapté aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-shmp-accordion-content\"\u003e\n \u003cp\u003eOui, dès 3 ans. Sa haute tolérance oculaire le rend sans risque pour les plus petits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\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;\"\u003eUn flacon, toute la famille\u003c\/p\u003e\n \u003cp class=\"soi-shmp-cta-text\" style=\"color: white;\"\u003eAvec le Shampooing Doux Bio Miel \u0026amp; Bambou de Propolia, chaque lavage devient un vrai soin. Vos cheveux retrouvent leur éclat naturel, en douceur et en conscience.\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\n --soi-shmp-white: #FFFFFF;\n --soi-shmp-off-white: #F8FAF6;\n --soi-shmp-stone: #F1F3EE;\n --soi-shmp-line: #E5E8E0;\n\n --soi-shmp-primary: #D4A82A;\n --soi-shmp-primary-soft: #F5E6B8;\n --soi-shmp-accent: #D4B5A8;\n\n --soi-shmp-text: #1A2D3D;\n --soi-shmp-text-soft: #4A5B6B;\n --soi-shmp-text-muted: #7B8693;\n\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-primary);\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-primary);\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-primary);\n border-color: var(--soi-shmp-primary);\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-primary);\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-primary);\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\/* === 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\/* === 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 margin-bottom: 1.25rem;\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\/* === 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-primary);\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-primary);\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":"Propolia","offers":[{"title":"Default Title","offer_id":61603959669066,"sku":"AP0172","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-doux-bio-miel-bambou-propolia-packshot.webp?v=1779440378"},{"product_id":"shampooing-sublime-keratine-certifie-bio-coslys","title":"Shampooing Sublime Kératine certifié bio – Coslys","description":"\u003cdiv class=\"soi-kera-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-kera-hero\"\u003e\n \u003cdiv class=\"soi-kera-hero-tag\"\u003e\n \u003cspan class=\"soi-kera-tag-dot\"\u003e\u003c\/span\u003e\n Shampooing · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-kera-hero-title\"\u003eShampooing Sublime Kératine certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-kera-hero-subtitle\"\u003eLa puissance de la phytokératine et la douceur de la fleur de lys bio pour redonner vie aux cheveux fragilisés et indisciplinés, dès le premier lavage.\u003c\/p\u003e\n \u003cdiv class=\"soi-kera-hero-labels\"\u003e\n \u003cspan class=\"soi-kera-label soi-kera-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-kera-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-kera-label\"\u003e0 % SILICONE\u003c\/span\u003e\n \u003cspan class=\"soi-kera-label\"\u003e0 % SULFATE\u003c\/span\u003e\n \u003cspan class=\"soi-kera-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Un shampooing kératine sans sulfate, vraiment efficace --\u003e\n \u003csection class=\"soi-kera-section\"\u003e\n \u003ch2\u003eUn shampooing kératine sans sulfate, vraiment efficace\u003c\/h2\u003e\n \u003cp\u003eLa kératine est la protéine naturelle qui constitue 95 % de votre cheveu. Lorsque la fibre capillaire est endommagée par la chaleur, la coloration ou les agressions du quotidien, elle perd de sa cohésion et le cheveu se fragilise. La \u003cstrong\u003ephytokératine\u003c\/strong\u003e présente dans ce shampooing, issue du blé, du maïs, de la glycine et du champignon, vient combler les lacunes de la cuticule, lisser la surface du cheveu et restaurer sa résistance. Résultat : une fibre plus souple, plus forte, et un coiffage enfin facilité.\u003c\/p\u003e\n \u003cp\u003eLa \u003cstrong\u003ebase lavante végétale sans sulfate\u003c\/strong\u003e nettoie en douceur sans décaper le film hydrolipidique du cuir chevelu. Idéal si vous avez le cuir chevelu sensible ou si vous souhaitez espacer vos shampooings sans alourdir la fibre.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Les bienfaits concrets pour vos cheveux --\u003e\n \u003csection class=\"soi-kera-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets pour vos cheveux\u003c\/h2\u003e\n \u003cdiv class=\"soi-kera-benefits\"\u003e\n \u003cdiv class=\"soi-kera-benefit\"\u003e\n \u003cdiv class=\"soi-kera-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eLissage et discipline\u003c\/h3\u003e\n \u003cp\u003eLa phytokératine scelle la cuticule et réduit le volume et les frisottis, même par temps humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-benefit\"\u003e\n \u003cdiv class=\"soi-kera-benefit-icon\"\u003e\u003cspan\u003e🔧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRéparation en profondeur\u003c\/h3\u003e\n \u003cp\u003eLes protéines végétales reconstituent la fibre capillaire fragilisée par la chaleur ou les colorations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-benefit\"\u003e\n \u003cdiv class=\"soi-kera-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDouceur et brillance\u003c\/h3\u003e\n \u003cp\u003eLa fleur de lys bio apporte un fini soyeux et lumineux sans effet plastique ni alourdissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-benefit\"\u003e\n \u003cdiv class=\"soi-kera-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection thermique\u003c\/h3\u003e\n \u003cp\u003eLe cheveu est mieux armé face à la chaleur du sèche-cheveux et du lisseur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-benefit\"\u003e\n \u003cdiv class=\"soi-kera-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDémêlage facilité\u003c\/h3\u003e\n \u003cp\u003eExit les nœuds et les accrocs, la brosse glisse enfin sans effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Pour quel type de cheveux ? --\u003e\n \u003csection class=\"soi-kera-section\"\u003e\n \u003ch2\u003ePour quel type de cheveux ?\u003c\/h2\u003e\n \u003cp class=\"soi-kera-section-intro\"\u003eCe shampooing à la kératine sans sulfate convient particulièrement aux cheveux :\u003c\/p\u003e\n \u003cdiv class=\"soi-kera-grid\"\u003e\n \u003cdiv class=\"soi-kera-card\"\u003e\n \u003ch3\u003e💔 Fragilisés et cassants\u003c\/h3\u003e\n \u003cp\u003eCheveux abîmés par les traitements chimiques, qui se cassent facilement et manquent de résistance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-card\"\u003e\n \u003ch3\u003e🌀 Indisciplinés et frisottants\u003c\/h3\u003e\n \u003cp\u003eCheveux difficiles à coiffer, qui frisottent et refusent de tenir en place au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-card\"\u003e\n \u003ch3\u003e🎨 Colorés\u003c\/h3\u003e\n \u003cp\u003eCheveux nécessitant un soin doux et respectueux de la couleur pour préserver l'éclat des pigments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-card\"\u003e\n \u003ch3\u003e🤍 Blancs ou grisonnants\u003c\/h3\u003e\n \u003cp\u003eCheveux souvent plus secs et poreux, qui bénéficient d'un apport en kératine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-card\"\u003e\n \u003ch3\u003e⚖️ Profil mixte\u003c\/h3\u003e\n \u003cp\u003eCuir chevelu à tendance grasse mais pointes sèches : ce shampooing nettoie sans décaper et nourrit les longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Comment utiliser le shampooing kératine Coslys ? --\u003e\n \u003csection class=\"soi-kera-section\"\u003e\n \u003ch2\u003eComment utiliser le shampooing kératine Coslys ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-kera-timeline\"\u003e\n \u003cdiv class=\"soi-kera-step\"\u003e\n \u003cdiv class=\"soi-kera-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-kera-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 avec le bout des doigts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-step\"\u003e\n \u003cdiv class=\"soi-kera-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-kera-step-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser en remontant vers les pointes, puis laissez poser 1 à 2 minutes pour que la phytokératine agisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-step\"\u003e\n \u003cdiv class=\"soi-kera-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-kera-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Pour un résultat optimal, associez-le à un soin ou masque kératine en après-shampooing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Composition du Shampooing Sublime Kératine Coslys --\u003e\n \u003csection class=\"soi-kera-section\"\u003e\n \u003ch2\u003eComposition du Shampooing Sublime Kératine Coslys\u003c\/h2\u003e\n \u003cp class=\"soi-kera-section-intro\"\u003eFormulé à \u003cstrong\u003e97,8 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, sans silicone, sans sulfate, vegan et non testé sur les animaux. Fabriqué en France, dans le laboratoire Coslys à Somloire, en Anjou.\u003c\/p\u003e\n \u003cdiv class=\"soi-kera-compo\"\u003e\n \u003cdiv class=\"soi-kera-compo-row\"\u003e\n \u003cspan class=\"soi-kera-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-kera-compo-value\"\u003e97,8 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-compo-row\"\u003e\n \u003cspan class=\"soi-kera-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-kera-compo-value\"\u003ePhytokératine (blé, maïs, glycine soja, champignon)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-compo-row\"\u003e\n \u003cspan class=\"soi-kera-compo-label\"\u003eActif végétal\u003c\/span\u003e\n \u003cspan class=\"soi-kera-compo-value\"\u003eExtrait de fleur de lys bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-compo-row\"\u003e\n \u003cspan class=\"soi-kera-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-kera-compo-value\"\u003eVégétale sans sulfate (dérivés de coco et de sucre)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-compo-row\"\u003e\n \u003cspan class=\"soi-kera-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-kera-compo-value\"\u003eSomloire, Anjou (France)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-tip\"\u003e\n \u003cdiv class=\"soi-kera-tip-icon\"\u003e📋\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eListe INCI complète\u003c\/strong\u003e\n \u003cp\u003ePour la liste INCI complète, référez-vous à l'étiquette du produit ou contactez-nous directement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Certifications et engagements --\u003e\n \u003csection class=\"soi-kera-section\"\u003e\n \u003ch2\u003eCertifications et engagements\u003c\/h2\u003e\n \u003cdiv class=\"soi-kera-grid-compact\"\u003e\n \u003cdiv class=\"soi-kera-card-mini\"\u003e\n \u003cspan class=\"soi-kera-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-kera-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-kera-card-mini-value\"\u003eCOSMOS Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-card-mini\"\u003e\n \u003cspan class=\"soi-kera-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-kera-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-kera-card-mini-value\"\u003e0 % silicone, 0 % sulfate\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-card-mini\"\u003e\n \u003cspan class=\"soi-kera-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-kera-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-kera-card-mini-value\"\u003eVegan, non testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-card-mini\"\u003e\n \u003cspan class=\"soi-kera-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-kera-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-kera-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-kera-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-kera-cta-box\"\u003e\n \u003cp class=\"soi-kera-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se coiffer sereinement\u003c\/p\u003e\n \u003cp class=\"soi-kera-cta-text\" style=\"color: white;\"\u003eParce que vos cheveux méritent un soin à la hauteur de leur résistance quotidienne, offrez-leur réparation, douceur et discipline dans une formule bio, clean et fabriquée en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-kera-marine: #1A2D3D;\n --soi-kera-marine-dark: #0F1E2B;\n --soi-kera-marine-light: #2C4458;\n --soi-kera-pomme: #A1C544;\n --soi-kera-pomme-dark: #84A636;\n --soi-kera-pomme-light: rgba(161,197,68,0.10);\n --soi-kera-white: #FFFFFF;\n --soi-kera-off-white: #F8FAF6;\n --soi-kera-stone: #F1F3EE;\n --soi-kera-line: #E5E8E0;\n --soi-kera-primary: #C97B8A;\n --soi-kera-primary-soft: #F2E0E5;\n --soi-kera-accent: #D4A8B0;\n --soi-kera-text: #1A2D3D;\n --soi-kera-text-soft: #4A5B6B;\n --soi-kera-text-muted: #7B8693;\n --soi-kera-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-kera-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-kera-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-kera-radius: 12px;\n --soi-kera-radius-sm: 8px;\n --soi-kera-radius-pill: 999px;\n}\n\n.soi-kera-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-kera-fiche img { max-width: 100%; height: auto; }\n\n.soi-kera-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-kera-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-kera-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-kera-hero {\n position: relative;\n background: var(--soi-kera-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-kera-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-kera-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-kera-pomme);\n}\n\n.soi-kera-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-kera-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-kera-pomme);\n border-radius: 50%;\n}\n\n.soi-kera-hero-title {\n display: block;\n color: var(--soi-kera-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-kera-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-kera-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-kera-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-kera-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-kera-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-kera-label-accent {\n background: var(--soi-kera-pomme);\n border-color: var(--soi-kera-pomme);\n color: var(--soi-kera-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-kera-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-kera-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-kera-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-kera-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-kera-pomme);\n border-radius: 2px;\n}\n\n.soi-kera-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-kera-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-kera-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-kera-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-kera-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-kera-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-kera-benefit {\n background: var(--soi-kera-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-kera-radius);\n border: 1px solid var(--soi-kera-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-kera-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-kera-shadow-md);\n}\n\n.soi-kera-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-kera-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-kera-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-kera-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-kera-benefit:hover .soi-kera-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-kera-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-kera-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-kera-benefit p {\n font-size: 13px;\n color: var(--soi-kera-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-kera-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-kera-card {\n background: var(--soi-kera-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-kera-radius);\n border-left: 3px solid var(--soi-kera-primary);\n}\n\n.soi-kera-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-kera-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-kera-card p {\n font-size: 14px;\n color: var(--soi-kera-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-kera-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-kera-card-mini {\n background: var(--soi-kera-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-kera-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-kera-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-kera-card-mini-label {\n font-size: 11px;\n color: var(--soi-kera-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-kera-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-kera-marine);\n}\n\n\/* TIMELINE *\/\n.soi-kera-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-kera-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-kera-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-kera-radius);\n border: 1px solid var(--soi-kera-line);\n align-items: flex-start;\n}\n\n.soi-kera-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-kera-marine);\n color: var(--soi-kera-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-kera-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-kera-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-kera-step-content p {\n font-size: 14px;\n color: var(--soi-kera-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION (data rows) *\/\n.soi-kera-compo {\n background: var(--soi-kera-off-white);\n border-radius: var(--soi-kera-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-kera-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-kera-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-kera-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-kera-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-kera-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-kera-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-kera-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-kera-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-kera-pomme-light);\n border-left: 4px solid var(--soi-kera-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-kera-radius) var(--soi-kera-radius) 0;\n align-items: flex-start;\n}\n\n.soi-kera-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-kera-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-kera-marine);\n margin-bottom: 4px;\n}\n\n.soi-kera-tip p {\n font-size: 14px;\n color: var(--soi-kera-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-kera-cta-box {\n background: var(--soi-kera-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-kera-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-kera-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-kera-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-kera-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-kera-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-kera-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-kera-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-kera-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-kera-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-kera-compo-value {\n text-align: left;\n }\n\n .soi-kera-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-kera-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-kera-fiche {\n --soi-kera-text-soft: #2C3E50;\n --soi-kera-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603988209994,"sku":"CS0141","price":10.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-sublime-keratine-certifie-bio-coslys-packshot.webp?v=1779438932"},{"product_id":"shampooing-aloe-vera-certifie-bio-coslys","title":"Shampooing Aloe vera certifié bio – Coslys","description":"\u003cdiv class=\"soi-aloe-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\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 Hygiène capillaire · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-aloe-hero-title\"\u003eShampooing Aloe Vera certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-aloe-hero-subtitle\"\u003eUn shampooing doux et hydratant pour toute la famille, formulé à 97,5 % d'ingrédients d'origine naturelle, sans silicone ni sulfates agressifs.\u003c\/p\u003e\n \u003cdiv class=\"soi-aloe-hero-labels\"\u003e\n \u003cspan class=\"soi-aloe-label soi-aloe-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003e0 % SILICONE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Le shampooing bio à l'aloe vera pour toute la famille --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eLe shampooing bio à l'aloe vera pour toute la famille\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un \u003cstrong\u003eshampooing bio doux, efficace et adapté à tous les types de cheveux\u003c\/strong\u003e ? Le Shampooing Aloe Vera certifié bio de Coslys est fait pour vous. Formulé avec de l'aloe vera biologique certifié Cosmos Organic, il nettoie en douceur, hydrate en profondeur et respecte l'équilibre naturel du cuir chevelu, pour les enfants comme pour les adultes.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi choisir ce shampooing naturel bio ? --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing naturel bio ?\u003c\/h2\u003e\n \u003cp class=\"soi-aloe-section-intro\"\u003eContrairement à de nombreux shampooings naturels bio du marché, celui-ci ne fait aucune concession entre efficacité et douceur. Sa formule à \u003cstrong\u003e97,5 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, sans silicone, sans sulfates agressifs, convient aussi bien aux cheveux secs, gras, normaux que mixtes. Un seul flacon pour toute la famille, c'est aussi un geste concret pour simplifier votre routine et réduire votre impact environnemental.\u003c\/p\u003e\n \u003cdiv class=\"soi-aloe-grid\"\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🌿 Certifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eGage de qualité biologique reconnu à l'échelle internationale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eSelon des normes strictes de formulation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🐰 Vegan et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient animal, aucun test sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e♻️ Emballage 100 % recyclé et recyclable\u003c\/h3\u003e\n \u003cp\u003eRechargeable pour limiter les déchets plastiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e✨ 0 % silicone\u003c\/h3\u003e\n \u003cp\u003eLes cheveux respirent et retrouvent leur légèreté naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les bienfaits de l'aloe vera bio sur vos cheveux --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'aloe vera bio sur vos cheveux\u003c\/h2\u003e\n \u003cp class=\"soi-aloe-section-intro\"\u003eL'aloe vera est l'un des actifs capillaires les plus complets qui existe. Riche en vitamines, minéraux et acides aminés, il agit simultanément sur plusieurs niveaux.\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 intense\u003c\/h3\u003e\n \u003cp\u003eIl pénètre la fibre capillaire pour nourrir durablement sans alourdir.\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 du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eIl calme les irritations, les démangeaisons et la sensation de tiraillement.\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\u003eIdéal pour les cheveux gras, il régule la production de sébum sans dessécher.\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\u003eBrillance et légèreté\u003c\/h3\u003e\n \u003cp\u003eAprès chaque lavage, les cheveux sont visiblement plus doux, brillants et pleins de vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser ce shampooing bio ? --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampooing bio ?\u003c\/h2\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\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-aloe-step\"\u003e\n \u003cdiv class=\"soi-aloe-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu pour faire mousser.\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\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Renouvelez si nécessaire.\u003c\/p\u003e\n \u003c\/div\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\u003eSa formule douce convient à une utilisation quotidienne, même pour les peaux et cuirs chevelus les plus sensibles. Elle ne pique pas les yeux, ce qui la rend parfaitement adaptée aux enfants. Pour un résultat optimal, vous pouvez compléter ce shampooing avec un après-shampooing bio pour démêler et sublimer encore davantage vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition du Shampooing Aloe Vera Bio Coslys --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eComposition du Shampooing Aloe Vera Bio Coslys\u003c\/h2\u003e\n \u003cp class=\"soi-aloe-section-intro\"\u003eFormule à \u003cstrong\u003e97,5 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont de l'aloe vera biologique certifié en ingrédient vedette.\u003c\/p\u003e\n \u003cdiv class=\"soi-aloe-compo\"\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eAloe Barbadensis Leaf Juice* (aloe vera bio) : hydratant, apaisant et régénérant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eAgents lavants\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eD'origine végétale, nettoyage doux sans agresser la fibre capillaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eD'origine naturelle, note fraîche et légère\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003e97,5 %\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\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédient issu de l'agriculture biologique. Liste complète des ingrédients disponible sur l'emballage produit.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Ce shampooing est-il fait pour vous ? --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eCe shampooing est-il fait pour vous ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-aloe-grid\"\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🔄 Transition vers le bio\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez passer à un shampooing bio sans compromis sur la mousse ni l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🌱 Cuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eVous avez un cuir chevelu sensible, irrité ou des cheveux gras qui nécessitent douceur et équilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eVous cherchez un produit adapté à toute la famille, des enfants aux adultes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🌍 Consommation responsable\u003c\/h3\u003e\n \u003cp\u003eVous êtes engagé dans une consommation responsable et souhaitez réduire votre empreinte écologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\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-text\" style=\"color: white;\"\u003ePrenez soin de vos cheveux et de votre famille avec un shampooing bio qui tient vraiment ses promesses. L'aloe vera certifié de Coslys apaise, hydrate et équilibre, lavage après lavage, sans jamais agresser.\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\n --soi-aloe-white: #FFFFFF;\n --soi-aloe-off-white: #F8FAF6;\n --soi-aloe-stone: #F1F3EE;\n --soi-aloe-line: #E5E8E0;\n\n --soi-aloe-primary: #6BAF3D;\n --soi-aloe-primary-soft: #E8F5D6;\n --soi-aloe-accent: #C9437A;\n\n --soi-aloe-text: #1A2D3D;\n --soi-aloe-text-soft: #4A5B6B;\n --soi-aloe-text-muted: #7B8693;\n\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\/* GRID + CARDS *\/\n.soi-aloe-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-aloe-card {\n background: var(--soi-aloe-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-aloe-radius);\n border-left: 3px solid var(--soi-aloe-pomme);\n}\n\n.soi-aloe-card 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-card p {\n font-size: 14px;\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 margin-bottom: 1.5rem;\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: 1rem;\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 flex-shrink: 0;\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}\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\/* 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(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-aloe-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-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\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":"Coslys","offers":[{"title":"Default Title","offer_id":61612339822922,"sku":"CS0170","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0170-shampooing-famille_2743fafa-7a42-4218-8e0c-d662f8153e87.jpg?v=1778842734"},{"product_id":"gel-lavant-neutre-bio-pranarom","title":"Gel lavant neutre bio – Pranarom","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003ePensé pour toute la famille, le \u003cstrong data-start=\"120\" data-end=\"157\"\u003eGel lavant neutre bio de Pranarom\u003c\/strong\u003e offre une solution d’hygiène quotidienne à la fois simple, sûre et respectueuse de la peau. Sa formule minimaliste et hautement tolérante nettoie en douceur le visage, le corps et les cheveux, sans jamais agresser l’épiderme. Adapté dès le plus jeune âge, il répond aux besoins des peaux les plus sensibles, fragiles ou réactives, tout en s’inscrivant dans une démarche naturelle et responsable.\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_RA0010.X_RA0010_RA0015_6d64761a-9ca2-4b93-8b85-b14edc3ce8be.jpg?v=1776185657\" alt=\"Photo d'une femme profitant de sa douche\" 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=\"858\" data-end=\"927\"\u003eCaractéristiques et bienfaits du Gel lavant neutre bio de Pranarom\u003c\/h2\u003e\n\u003cp data-start=\"929\" data-end=\"1402\"\u003eGrâce à sa \u003cstrong data-start=\"940\" data-end=\"970\"\u003eformule naturelle à 99,2 %\u003c\/strong\u003e, ce gel lavant respecte l’équilibre cutané tout en assurant un nettoyage efficace et tout en douceur. Son \u003cstrong data-start=\"1077\" data-end=\"1097\"\u003epH physiologique\u003c\/strong\u003e aide à préserver la barrière naturelle de la peau et évite les sensations d’inconfort, même lors d’utilisations fréquentes. Sans parfum, sans colorant, sans sulfate ni allergène, il offre une \u003cstrong data-start=\"1290\" data-end=\"1312\"\u003etolérance optimale\u003c\/strong\u003e, confirmée par des tests réalisés sous contrôle dermatologique, et ne pique pas les yeux.\u003c\/p\u003e\n\u003cp data-start=\"1404\" data-end=\"1720\"\u003eSa texture onctueuse développe une mousse fine et légère qui laisse la peau propre, souple et confortable, sans effet desséchant. Polyvalent, il s’utilise aussi bien comme gel douche que comme shampooing doux, y compris pour les tout-petits ou les peaux sensibilisées, par exemple après un traitement dermatologique.\u003c\/p\u003e\n\u003cp data-start=\"1722\" data-end=\"2054\"\u003eLe Gel lavant neutre bio de Pranarom se distingue également par sa fonction de \u003cstrong data-start=\"1801\" data-end=\"1832\"\u003ebase neutre personnalisable\u003c\/strong\u003e. Il peut être enrichi en huiles essentielles pour créer une fragrance sur mesure, ou en huiles végétales pour renforcer la douceur et le confort, permettant ainsi de concevoir facilement des soins adaptés à chaque besoin.\u003c\/p\u003e\n\u003ch2 data-start=\"2056\" data-end=\"2095\"\u003eUn essentiel doux et personnalisable\u003c\/h2\u003e\n\u003cp data-start=\"2097\" data-end=\"2407\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eVéritable indispensable de la salle de bain, le \u003cstrong data-start=\"2145\" data-end=\"2182\"\u003eGel lavant neutre bio de Pranarom\u003c\/strong\u003e allie simplicité, sécurité et polyvalence. Il accompagne toute la famille au quotidien tout en offrant la liberté de créer des soins personnalisés, pour une hygiène respectueuse de la peau et pleinement adaptée à vos envies.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Pranarom","offers":[{"title":"Flacon de 250 ml","offer_id":61612341657930,"sku":"RA0010","price":8.9,"currency_code":"EUR","in_stock":true},{"title":"Flacon de 500 ml.","offer_id":61612823806282,"sku":"RA0015","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0010_gel_neutre_609d9a61-eafc-48d8-a308-1f1fda1948fb.jpg?v=1778842740"},{"product_id":"shampooing-fixateur-eclat-bio-couleurs-de-jeanne","title":"Shampooing fixateur et révélateur d'éclat bio - Couleurs de Jeanne","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 capillaire bio · Couleurs de Jeanne\n \u003c\/div\u003e\n \u003cspan class=\"soi-shmp-hero-title\"\u003eFixez l'éclat de votre coloration végétale\u003c\/span\u003e\n \u003cp class=\"soi-shmp-hero-subtitle\"\u003eUn shampooing certifié bio, sans sulfates, qui nettoie en douceur tout en protégeant activement votre couleur à chaque lavage.\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\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eCRUELTY FREE\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2-1 : Shampooing bio fixateur et révélateur d'éclat, Couleurs de Jeanne --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eShampooing bio fixateur et révélateur d'éclat, Couleurs de Jeanne\u003c\/h2\u003e\n \u003cp\u003eVous venez de réaliser une belle coloration végétale et vous souhaitez en prolonger l'intensité le plus longtemps possible ? Ce shampooing bio fixateur et révélateur d'éclat des Couleurs de Jeanne est précisément conçu pour cela. Formulé sans sulfates, certifié Cosmos Organic, vegan et cruelty free, il nettoie vos cheveux avec douceur tout en protégeant activement votre couleur à chaque lavage.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2-2 : Pourquoi choisir ce shampooing naturel bio pour cheveux colorés ? --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing naturel bio pour cheveux colorés ?\u003c\/h2\u003e\n \u003cp class=\"soi-shmp-section-intro\"\u003eContrairement à un shampooing bio classique, ce soin est spécifiquement pensé pour les cheveux colorés aux pigments végétaux. Sa base lavante d'origine végétale, sans tensio-actifs sulfatés, respecte la fibre capillaire et évite l'effet décolorant que l'on reproche souvent aux shampoings conventionnels. Résultat : votre couleur reste vive, profonde et lumineuse bien au-delà des premières semaines.\u003c\/p\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\u003eFixation des pigments\u003c\/h3\u003e\n \u003cp\u003eL'extrait de quinoa hydrolysé pénètre la fibre capillaire pour ancrer la couleur durablement.\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Éclat révélé\u003c\/h3\u003e\n \u003cp\u003eL'huile de camélia bio lisse les écailles et capte la lumière pour une brillance naturelle.\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\u003eDouceur et souplesse\u003c\/h3\u003e\n \u003cp\u003eL'aloe vera bio et l'extrait de bourgeon de tilleul apportent confort et souplesse aux longueurs.\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\u003eNettoyage délicat\u003c\/h3\u003e\n \u003cp\u003eAdapté aux cheveux fragiles, fins ou sensibles grâce à sa formule sans sulfates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2-3 : Comment utiliser ce shampooing bio pour cheveux colorés ? --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampooing bio pour cheveux colorés ?\u003c\/h2\u003e\n \u003cp class=\"soi-shmp-section-intro\"\u003e\u003cstrong\u003eAprès une coloration végétale Couleurs de Jeanne :\u003c\/strong\u003e\u003c\/p\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\u003eLavez en douceur\u003c\/h3\u003e\n \u003cp\u003eAppliquez le shampooing sur cheveux bien mouillés. Faites mousser en massant doucement le cuir chevelu, puis rincez abondamment à 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\u003eComplétez avec le baume\u003c\/h3\u003e\n \u003cp\u003eComplétez avec le baume 2 en 1 Couleurs de Jeanne, à poser 2 à 3 minutes sur les longueurs avant rinçage. Pour les colorations Acajou, Châtain, Brun ou Noisette, le baume peut même s'utiliser seul en remplacement du shampooing.\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\u003eEn entretien au quotidien, appliquez simplement sur cheveux mouillés, émulsionnez et rincez à l'eau tiède. Ce shampooing convient à tous les types de cheveux, y compris les plus fragiles, et peut être utilisé régulièrement sans risque d'altérer la couleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2-4 : Composition complète du shampooing bio Couleurs de Jeanne --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eComposition complète du shampooing bio Couleurs de Jeanne\u003c\/h2\u003e\n \u003cdiv class=\"soi-shmp-grid-compact\"\u003e\n \u003cdiv class=\"soi-shmp-card-mini\"\u003e\n \u003cspan class=\"soi-shmp-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-card-mini-value\"\u003e97 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card-mini\"\u003e\n \u003cspan class=\"soi-shmp-card-mini-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-card-mini-label\"\u003eAgriculture bio\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-card-mini-value\"\u003e14 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card-mini\"\u003e\n \u003cspan class=\"soi-shmp-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-card-mini-label\"\u003eSulfates\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-card-mini-value\"\u003eSans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card-mini\"\u003e\n \u003cspan class=\"soi-shmp-card-mini-icon\"\u003e🐇\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-card-mini-label\"\u003eCruauté animale\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-card-mini-value\"\u003eSans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-accordion\"\u003e\n \u003cdetails class=\"soi-shmp-accordion-item\"\u003e\n \u003csummary class=\"soi-shmp-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-shmp-accordion-content\"\u003e\n \u003cp\u003eAqua (water), decyl glucoside, sodium cocoyl glutamate, cocamidopropyl betaine, sodium chloride, \u003cstrong\u003ealoe barbadensis leaf juice powder*\u003c\/strong\u003e, \u003cstrong\u003ecamellia oleifera seed oil*\u003c\/strong\u003e, acacia senegal gum, xanthan gum, \u003cstrong\u003ehydrolyzed quinoa\u003c\/strong\u003e, \u003cstrong\u003etilia tomentosa (linden) bud extract*\u003c\/strong\u003e, glycerin, guar hydroxypropyltrimonium chloride, parfum (fragrance), lactic acid, citric acid, sodium benzoate, potassium sorbate, benzyl alcohol, sodium dehydroacetate, limonene, linalool.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Issu de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-shmp-accordion-item\"\u003e\n \u003csummary class=\"soi-shmp-accordion-header\"\u003e🧴 Engagements de formulation\u003c\/summary\u003e\n \u003cdiv class=\"soi-shmp-accordion-content\"\u003e\n \u003cp\u003eSans sulfates, sans colorants, sans pesticides. Sans cruauté animale, adapté aux vegans. Conservateurs 100 % d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2-5 : Informations pratiques --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-shmp-compo\"\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eFormats disponibles\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eFlacon 230 ml ou flacon-pompe 490 ml (format familial)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003ePays de fabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\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, Vegan, Cruelty Free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eRecyclage\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eFlacon et bouchon plastique, bac de tri jaune\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eRéférence\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eCJ0040\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-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 shampooing bio ne se substitue pas à un traitement médical en cas de problème capillaire diagnostiqué. En cas de doute, 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 \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;\"\u003eProtégez votre couleur, naturellement\u003c\/p\u003e\n \u003cp class=\"soi-shmp-cta-text\" style=\"color: white;\"\u003eParce que votre coloration végétale mérite d'être protégée avec autant de soin qu'elle a été posée, ce shampooing Couleurs de Jeanne prolonge l'éclat de votre couleur lavage après lavage, sans compromis sur la qualité ni sur 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 --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 --soi-shmp-white: #FFFFFF;\n --soi-shmp-off-white: #F8FAF6;\n --soi-shmp-stone: #F1F3EE;\n --soi-shmp-line: #E5E8E0;\n\n --soi-shmp-primary: #D44B78;\n --soi-shmp-primary-soft: #F2D1DC;\n --soi-shmp-accent: #E8739A;\n\n --soi-shmp-text: #1A2D3D;\n --soi-shmp-text-soft: #4A5B6B;\n --soi-shmp-text-muted: #7B8693;\n\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-primary);\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-primary);\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-primary);\n border-color: var(--soi-shmp-primary);\n color: var(--soi-shmp-white);\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-primary);\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\/* === 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\/* === GRID COMPACT === *\/\n.soi-shmp-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.5rem;\n}\n\n.soi-shmp-card-mini {\n background: var(--soi-shmp-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shmp-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shmp-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shmp-card-mini-label {\n font-size: 11px;\n color: var(--soi-shmp-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shmp-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shmp-marine);\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\/* === 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 0 0.5rem 0;\n}\n\n.soi-shmp-accordion-content p:last-child {\n margin-bottom: 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-primary);\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-primary);\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 .soi-shmp-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-shmp-grid-compact {\n grid-template-columns: repeat(2, 1fr);\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":"Les Couleurs de Jeanne","offers":[{"title":"Flacon de 230 ml","offer_id":62332316123466,"sku":"CJ0040","price":9.9,"currency_code":"EUR","in_stock":true},{"title":"Flacon-pompe de 490 ml","offer_id":62332316156234,"sku":"CJ0045","price":15.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-fixateur-et-revelateur-declat-certifie-bio_11zon.webp?v=1781255609"},{"product_id":"shampooing-sublime-keratine-bio-coslys","title":"Shampooing Sublime Kératine bio – 500 ml – Coslys","description":"\n\u003cdiv class=\"soi-kera-fiche\"\u003e\n\n \u003csection class=\"soi-kera-hero\"\u003e\n \u003cdiv class=\"soi-kera-hero-tag\"\u003e\n \u003cspan class=\"soi-kera-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire bio · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-kera-hero-title\"\u003eLa phytokératine végétale qui répare vraiment\u003c\/span\u003e\n \u003cp class=\"soi-kera-hero-subtitle\"\u003eUn shampooing certifié bio, sans sulfate ni silicone, enrichi en kératine d'origine végétale pour redonner force, brillance et discipline à vos cheveux fragilisés.\u003c\/p\u003e\n \u003cdiv class=\"soi-kera-hero-labels\"\u003e\n \u003cspan class=\"soi-kera-label soi-kera-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-kera-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-kera-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-kera-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003cspan class=\"soi-kera-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kera-section\"\u003e\n \u003ch2\u003eShampooing kératine bio Coslys : des cheveux réparés, lissés et protégés\u003c\/h2\u003e\n \u003cp\u003eVous avez les cheveux fragilisés par la chaleur, la coloration ou simplement rétifs au quotidien ? Le Shampooing Sublime Kératine de Coslys est fait pour vous. Formulé avec une base lavante végétale sans sulfate et enrichi en phytokératine d'origine végétale (blé, maïs, glycine, champignon), il nettoie en douceur tout en reconstituant la fibre capillaire dès le premier lavage.\u003c\/p\u003e\n \u003cp\u003eCertifié Cosmos Organic par Ecocert, vegan et fabriqué en France, il coche toutes les cases d'un soin naturel exigeant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kera-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing à la kératine sans sulfate ?\u003c\/h2\u003e\n \u003cp class=\"soi-kera-section-intro\"\u003eContrairement à de nombreux shampooings kératine du marché, ce soin Coslys mise sur une kératine 100% d'origine végétale, sans silicone ni sulfate. Résultat : votre cuir chevelu n'est pas agressé, et la fibre capillaire est réellement réparée, pas seulement enrobée.\u003c\/p\u003e\n \u003cdiv class=\"soi-kera-benefits\"\u003e\n \u003cdiv class=\"soi-kera-benefit\"\u003e\n \u003cdiv class=\"soi-kera-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRépare en profondeur\u003c\/h3\u003e\n \u003cp\u003eLa phytokératine reconstitue la surface de la cuticule pour des cheveux plus forts et plus lisses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-benefit\"\u003e\n \u003cdiv class=\"soi-kera-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection thermique naturelle\u003c\/h3\u003e\n \u003cp\u003eUn bouclier contre la chaleur du sèche-cheveux et du fer à lisser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-benefit\"\u003e\n \u003cdiv class=\"soi-kera-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDémêlage facilité\u003c\/h3\u003e\n \u003cp\u003eLes cheveux indisciplinés retrouvent de la souplesse et du brillant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-benefit\"\u003e\n \u003cdiv class=\"soi-kera-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage doux\u003c\/h3\u003e\n \u003cp\u003eLa base glucoside végétale lave sans décaper, idéale pour les lavages fréquents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-tip\"\u003e\n \u003cdiv class=\"soi-kera-tip-icon\"\u003e🍃\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n \u003cp\u003eCe shampooing contient 97,8% d'ingrédients d'origine naturelle, dont 11% 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-kera-section\"\u003e\n \u003ch2\u003eComment utiliser le shampooing kératine Coslys ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-kera-timeline\"\u003e\n \u003cdiv class=\"soi-kera-step\"\u003e\n \u003cdiv class=\"soi-kera-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-kera-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette généreuse sur cheveux mouillés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-step\"\u003e\n \u003cdiv class=\"soi-kera-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-kera-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eFaites mousser doucement en insistant sur les pointes fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-step\"\u003e\n \u003cdiv class=\"soi-kera-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-kera-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez soigneusement à l'eau tiède. Renouvelez si besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-tip\"\u003e\n \u003cdiv class=\"soi-kera-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un résultat optimal, associez ce shampooing à un après-shampooing ou masque kératine. Utilisé régulièrement, l'effet réparateur est visible dès 2 à 3 semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kera-section\"\u003e\n \u003ch2\u003eComposition complète du Shampooing Sublime Kératine\u003c\/h2\u003e\n \u003cp class=\"soi-kera-section-intro\"\u003eUne formule transparente, certifiée Cosmos Organic, avec des actifs végétaux soigneusement sélectionnés.\u003c\/p\u003e\n \u003cdiv class=\"soi-kera-compo\"\u003e\n \u003cdiv class=\"soi-kera-compo-row\"\u003e\n \u003cspan class=\"soi-kera-compo-label\"\u003eActifs phares\u003c\/span\u003e\n \u003cspan class=\"soi-kera-compo-value\"\u003ePhytokératine végétale (blé, maïs, glycine, champignon), Fleur de lys bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-compo-row\"\u003e\n \u003cspan class=\"soi-kera-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-kera-compo-value\"\u003eGlucoside végétale (sans sulfate)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-compo-row\"\u003e\n \u003cspan class=\"soi-kera-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-kera-compo-value\"\u003e97,8%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-compo-row\"\u003e\n \u003cspan class=\"soi-kera-compo-label\"\u003eAgriculture biologique\u003c\/span\u003e\n \u003cspan class=\"soi-kera-compo-value\"\u003e11%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-accordion\"\u003e\n \u003cdetails class=\"soi-kera-accordion-item\"\u003e\n \u003csummary class=\"soi-kera-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-kera-accordion-content\"\u003e\n \u003cp\u003eAqua (water), caprylyl\/capryl glucoside, decyl glucoside, cocamidopropyl betaine, glycerin, glyceryl stearate SE, lactic acid, sodium cocoyl glutamate, bentonite, dicaprylyl ether, ricinus communis (castor) seed oil*, lauryl alcohol, sodium chloride, xanthan gum, aloe barbadensis leaf juice powder*, hydrolyzed soy protein, hydrolyzed corn protein, hydrolyzed wheat protein, spiraea ulmaria flower water*, trametes versicolor extract, lilium candidum flower extract*, tocopherol, parfum (fragrance), leuconostoc\/radish root ferment filtrate, sodium benzoate, sodium dehydroacetate, potassium sorbate, dehydroacetic acid, limonene, linalool.\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 \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kera-section\"\u003e\n \u003ch2\u003eCertifications et engagements Coslys\u003c\/h2\u003e\n \u003cdiv class=\"soi-kera-grid\"\u003e\n \u003cdiv class=\"soi-kera-card\"\u003e\n \u003ch3\u003e🌱 Cosmos Organic (Ecocert)\u003c\/h3\u003e\n \u003cp\u003eGarantie d'une formule bio rigoureusement contrôlée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-card\"\u003e\n \u003ch3\u003e🐰 Vegan et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient animal, jamais testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-card\"\u003e\n \u003ch3\u003e🚫 Sans silicone, sans sulfate\u003c\/h3\u003e\n \u003cp\u003eDoux pour le cheveu comme pour l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eÉlaboré dans le laboratoire Coslys à Somloire, en Anjou.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-card\"\u003e\n \u003ch3\u003e♻️ Flacon recyclable\u003c\/h3\u003e\n \u003cp\u003e500 ml en flacon à déposer dans le bac de tri jaune.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kera-section\"\u003e\n \u003ch2\u003eInformations produit\u003c\/h2\u003e\n \u003cdiv class=\"soi-kera-compo\"\u003e\n \u003cdiv class=\"soi-kera-compo-row\"\u003e\n \u003cspan class=\"soi-kera-compo-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-kera-compo-value\"\u003eCoslys\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-compo-row\"\u003e\n \u003cspan class=\"soi-kera-compo-label\"\u003eRéférence\u003c\/span\u003e\n \u003cspan class=\"soi-kera-compo-value\"\u003eCS0140\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-compo-row\"\u003e\n \u003cspan class=\"soi-kera-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-kera-compo-value\"\u003e500 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-compo-row\"\u003e\n \u003cspan class=\"soi-kera-compo-label\"\u003ePays de fabrication\u003c\/span\u003e\n \u003cspan class=\"soi-kera-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-compo-row\"\u003e\n \u003cspan class=\"soi-kera-compo-label\"\u003eEAN\u003c\/span\u003e\n \u003cspan class=\"soi-kera-compo-value\"\u003e3538396160406\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kera-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-kera-cta-box\"\u003e\n \u003cp class=\"soi-kera-cta-tag\" style=\"color: white;\"\u003ePrendre soin de soi naturellement, jusque dans vos cheveux\u003c\/p\u003e\n \u003cp class=\"soi-kera-cta-text\" style=\"color: white;\"\u003eLavage après lavage, vos cheveux retrouvent force, brillance et discipline naturelle. La phytokératine végétale Coslys, certifiée bio, fabriquée en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-kera-marine: #1A2D3D;\n --soi-kera-marine-dark: #0F1E2B;\n --soi-kera-marine-light: #2C4458;\n --soi-kera-pomme: #A1C544;\n --soi-kera-pomme-dark: #84A636;\n --soi-kera-pomme-light: rgba(161,197,68,0.10);\n\n --soi-kera-white: #FFFFFF;\n --soi-kera-off-white: #F8FAF6;\n --soi-kera-stone: #F1F3EE;\n --soi-kera-line: #E5E8E0;\n\n --soi-kera-primary: #D4A8B0;\n --soi-kera-primary-soft: #F2E4E7;\n --soi-kera-accent: #C48A94;\n\n --soi-kera-text: #1A2D3D;\n --soi-kera-text-soft: #4A5B6B;\n --soi-kera-text-muted: #7B8693;\n\n --soi-kera-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-kera-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-kera-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-kera-radius: 12px;\n --soi-kera-radius-sm: 8px;\n --soi-kera-radius-pill: 999px;\n}\n\n.soi-kera-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-kera-fiche img { max-width: 100%; height: auto; }\n\n.soi-kera-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-kera-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-kera-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-kera-hero {\n position: relative;\n background: var(--soi-kera-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-kera-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-kera-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-kera-pomme);\n}\n\n.soi-kera-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-kera-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-kera-pomme);\n border-radius: 50%;\n}\n\n.soi-kera-hero-title {\n display: block;\n color: var(--soi-kera-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-kera-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-kera-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-kera-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-kera-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-kera-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-kera-label-accent {\n background: var(--soi-kera-pomme);\n border-color: var(--soi-kera-pomme);\n color: var(--soi-kera-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-kera-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-kera-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-kera-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-kera-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-kera-pomme);\n border-radius: 2px;\n}\n\n.soi-kera-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-kera-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-kera-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-kera-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-kera-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-kera-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-kera-benefit {\n background: var(--soi-kera-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-kera-radius);\n border: 1px solid var(--soi-kera-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-kera-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-kera-shadow-md);\n}\n\n.soi-kera-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-kera-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-kera-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-kera-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-kera-benefit:hover .soi-kera-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-kera-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-kera-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-kera-benefit p {\n font-size: 13px;\n color: var(--soi-kera-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-kera-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-kera-card {\n background: var(--soi-kera-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-kera-radius);\n border-left: 3px solid var(--soi-kera-pomme);\n}\n\n.soi-kera-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-kera-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-kera-card p {\n font-size: 14px;\n color: var(--soi-kera-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-kera-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-kera-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-kera-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-kera-radius);\n border: 1px solid var(--soi-kera-line);\n align-items: flex-start;\n}\n\n.soi-kera-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-kera-marine);\n color: var(--soi-kera-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-kera-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-kera-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-kera-step-content p {\n font-size: 14px;\n color: var(--soi-kera-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-kera-compo {\n background: var(--soi-kera-off-white);\n border-radius: var(--soi-kera-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-kera-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-kera-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-kera-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-kera-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-kera-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-kera-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-kera-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-kera-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-kera-pomme-light);\n border-left: 4px solid var(--soi-kera-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-kera-radius) var(--soi-kera-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-kera-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-kera-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-kera-marine);\n margin-bottom: 4px;\n}\n\n.soi-kera-tip p {\n font-size: 14px;\n color: var(--soi-kera-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-kera-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 1.25rem;\n}\n\n.soi-kera-accordion-item {\n background: var(--soi-kera-off-white);\n border-radius: var(--soi-kera-radius-sm);\n border: 1px solid var(--soi-kera-line);\n overflow: hidden;\n}\n\n.soi-kera-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-kera-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-kera-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-kera-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-kera-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-kera-accordion-item[open] .soi-kera-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-kera-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-kera-accordion-content p {\n font-size: 14px;\n color: var(--soi-kera-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-kera-accordion-content p + p {\n margin-top: 0.5rem;\n}\n\n\/* === CTA BOX === *\/\n.soi-kera-cta-box {\n background: var(--soi-kera-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-kera-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-kera-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-kera-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-kera-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-kera-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-kera-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-kera-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-kera-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-kera-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-kera-compo-value {\n text-align: left;\n }\n\n .soi-kera-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-kera-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-kera-fiche {\n --soi-kera-text-soft: #2C3E50;\n --soi-kera-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":62001448026442,"sku":"CS0140","price":15.83,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-sublime-keratine-certifie-bio-500-ml-coslys-packshot_11zon.webp?v=1781259067"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/hygiene_capillaire_1.webp?v=1779959298","url":"https:\/\/www.soinature.com\/collections\/avoir-une-bonne-hygiene-capillaire.oembed?page=2","provider":"Soinature","version":"1.0","type":"link"}