{"title":"Coiffer ses cheveux","description":"","products":[{"product_id":"lotion-demelante-brillance-certifiee-bio-centifolia","title":"Lotion démêlante brillance certifiée bio - Centifolia","description":"\u003cdiv class=\"soi-ldbc-fiche\"\u003e\n\n\u003csection class=\"soi-ldbc-hero\"\u003e\n\u003cdiv class=\"soi-ldbc-hero-tag\"\u003e\n\u003cspan class=\"soi-ldbc-tag-dot\"\u003e\u003c\/span\u003e\nCosmétique capillaire · Centifolia\n\u003c\/div\u003e\n\u003cspan class=\"soi-ldbc-hero-title\"\u003eÉclat et légèreté au vinaigre de framboise\u003c\/span\u003e\n\u003cp class=\"soi-ldbc-hero-subtitle\"\u003eUn spray démêlant sans rinçage certifié bio qui libère vos cheveux des nœuds, lisse les cuticules et révèle une brillance naturelle, sans jamais alourdir la fibre.\u003c\/p\u003e\n\u003cdiv class=\"soi-ldbc-hero-labels\"\u003e\n\u003cspan class=\"soi-ldbc-label soi-ldbc-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-label\"\u003eVEGAN\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-label\"\u003e99% NATUREL\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-label\"\u003eSANS SILICONE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ldbc-section\"\u003e\n\u003ch2\u003eUne lotion démêlante sans rinçage au vinaigre de framboise bio\u003c\/h2\u003e\n\u003cp\u003eSi vous en avez assez de vous battre avec vos nœuds chaque matin, ou si vos cheveux manquent d'éclat après le shampooing, cette lotion démêlante sans rinçage Centifolia est faite pour vous. Formulée avec du vinaigre de framboise bio, elle agit en douceur sur la fibre capillaire pour faciliter le coiffage, lisser les cuticules et redonner aux cheveux leur brillance naturelle, sans les alourdir.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ldbc-section\"\u003e\n\u003ch2\u003eCe que ce spray démêlant bio fait concrètement pour vos cheveux\u003c\/h2\u003e\n\u003cdiv class=\"soi-ldbc-benefits\"\u003e\n\u003cdiv class=\"soi-ldbc-benefit\"\u003e\n\u003cdiv class=\"soi-ldbc-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eDémêle sans effort\u003c\/h3\u003e\n\u003cp\u003eLa formule allège immédiatement la fibre : les nœuds cèdent au premier passage du peigne, même sur cheveux épais ou bouclés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-benefit\"\u003e\n\u003cdiv class=\"soi-ldbc-benefit-icon\"\u003e\u003cspan\u003e💎\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eÉclat visible\u003c\/h3\u003e\n\u003cp\u003eLe vinaigre de framboise bio referme les écailles du cheveu, diffuse la lumière et offre cet effet cheveux sains que vous recherchez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-benefit\"\u003e\n\u003cdiv class=\"soi-ldbc-benefit-icon\"\u003e\u003cspan\u003e🪶\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eLégèreté garantie\u003c\/h3\u003e\n\u003cp\u003ePas de résidu, pas de film gras. Vos cheveux restent aériens et frais toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-benefit\"\u003e\n\u003cdiv class=\"soi-ldbc-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eRespecte les cheveux fragiles\u003c\/h3\u003e\n\u003cp\u003eSans alcool, sans sulfate, sans rinçage nécessaire. Vous pouvez l'utiliser quotidiennement sans risque d'altérer la fibre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ldbc-section\"\u003e\n\u003ch2\u003eLes ingrédients clés : simples, efficaces, bio\u003c\/h2\u003e\n\u003cp class=\"soi-ldbc-section-intro\"\u003eCentifolia mise sur une formule épurée à 99% d'ingrédients d'origine naturelle, certifiée bio. Deux actifs font toute la différence :\u003c\/p\u003e\n\u003cdiv class=\"soi-ldbc-grid\"\u003e\n\u003cdiv class=\"soi-ldbc-card\"\u003e\n\u003ch3\u003e🍇 Vinaigre de framboise bio\u003c\/h3\u003e\n\u003cp\u003eL'actif star de cette lotion. Légèrement acide, il resserre les écailles du cheveu après lavage, exactement comme un rinçage au vinaigre de cidre mais en version subtile et fruitée. Résultat : cuticules lisses, brillance amplifiée, toucher soyeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-card\"\u003e\n\u003ch3\u003e🧪 Acide lactique\u003c\/h3\u003e\n\u003cp\u003eIl rééquilibre le pH du cuir chevelu et du cheveu après le shampooing (souvent trop alcalin), ce qui facilite le glissement des fibres entre elles et limite les frisottis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-tip\"\u003e\n\u003cdiv class=\"soi-ldbc-tip-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eEngagement écoresponsable\u003c\/strong\u003e\n\u003cp\u003eLa formule est biodégradable, conditionnée dans un flacon 100% recyclé et recyclable. Un geste utile pour vos cheveux, cohérent pour la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ldbc-section\"\u003e\n\u003ch2\u003eComment utiliser ce démêlant bio sans rinçage ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-ldbc-timeline\"\u003e\n\u003cdiv class=\"soi-ldbc-step\"\u003e\n\u003cdiv class=\"soi-ldbc-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-step-content\"\u003e\n\u003ch3\u003eVaporisez\u003c\/h3\u003e\n\u003cp\u003eAppliquez la lotion sur cheveux propres et humides, après le shampooing, en insistant sur les longueurs et les pointes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-step\"\u003e\n\u003cdiv class=\"soi-ldbc-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-step-content\"\u003e\n\u003ch3\u003eDémêlez\u003c\/h3\u003e\n\u003cp\u003ePassez un peigne à dents larges en partant des pointes vers les racines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-step\"\u003e\n\u003cdiv class=\"soi-ldbc-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-step-content\"\u003e\n\u003ch3\u003eLaissez agir\u003c\/h3\u003e\n\u003cp\u003eNe rincez pas. Laissez sécher naturellement ou coiffez comme à votre habitude.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-tip\"\u003e\n\u003cdiv class=\"soi-ldbc-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003eCe spray peut également s'utiliser sur cheveux secs pour raviver la brillance en cours de journée. Il convient à tous les types de cheveux : fins, épais, lisses, ondulés, colorés ou sensibilisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ldbc-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cp\u003eAqua, Rubus Idaeus Fruit Vinegar*, Lactic Acid, Sodium Benzoate, Potassium Sorbate, Parfum.\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e*Ingrédient issu de l'agriculture biologique. 99% des ingrédients sont d'origine naturelle. Certifié par Ecocert Greenlife selon le référentiel Cosmos Organic.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ldbc-section\"\u003e\n\u003ch2\u003ePour qui est ce démêlant cheveux bio ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-ldbc-grid\"\u003e\n\u003cdiv class=\"soi-ldbc-card\"\u003e\n\u003ch3\u003e🧑 Cheveux qui s'emmêlent facilement\u003c\/h3\u003e\n\u003cp\u003eVous perdez du temps chaque matin à démêler ? Ce spray libère les nœuds au premier passage du peigne, sans tirer ni casser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-card\"\u003e\n\u003ch3\u003e🌸 Cuir chevelu sensible\u003c\/h3\u003e\n\u003cp\u003eVotre cuir chevelu réagit aux formules chargées en silicones ou en alcool ? Cette lotion sans sulfate et sans silicone respecte les fibres les plus fragiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-card\"\u003e\n\u003ch3\u003e👧 Enfants aux cheveux fins\u003c\/h3\u003e\n\u003cp\u003eLes petits qui pleurent au moment du brossage y trouveront aussi leur compte : un démêlage tout en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ldbc-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"soi-ldbc-grid-compact\"\u003e\n\u003cdiv class=\"soi-ldbc-card-mini\"\u003e\n\u003cspan class=\"soi-ldbc-card-mini-icon\"\u003e📏\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-card-mini-label\"\u003eContenance\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-card-mini-value\"\u003e200 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-card-mini\"\u003e\n\u003cspan class=\"soi-ldbc-card-mini-icon\"\u003e💨\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-card-mini-label\"\u003eFormat\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-card-mini-value\"\u003eSpray pompe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-card-mini\"\u003e\n\u003cspan class=\"soi-ldbc-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-card-mini-value\"\u003eFrance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-card-mini\"\u003e\n\u003cspan class=\"soi-ldbc-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-card-mini-label\"\u003eFlacon\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-card-mini-value\"\u003e100% recyclé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-compo\"\u003e\n\u003cdiv class=\"soi-ldbc-compo-row\"\u003e\n\u003cspan class=\"soi-ldbc-compo-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-compo-value\"\u003eCosmos Organic (Ecocert Greenlife)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-compo-row\"\u003e\n\u003cspan class=\"soi-ldbc-compo-label\"\u003eEngagement\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-compo-value\"\u003eVegan, sans alcool, sans sulfate, sans silicone\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-compo-row\"\u003e\n\u003cspan class=\"soi-ldbc-compo-label\"\u003eÉcoconception\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-compo-value\"\u003eFlacon recyclé et recyclable à 100%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ldbc-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-ldbc-cta-box\"\u003e\n\u003cp class=\"soi-ldbc-cta-tag\" style=\"color: white;\"\u003eUn soin capillaire honnête et certifié bio\u003c\/p\u003e\n\u003cp class=\"soi-ldbc-cta-text\" style=\"color: white;\"\u003eVos cheveux méritent mieux qu'une formule chargée en silicones. Avec cette lotion démêlante Centifolia, optez pour deux actifs naturels, une application en quelques secondes, et des cheveux plus doux, plus lumineux dès la première utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-ldbc-marine: #1A2D3D;\n --soi-ldbc-marine-dark: #0F1E2B;\n --soi-ldbc-marine-light: #2C4458;\n --soi-ldbc-pomme: #A1C544;\n --soi-ldbc-pomme-dark: #84A636;\n --soi-ldbc-pomme-light: rgba(161,197,68,0.10);\n --soi-ldbc-white: #FFFFFF;\n --soi-ldbc-off-white: #F8FAF6;\n --soi-ldbc-stone: #F1F3EE;\n --soi-ldbc-line: #E5E8E0;\n --soi-ldbc-primary: #C43B6A;\n --soi-ldbc-primary-soft: rgba(196,59,106,0.08);\n --soi-ldbc-accent: #8B2D4A;\n --soi-ldbc-text: #1A2D3D;\n --soi-ldbc-text-soft: #4A5B6B;\n --soi-ldbc-text-muted: #7B8693;\n --soi-ldbc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-ldbc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-ldbc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-ldbc-radius: 12px;\n --soi-ldbc-radius-sm: 8px;\n --soi-ldbc-radius-pill: 999px;\n}\n\n.soi-ldbc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ldbc-fiche img { max-width: 100%; height: auto; }\n\n.soi-ldbc-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-ldbc-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-ldbc-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-ldbc-hero {\n position: relative;\n background: var(--soi-ldbc-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-ldbc-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-ldbc-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-ldbc-pomme);\n}\n\n.soi-ldbc-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-ldbc-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-ldbc-pomme);\n border-radius: 50%;\n}\n\n.soi-ldbc-hero-title {\n display: block;\n color: var(--soi-ldbc-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-ldbc-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-ldbc-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-ldbc-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-ldbc-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-ldbc-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-ldbc-label-accent {\n background: var(--soi-ldbc-pomme);\n border-color: var(--soi-ldbc-pomme);\n color: var(--soi-ldbc-marine);\n font-weight: 600;\n}\n\n.soi-ldbc-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-ldbc-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-ldbc-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-ldbc-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-ldbc-pomme);\n border-radius: 2px;\n}\n\n.soi-ldbc-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-ldbc-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-ldbc-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-ldbc-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-ldbc-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-ldbc-section p em {\n font-size: clamp(12px, 1.8vw, 13px);\n color: var(--soi-ldbc-text-muted);\n}\n\n.soi-ldbc-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-ldbc-benefit {\n background: var(--soi-ldbc-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-ldbc-radius);\n border: 1px solid var(--soi-ldbc-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-ldbc-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-ldbc-shadow-md);\n}\n\n.soi-ldbc-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-ldbc-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-ldbc-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-ldbc-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-ldbc-benefit:hover .soi-ldbc-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-ldbc-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-ldbc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-ldbc-benefit p {\n font-size: 13px;\n color: var(--soi-ldbc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-ldbc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-ldbc-card {\n background: var(--soi-ldbc-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-ldbc-radius);\n border-left: 3px solid var(--soi-ldbc-pomme);\n}\n\n.soi-ldbc-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-ldbc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-ldbc-card p {\n font-size: 14px;\n color: var(--soi-ldbc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-ldbc-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.25rem;\n}\n\n.soi-ldbc-card-mini {\n background: var(--soi-ldbc-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-ldbc-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-ldbc-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-ldbc-card-mini-label {\n font-size: 11px;\n color: var(--soi-ldbc-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-ldbc-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-ldbc-marine);\n}\n\n.soi-ldbc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-ldbc-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-ldbc-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-ldbc-radius);\n border: 1px solid var(--soi-ldbc-line);\n align-items: flex-start;\n}\n\n.soi-ldbc-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-ldbc-marine);\n color: var(--soi-ldbc-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-ldbc-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-ldbc-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-ldbc-step-content p {\n font-size: 14px;\n color: var(--soi-ldbc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-ldbc-compo {\n background: var(--soi-ldbc-off-white);\n border-radius: var(--soi-ldbc-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-ldbc-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-ldbc-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-ldbc-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-ldbc-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-ldbc-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-ldbc-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-ldbc-marine);\n text-align: right;\n}\n\n.soi-ldbc-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-ldbc-pomme-light);\n border-left: 4px solid var(--soi-ldbc-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-ldbc-radius) var(--soi-ldbc-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-ldbc-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-ldbc-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-ldbc-marine);\n margin-bottom: 4px;\n}\n\n.soi-ldbc-tip p {\n font-size: 14px;\n color: var(--soi-ldbc-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-ldbc-cta-box {\n background: var(--soi-ldbc-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-ldbc-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-ldbc-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-ldbc-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-ldbc-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-ldbc-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-ldbc-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-ldbc-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-ldbc-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-ldbc-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-ldbc-compo-value {\n text-align: left;\n }\n\n .soi-ldbc-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-ldbc-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-ldbc-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-ldbc-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-ldbc-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-ldbc-fiche {\n --soi-ldbc-text-soft: #2C3E50;\n --soi-ldbc-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603165274442,"sku":"CE0265","price":8.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/lotion-demelante-brillance-certifiee-bio-centifolia-packshot.webp?v=1785765893"},{"product_id":"baume-demelant-centifolia","title":"Baume démêlant Après-shampoing Brillance certifié bio – Centifolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0271_c6a04b71-f2c7-4bb0-aeb4-7cf7e7069da4.jpg?v=1776180389\" alt=\"Photo d'une brosse à cheveux\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eBaume démêlant bio\u003c\/strong\u003e de Centifolia est un soin capillaire conçu pour illuminer et démêler en douceur tous les types de cheveux, y compris les cheveux bouclés. Sa formule innovante et respectueuse de l'environnement en fait un produit incontournable pour sublimer votre chevelure.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques principales du baume démêlant Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule douce et biodégradable :\u003c\/strong\u003e Respectueuse de l'environnement, cette formule préserve la planète tout en prenant soin de vos cheveux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnrichi en extrait de Framboise BIO :\u003c\/strong\u003e Issu de la pulpe de framboises fraîches, cet extrait redonne éclat et brillance aux cheveux ternes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKératine Végétale :\u003c\/strong\u003e Cet ingrédient clé préserve la structure interne du cheveu et limite l'altération des protéines, composants majeurs de la fibre capillaire, pour une chevelure plus douce et légère.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits du baume démêlant\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDémêlage en douceur :\u003c\/strong\u003e ce baume facilite le démêlage sans alourdir les cheveux, les laissant légers et faciles à coiffer.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFibre capillaire lissée :\u003c\/strong\u003e il lisse la fibre capillaire, laissant les cheveux doux, brillants et éclatants de beauté.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrévention de la casse :\u003c\/strong\u003e en évitant les démêlages agressifs, il prévient la casse des cheveux et réduit la douleur liée à cette étape de la routine capillaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNourrissant et revitalisant :\u003c\/strong\u003e nourrit en profondeur la fibre capillaire, la répare et la revitalise, pour des cheveux visiblement en meilleure santé.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603166814538,"sku":"CE0272","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/centifolia_ce0272_baume-demelant_apres-shampoing_brillanche_2c75bc52-3236-4d07-8883-fbea647e973a.jpg?v=1778842809"},{"product_id":"baume-demelant-reparateur-centifolia","title":"Baume Démêlant Réparateur Après-Shampoing certifié bio","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eBaume Démêlant Réparateur Après-Shampoing\u003c\/strong\u003e de Centifolia est spécialement conçu pour \u003cstrong\u003eréparer et renforcer les cheveux fragilisés\u003c\/strong\u003e dès la première utilisation. Enrichi en ingrédients naturels et biologiques, ce baume démêlant offre une formule biodégradable et ultra-douce qui \u003cstrong\u003edémêle les cheveux sans les alourdir\u003c\/strong\u003e, tout en leur apportant douceur et légèreté.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eIngrédients clés du Baume démêlant Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cspan style=\"font-weight: bold;\"\u003eHuile de Ricin BIO :\u003c\/span\u003e Cette huile est reconnue pour ses propriétés fortifiantes et nourrissantes, idéale pour renforcer et réparer les cheveux abîmés.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"font-weight: bold;\"\u003eKératine Végétale :\u003c\/span\u003e Constituant essentiel de la fibre capillaire, la kératine végétale protège et gaine les cheveux, les laissant doux, brillants et faciles à coiffer.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0449_49669c59-7216-4097-b7cb-ff8b38c92541.jpg?v=1776180599\" alt=\"Photo d'une femme qui profite de son soin cheveux dans sa salle de bain\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits du Baume démêlant réparateur après-shampoing\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRépare et renforce :\u003c\/strong\u003e grâce à l'huile de Ricin BIO, obtenue par première pression à froid, ce baume fortifie les cheveux fragilisés et cassants, leur redonnant force et vitalité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection et douceur :\u003c\/strong\u003e la Kératine Végétale présente dans la formule préserve la structure interne du cheveu face aux agressions extérieures, limitant l'altération des protéines, un constituant majeur de la fibre capillaire. Elle offre un effet gainant qui enveloppe chaque mèche, laissant les cheveux incroyablement doux et légers.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFacilité de coiffage :\u003c\/strong\u003e après l'application, les cheveux sont instantanément démêlés sans être alourdis, réparés jusqu'aux pointes, et extrêmement faciles à coiffer. Fini les nœuds et les cheveux difficiles à dompter !\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels et écologiques :\u003c\/strong\u003e La formule biodégradable respecte l'environnement tout en prenant soin de vos cheveux. De plus, le tube est fabriqué avec 30% de matériaux recyclés et possède une capsule réduite en plastique pour minimiser l'impact environnemental.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003e\u003cstrong\u003eUtilisation optimale du Baume\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003ePour une efficacité optimale, appliquez le baume démêlant sur cheveux mouillés après le shampoing. Laissez agir quelques minutes pour permettre aux ingrédients de pénétrer et nourrir en profondeur, puis rincez abondamment. Utilisez régulièrement pour des cheveux plus forts et en meilleure santé.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eEngagements de Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule biodégradable :\u003c\/strong\u003e conçue pour respecter l'environnement, cette formule se décompose naturellement sans polluer.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEmballage écologique :\u003c\/strong\u003e le tube est fabriqué à partir de 30% de matériaux recyclés, avec une capsule réduite en plastique pour diminuer les déchets.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProduit en France :\u003c\/strong\u003e certifié Cosmos Organic, conçu et fabriqué en France avec des ingrédients soigneusement sélectionnés pour leur qualité et leur efficacité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eEn choisissant le \u003cstrong\u003eBaume Démêlant Réparateur Après-Shampoing de Centifolia\u003c\/strong\u003e, vous optez pour un soin capillaire respectueux de l'environnement et de vos cheveux. \u003cstrong\u003eRedonnez à votre chevelure force, douceur et éclat\u003c\/strong\u003e avec ce produit naturellement efficace et écologique.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603301392714,"sku":"CE0449","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/026757_baume_demelant_reparateur_apres_shampooing_200ml_a977ded4-bf08-43b5-a8f7-5cd58e854dd2.png?v=1778842861"},{"product_id":"brume-fixante-et-volume-certifiee-bio-centifolia","title":"Brume Fixante et Volume certifiée bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLa Brume Fixante et Volume certifiée bio de Centifolia\u003c\/strong\u003e est la solution idéale pour \u003cstrong\u003etous les types de cheveux,\u003c\/strong\u003e offrant une \u003cstrong\u003efixation légère sans alourdir ni graisser\u003c\/strong\u003e. Formulée avec des ingrédients biologiques et biodégradables, cette laque ultra-douce et respectueuse de l'environnement garantit un maintien impeccable tout en préservant la santé de vos cheveux.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0454_4ddd0698-93af-4667-89c3-afd1cc9cc302.jpg?v=1776180600\" alt=\"Photo d'une femme dans sa salle de bain en train d'appliquer une brume\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques de la Brume Fixante et Volume Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFixation légère et durable :\u003c\/strong\u003e grâce à sa formule unique, cette brume fixe vos coiffures de manière durable tout en conservant la légèreté naturelle des cheveux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApplication uniforme :\u003c\/strong\u003e équipée d'une pompe à effet brume, elle permet une diffusion légère et uniforme pour une finition parfaite.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels et vegan :\u003c\/strong\u003e contient un agent fixant 100% vegan, un polymère naturel qui forme un film protecteur contre la chaleur, résistant à l'eau, et offrant un meilleur maintien sans effet collant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEffet Anti-Frisottis :\u003c\/strong\u003e parfait pour les cheveux frisés, cette brume aide à contrôler les frisottis pour un style soigné et naturel.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVolume et Épaisseur :\u003c\/strong\u003e enrichie en peptides de pois obtenus par fermentation, elle épaissit et augmente le volume des cheveux tout en apportant des bienfaits antioxydants pour un cuir chevelu et des cheveux en pleine santé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédient star – Pamplemousse Rose Bio :\u003c\/strong\u003e sélectionné pour sa capacité à apporter de la légèreté, ce pamplemousse origine France est un atout majeur de la formule.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eAvantages de la Brume Fixante Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFixation Souple et Naturelle :\u003c\/strong\u003e Les cheveux restent souples, volumineux, et naturellement stylés sans l'effet de rigidité ou de collant des laques traditionnelles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection et Santé des Cheveux :\u003c\/strong\u003e Offre une protection contre la chaleur tout en favorisant la santé du cuir chevelu grâce à son activité antioxydante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉcoresponsable :\u003c\/strong\u003e Formule biodégradable respectueuse de l'environnement, sans compromis sur l'efficacité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication française de qualité :\u003c\/strong\u003e produit certifié Cosmos Organic, conçu et fabriqué en France, gage de qualité naturelle.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eDécouvrez \u003cstrong\u003ela Brume Fixante et Volume certifiée bio de Centifolia\u003c\/strong\u003e et profitez d'une coiffure parfaitement fixée, volumineuse et naturellement belle, jour après jour.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603305750858,"sku":"CE0454","price":10.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0454_centifolia_brumefixante_006c1d1e-5b1e-480f-989e-b7bc5e2f34ab.jpg?v=1778842871"},{"product_id":"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":9.69,"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":"gel-coiffant-structurant-bio-coslys","title":"Gel coiffant structurant bio - Coslys","description":"\u003cdiv class=\"soi-gelc-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-gelc-hero\"\u003e\n \u003cdiv class=\"soi-gelc-hero-tag\"\u003e\n \u003cspan class=\"soi-gelc-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire bio · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-gelc-hero-title\"\u003eFixation longue durée, légèreté naturelle\u003c\/span\u003e\n \u003cp class=\"soi-gelc-hero-subtitle\"\u003eUn gel coiffant structurant à 99 % d'origine naturelle, enrichi en algue rouge marine, pour une tenue franche sans effet gras ni résidu.\u003c\/p\u003e\n \u003cdiv class=\"soi-gelc-hero-labels\"\u003e\n \u003cspan class=\"soi-gelc-label soi-gelc-label-accent\"\u003eBIO COSMÉBIO\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-label\"\u003eEFFET NON GRAS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Pourquoi choisir ce gel --\u003e\n \u003csection class=\"soi-gelc-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel coiffant naturel bio ?\u003c\/h2\u003e\n \u003cp class=\"soi-gelc-section-intro\"\u003eSur le marché des gels coiffants bio, beaucoup promettent fixation et légèreté mais livrent un résultat poisseux ou trop rigide. Le gel coiffant structurant Coslys se distingue par son extrait d'algue rouge marine, un actif reminéralisant et restructurant qui nourrit la fibre capillaire tout en offrant une tenue durable. Résultat : vos cheveux sont coiffés, brillants, et ils restent souples au toucher.\u003c\/p\u003e\n \u003cdiv class=\"soi-gelc-benefits\"\u003e\n \u003cdiv class=\"soi-gelc-benefit\"\u003e\n \u003cdiv class=\"soi-gelc-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFixation forte et longue durée\u003c\/h3\u003e\n \u003cp\u003eVotre coiffure tient toute la journée, structurée ou plus naturelle selon la quantité appliquée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-benefit\"\u003e\n \u003cdiv class=\"soi-gelc-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEffet non gras garanti\u003c\/h3\u003e\n \u003cp\u003eTexture fluide, répartition facile, sans film huileux ni pellicules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-benefit\"\u003e\n \u003cdiv class=\"soi-gelc-benefit-icon\"\u003e\u003cspan\u003e🌊\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAlgues marines reminéralisantes\u003c\/h3\u003e\n \u003cp\u003eElles renforcent la fibre capillaire, apportent brillance et vitalité aux cheveux ternes ou fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-benefit\"\u003e\n \u003cdiv class=\"soi-gelc-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e99 % d'ingrédients d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eFormule certifiée Cosmébio, fabriquée en France. Un choix éthique, vegan et non testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Pour qui --\u003e\n \u003csection class=\"soi-gelc-section\"\u003e\n \u003ch2\u003ePour qui est fait ce gel coiffant bio homme et femme ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gelc-grid\"\u003e\n \u003cdiv class=\"soi-gelc-card\"\u003e\n \u003ch3\u003e👤 Tous types de cheveux\u003c\/h3\u003e\n \u003cp\u003eFins, épais, bouclés ou raides : ce gel s'adapte à chaque nature de cheveu pour un rendu sur mesure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-card\"\u003e\n \u003ch3\u003e🧔 Hommes en quête de tenue forte\u003c\/h3\u003e\n \u003cp\u003eParticulièrement apprécié des hommes qui recherchent un gel à tenue forte sans effet plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-card\"\u003e\n \u003ch3\u003e🛡️ Cuirs chevelus sensibles\u003c\/h3\u003e\n \u003cp\u003eFormulé sans silicones, alcools agressifs ni polymères synthétiques, il convient aux personnes sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-tip\"\u003e\n \u003cdiv class=\"soi-gelc-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eVous pouvez l'utiliser sur cheveux humides pour moduler l'intensité de la fixation, ou sur cheveux légèrement secs pour un rendu plus structuré. Quelques points de gel suffisent : une application uniforme des racines aux pointes garantit un résultat homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Composition --\u003e\n \u003csection class=\"soi-gelc-section\"\u003e\n \u003ch2\u003eComposition complète du gel coiffant structurant Coslys\u003c\/h2\u003e\n \u003cp class=\"soi-gelc-section-intro\"\u003eFormulé sans ingrédients controversés, ce gel coiffant bio affiche une liste INCI transparente :\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003eAqua, Chondrus Crispus (Red Seaweed) Extract, Xanthan Gum, Sodium Benzoate, Potassium Sorbate, Citric Acid, Parfum.\u003c\/em\u003e\u003c\/p\u003e\n \u003cdiv class=\"soi-gelc-grid\"\u003e\n \u003cdiv class=\"soi-gelc-card\"\u003e\n \u003ch3\u003e🌊 Chondrus Crispus (algue rouge)\u003c\/h3\u003e\n \u003cp\u003eFixant naturel, reminéralisant, source d'oligo-éléments pour la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-card\"\u003e\n \u003ch3\u003e🧪 Xanthan Gum\u003c\/h3\u003e\n \u003cp\u003eGélifiant d'origine fermentaire, il assure la texture fluide et l'homogénéité du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-card\"\u003e\n \u003ch3\u003e🛡️ Sodium Benzoate et Potassium Sorbate\u003c\/h3\u003e\n \u003cp\u003eConservateurs d'origine naturelle, doux et bien tolérés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-compo\"\u003e\n \u003cdiv class=\"soi-gelc-compo-row\"\u003e\n \u003cspan class=\"soi-gelc-compo-label\"\u003eSans silicone\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-compo-row\"\u003e\n \u003cspan class=\"soi-gelc-compo-label\"\u003eSans PEG\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-compo-row\"\u003e\n \u003cspan class=\"soi-gelc-compo-label\"\u003eSans alcool agressif\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-compo-row\"\u003e\n \u003cspan class=\"soi-gelc-compo-label\"\u003eSans parabène\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Comment utiliser --\u003e\n \u003csection class=\"soi-gelc-section\"\u003e\n \u003ch2\u003eComment utiliser le gel coiffant naturel bio Coslys ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gelc-timeline\"\u003e\n \u003cdiv class=\"soi-gelc-step\"\u003e\n \u003cdiv class=\"soi-gelc-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-step-content\"\u003e\n \u003ch3\u003eAppliquez une noisette de gel\u003c\/h3\u003e\n \u003cp\u003eSur cheveux propres, humides ou secs, prélevez une petite quantité de gel dans le creux de la main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-step\"\u003e\n \u003cdiv class=\"soi-gelc-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-step-content\"\u003e\n \u003ch3\u003eRépartissez uniformément\u003c\/h3\u003e\n \u003cp\u003eAvec les doigts ou un peigne, répartissez le gel selon le style souhaité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-step\"\u003e\n \u003cdiv class=\"soi-gelc-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-step-content\"\u003e\n \u003ch3\u003eCoiffez comme vous le désirez\u003c\/h3\u003e\n \u003cp\u003eLa fixation prend en séchant, sans effet carton. Structuré, naturel ou volumineux : vous choisissez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-step\"\u003e\n \u003cdiv class=\"soi-gelc-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-step-content\"\u003e\n \u003ch3\u003eRavivez en cours de journée\u003c\/h3\u003e\n \u003cp\u003ePour reformer les boucles ou raviver le volume, humidifiez légèrement vos mains avant de passer dans les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-tip\"\u003e\n \u003cdiv class=\"soi-gelc-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCommencez par une petite quantité et ajustez selon l'effet voulu. Un excès de produit peut alourdir les cheveux fins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Informations pratiques --\u003e\n \u003csection class=\"soi-gelc-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-gelc-grid-compact\"\u003e\n \u003cdiv class=\"soi-gelc-card-mini\"\u003e\n \u003cspan class=\"soi-gelc-card-mini-icon\"\u003e📏\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-value\"\u003e150 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-card-mini\"\u003e\n \u003cspan class=\"soi-gelc-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-value\"\u003eCosmébio (Cosmos Organic)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-card-mini\"\u003e\n \u003cspan class=\"soi-gelc-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-card-mini\"\u003e\n \u003cspan class=\"soi-gelc-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-label\"\u003eStatut\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-value\"\u003eVegan, non testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-accordion\"\u003e\n \u003cdetails class=\"soi-gelc-accordion-item\"\u003e\n \u003csummary class=\"soi-gelc-accordion-header\"\u003e👥 Convient à qui ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gelc-accordion-content\"\u003e\n \u003cp\u003eTous types de cheveux, hommes et femmes. Particulièrement adapté aux personnes sensibles souhaitant éviter silicones, alcools agressifs et polymères synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-gelc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gelc-cta-box\"\u003e\n \u003cp class=\"soi-gelc-cta-tag\" style=\"color: white;\"\u003eSe coiffer naturellement\u003c\/p\u003e\n \u003cp class=\"soi-gelc-cta-text\" style=\"color: white;\"\u003eFini le compromis entre performance et naturel. Le gel coiffant structurant bio Coslys vous offre une tenue franche et durable, une formule propre et une texture légère qui respecte vos cheveux comme votre cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* === Couleurs Soinat (FIXES) === *\/\n --soi-gelc-marine: #1A2D3D;\n --soi-gelc-marine-dark: #0F1E2B;\n --soi-gelc-marine-light: #2C4458;\n --soi-gelc-pomme: #A1C544;\n --soi-gelc-pomme-dark: #84A636;\n --soi-gelc-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-gelc-white: #FFFFFF;\n --soi-gelc-off-white: #F8FAF6;\n --soi-gelc-stone: #F1F3EE;\n --soi-gelc-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging rose\/rouge algue + violet) === *\/\n --soi-gelc-primary: #C4607A;\n --soi-gelc-primary-soft: #F2E0E6;\n --soi-gelc-accent: #8B4A6B;\n\n \/* === Textes === *\/\n --soi-gelc-text: #1A2D3D;\n --soi-gelc-text-soft: #4A5B6B;\n --soi-gelc-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-gelc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gelc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gelc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gelc-radius: 12px;\n --soi-gelc-radius-sm: 8px;\n --soi-gelc-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-gelc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gelc-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-gelc-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gelc-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gelc-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gelc-hero {\n position: relative;\n background: var(--soi-gelc-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-gelc-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gelc-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gelc-pomme);\n}\n\n.soi-gelc-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-gelc-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gelc-pomme);\n border-radius: 50%;\n}\n\n.soi-gelc-hero-title {\n display: block;\n color: var(--soi-gelc-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-gelc-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-gelc-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gelc-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-gelc-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gelc-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gelc-label-accent {\n background: var(--soi-gelc-pomme);\n border-color: var(--soi-gelc-pomme);\n color: var(--soi-gelc-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gelc-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gelc-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gelc-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-gelc-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gelc-pomme);\n border-radius: 2px;\n}\n\n.soi-gelc-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gelc-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-gelc-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gelc-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gelc-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-gelc-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-gelc-benefit {\n background: var(--soi-gelc-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gelc-radius);\n border: 1px solid var(--soi-gelc-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gelc-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gelc-shadow-md);\n}\n\n.soi-gelc-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gelc-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-gelc-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gelc-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gelc-benefit:hover .soi-gelc-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gelc-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gelc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gelc-benefit p {\n font-size: 13px;\n color: var(--soi-gelc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gelc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-gelc-card {\n background: var(--soi-gelc-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gelc-radius);\n border-left: 3px solid var(--soi-gelc-pomme);\n}\n\n.soi-gelc-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gelc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gelc-card p {\n font-size: 14px;\n color: var(--soi-gelc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-gelc-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.25rem;\n}\n\n.soi-gelc-card-mini {\n background: var(--soi-gelc-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-gelc-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-gelc-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-gelc-card-mini-label {\n font-size: 11px;\n color: var(--soi-gelc-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-gelc-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gelc-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-gelc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-gelc-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gelc-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gelc-radius);\n border: 1px solid var(--soi-gelc-line);\n align-items: flex-start;\n}\n\n.soi-gelc-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gelc-marine);\n color: var(--soi-gelc-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-gelc-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gelc-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gelc-step-content p {\n font-size: 14px;\n color: var(--soi-gelc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-gelc-compo {\n background: var(--soi-gelc-off-white);\n border-radius: var(--soi-gelc-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-gelc-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-gelc-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-gelc-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-gelc-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-gelc-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-gelc-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-gelc-pomme-dark);\n}\n\n\/* === TIP === *\/\n.soi-gelc-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gelc-pomme-light);\n border-left: 4px solid var(--soi-gelc-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gelc-radius) var(--soi-gelc-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-gelc-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gelc-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gelc-marine);\n margin-bottom: 4px;\n}\n\n.soi-gelc-tip p {\n font-size: 14px;\n color: var(--soi-gelc-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gelc-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gelc-accordion-item {\n background: var(--soi-gelc-off-white);\n border-radius: var(--soi-gelc-radius-sm);\n border: 1px solid var(--soi-gelc-line);\n overflow: hidden;\n}\n\n.soi-gelc-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gelc-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-gelc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gelc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gelc-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gelc-accordion-item[open] .soi-gelc-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gelc-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gelc-accordion-content p {\n font-size: 14px;\n color: var(--soi-gelc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gelc-cta-box {\n background: var(--soi-gelc-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gelc-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gelc-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-gelc-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gelc-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-gelc-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gelc-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gelc-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-gelc-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gelc-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-gelc-compo-value {\n text-align: left;\n }\n\n .soi-gelc-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-gelc-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-gelc-benefits {\n grid-template-columns: 1fr 1fr;\n }\n\n .soi-gelc-grid-compact {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n@media (max-width: 420px) {\n .soi-gelc-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-gelc-grid-compact {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-gelc-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gelc-fiche {\n --soi-gelc-text-soft: #2C3E50;\n --soi-gelc-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603525165386,"sku":"CS0180","price":15.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-coiffant-structurant-coslys_11zon.webp?v=1782034861"},{"product_id":"gel-creme-definisseur-boucles-2en1-centifolia","title":"Gel Crème Définisseur Boucles 2en1 – Centifolia","description":"\u003cdiv class=\"soi-bouc-fiche\"\u003e\n\n\u003csection class=\"soi-bouc-hero\"\u003e\n \u003cdiv class=\"soi-bouc-hero-tag\"\u003e\n \u003cspan class=\"soi-bouc-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétiques et soins capillaires · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-bouc-hero-title\"\u003eDes boucles sublimées, sans frisottis\u003c\/span\u003e\n \u003cp class=\"soi-bouc-hero-subtitle\"\u003eUn gel crème 2en1 qui réunit la puissance d'un gel fixateur et la douceur d'une crème nourrissante pour des boucles définies, rebondies et hydratées du matin au soir.\u003c\/p\u003e\n \u003cdiv class=\"soi-bouc-hero-labels\"\u003e\n \u003cspan class=\"soi-bouc-label soi-bouc-label-accent\"\u003eBIO ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-bouc-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-bouc-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-bouc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bouc-section\"\u003e\n \u003ch2\u003ePourquoi ce gel crème pour boucles fait la différence\u003c\/h2\u003e\n \u003cp\u003eLà où beaucoup de produits définisseurs alourdissent ou créent un effet carton, ce gel crème définisseur boucles 2en1 adopte une double approche : il gaine chaque mèche pour une tenue durable tout en préservant le moelleux naturel de la fibre capillaire. Validé par des coiffeurs professionnels, il offre 2 fois plus de définition comparé à une crème classique, grâce à un actif végétal clé : la mangue BIO.\u003c\/p\u003e\n \u003cdiv class=\"soi-bouc-benefits\"\u003e\n \u003cdiv class=\"soi-bouc-benefit\"\u003e\n \u003cdiv class=\"soi-bouc-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDéfinition longue durée\u003c\/h3\u003e\n \u003cp\u003eLes boucles sont dessinées de la racine aux pointes, sans résidu ni effet collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-benefit\"\u003e\n \u003cdiv class=\"soi-bouc-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAnti-frisottis résistant\u003c\/h3\u003e\n \u003cp\u003eVos boucles restent impeccables même par temps humide grâce à une protection durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-benefit\"\u003e\n \u003cdiv class=\"soi-bouc-benefit-icon\"\u003e\u003cspan\u003e🪶\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTexture légère\u003c\/h3\u003e\n \u003cp\u003eLes mèches rebondissent librement, sans être alourdies ni figées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-benefit\"\u003e\n \u003cdiv class=\"soi-bouc-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation profonde\u003c\/h3\u003e\n \u003cp\u003eLes cheveux crépus et frisés, naturellement plus secs, sont nourris en continu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bouc-section\"\u003e\n \u003ch2\u003eLes actifs naturels qui prennent soin de vos boucles\u003c\/h2\u003e\n \u003cdiv class=\"soi-bouc-grid\"\u003e\n \u003cdiv class=\"soi-bouc-card\"\u003e\n \u003ch3\u003e🥭 Mangue BIO\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines A, C et E, le beurre de mangue nourrit en profondeur la fibre capillaire, améliore la brillance et répare les longueurs fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-card\"\u003e\n \u003ch3\u003e🌿 Aloe Vera BIO\u003c\/h3\u003e\n \u003cp\u003eHydratant et apaisant, il renforce la souplesse des boucles et protège le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-card\"\u003e\n \u003ch3\u003e🧴 Beurre de Karité\u003c\/h3\u003e\n \u003cp\u003eActif nourrissant par excellence pour les cheveux crépus, il scelle l'hydratation et adoucit durablement les mèches les plus rebelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-card\"\u003e\n \u003ch3\u003e🌴 Huile de Buriti\u003c\/h3\u003e\n \u003cp\u003eSource naturelle de bêta-carotène, elle protège les cheveux des agressions extérieures et ravive leur éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-card\"\u003e\n \u003ch3\u003e🌾 Amidon naturel biosourcé\u003c\/h3\u003e\n \u003cp\u003eC'est lui qui assure la tenue sans rigidité : il gaine chaque boucle pour un maintien naturel et léger, sans effet carton.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bouc-section\"\u003e\n \u003ch2\u003eComment appliquer le gel crème définisseur Centifolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-bouc-timeline\"\u003e\n \u003cdiv class=\"soi-bouc-step\"\u003e\n \u003cdiv class=\"soi-bouc-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-step-content\"\u003e\n \u003ch3\u003eSur cheveux lavés et essorés\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette généreuse de gel crème dans la paume de la main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-step\"\u003e\n \u003cdiv class=\"soi-bouc-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-step-content\"\u003e\n \u003ch3\u003eRépartissez mèche par mèche\u003c\/h3\u003e\n \u003cp\u003eTravaillez de la racine aux pointes pour une définition uniforme sur l'ensemble de la chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-step\"\u003e\n \u003cdiv class=\"soi-bouc-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-step-content\"\u003e\n \u003ch3\u003eScrunch ou diffuseur\u003c\/h3\u003e\n \u003cp\u003eFroissez les cheveux vers le haut pour encourager le rebond naturel des boucles. Séchez à l'air libre ou au diffuseur basse température.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-step\"\u003e\n \u003cdiv class=\"soi-bouc-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-step-content\"\u003e\n \u003ch3\u003eNe pas peigner après séchage\u003c\/h3\u003e\n \u003cp\u003ePour éviter l'effet « gonfle » et conserver la définition de vos boucles tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-tip\"\u003e\n \u003cdiv class=\"soi-bouc-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe produit convient à toutes les textures : cheveux bouclés (type 2), frisés (type 3) et crépus (type 4). Vous pouvez aussi l'utiliser comme crème coiffante sur cheveux légèrement humides pour rafraîchir vos boucles entre deux shampooings.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bouc-section\"\u003e\n \u003ch2\u003eUne formule engagée, certifiée et fabriquée en France\u003c\/h2\u003e\n \u003cp\u003eCentifolia est une marque pionnière de la cosméto-botanique française. Ce gel crème affiche 99% d'ingrédients d'origine naturelle, une certification BIO ECOCERT, une formule 100% vegan et un parfum éco-conçu. Aucun silicone, aucun sulfate agressif : uniquement ce dont vos boucles ont besoin.\u003c\/p\u003e\n \u003cdiv class=\"soi-bouc-compo\"\u003e\n \u003cdiv class=\"soi-bouc-compo-row\"\u003e\n \u003cspan class=\"soi-bouc-compo-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-bouc-compo-value\"\u003e150 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-compo-row\"\u003e\n \u003cspan class=\"soi-bouc-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-bouc-compo-value\"\u003eBIO ECOCERT, Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-compo-row\"\u003e\n \u003cspan class=\"soi-bouc-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-bouc-compo-value\"\u003e99% d'ingrédients d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-compo-row\"\u003e\n \u003cspan class=\"soi-bouc-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-bouc-compo-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-compo-row\"\u003e\n \u003cspan class=\"soi-bouc-compo-label\"\u003eValidation\u003c\/span\u003e\n \u003cspan class=\"soi-bouc-compo-value\"\u003eValidé par des coiffeurs professionnels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bouc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-bouc-cta-box\"\u003e\n \u003cp class=\"soi-bouc-cta-tag\" style=\"color: white;\"\u003eLe soin naturel de vos boucles\u003c\/p\u003e\n \u003cp class=\"soi-bouc-cta-text\" style=\"color: white;\"\u003eDes boucles définies, hydratées et libérées des frisottis. La formule bio à la mangue, au karité et à l'aloe vera prend soin de vos cheveux bouclés, frisés ou crépus avec douceur et efficacité. Offrez à vos boucles le soin qu'elles 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-bouc-marine: #1A2D3D;\n --soi-bouc-marine-dark: #0F1E2B;\n --soi-bouc-marine-light: #2C4458;\n --soi-bouc-pomme: #A1C544;\n --soi-bouc-pomme-dark: #84A636;\n --soi-bouc-pomme-light: rgba(161,197,68,0.10);\n --soi-bouc-white: #FFFFFF;\n --soi-bouc-off-white: #F8FAF6;\n --soi-bouc-stone: #F1F3EE;\n --soi-bouc-line: #E5E8E0;\n --soi-bouc-primary: #D88542;\n --soi-bouc-primary-soft: #F5DFC8;\n --soi-bouc-accent: #5C2D1A;\n --soi-bouc-text: #1A2D3D;\n --soi-bouc-text-soft: #4A5B6B;\n --soi-bouc-text-muted: #7B8693;\n --soi-bouc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-bouc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-bouc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-bouc-radius: 12px;\n --soi-bouc-radius-sm: 8px;\n --soi-bouc-radius-pill: 999px;\n}\n\n.soi-bouc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-bouc-fiche img { max-width: 100%; height: auto; }\n\n.soi-bouc-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-bouc-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-bouc-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-bouc-hero {\n position: relative;\n background: var(--soi-bouc-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-bouc-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-bouc-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-bouc-pomme);\n}\n\n.soi-bouc-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-bouc-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-bouc-pomme);\n border-radius: 50%;\n}\n\n.soi-bouc-hero-title {\n display: block;\n color: var(--soi-bouc-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-bouc-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-bouc-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-bouc-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-bouc-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-bouc-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-bouc-label-accent {\n background: var(--soi-bouc-pomme);\n border-color: var(--soi-bouc-pomme);\n color: var(--soi-bouc-marine);\n font-weight: 600;\n}\n\n.soi-bouc-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-bouc-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-bouc-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-bouc-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-bouc-pomme);\n border-radius: 2px;\n}\n\n.soi-bouc-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-bouc-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-bouc-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-bouc-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-bouc-benefit {\n background: var(--soi-bouc-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-bouc-radius);\n border: 1px solid var(--soi-bouc-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-bouc-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-bouc-shadow-md);\n}\n\n.soi-bouc-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-bouc-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-bouc-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-bouc-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-bouc-benefit:hover .soi-bouc-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-bouc-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-bouc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-bouc-benefit p {\n font-size: 13px;\n color: var(--soi-bouc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bouc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-bouc-card {\n background: var(--soi-bouc-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-bouc-radius);\n border-left: 3px solid var(--soi-bouc-pomme);\n}\n\n.soi-bouc-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-bouc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-bouc-card p {\n font-size: 14px;\n color: var(--soi-bouc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bouc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-bouc-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-bouc-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-bouc-radius);\n border: 1px solid var(--soi-bouc-line);\n align-items: flex-start;\n}\n\n.soi-bouc-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-bouc-marine);\n color: var(--soi-bouc-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-bouc-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-bouc-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-bouc-step-content p {\n font-size: 14px;\n color: var(--soi-bouc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bouc-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-bouc-pomme-light);\n border-left: 4px solid var(--soi-bouc-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-bouc-radius) var(--soi-bouc-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-bouc-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-bouc-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-bouc-marine);\n margin-bottom: 4px;\n}\n\n.soi-bouc-tip p {\n font-size: 14px;\n color: var(--soi-bouc-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bouc-compo {\n background: var(--soi-bouc-off-white);\n border-radius: var(--soi-bouc-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.soi-bouc-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-bouc-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-bouc-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-bouc-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-bouc-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-bouc-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-bouc-marine);\n text-align: right;\n}\n\n.soi-bouc-cta-box {\n background: var(--soi-bouc-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-bouc-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-bouc-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-bouc-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-bouc-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-bouc-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-bouc-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 500;\n color: var(--soi-bouc-white);\n line-height: 1.5;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-bouc-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-bouc-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-bouc-compo-value {\n text-align: left;\n }\n\n .soi-bouc-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-bouc-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-bouc-fiche {\n --soi-bouc-text-soft: #2C3E50;\n --soi-bouc-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603669082442,"sku":"CE0585","price":13.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-creme-definisseur-boucles-2en1-centifolia-packshot.webp?v=1785766118"},{"product_id":"soin-activateur-de-boucles-anti-frisottis-certifie-bio-centifolia","title":"Soin Activateur de Boucles Anti-Frisottis certifié bio – Centifolia","description":"\u003cdiv class=\"soi-bouc-fiche\"\u003e\n\n \u003csection class=\"soi-bouc-hero\"\u003e\n \u003cdiv class=\"soi-bouc-hero-tag\"\u003e\n \u003cspan class=\"soi-bouc-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétiques et soins capillaires · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-bouc-hero-title\"\u003eSoin Activateur de Boucles Anti-Frisottis certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-bouc-hero-subtitle\"\u003eUn spray biphase sans rinçage, validé par des coiffeurs professionnels, pour des boucles redéfinies, hydratées et libérées des frisottis.\u003c\/p\u003e\n \u003cdiv class=\"soi-bouc-hero-labels\"\u003e\n \u003cspan class=\"soi-bouc-label soi-bouc-label-accent\"\u003eCOSMOS ORGANIC ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-bouc-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-bouc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-bouc-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bouc-section\"\u003e\n \u003ch2\u003ePourquoi ce spray activateur de boucles se distingue-t-il ?\u003c\/h2\u003e\n \u003cp\u003eLa plupart des soins anti-frisottis alourdissent la fibre ou créent un effet carton. Ici, la formule biphase joue sur deux niveaux simultanément : une \u003cstrong\u003ephase aqueuse\u003c\/strong\u003e pour hydrater en profondeur, et une \u003cstrong\u003ephase huileuse légère\u003c\/strong\u003e pour gainer chaque boucle et en fixer la forme. Vos boucles rebondissent, ne collent pas et restent naturelles toute la journée.\u003c\/p\u003e\n \u003cdiv class=\"soi-bouc-benefits\"\u003e\n \u003cdiv class=\"soi-bouc-benefit\"\u003e\n \u003cdiv class=\"soi-bouc-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAnti-frisottis immédiat\u003c\/h3\u003e\n \u003cp\u003eEfficacité prouvée y compris par forte humidité, pour des boucles nettes en toute circonstance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-benefit\"\u003e\n \u003cdiv class=\"soi-bouc-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVolume maîtrisé\u003c\/h3\u003e\n \u003cp\u003eAucun effet gonflé ni résidus : vos boucles gardent leur forme naturelle sans alourdissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-benefit\"\u003e\n \u003cdiv class=\"soi-bouc-benefit-icon\"\u003e\u003cspan\u003e🌀\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBoucles redéfinies\u003c\/h3\u003e\n \u003cp\u003eDès la première application, chaque boucle retrouve sa définition, sa souplesse et sa brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bouc-section\"\u003e\n \u003ch2\u003eLes actifs clés pour des boucles parfaites\u003c\/h2\u003e\n \u003cdiv class=\"soi-bouc-grid\"\u003e\n \u003cdiv class=\"soi-bouc-card\"\u003e\n \u003ch3\u003e🥭 Mangue bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras et vitamines, elle nourrit en profondeur la fibre capillaire, adoucit les longueurs et apporte une brillance visible dès le premier geste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-card\"\u003e\n \u003ch3\u003e🌿 Aloe vera bio et équitable\u003c\/h3\u003e\n \u003cp\u003eHydratant naturel de référence, il pénètre au cœur du cheveu pour restaurer le niveau d'hydratation et limiter la casse sur les boucles les plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-card\"\u003e\n \u003ch3\u003e🌾 Amidon biosourcé 100% naturel\u003c\/h3\u003e\n \u003cp\u003eCet actif coiffant d'origine végétale enveloppe chaque boucle d'un film protecteur invisible qui bloque l'humidité et supprime les frisottis sans rigidifier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-card\"\u003e\n \u003ch3\u003e🌸 Parfum 100% naturel\u003c\/h3\u003e\n \u003cp\u003eIssu d'extraits végétaux, il laisse un sillage subtil et frais, sans allergènes ajoutés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bouc-section\"\u003e\n \u003ch2\u003eComment utiliser le spray activateur de boucles Centifolia ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-bouc-timeline\"\u003e\n \u003cdiv class=\"soi-bouc-step\"\u003e\n \u003cdiv class=\"soi-bouc-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-step-content\"\u003e\n \u003ch3\u003eAgitez bien\u003c\/h3\u003e\n \u003cp\u003eSecouez le flacon avant chaque utilisation pour mélanger les deux phases et activer la formule biphase.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-step\"\u003e\n \u003cdiv class=\"soi-bouc-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-step-content\"\u003e\n \u003ch3\u003eVaporisez\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur cheveux humides ou secs, mèche par mèche ou sur l'ensemble de la chevelure selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-step\"\u003e\n \u003cdiv class=\"soi-bouc-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-step-content\"\u003e\n \u003ch3\u003eLaissez agir sans rincer\u003c\/h3\u003e\n \u003cp\u003eDiffusez ou laissez sécher à l'air libre. Ne peignez pas après application pour préserver la définition de vos boucles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-tip\"\u003e\n \u003cdiv class=\"soi-bouc-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUtilisez ce soin en refresh entre deux lavages pour raviver vos boucles endormies en quelques secondes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bouc-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cp\u003eAqua, Aloe Barbadensis Leaf Juice*, Helianthus Annuus Seed Oil*, Mangifera Indica Seed Butter*, Zea Mays Starch, Glycerin, Alcohol*, Cetearyl Alcohol, Parfum (Natural), Xanthan Gum, Sodium Benzoate, Potassium Sorbate, Citric Acid.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e(*) Ingrédients issus de l'agriculture biologique. 99% des ingrédients sont d'origine naturelle. Produit certifié Cosmos Organic par Ecocert Greenlife.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bouc-section\"\u003e\n \u003ch2\u003ePour quels cheveux est fait ce soin anti-frisottis ?\u003c\/h2\u003e\n \u003cp\u003eCe spray convient à toutes les textures de cheveux avec du mouvement : boucles larges (type 2), boucles serrées (type 3) ou cheveux crépus (type 4). Il s'adapte aussi bien à une routine \u003cstrong\u003eméthode Curly\u003c\/strong\u003e qu'à une utilisation quotidienne classique. Sans sulfates, sans silicones, sans ingrédients d'origine animale : il respecte à la fois votre chevelure et la planète.\u003c\/p\u003e\n \u003cdiv class=\"soi-bouc-grid-compact\"\u003e\n \u003cdiv class=\"soi-bouc-card-mini\"\u003e\n \u003cspan class=\"soi-bouc-card-mini-icon\"\u003e📏\u003c\/span\u003e\n \u003cspan class=\"soi-bouc-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-bouc-card-mini-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-card-mini\"\u003e\n \u003cspan class=\"soi-bouc-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-bouc-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-bouc-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-card-mini\"\u003e\n \u003cspan class=\"soi-bouc-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-bouc-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-bouc-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bouc-card-mini\"\u003e\n \u003cspan class=\"soi-bouc-card-mini-icon\"\u003e🐇\u003c\/span\u003e\n \u003cspan class=\"soi-bouc-card-mini-label\"\u003eEngagement\u003c\/span\u003e\n \u003cspan class=\"soi-bouc-card-mini-value\"\u003eVegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bouc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-bouc-cta-box\"\u003e\n \u003cp class=\"soi-bouc-cta-tag\" style=\"color: white;\"\u003eVos boucles, sublimées naturellement\u003c\/p\u003e\n \u003cp class=\"soi-bouc-cta-text\" style=\"color: white;\"\u003eDes boucles vivantes, définies et sans frisottis : c'est exactement ce que vous offre ce spray activateur certifié bio signé Centifolia. Avec sa mangue bio, son aloe vera équitable et son actif coiffant végétal, il prend soin de vos boucles au quotidien, en toute légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-bouc-marine: #1A2D3D;\n --soi-bouc-marine-dark: #0F1E2B;\n --soi-bouc-marine-light: #2C4458;\n --soi-bouc-pomme: #A1C544;\n --soi-bouc-pomme-dark: #84A636;\n --soi-bouc-pomme-light: rgba(161,197,68,0.10);\n --soi-bouc-white: #FFFFFF;\n --soi-bouc-off-white: #F8FAF6;\n --soi-bouc-stone: #F1F3EE;\n --soi-bouc-line: #E5E8E0;\n --soi-bouc-primary: #D4762A;\n --soi-bouc-primary-soft: #FDF6EE;\n --soi-bouc-accent: #E8A54C;\n --soi-bouc-text: #1A2D3D;\n --soi-bouc-text-soft: #4A5B6B;\n --soi-bouc-text-muted: #7B8693;\n --soi-bouc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-bouc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-bouc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-bouc-radius: 12px;\n --soi-bouc-radius-sm: 8px;\n --soi-bouc-radius-pill: 999px;\n}\n\n.soi-bouc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-bouc-fiche img { max-width: 100%; height: auto; }\n\n.soi-bouc-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-bouc-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-bouc-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-bouc-hero {\n position: relative;\n background: var(--soi-bouc-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-bouc-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-bouc-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-bouc-pomme);\n}\n\n.soi-bouc-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-bouc-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-bouc-pomme);\n border-radius: 50%;\n}\n\n.soi-bouc-hero-title {\n display: block;\n color: var(--soi-bouc-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-bouc-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-bouc-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-bouc-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-bouc-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-bouc-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-bouc-label-accent {\n background: var(--soi-bouc-pomme);\n border-color: var(--soi-bouc-pomme);\n color: var(--soi-bouc-marine);\n font-weight: 600;\n}\n\n.soi-bouc-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-bouc-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-bouc-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-bouc-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-bouc-pomme);\n border-radius: 2px;\n}\n\n.soi-bouc-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-bouc-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-bouc-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-bouc-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-bouc-benefit {\n background: var(--soi-bouc-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-bouc-radius);\n border: 1px solid var(--soi-bouc-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-bouc-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-bouc-shadow-md);\n}\n\n.soi-bouc-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-bouc-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-bouc-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-bouc-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-bouc-benefit:hover .soi-bouc-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-bouc-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-bouc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-bouc-benefit p {\n font-size: 13px;\n color: var(--soi-bouc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bouc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-bouc-card {\n background: var(--soi-bouc-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-bouc-radius);\n border-left: 3px solid var(--soi-bouc-pomme);\n}\n\n.soi-bouc-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-bouc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-bouc-card p {\n font-size: 14px;\n color: var(--soi-bouc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bouc-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-bouc-card-mini {\n background: var(--soi-bouc-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-bouc-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-bouc-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-bouc-card-mini-label {\n font-size: 11px;\n color: var(--soi-bouc-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-bouc-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-bouc-marine);\n}\n\n.soi-bouc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-bouc-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-bouc-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-bouc-radius);\n border: 1px solid var(--soi-bouc-line);\n align-items: flex-start;\n}\n\n.soi-bouc-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-bouc-marine);\n color: var(--soi-bouc-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-bouc-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-bouc-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-bouc-step-content p {\n font-size: 14px;\n color: var(--soi-bouc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bouc-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-bouc-pomme-light);\n border-left: 4px solid var(--soi-bouc-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-bouc-radius) var(--soi-bouc-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-bouc-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-bouc-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-bouc-marine);\n margin-bottom: 4px;\n}\n\n.soi-bouc-tip p {\n font-size: 14px;\n color: var(--soi-bouc-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bouc-cta-box {\n background: var(--soi-bouc-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-bouc-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-bouc-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-bouc-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-bouc-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-bouc-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-bouc-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-bouc-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-bouc-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-bouc-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-bouc-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-bouc-fiche {\n --soi-bouc-text-soft: #2C3E50;\n --soi-bouc-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603669344586,"sku":"CE0590","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soin-activateur-de-boucles-anti-frisottis-certifie-bio-centi-packshot.webp?v=1779178497"},{"product_id":"bio-5-gel-coiffant-antichute-certifie-bio-et-vegan-science-et-equilibre","title":"BIO 5 Gel coiffant antichute bio et vegan – Science et Équilibre","description":"\u003cdiv class=\"soi-gelb5-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-gelb5-hero\"\u003e\n \u003cdiv class=\"soi-gelb5-hero-tag\"\u003e\n \u003cspan class=\"soi-gelb5-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétiques capillaires · Science et Équilibre\n \u003c\/div\u003e\n \u003cspan class=\"soi-gelb5-hero-title\"\u003eUn gel coiffant bio qui lutte contre la chute\u003c\/span\u003e\n \u003cp class=\"soi-gelb5-hero-subtitle\"\u003eLe BIO 5 Gel coiffant antichute allie tenue structurée et actifs végétaux ciblés pour prendre soin de vos cheveux à chaque coiffage, avec une formule certifiée et fabriquée en France.\u003c\/p\u003e\n \u003cdiv class=\"soi-gelb5-hero-labels\"\u003e\n \u003cspan class=\"soi-gelb5-label soi-gelb5-label-accent\"\u003eCOSMOS ORGANIC ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-gelb5-label\"\u003eCOSMEBIO\u003c\/span\u003e\n \u003cspan class=\"soi-gelb5-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-gelb5-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Un gel coiffant bio qui prend soin de vos cheveux en même temps qu'il les coiffe --\u003e\n \u003csection class=\"soi-gelb5-section\"\u003e\n \u003ch2\u003eUn gel coiffant bio qui prend soin de vos cheveux en même temps qu'il les coiffe\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un gel coiffant qui fixe sans laisser vos cheveux raides comme de la paille, tout en agissant concrètement contre la chute ? Le \u003cstrong\u003eBIO 5 Gel coiffant antichute\u003c\/strong\u003e de Science et Équilibre est pensé exactement pour cela : une tenue soignée, des actifs végétaux ciblés et une certification Cosmos Organic Ecocert qui garantit la pureté de chaque ingrédient. Fabriqué en France, vegan, il s'adapte à tous les types de cheveux, des plus fins aux plus épais.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Ce que contient vraiment ce gel (et pourquoi ça compte) --\u003e\n \u003csection class=\"soi-gelb5-section\"\u003e\n \u003ch2\u003eCe que contient vraiment ce gel (et pourquoi ça compte)\u003c\/h2\u003e\n \u003cp class=\"soi-gelb5-section-intro\"\u003eLa force de ce gel, c'est sa formule. Pas de compromis entre tenue et respect du cheveu :\u003c\/p\u003e\n \u003cdiv class=\"soi-gelb5-grid\"\u003e\n \u003cdiv class=\"soi-gelb5-card\"\u003e\n \u003ch3\u003e🌿 Aloe vera + Aloe arborescens\u003c\/h3\u003e\n \u003cp\u003eDeux gels d'aloe complémentaires pour nourrir la fibre, lisser les écailles et apporter brillance sans effet gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelb5-card\"\u003e\n \u003ch3\u003e🌰 Gomme Tara 100 % naturelle\u003c\/h3\u003e\n \u003cp\u003eAgent fixant végétal qui structure la coiffure avec précision, sans laisser de résidu collant ni de toucher cartonné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelb5-card\"\u003e\n \u003ch3\u003e🌱 Extrait d'ortie bio\u003c\/h3\u003e\n \u003cp\u003eRiche en silice et en minéraux, il contribue à renforcer la fibre capillaire et à limiter la chute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelb5-card\"\u003e\n \u003ch3\u003e🌸 Extrait d'épilobe bio\u003c\/h3\u003e\n \u003cp\u003eApaisant pour le cuir chevelu, il soutient l'équilibre du follicule pileux et la résistance du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelb5-card\"\u003e\n \u003ch3\u003e🍃 Extrait de noyer bio\u003c\/h3\u003e\n \u003cp\u003eTonifiant et fortifiant, il complète l'action antichute en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelb5-tip\"\u003e\n \u003cdiv class=\"soi-gelb5-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCes actifs restent au contact du cheveu et du cuir chevelu toute la journée, ce qui prolonge leur efficacité bien au-delà du simple geste de coiffage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser le BIO 5 Gel coiffant antichute --\u003e\n \u003csection class=\"soi-gelb5-section\"\u003e\n \u003ch2\u003eComment utiliser le BIO 5 Gel coiffant antichute\u003c\/h2\u003e\n \u003cdiv class=\"soi-gelb5-timeline\"\u003e\n \u003cdiv class=\"soi-gelb5-step\"\u003e\n \u003cdiv class=\"soi-gelb5-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gelb5-step-content\"\u003e\n \u003ch3\u003eAppliquez le gel\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette à une noix de gel et appliquez sur cheveux humides ou secs selon l'effet souhaité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelb5-step\"\u003e\n \u003cdiv class=\"soi-gelb5-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gelb5-step-content\"\u003e\n \u003ch3\u003eSur cheveux humides\u003c\/h3\u003e\n \u003cp\u003eRépartissez en peignant pour un fini structuré, brillant et un effet mouillé maîtrisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelb5-step\"\u003e\n \u003cdiv class=\"soi-gelb5-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gelb5-step-content\"\u003e\n \u003ch3\u003eSur cheveux secs\u003c\/h3\u003e\n \u003cp\u003eTravaillez avec les doigts pour un rendu plus naturel et discret, sans effet plastifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelb5-step\"\u003e\n \u003cdiv class=\"soi-gelb5-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-gelb5-step-content\"\u003e\n \u003ch3\u003eAdaptez la quantité\u003c\/h3\u003e\n \u003cp\u003eAjustez selon votre longueur et la densité de votre chevelure. Idéal pour les cheveux courts à mi-longs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pour qui est fait ce gel antichute bio ? --\u003e\n \u003csection class=\"soi-gelb5-section\"\u003e\n \u003ch2\u003ePour qui est fait ce gel antichute bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gelb5-benefits\"\u003e\n \u003cdiv class=\"soi-gelb5-benefit\"\u003e\n \u003cdiv class=\"soi-gelb5-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux fins ou clairsemés\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez coiffer vos cheveux sans les écraser davantage, en leur apportant volume et tenue légère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelb5-benefit\"\u003e\n \u003cdiv class=\"soi-gelb5-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eChute de cheveux modérée\u003c\/h3\u003e\n \u003cp\u003eVous observez une chute modérée et souhaitez intégrer un soin actif à votre routine quotidienne de coiffage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelb5-benefit\"\u003e\n \u003cdiv class=\"soi-gelb5-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eComposition exigeante\u003c\/h3\u003e\n \u003cp\u003eVous êtes attentif à la composition de vos cosmétiques : sans sulfate, sans silicone, sans paraben.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelb5-benefit\"\u003e\n \u003cdiv class=\"soi-gelb5-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEngagé bio et vegan\u003c\/h3\u003e\n \u003cp\u003eVous préférez des produits certifiés bio et vegan, fabriqués en France avec des ingrédients traçables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition complète (INCI) --\u003e\n \u003csection class=\"soi-gelb5-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cp\u003eAqua, Aloe Barbadensis Leaf Juice*, Aloe Arborescens Leaf Juice*, Caesalpinia Spinosa Gum (Tara), Urtica Dioica Extract*, Epilobium Angustifolium Extract*, Juglans Regia Leaf Extract*, Parfum, Benzyl Alcohol, Dehydroacetic Acid, Citric Acid.\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-gelb5-compo\"\u003e\n \u003cdiv class=\"soi-gelb5-compo-row\"\u003e\n \u003cspan class=\"soi-gelb5-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-gelb5-compo-value\"\u003e150 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelb5-compo-row\"\u003e\n \u003cspan class=\"soi-gelb5-compo-label\"\u003eCertifications\u003c\/span\u003e\n \u003cspan class=\"soi-gelb5-compo-value\"\u003eCosmos Organic (Ecocert), Cosmebio, Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelb5-compo-row\"\u003e\n \u003cspan class=\"soi-gelb5-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-gelb5-compo-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Questions fréquentes sur le gel coiffant antichute BIO 5 --\u003e\n \u003csection class=\"soi-gelb5-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le gel coiffant antichute BIO 5\u003c\/h2\u003e\n \u003cdiv class=\"soi-gelb5-accordion\"\u003e\n \u003cdetails class=\"soi-gelb5-accordion-item\"\u003e\n \u003csummary class=\"soi-gelb5-accordion-header\"\u003e💇 Le gel coiffe-t-il vraiment aussi bien qu'un gel classique ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gelb5-accordion-content\"\u003e\n \u003cp\u003eOui, la gomme Tara assure une tenue réelle et durable, sans les inconvénients des polymères synthétiques (croûte, résidu, inconfort).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-gelb5-accordion-item\"\u003e\n \u003csummary class=\"soi-gelb5-accordion-header\"\u003e📅 Peut-on l'utiliser tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gelb5-accordion-content\"\u003e\n \u003cp\u003eAbsolument. Sa formule douce et respirante le rend compatible avec une utilisation quotidienne, même sur cuir chevelu sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-gelb5-accordion-item\"\u003e\n \u003csummary class=\"soi-gelb5-accordion-header\"\u003e⚕️ Ce gel remplace-t-il un traitement médical contre la chute ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gelb5-accordion-content\"\u003e\n \u003cp\u003eNon. Il s'inscrit dans une routine de soin complémentaire. En cas de chute importante, consultez un dermatologue ou un médecin.\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-gelb5-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gelb5-cta-box\"\u003e\n \u003cp class=\"soi-gelb5-cta-tag\" style=\"color: white;\"\u003eUn rituel de coiffage qui prend soin de vos cheveux\u003c\/p\u003e\n \u003cp class=\"soi-gelb5-cta-text\" style=\"color: white;\"\u003eChaque matin, offrez à vos cheveux bien plus qu'une coiffure tenue : des actifs bio ciblés, une formule légère et respectueuse, pour des cheveux plus forts et visiblement plus résistants, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-gelb5-marine: #1A2D3D;\n --soi-gelb5-marine-dark: #0F1E2B;\n --soi-gelb5-marine-light: #2C4458;\n --soi-gelb5-pomme: #A1C544;\n --soi-gelb5-pomme-dark: #84A636;\n --soi-gelb5-pomme-light: rgba(161,197,68,0.10);\n\n --soi-gelb5-white: #FFFFFF;\n --soi-gelb5-off-white: #F8FAF6;\n --soi-gelb5-stone: #F1F3EE;\n --soi-gelb5-line: #E5E8E0;\n\n --soi-gelb5-primary: #5A8A5A;\n --soi-gelb5-primary-soft: #EAF2EA;\n --soi-gelb5-accent: #7CA86E;\n\n --soi-gelb5-text: #1A2D3D;\n --soi-gelb5-text-soft: #4A5B6B;\n --soi-gelb5-text-muted: #7B8693;\n\n --soi-gelb5-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gelb5-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gelb5-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gelb5-radius: 12px;\n --soi-gelb5-radius-sm: 8px;\n --soi-gelb5-radius-pill: 999px;\n}\n\n.soi-gelb5-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gelb5-fiche img { max-width: 100%; height: auto; }\n\n.soi-gelb5-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gelb5-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gelb5-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gelb5-hero {\n position: relative;\n background: var(--soi-gelb5-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-gelb5-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gelb5-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gelb5-pomme);\n}\n\n.soi-gelb5-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-gelb5-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gelb5-pomme);\n border-radius: 50%;\n}\n\n.soi-gelb5-hero-title {\n display: block;\n color: var(--soi-gelb5-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-gelb5-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-gelb5-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gelb5-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-gelb5-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gelb5-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gelb5-label-accent {\n background: var(--soi-gelb5-pomme);\n border-color: var(--soi-gelb5-pomme);\n color: var(--soi-gelb5-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gelb5-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gelb5-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gelb5-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-gelb5-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gelb5-pomme);\n border-radius: 2px;\n}\n\n.soi-gelb5-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gelb5-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-gelb5-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gelb5-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gelb5-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-gelb5-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-gelb5-benefit {\n background: var(--soi-gelb5-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gelb5-radius);\n border: 1px solid var(--soi-gelb5-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gelb5-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gelb5-shadow-md);\n}\n\n.soi-gelb5-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gelb5-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-gelb5-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gelb5-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gelb5-benefit:hover .soi-gelb5-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gelb5-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gelb5-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gelb5-benefit p {\n font-size: 13px;\n color: var(--soi-gelb5-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gelb5-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-gelb5-card {\n background: var(--soi-gelb5-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gelb5-radius);\n border-left: 3px solid var(--soi-gelb5-pomme);\n}\n\n.soi-gelb5-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gelb5-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gelb5-card p {\n font-size: 14px;\n color: var(--soi-gelb5-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-gelb5-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-gelb5-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gelb5-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gelb5-radius);\n border: 1px solid var(--soi-gelb5-line);\n align-items: flex-start;\n}\n\n.soi-gelb5-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gelb5-marine);\n color: var(--soi-gelb5-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-gelb5-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gelb5-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gelb5-step-content p {\n font-size: 14px;\n color: var(--soi-gelb5-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-gelb5-compo {\n background: var(--soi-gelb5-off-white);\n border-radius: var(--soi-gelb5-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-gelb5-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-gelb5-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-gelb5-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-gelb5-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-gelb5-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-gelb5-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-gelb5-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-gelb5-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gelb5-pomme-light);\n border-left: 4px solid var(--soi-gelb5-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gelb5-radius) var(--soi-gelb5-radius) 0;\n align-items: flex-start;\n}\n\n.soi-gelb5-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gelb5-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gelb5-marine);\n margin-bottom: 4px;\n}\n\n.soi-gelb5-tip p {\n font-size: 14px;\n color: var(--soi-gelb5-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gelb5-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gelb5-accordion-item {\n background: var(--soi-gelb5-off-white);\n border-radius: var(--soi-gelb5-radius-sm);\n border: 1px solid var(--soi-gelb5-line);\n overflow: hidden;\n}\n\n.soi-gelb5-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gelb5-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-gelb5-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gelb5-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gelb5-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gelb5-accordion-item[open] .soi-gelb5-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gelb5-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gelb5-accordion-content p {\n font-size: 14px;\n color: var(--soi-gelb5-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gelb5-cta-box {\n background: var(--soi-gelb5-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gelb5-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gelb5-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-gelb5-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gelb5-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-gelb5-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gelb5-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gelb5-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-gelb5-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gelb5-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-gelb5-compo-value {\n text-align: left;\n }\n\n .soi-gelb5-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-gelb5-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gelb5-fiche {\n --soi-gelb5-text-soft: #2C3E50;\n --soi-gelb5-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Science et Equilibre","offers":[{"title":"Default Title","offer_id":61603776528714,"sku":"SQ0020","price":28.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/bio-5-gel-coiffant-antichute-certifie-bio-et-vegan-science-e-packshot.webp?v=1785151826"},{"product_id":"bio-5-spray-disciplinant-antichute-certifie-bio-et-vegan-science-et-equilibre","title":"BIO 5 Spray Antichute Bio \u0026 Coiffant – Science et Équilibre","description":"\n\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 Soin capillaire bio · Science et Équilibre\n \u003c\/div\u003e\n \u003cspan class=\"soi-bio5-hero-title\"\u003eCoiffez et renforcez en un seul geste\u003c\/span\u003e\n \u003cp class=\"soi-bio5-hero-subtitle\"\u003eUne brume légère aux 5 extraits végétaux bio qui discipline votre coiffure tout en limitant la chute, jour après jour, sur tous types de cheveux.\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\"\u003eCOSMEBIO\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-label\"\u003e100% VEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bio5-section\"\u003e\n \u003ch2\u003eUn spray disciplinant antichute bio pour coiffer et renforcer en un geste\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un spray disciplinant cheveux qui fait vraiment deux choses à la fois : dompter votre coiffure et limiter la chute ? Le BIO 5 Spray disciplinant antichute de Science et Équilibre est conçu exactement pour ça. Brume légère, formule certifiée bio, actifs végétaux ciblés : il s'intègre à votre routine en quelques secondes, sur cheveux humides ou secs, sans laisser de résidu ni alourdir la fibre.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bio5-section\"\u003e\n \u003ch2\u003eCe que ce spray apporte concrètement à vos cheveux\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\u003eAction anti-chute\u003c\/h3\u003e\n \u003cp\u003e3 actifs végétaux bio restent actifs sur le cheveu et le cuir chevelu toute la journée pour renforcer l'ancrage capillaire.\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\u003eTenue souple et naturelle\u003c\/h3\u003e\n \u003cp\u003eLes épis s'effacent en quelques gestes, la coiffure garde son mouvement sans effet carton ni fini gras.\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\u003eVolume et éclat visibles\u003c\/h3\u003e\n \u003cp\u003eLa fibre est hydratée, reminéralisée et fortifiée, les longueurs reprennent du relief et de la brillance.\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\u003eCuir chevelu respecté\u003c\/h3\u003e\n \u003cp\u003eLa formule légère permet à la peau de respirer, sans sensation d'inconfort ni démangeaisons.\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\u003eEffet dépollution\u003c\/h3\u003e\n \u003cp\u003eLe spray neutralise les résidus et les agressions extérieures qui ternissent la chevelure au fil de la journée.\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 extraits végétaux qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-bio5-grid\"\u003e\n \u003cdiv class=\"soi-bio5-card\"\u003e\n \u003ch3\u003e🌿 Ortie\u003c\/h3\u003e\n \u003cp\u003eReminéralise le cuir chevelu et stimule la microcirculation locale pour ancrer le cheveu plus solidement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-card\"\u003e\n \u003ch3\u003e🌸 Épilobe\u003c\/h3\u003e\n \u003cp\u003eApaise le cuir chevelu sensible et limite les inflammations qui fragilisent le bulbe pileux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-card\"\u003e\n \u003ch3\u003e🌰 Noyer\u003c\/h3\u003e\n \u003cp\u003eFortifie la fibre capillaire de la racine à la pointe grâce à sa richesse en tanins et en acides gras essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-card\"\u003e\n \u003ch3\u003e🎋 Bambou et Moringa\u003c\/h3\u003e\n \u003cp\u003eApportent silice et acides aminés pour redonner élasticité, volume et résistance au cheveu fragilisé.\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\u003eComment utiliser ce spray disciplinant antichute ?\u003c\/h2\u003e\n \u003cp class=\"soi-bio5-section-intro\"\u003eLe spray s'adapte à deux usages complémentaires selon vos besoins du moment :\u003c\/p\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\u003eEn spray coiffant\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur cheveux humides ou secs avant de coiffer. Quelques pulvérisations suffisent pour gagner en tenue et en volume toute la journée.\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\u003eEn lotion ciblée anti-chute\u003c\/h3\u003e\n \u003cp\u003eApprochez la pompe du cuir chevelu, pressez 1 à 4 fois sur les zones concernées, massez doucement, puis recoiffez. Pas de rinçage nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-tip\"\u003e\n \u003cdiv class=\"soi-bio5-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eConvient à tous types de cheveux : fins, normaux, colorés ou fragilisés. Pour des résultats visibles sur la chute, une utilisation régulière sur 6 à 8 semaines est recommandée.\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\u003eCertifications et engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"soi-bio5-grid-compact\"\u003e\n \u003cdiv class=\"soi-bio5-card-mini\"\u003e\n \u003cspan class=\"soi-bio5-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-card-mini-value\"\u003eCosmos Organic (Ecocert)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-card-mini\"\u003e\n \u003cspan class=\"soi-bio5-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-card-mini-label\"\u003eEngagement\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-card-mini-value\"\u003e100% Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-card-mini\"\u003e\n \u003cspan class=\"soi-bio5-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-card-mini-value\"\u003eFrance, Val de Loire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-card-mini\"\u003e\n \u003cspan class=\"soi-bio5-card-mini-icon\"\u003e💧\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-card-mini-value\"\u003e150 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-compo\"\u003e\n \u003cdiv class=\"soi-bio5-compo-row\"\u003e\n \u003cspan class=\"soi-bio5-compo-label\"\u003eCertification bio\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\"\u003eLabel\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-compo-value\"\u003eCosmebio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-compo-row\"\u003e\n \u003cspan class=\"soi-bio5-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-compo-value\"\u003e100% vegan, sans matière d'origine animale\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\"\u003eLaboratoires Val de Loire, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bio5-compo-row\"\u003e\n \u003cspan class=\"soi-bio5-compo-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-bio5-compo-value\"\u003e150 ml, flacon pompe\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bio5-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le spray antichute bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-bio5-accordion\"\u003e\n \u003cdetails class=\"soi-bio5-accordion-item\"\u003e\n \u003csummary class=\"soi-bio5-accordion-header\"\u003e💧 Ce spray colle-t-il ou alourdit-il les cheveux ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-bio5-accordion-content\"\u003e\n \u003cp\u003eNon. La brume est ultra-légère et invisible une fois sèche. Aucun résidu, aucune sensation de cheveux chargés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-bio5-accordion-item\"\u003e\n \u003csummary class=\"soi-bio5-accordion-header\"\u003e📅 Peut-on l'utiliser tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-bio5-accordion-content\"\u003e\n \u003cp\u003eOui, il est conçu pour un usage quotidien. C'est justement la régularité qui amplifie son action anti-chute sur le long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-bio5-accordion-item\"\u003e\n \u003csummary class=\"soi-bio5-accordion-header\"\u003e⚕️ Ce produit remplace-t-il un traitement médical ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-bio5-accordion-content\"\u003e\n \u003cp\u003eNon. En cas de chute importante ou persistante, consultez un dermatologue. Ce spray est un soin cosmétique complémentaire, non un médicament.\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;\"\u003eVotre rituel capillaire, naturellement efficace\u003c\/p\u003e\n \u003cp class=\"soi-bio5-cta-text\" style=\"color: white;\"\u003eChaque matin, en quelques pulvérisations, vos cheveux retrouvent tenue, volume et vitalité. Le BIO 5 Spray disciplinant antichute est le soin de routine que vous cherchiez : naturel, certifié bio, efficace au quotidien.\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: #7CA86E;\n --soi-bio5-primary-soft: #E8F0E5;\n --soi-bio5-accent: #C9A84C;\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\/* === HERO === *\/\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\/* === SECTIONS === *\/\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-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-bio5-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\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\/* === BENEFITS === *\/\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\/* === GRID + CARDS === *\/\n.soi-bio5-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\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\/* === GRID COMPACT === *\/\n.soi-bio5-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-bio5-card-mini {\n background: var(--soi-bio5-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-bio5-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-bio5-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-bio5-card-mini-label {\n font-size: 11px;\n color: var(--soi-bio5-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-bio5-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-bio5-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-bio5-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\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\/* === COMPOSITION === *\/\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}\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\/* === TIP === *\/\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}\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\/* === ACCORDÉON === *\/\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\/* === CTA BOX === *\/\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\/* === RESPONSIVE === *\/\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\/* === ACCESSIBILITÉ === *\/\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":61603776627018,"sku":"SQ0025","price":28.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/bio-5-spray-disciplinant-antichute-certifie-bio-et-vegan-sci-packshot.webp?v=1786193678"},{"product_id":"creme-demelante-certifiee-bio-et-vegan-coslys","title":"Crème démêlante certifiée bio et vegan – Coslys","description":"\u003cdiv class=\"soi-cosl-fiche\"\u003e\n\n \u003csection class=\"soi-cosl-hero\"\u003e\n \u003cdiv class=\"soi-cosl-hero-tag\"\u003e\n \u003cspan class=\"soi-cosl-tag-dot\"\u003e\u003c\/span\u003e\n Après-shampoing bio · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-cosl-hero-title\"\u003eLe démêlage redevient un geste de douceur\u003c\/span\u003e\n \u003cp class=\"soi-cosl-hero-subtitle\"\u003eUne crème démêlante à l'aloe vera et à l'huile de coco bio, pensée pour faciliter le coiffage et laisser une sensation de douceur sur tous les types de cheveux.\u003c\/p\u003e\n \u003cdiv class=\"soi-cosl-hero-labels\"\u003e\n \u003cspan class=\"soi-cosl-label soi-cosl-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-label\"\u003eSANS SILICONE\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003cp class=\"soi-cosl-section-intro\"\u003eDémêler ses cheveux ne devrait pas être un combat. Chez Soinat, nous avons sélectionné cet après-shampoing bio signé Coslys, certifié Cosmos Organic, sans silicone et fabriqué en France, pour accompagner tous les types de cheveux au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003eUn après-shampoing bio qui facilite le démêlage\u003c\/h2\u003e\n \u003cp class=\"soi-cosl-section-intro\"\u003eCette crème onctueuse s'étale facilement et enrobe la fibre capillaire sans l'alourdir. Voici ce qu'elle vous apporte au quotidien :\u003c\/p\u003e\n \u003cdiv class=\"soi-cosl-benefits\"\u003e\n \u003cdiv class=\"soi-cosl-benefit\"\u003e\n \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🪮\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUn démêlage plus souple\u003c\/h3\u003e\n \u003cp\u003eL'agent conditionneur d'origine végétale, issu de la betterave sucrière et du colza, aide le peigne à glisser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-benefit\"\u003e\n \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUne hydratation douce\u003c\/h3\u003e\n \u003cp\u003eL'aloe vera bio est apprécié pour ses propriétés hydratantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-benefit\"\u003e\n \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUn toucher nourri\u003c\/h3\u003e\n \u003cp\u003eL'huile de coco bio contribue à assouplir les longueurs et les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-benefit\"\u003e\n \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUn parfum délicat\u003c\/h3\u003e\n \u003cp\u003eUne note fruitée et délicate, agréable sans être envahissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-cosl-result\"\u003eLe résultat : des cheveux plus faciles à coiffer, avec un aspect doux et brillant, sans effet gras.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003eComposition : une formule à 98,4 % d'origine naturelle\u003c\/h2\u003e\n \u003cp class=\"soi-cosl-section-intro\"\u003eCoslys a conçu une formule courte, centrée sur l'essentiel et sans silicone. Les ingrédients clés à retenir :\u003c\/p\u003e\n \u003cdiv class=\"soi-cosl-compo\"\u003e\n \u003cdiv class=\"soi-cosl-compo-row\"\u003e\n \u003cspan class=\"soi-cosl-compo-label\"\u003eAloe vera bio\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-compo-value\"\u003eHydratation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-compo-row\"\u003e\n \u003cspan class=\"soi-cosl-compo-label\"\u003eHuile de coco bio\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-compo-value\"\u003eNutrition\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-compo-row\"\u003e\n \u003cspan class=\"soi-cosl-compo-label\"\u003eAgent conditionneur végétal\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-compo-value\"\u003eDémêlage (issu de la betterave sucrière et du colza)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-compo-row\"\u003e\n \u003cspan class=\"soi-cosl-compo-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-compo-value\"\u003eFruité, d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-grid-compact\"\u003e\n \u003cdiv class=\"soi-cosl-card-mini\"\u003e\n \u003cspan class=\"soi-cosl-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-card-mini-value\"\u003e98,4 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card-mini\"\u003e\n \u003cspan class=\"soi-cosl-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card-mini\"\u003e\n \u003cspan class=\"soi-cosl-card-mini-label\"\u003eCertifié par\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-card-mini-value\"\u003eEcocert Greenlife\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card-mini\"\u003e\n \u003cspan class=\"soi-cosl-card-mini-label\"\u003eLabels\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-card-mini-value\"\u003eVegan, cruelty free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-cosl-note\"\u003eLa liste INCI complète figure sur le tube. Nous vous invitons à la consulter avant l'achat si vous avez des allergies connues.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003eComment l'utiliser en 4 étapes\u003c\/h2\u003e\n \u003cdiv class=\"soi-cosl-timeline\"\u003e\n \u003cdiv class=\"soi-cosl-step\"\u003e\n \u003cdiv class=\"soi-cosl-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step-content\"\u003e\n \u003ch3\u003eLavez\u003c\/h3\u003e\n \u003cp\u003eLavez vos cheveux avec votre shampooing habituel, puis essorez-les doucement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step\"\u003e\n \u003cdiv class=\"soi-cosl-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noix de crème, des longueurs vers les pointes, en évitant le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step\"\u003e\n \u003cdiv class=\"soi-cosl-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step-content\"\u003e\n \u003ch3\u003eDémêlez\u003c\/h3\u003e\n \u003cp\u003eDémêlez avec un peigne à dents larges ou vos doigts, mèche par mèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step\"\u003e\n \u003cdiv class=\"soi-cosl-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003eLaissez poser quelques minutes, puis rincez abondamment à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-tip\"\u003e\n \u003cdiv class=\"soi-cosl-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSur cheveux longs ou très emmêlés, ajustez la quantité et travaillez par sections pour un démêlage plus confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003ePour quels cheveux ? Cheveux crépus, bouclés, fins ou lisses\u003c\/h2\u003e\n \u003cp class=\"soi-cosl-section-intro\"\u003eLa formule convient à tous les types de cheveux. Quelques ajustements vous permettent d'en profiter pleinement selon la nature de votre chevelure.\u003c\/p\u003e\n \u003cdiv class=\"soi-cosl-grid\"\u003e\n \u003cdiv class=\"soi-cosl-card\"\u003e\n \u003ch3\u003eCheveux crépus, frisés ou bouclés\u003c\/h3\u003e\n \u003cp\u003eIls s'emmêlent facilement : appliquez la crème sur cheveux bien mouillés, par petites sections, et démêlez toujours des pointes vers les racines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card\"\u003e\n \u003ch3\u003eCheveux fins\u003c\/h3\u003e\n \u003cp\u003eDosez avec parcimonie pour garder du volume.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003eAprès-shampoing solide ou sans rinçage : bien choisir\u003c\/h2\u003e\n \u003cp\u003eVous hésitez entre plusieurs formats ? Cette crème est un \u003cstrong\u003eaprès-shampoing liquide, à rincer\u003c\/strong\u003e. Ce n'est pas un après-shampoing solide bio, qui se présente en pain. Ce n'est pas non plus une crème démêlante sans rinçage (leave-in), qui répond à un autre usage.\u003c\/p\u003e\n \u003cp\u003eSi vous comparez avec un après-shampoing So'Bio étic ou une autre marque bio, regardez la certification, la liste d'ingrédients et le format qui s'intègrent le mieux à votre routine.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-cosl-accordion\"\u003e\n \u003cdetails class=\"soi-cosl-accordion-item\"\u003e\n \u003csummary class=\"soi-cosl-accordion-header\"\u003eContact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"soi-cosl-accordion-content\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux et rincez-les à l'eau en cas de projection.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cosl-accordion-item\"\u003e\n \u003csummary class=\"soi-cosl-accordion-header\"\u003ePeau sensible et allergies\u003c\/summary\u003e\n \u003cdiv class=\"soi-cosl-accordion-content\"\u003e\n \u003cp\u003eSi vous avez la peau sensible ou des allergies, vérifiez la liste des ingrédients.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cosl-accordion-item\"\u003e\n \u003csummary class=\"soi-cosl-accordion-header\"\u003eAvis médical\u003c\/summary\u003e\n \u003cdiv class=\"soi-cosl-accordion-content\"\u003e\n \u003cp\u003eCe soin cosmétique ne remplace pas un avis ni un traitement médical en cas de problème du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-cosl-cta-box\"\u003e\n \u003cp class=\"soi-cosl-cta-tag\" style=\"color: white;\"\u003eUne routine bio, vegan et made in France\u003c\/p\u003e\n \u003cp class=\"soi-cosl-cta-text\" style=\"color: white;\"\u003eAvec son aloe vera et son huile de coco bio, cette crème démêlante accompagne vos cheveux, quelle que soit leur nature, vers plus de souplesse et de brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.soi-cosl-fiche {\n --soi-cosl-marine: #1A2D3D;\n --soi-cosl-marine-dark: #0F1E2B;\n --soi-cosl-marine-light: #2C4458;\n --soi-cosl-pomme: #A1C544;\n --soi-cosl-pomme-dark: #84A636;\n --soi-cosl-pomme-light: rgba(161,197,68,0.10);\n --soi-cosl-white: #FFFFFF;\n --soi-cosl-off-white: #F8FAF6;\n --soi-cosl-stone: #F1F3EE;\n --soi-cosl-line: #E5E8E0;\n --soi-cosl-primary: #8FCFBF;\n --soi-cosl-primary-soft: #E6F5F0;\n --soi-cosl-accent: #C65B8E;\n --soi-cosl-text: #1A2D3D;\n --soi-cosl-text-soft: #4A5B6B;\n --soi-cosl-text-muted: #7B8693;\n --soi-cosl-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-cosl-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-cosl-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-cosl-radius: 12px;\n --soi-cosl-radius-sm: 8px;\n --soi-cosl-radius-pill: 999px;\n}\n\n.soi-cosl-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cosl-fiche img { max-width: 100%; height: auto; }\n\n.soi-cosl-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-cosl-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-cosl-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-cosl-hero {\n position: relative;\n background: var(--soi-cosl-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-cosl-radius);\n text-align: center;\n overflow: hidden;\n}\n.soi-cosl-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-cosl-pomme);\n}\n.soi-cosl-hero::after {\n content: '';\n position: absolute;\n bottom: 0; left: 0; right: 0;\n height: 2px;\n background: var(--soi-cosl-primary);\n opacity: 0.6;\n}\n.soi-cosl-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.soi-cosl-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-cosl-pomme);\n border-radius: 50%;\n}\n.soi-cosl-hero-title {\n display: block;\n color: var(--soi-cosl-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n.soi-cosl-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.soi-cosl-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n.soi-cosl-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-cosl-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-cosl-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n.soi-cosl-label-accent {\n background: var(--soi-cosl-pomme);\n border-color: var(--soi-cosl-pomme);\n color: var(--soi-cosl-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-cosl-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n.soi-cosl-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-cosl-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.soi-cosl-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-cosl-pomme);\n border-radius: 2px;\n}\n.soi-cosl-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-cosl-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n.soi-cosl-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-cosl-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n.soi-cosl-section p:last-child {\n margin-bottom: 0;\n}\n.soi-cosl-section p.soi-cosl-section-intro {\n color: var(--soi-cosl-text-soft);\n margin-bottom: 1.5rem;\n}\n.soi-cosl-section p.soi-cosl-section-intro:last-child {\n margin-bottom: 0;\n}\n.soi-cosl-section p.soi-cosl-result {\n margin-top: 1.5rem;\n padding: 1rem 1.25rem;\n background: var(--soi-cosl-primary-soft);\n border-radius: var(--soi-cosl-radius-sm);\n color: var(--soi-cosl-marine);\n font-weight: 500;\n}\n.soi-cosl-section p.soi-cosl-note {\n margin-top: 1.25rem;\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-cosl-text-muted);\n}\n\n\/* BENEFITS *\/\n.soi-cosl-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n.soi-cosl-benefit {\n background: var(--soi-cosl-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-cosl-radius);\n border: 1px solid var(--soi-cosl-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.soi-cosl-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-cosl-shadow-md);\n}\n.soi-cosl-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-cosl-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.soi-cosl-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-cosl-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n.soi-cosl-benefit:hover .soi-cosl-benefit-icon::after {\n opacity: 1;\n}\n.soi-cosl-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cosl-marine);\n margin-bottom: 0.5rem;\n}\n.soi-cosl-section .soi-cosl-benefit p {\n font-size: 15px;\n color: var(--soi-cosl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-cosl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n.soi-cosl-card {\n background: var(--soi-cosl-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cosl-radius);\n border-left: 3px solid var(--soi-cosl-pomme);\n}\n.soi-cosl-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cosl-marine);\n margin-bottom: 0.5rem;\n}\n.soi-cosl-section .soi-cosl-card p {\n font-size: 14px;\n color: var(--soi-cosl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-cosl-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.soi-cosl-card-mini {\n background: var(--soi-cosl-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-cosl-radius-sm);\n border-top: 3px solid var(--soi-cosl-primary);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.soi-cosl-card-mini-label {\n font-size: 11px;\n color: var(--soi-cosl-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n.soi-cosl-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cosl-marine);\n}\n\n\/* TIMELINE *\/\n.soi-cosl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n.soi-cosl-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-cosl-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cosl-radius);\n border: 1px solid var(--soi-cosl-line);\n align-items: flex-start;\n}\n.soi-cosl-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-cosl-marine);\n color: var(--soi-cosl-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.soi-cosl-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cosl-marine);\n margin-bottom: 0.3rem;\n}\n.soi-cosl-section .soi-cosl-step-content p {\n font-size: 15px;\n color: var(--soi-cosl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-cosl-compo {\n background: var(--soi-cosl-off-white);\n border-radius: var(--soi-cosl-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n.soi-cosl-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-cosl-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n.soi-cosl-compo-row:last-child {\n border-bottom: none;\n}\n.soi-cosl-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-cosl-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n.soi-cosl-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-cosl-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-cosl-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-cosl-pomme-light);\n border-left: 4px solid var(--soi-cosl-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-cosl-radius) var(--soi-cosl-radius) 0;\n align-items: flex-start;\n}\n.soi-cosl-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n.soi-cosl-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-cosl-marine);\n margin-bottom: 4px;\n}\n.soi-cosl-section .soi-cosl-tip p {\n font-size: 15px;\n color: var(--soi-cosl-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-cosl-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.soi-cosl-accordion-item {\n background: var(--soi-cosl-off-white);\n border-radius: var(--soi-cosl-radius-sm);\n border: 1px solid var(--soi-cosl-line);\n overflow: hidden;\n}\n.soi-cosl-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-cosl-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.soi-cosl-accordion-header::-webkit-details-marker {\n display: none;\n}\n.soi-cosl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-cosl-pomme);\n transition: transform 0.2s ease;\n}\n.soi-cosl-accordion-item[open] .soi-cosl-accordion-header::after {\n transform: rotate(45deg);\n}\n.soi-cosl-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n.soi-cosl-section .soi-cosl-accordion-content p {\n font-size: 14px;\n color: var(--soi-cosl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-cosl-cta-box {\n background: var(--soi-cosl-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-cosl-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n.soi-cosl-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-cosl-pomme);\n border-radius: 0 0 4px 4px;\n}\n.soi-cosl-section .soi-cosl-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-cosl-pomme);\n margin-bottom: 0.75rem;\n}\n.soi-cosl-section .soi-cosl-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-cosl-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-cosl-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n .soi-cosl-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n .soi-cosl-compo-value {\n text-align: left;\n }\n .soi-cosl-hero {\n padding: 1.75rem 1.25rem;\n }\n .soi-cosl-tip {\n flex-direction: column;\n gap: 0.5rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-cosl-fiche * {\n animation: none !important;\n transition: none !important;\n }\n}\n@media (prefers-contrast: more) {\n .soi-cosl-fiche {\n --soi-cosl-text-soft: #2C3E50;\n --soi-cosl-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603905798474,"sku":"CS0191","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-demelante-certifiee-bio-et-vegan-coslys-packshot.webp?v=1793556767"},{"product_id":"brume-fixatrice-couleur-thermoprotecteur-certifiee-bio-200-ml-centifolia","title":"Brume fixatrice couleur \u0026 thermoprotecteur certifiée bio - 200 ml - Centifolia","description":"\u003cdiv class=\"soi-brume-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-brume-hero\"\u003e\n \u003cdiv class=\"soi-brume-hero-tag\"\u003e\n \u003cspan class=\"soi-brume-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique capillaire · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-brume-hero-title\"\u003eCouleur fixée, chaleur maîtrisée, en un seul geste\u003c\/span\u003e\n \u003cp class=\"soi-brume-hero-subtitle\"\u003eUn spray 2-en-1 certifié bio qui préserve l'éclat de votre couleur jusqu'à 6 semaines et protège vos cheveux jusqu'à 230°C, formulé avec 99% d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"soi-brume-hero-labels\"\u003e\n \u003cspan class=\"soi-brume-label soi-brume-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-brume-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-brume-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-brume-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Pourquoi cette brume se distingue --\u003e\n \u003csection class=\"soi-brume-section\"\u003e\n \u003ch2\u003ePourquoi cette brume se distingue des autres sprays thermoprotecteurs ?\u003c\/h2\u003e\n \u003cp class=\"soi-brume-section-intro\"\u003eLa plupart des sprays thermoprotecteurs pour cheveux se contentent de créer une barrière thermique. Celui-ci va plus loin : il fixe simultanément la couleur de vos cheveux colorés ou méchés, qu'ils soient traités avec une coloration végétale ou chimique. Résultat : une couleur préservée jusqu'à 6 semaines et des cheveux protégés jusqu'à 230°C, le tout sans silicone ni ingrédients controversés.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-brume-benefits\"\u003e\n \u003cdiv class=\"soi-brume-benefit\"\u003e\n \u003cdiv class=\"soi-brume-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDouble action unique\u003c\/h3\u003e\n \u003cp\u003eFixation de couleur et protection thermique en un seul geste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brume-benefit\"\u003e\n \u003cdiv class=\"soi-brume-benefit-icon\"\u003e\u003cspan\u003e🔥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection jusqu'à 230°C\u003c\/h3\u003e\n \u003cp\u003eCompatible avec vos lisseurs, fers à boucler et séchoirs professionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brume-benefit\"\u003e\n \u003cdiv class=\"soi-brume-benefit-icon\"\u003e\u003cspan\u003e🎨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCouleur préservée 6 semaines\u003c\/h3\u003e\n \u003cp\u003eLimite la décoloration après UV et lavages répétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brume-benefit\"\u003e\n \u003cdiv class=\"soi-brume-benefit-icon\"\u003e\u003cspan\u003e🪶\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTexture ultra-légère\u003c\/h3\u003e\n \u003cp\u003eAucun résidu, aucune sensation de lourdeur. Validé par des coiffeurs professionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Les actifs clés --\u003e\n \u003csection class=\"soi-brume-section\"\u003e\n \u003ch2\u003eLes actifs clés de la formule bio\u003c\/h2\u003e\n \u003cp class=\"soi-brume-section-intro\"\u003eCe spray thermoprotecteur bio tire son efficacité d'une combinaison d'actifs soigneusement sélectionnés :\u003c\/p\u003e\n\n \u003cdiv class=\"soi-brume-grid\"\u003e\n \u003cdiv class=\"soi-brume-card\"\u003e\n \u003ch3\u003e🍎 Grenade bio française\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant (Punica Granatum), elle protège la fibre capillaire des agressions extérieures et limite l'oxydation de la couleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brume-card\"\u003e\n \u003ch3\u003e🌲 Écorce d'épinette noire\u003c\/h3\u003e\n \u003cp\u003eActif biomimétique (Picea Mariana) testé sur mèche, il forme un film protecteur contre la chaleur jusqu'à 230°C.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brume-card\"\u003e\n \u003ch3\u003e🌿 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaise, hydrate et apporte de la souplesse à la fibre capillaire fragilisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brume-card\"\u003e\n \u003ch3\u003e🌸 Extrait de Gardénia hydrolysé\u003c\/h3\u003e\n \u003cp\u003eContribue à la douceur et à la brillance du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Composition complète --\u003e\n \u003csection class=\"soi-brume-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cp\u003eAqua, Acetum**, Sodium Polyitaconate, Caprylyl\/Capryl Glucoside, Parfum, Aloe Barbadensis Leaf Juice Powder*, Picea Mariana Bark Extract, Hydrolyzed Gardenia Florida Extract, Punica Granatum Fruit Extract*, Glycerin, Maltodextrin, Sodium Hydroxide, Sodium Benzoate, Citric Acid, Potassium Sorbate.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique. **Transformé à partir d'ingrédients biologiques.\u003c\/em\u003e\u003c\/p\u003e\n\n \u003cdiv class=\"soi-brume-compo\"\u003e\n \u003cdiv class=\"soi-brume-compo-row\"\u003e\n \u003cspan class=\"soi-brume-compo-label\"\u003eIngrédients bio\u003c\/span\u003e\n \u003cspan class=\"soi-brume-compo-value\"\u003e23% du total des ingrédients\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brume-compo-row\"\u003e\n \u003cspan class=\"soi-brume-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-brume-compo-value\"\u003e99% des ingrédients\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brume-compo-row\"\u003e\n \u003cspan class=\"soi-brume-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-brume-compo-value\"\u003eCOSMOS ORGANIC par Ecocert Greenlife\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Comment utiliser --\u003e\n \u003csection class=\"soi-brume-section\"\u003e\n \u003ch2\u003eComment utiliser votre spray thermoprotecteur Centifolia ?\u003c\/h2\u003e\n \u003cp class=\"soi-brume-section-intro\"\u003eLe bon geste pour des résultats optimaux :\u003c\/p\u003e\n\n \u003cdiv class=\"soi-brume-timeline\"\u003e\n \u003cdiv class=\"soi-brume-step\"\u003e\n \u003cdiv class=\"soi-brume-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-brume-step-content\"\u003e\n \u003ch3\u003eVaporisez\u003c\/h3\u003e\n \u003cp\u003eAppliquez la brume sur cheveux humides ou secs, de la racine aux pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brume-step\"\u003e\n \u003cdiv class=\"soi-brume-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-brume-step-content\"\u003e\n \u003ch3\u003eProtégez avant la chaleur\u003c\/h3\u003e\n \u003cp\u003eAppliquez systématiquement avant tout appareil chauffant : lisseur, fer à boucler, séchoir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brume-step\"\u003e\n \u003cdiv class=\"soi-brume-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-brume-step-content\"\u003e\n \u003ch3\u003eNe pas rincer\u003c\/h3\u003e\n \u003cp\u003eCoiffez ensuite comme à votre habitude.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brume-step\"\u003e\n \u003cdiv class=\"soi-brume-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-brume-step-content\"\u003e\n \u003ch3\u003eProlongez l'éclat\u003c\/h3\u003e\n \u003cp\u003ePour prolonger l'éclat couleur, utilisez-le quotidiennement, même sans coiffage thermique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-brume-tip\"\u003e\n \u003cdiv class=\"soi-brume-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eConvient aux cheveux colorés, méchés ou sensibilisés par la chaleur. Non adapté aux cheveux sans traitement capillaire particulier présentant des fragilités.\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-brume-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\n \u003cdiv class=\"soi-brume-grid-compact\"\u003e\n \u003cdiv class=\"soi-brume-card-mini\"\u003e\n \u003cspan class=\"soi-brume-card-mini-icon\"\u003e💧\u003c\/span\u003e\n \u003cspan class=\"soi-brume-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-brume-card-mini-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brume-card-mini\"\u003e\n \u003cspan class=\"soi-brume-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-brume-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-brume-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brume-card-mini\"\u003e\n \u003cspan class=\"soi-brume-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-brume-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-brume-card-mini-value\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brume-card-mini\"\u003e\n \u003cspan class=\"soi-brume-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-brume-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-brume-card-mini-value\"\u003eVegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-brume-accordion\"\u003e\n \u003cdetails class=\"soi-brume-accordion-item\"\u003e\n \u003csummary class=\"soi-brume-accordion-header\"\u003e🌺 Parfum\u003c\/summary\u003e\n \u003cdiv class=\"soi-brume-accordion-content\"\u003e\n \u003cp\u003e100% naturel et éco-conçu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-brume-accordion-item\"\u003e\n \u003csummary class=\"soi-brume-accordion-header\"\u003e♻️ Éco-conception du flacon\u003c\/summary\u003e\n \u003cdiv class=\"soi-brume-accordion-content\"\u003e\n \u003cp\u003eFlacon composé à 50% de matière recyclée. La pompe spray est à déposer dans le bac de tri jaune.\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-brume-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-brume-cta-box\"\u003e\n \u003cp class=\"soi-brume-cta-tag\" style=\"color: white;\"\u003eProtégez votre couleur, naturellement\u003c\/p\u003e\n \u003cp class=\"soi-brume-cta-text\" style=\"color: white;\"\u003eLa brume fixatrice Centifolia associe l'efficacité d'un soin professionnel à la douceur du bio, pour une couleur lumineuse qui dure et des cheveux qui résistent à la chaleur du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-brume-marine: #1A2D3D;\n --soi-brume-marine-dark: #0F1E2B;\n --soi-brume-marine-light: #2C4458;\n --soi-brume-pomme: #A1C544;\n --soi-brume-pomme-dark: #84A636;\n --soi-brume-pomme-light: rgba(161,197,68,0.10);\n\n --soi-brume-white: #FFFFFF;\n --soi-brume-off-white: #F8FAF6;\n --soi-brume-stone: #F1F3EE;\n --soi-brume-line: #E5E8E0;\n\n --soi-brume-primary: #8B2035;\n --soi-brume-primary-soft: #A83248;\n --soi-brume-accent: #C94A5A;\n\n --soi-brume-text: #1A2D3D;\n --soi-brume-text-soft: #4A5B6B;\n --soi-brume-text-muted: #7B8693;\n\n --soi-brume-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-brume-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-brume-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-brume-radius: 12px;\n --soi-brume-radius-sm: 8px;\n --soi-brume-radius-pill: 999px;\n}\n\n.soi-brume-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-brume-fiche img { max-width: 100%; height: auto; }\n\n.soi-brume-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-brume-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-brume-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-brume-hero {\n position: relative;\n background: var(--soi-brume-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-brume-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-brume-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-brume-pomme);\n}\n\n.soi-brume-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-brume-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-brume-pomme);\n border-radius: 50%;\n}\n\n.soi-brume-hero-title {\n display: block;\n color: var(--soi-brume-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-brume-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-brume-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-brume-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-brume-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-brume-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-brume-label-accent {\n background: var(--soi-brume-pomme);\n border-color: var(--soi-brume-pomme);\n color: var(--soi-brume-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-brume-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-brume-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-brume-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-brume-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-brume-pomme);\n border-radius: 2px;\n}\n\n.soi-brume-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-brume-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-brume-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-brume-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-brume-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-brume-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-brume-benefit {\n background: var(--soi-brume-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-brume-radius);\n border: 1px solid var(--soi-brume-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-brume-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-brume-shadow-md);\n}\n\n.soi-brume-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-brume-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-brume-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-brume-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-brume-benefit:hover .soi-brume-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-brume-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-brume-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-brume-benefit p {\n font-size: 15px;\n color: var(--soi-brume-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-brume-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-brume-card {\n background: var(--soi-brume-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-brume-radius);\n border-left: 3px solid var(--soi-brume-pomme);\n}\n\n.soi-brume-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-brume-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-brume-card p {\n font-size: 14px;\n color: var(--soi-brume-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-brume-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.25rem;\n}\n\n.soi-brume-card-mini {\n background: var(--soi-brume-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-brume-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-brume-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-brume-card-mini-label {\n font-size: 11px;\n color: var(--soi-brume-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-brume-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-brume-marine);\n}\n\n\/* TIMELINE *\/\n.soi-brume-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-brume-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-brume-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-brume-radius);\n border: 1px solid var(--soi-brume-line);\n align-items: flex-start;\n}\n\n.soi-brume-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-brume-marine);\n color: var(--soi-brume-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-brume-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-brume-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-brume-step-content p {\n font-size: 15px;\n color: var(--soi-brume-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION DATA ROWS *\/\n.soi-brume-compo {\n background: var(--soi-brume-off-white);\n border-radius: var(--soi-brume-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1rem;\n}\n\n.soi-brume-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-brume-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-brume-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-brume-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-brume-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-brume-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-brume-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-brume-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-brume-pomme-light);\n border-left: 4px solid var(--soi-brume-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-brume-radius) var(--soi-brume-radius) 0;\n align-items: flex-start;\n}\n\n.soi-brume-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-brume-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-brume-marine);\n margin-bottom: 4px;\n}\n\n.soi-brume-tip p {\n font-size: 15px;\n color: var(--soi-brume-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDION *\/\n.soi-brume-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-brume-accordion-item {\n background: var(--soi-brume-off-white);\n border-radius: var(--soi-brume-radius-sm);\n border: 1px solid var(--soi-brume-line);\n overflow: hidden;\n}\n\n.soi-brume-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-brume-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-brume-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-brume-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-brume-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-brume-accordion-item[open] .soi-brume-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-brume-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-brume-accordion-content p {\n font-size: 14px;\n color: var(--soi-brume-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-brume-cta-box {\n background: var(--soi-brume-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-brume-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-brume-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-brume-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-brume-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-brume-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-brume-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-brume-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-brume-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-brume-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-brume-compo-value {\n text-align: left;\n }\n\n .soi-brume-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-brume-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-brume-fiche {\n --soi-brume-text-soft: #2C3E50;\n --soi-brume-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":62333266821450,"sku":"CE0670","price":12.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/brume-fixatrice-couleur-thermoprotecteur-certifiee-bio-200-m-packshot.webp?v=1789720519"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/coiffer_ses_cheveux.webp?v=1781175404","url":"https:\/\/firmtoaromatherapy.com\/collections\/coiffer.oembed","provider":"Soinature","version":"1.0","type":"link"}