{"title":"L'hygiène au naturel","description":"","products":[{"product_id":"deovert-deodorant-corporel","title":"Déodorant Fraîcheur Tonic","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_SC8575_8d302e28-3cca-4075-81a7-3904fef9062c.jpg?v=1776180192\" alt=\"Photo d'une femme heureuse levant les bras\" 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\u003edéodorant Fraicheur Tonic'\u003c\/strong\u003e de la marque Deovert est spécialement formulé pour offrir \u003cstrong\u003eune protection efficace et une sensation de fraîcheur durable.\u003c\/strong\u003e Composé d'ingrédients naturels et sans aluminium, il respecte le processus naturel de la transpiration tout en neutralisant les odeurs désagréables dès leur formation.\u003c\/p\u003e\n\u003ch2\u003eBienfaits du déodorant Fraicheur Tonic' :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNeutralisation des odeurs\u003c\/strong\u003e : Neutralise efficacement les odeurs dès leur formation sans modifier le processus naturel de la transpiration.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFraîcheur durable\u003c\/strong\u003e : Grâce à ses huiles essentielles, il procure une sensation de fraîcheur et de tonicité tout au long de la journée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTolérance parfaite\u003c\/strong\u003e : Testé sous contrôle dermatologique, ce déodorant assure une tolérance optimale pour tous types de peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eCaractéristiques du déodorant Fraicheur Tonic' :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule naturelle\u003c\/strong\u003e : Composé à 100% d'ingrédients naturels sans aluminium, respectueux de la peau et de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉconomique et pratique\u003c\/strong\u003e : Un flacon de 100 ml permet environ 500 pulvérisations, rendant ce produit économique et idéal pour une utilisation quotidienne.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication française\u003c\/strong\u003e : Fabriqué en Bourgogne, ce produit garantit une qualité supérieure et un savoir-faire local.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLe déodorant Fraicheur Tonic' de Deovert est une solution naturelle et efficace pour assurer une protection déodorante tout en respectant la peau et l'environnement. Sa formule enrichie en huiles essentielles garantit \u003cstrong\u003eune fraîcheur et un bien-être durables\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61602743779658,"sku":"SC8575","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/saintcome_sc8575_deovert_tonic_422b2eff-ac64-4b49-96d7-20546744c3e2.jpg?v=1778842771"},{"product_id":"dentifrice-propolis-menthe","title":"Dentifrice Propolis \u0026 Menthe - 75ml - Propolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_AP0011_1c8869e8-1f1f-4dd8-b277-19d684680afa.jpg?v=1776180217\" alt=\"Photo d'une femme qui se brosse les dents\" 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 dentifrice Propolis \u0026amp; Menthe de Propolia offre une \u003cstrong\u003epurification efficace de la sphère buccale\u003c\/strong\u003e tout en apaisant les gencives et en luttant contre la plaque dentaire. Enrichi en ingrédients naturels, il procure une \u003cstrong\u003esensation de fraîcheur\u003c\/strong\u003e grâce à la menthe, la cardamome et l'anis vert.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales du dentifrice Propolis \u0026amp; Menthe\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eConsommation saine :\u003c\/strong\u003e Formulé avec 96% d'ingrédients d'origine naturelle.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans fluor :\u003c\/strong\u003e Idéal pour ceux qui préfèrent éviter le fluor dans leur routine bucco-dentaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGoût frais :\u003c\/strong\u003e Menthe, cardamome et anis vert pour une haleine fraîche et agréable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePour toute la famille :\u003c\/strong\u003e Convient aux adultes et aux enfants dès 3 ans.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits du dentifrice Propolis \u0026amp; Menthe\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePurifie la sphère buccale :\u003c\/strong\u003e Nettoie efficacement et aide à maintenir une bouche saine.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApaise les gencives :\u003c\/strong\u003e La propolis agit pour réduire les irritations des gencives.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLutte contre la plaque dentaire :\u003c\/strong\u003e Aide à prévenir l'accumulation de la plaque pour une meilleure santé dentaire.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eEngagements qualité du Dentifrice Propolis \u0026amp; Menthe Propolia\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabriqué en France :\u003c\/strong\u003e Développé et produit en Occitanie, garantissant des normes de qualité élevées.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQualité garantie :\u003c\/strong\u003e Formulé avec 96 % d’ingrédients naturels, sans fluor, sans actifs ni colorants de synthèse, assurant une utilisation saine et un produit de qualité.\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\u003eLe dentifrice Propolis \u0026amp; Menthe de Propolia est parfait pour ceux qui cherchent un soin bucco-dentaire naturel et efficace. Il offre une \u003cstrong\u003epurification complète de la bouche, apaise les gencives et lutte contre la plaque dentaire\u003c\/strong\u003e, tout en procurant une haleine fraîche. Grâce à sa formule douce, il convient parfaitement à toute la famille.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61602813968714,"sku":"AP0011","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/propolia_ap0011_dentifrice_gencives_haleine_d220c46a-c1b6-4f29-817f-2eeb5ddc798e.jpg?v=1778842772"},{"product_id":"silahair-shampooing-anti-chute","title":"Silahair - Shampooing Anti-Chute","description":"\n\n\u003cdiv class=\"soi-silh-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-silh-hero\"\u003e\n \u003cdiv class=\"soi-silh-hero-tag\"\u003e\n \u003cspan class=\"soi-silh-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire · Dr. Saubens®\n \u003c\/div\u003e\n \u003cspan class=\"soi-silh-hero-title\"\u003eSilahair®\u003c\/span\u003e\n \u003cp class=\"soi-silh-hero-subtitle\"\u003eLa formule 2-en-1 complète contre la chute et le déséquilibre du cuir chevelu. Nourrir, renforcer et revitaliser du cuir chevelu à la pointe, en un seul geste.\u003c\/p\u003e\n \u003cdiv class=\"soi-silh-hero-labels\"\u003e\n \u003cspan class=\"soi-silh-label soi-silh-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-silh-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003cspan class=\"soi-silh-label\"\u003eACTIFS NATURELS\u003c\/span\u003e\n \u003cspan class=\"soi-silh-label\"\u003e200 ML\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : INTRO --\u003e\n \u003csection class=\"soi-silh-section\"\u003e\n \u003ch2\u003eShampooing Silahair® : la formule complète contre la chute et le déséquilibre du cuir chevelu\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un shampooing capable de s'adapter à vos vrais besoins capillaires, qu'il s'agisse de \u003cstrong\u003echeveux gras\u003c\/strong\u003e, abîmés, colorés ou bouclés ? Le \u003cstrong\u003eSilahair® Shampooing de Labo Santé Silice (Dr. Saubens, France)\u003c\/strong\u003e est une formule 2-en-1 inédite, alliant les propriétés d'un shampooing nettoyant et d'une lotion capillaire active. Un seul geste, une action profonde : nourrir, renforcer et revitaliser du cuir chevelu à la pointe.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : TYPES DE CHEVEUX --\u003e\n \u003csection class=\"soi-silh-section\"\u003e\n \u003ch2\u003eUne formule pensée pour tous les types de cheveux\u003c\/h2\u003e\n \u003cp class=\"soi-silh-section-intro\"\u003eQu'ils soient gras, colorés, bouclés ou fragilisés, vos cheveux méritent un soin à la hauteur de leurs besoins. Silahair® répond à chacune de ces situations grâce à ses actifs complémentaires.\u003c\/p\u003e\n \u003cdiv class=\"soi-silh-grid\"\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e💧 Cheveux gras\u003c\/h3\u003e\n \u003cp\u003eLe Fucus (extrait d'algue) et l'Ortie piquante régulent l'excès de sébum et rééquilibrent le cuir chevelu durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🎨 Cheveux colorés\u003c\/h3\u003e\n \u003cp\u003eLes Microprotéines Hydrolysées et le Collagène Marin scellent la fibre capillaire, protègent la couleur et prolongent l'éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🌀 Cheveux bouclés\u003c\/h3\u003e\n \u003cp\u003eL'Aloe Vera et le Collagène Marin apportent élasticité, hydratation et définition sans alourdir la boucle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🛡️ Cheveux en chute ou fragilisés\u003c\/h3\u003e\n \u003cp\u003eLe Silicium Organique renforce la structure interne du cheveu tandis que les huiles essentielles de Menthe poivrée et Lavande vraie stimulent la microcirculation du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : COMPOSITION --\u003e\n \u003csection class=\"soi-silh-section\"\u003e\n \u003ch2\u003eComposition complète et rôle de chaque actif\u003c\/h2\u003e\n \u003cp class=\"soi-silh-section-intro\"\u003eChaque ingrédient de Silahair® a été sélectionné pour son efficacité prouvée, sans remplissage inutile.\u003c\/p\u003e\n \u003cdiv class=\"soi-silh-grid soi-silh-grid-compo\"\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🔬 Silicium Organique\u003c\/h3\u003e\n \u003cp\u003eMinéral structurant essentiel, il renforce la kératine et contribue à prévenir la chute capillaire dès les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🐚 Collagène Marin\u003c\/h3\u003e\n \u003cp\u003eRestitue élasticité et souplesse à la fibre, idéal pour les cheveux colorés ou décolorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🧬 Microprotéines Hydrolysées\u003c\/h3\u003e\n \u003cp\u003eS'infiltrent dans le cortex du cheveu pour réparer les dommages de l'intérieur et renforcer la résistance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🌊 Fucus (algue brune)\u003c\/h3\u003e\n \u003cp\u003eRiche en iode, vitamines et oligo-éléments, il hydrate en profondeur et régule le sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🌿 Huile Essentielle de Menthe Poivrée\u003c\/h3\u003e\n \u003cp\u003eSensation de fraîcheur immédiate et stimulation de la circulation sanguine du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e💜 Huile Essentielle de Lavande Vraie\u003c\/h3\u003e\n \u003cp\u003eApaisante, elle calme les irritations et équilibre le microbiome cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🌱 Aloe Vera\u003c\/h3\u003e\n \u003cp\u003eHydratation intense, apaisement des démangeaisons et douceur accrue, même sur les cheveux bouclés sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🌾 Ortie Piquante\u003c\/h3\u003e\n \u003cp\u003eConcentrée en silice naturelle, fer et vitamines B, elle fortifie le bulbe et contribue à réduire la chute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : UTILISATION --\u003e\n \u003csection class=\"soi-silh-section\"\u003e\n \u003ch2\u003eComment utiliser le Shampooing Silahair® ?\u003c\/h2\u003e\n \u003cp class=\"soi-silh-section-intro\"\u003ePour des résultats optimaux, voici le protocole recommandé.\u003c\/p\u003e\n \u003cdiv class=\"soi-silh-timeline\"\u003e\n \u003cdiv class=\"soi-silh-step\"\u003e\n \u003cdiv class=\"soi-silh-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-silh-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eAppliquez le shampooing sur cheveux mouillés, en quantité généreuse selon la longueur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-step\"\u003e\n \u003cdiv class=\"soi-silh-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-silh-step-content\"\u003e\n \u003ch3\u003eMasser\u003c\/h3\u003e\n \u003cp\u003eMassez en mouvements circulaires pendant \u003cstrong\u003e1 à 2 minutes\u003c\/strong\u003e pour activer la circulation et maximiser la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-step\"\u003e\n \u003cdiv class=\"soi-silh-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-silh-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez soigneusement à l'eau tiède, jamais trop chaude pour préserver la couleur et le film hydrolipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-step\"\u003e\n \u003cdiv class=\"soi-silh-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-silh-step-content\"\u003e\n \u003ch3\u003eRépéter\u003c\/h3\u003e\n \u003cp\u003eRépétez \u003cstrong\u003e2 à 3 fois par semaine\u003c\/strong\u003e pour un effet revitalisant durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-tip\"\u003e\n \u003cdiv class=\"soi-silh-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e6 à 8 semaines\u003c\/strong\u003e est généralement nécessaire pour observer des résultats visibles sur la densité et la qualité du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : INFORMATIONS PRATIQUES --\u003e\n \u003csection class=\"soi-silh-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-silh-compo\"\u003e\n \u003cdiv class=\"soi-silh-compo-row\"\u003e\n \u003cspan class=\"soi-silh-compo-label\"\u003eContenu\u003c\/span\u003e\n \u003cspan class=\"soi-silh-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-compo-row\"\u003e\n \u003cspan class=\"soi-silh-compo-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-silh-compo-value\"\u003eDr. Saubens® \/ Labo Santé Silice, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-compo-row\"\u003e\n \u003cspan class=\"soi-silh-compo-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"soi-silh-compo-value\"\u003eCheveux gras, colorés, bouclés, fragilisés, cuir chevelu sensible ou séborrhéique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-compo-row\"\u003e\n \u003cspan class=\"soi-silh-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-silh-compo-value\"\u003e2 à 3 lavages par semaine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-compo-row\"\u003e\n \u003cspan class=\"soi-silh-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-silh-compo-value\"\u003eSans paraben, actifs naturels majoritaires\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-accordion\"\u003e\n \u003cdetails class=\"soi-silh-accordion-item\"\u003e\n \u003csummary class=\"soi-silh-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-silh-accordion-content\"\u003e\n \u003cp\u003eCe produit ne se substitue pas à un avis médical en cas de chute importante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-silh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-silh-cta-box\"\u003e\n \u003cp class=\"soi-silh-cta-tag\" style=\"color: white;\"\u003ePrendre soin de soi naturellement, lavage après lavage\u003c\/p\u003e\n \u003cp class=\"soi-silh-cta-text\" style=\"color: white;\"\u003ePrendre soin de vos cheveux, c'est aussi prendre soin de vous. Silahair® réunit en un seul flacon tout ce dont votre cuir chevelu a besoin : équilibre, force et vitalité retrouvée. Faites confiance à la science naturelle de Labo Santé Silice pour une chevelure transformée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-silh-marine: #1A2D3D;\n --soi-silh-marine-dark: #0F1E2B;\n --soi-silh-marine-light: #2C4458;\n --soi-silh-pomme: #A1C544;\n --soi-silh-pomme-dark: #84A636;\n --soi-silh-pomme-light: rgba(161,197,68,0.10);\n --soi-silh-white: #FFFFFF;\n --soi-silh-off-white: #F8FAF6;\n --soi-silh-stone: #F1F3EE;\n --soi-silh-line: #E5E8E0;\n --soi-silh-primary: #7EC8B5;\n --soi-silh-primary-soft: rgba(126,200,181,0.12);\n --soi-silh-accent: #94C5A8;\n --soi-silh-text: #1A2D3D;\n --soi-silh-text-soft: #4A5B6B;\n --soi-silh-text-muted: #7B8693;\n --soi-silh-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-silh-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-silh-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-silh-radius: 12px;\n --soi-silh-radius-sm: 8px;\n --soi-silh-radius-pill: 999px;\n}\n\n.soi-silh-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-silh-fiche img { max-width: 100%; height: auto; }\n\n.soi-silh-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-silh-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-silh-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-silh-hero {\n position: relative;\n background: var(--soi-silh-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-silh-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-silh-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-silh-pomme);\n}\n\n.soi-silh-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-silh-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-silh-pomme);\n border-radius: 50%;\n}\n\n.soi-silh-hero-title {\n display: block;\n color: var(--soi-silh-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-silh-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-silh-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-silh-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-silh-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-silh-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-silh-label-accent {\n background: var(--soi-silh-pomme);\n border-color: var(--soi-silh-pomme);\n color: var(--soi-silh-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-silh-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-silh-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-silh-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-silh-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-silh-pomme);\n border-radius: 2px;\n}\n\n.soi-silh-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-silh-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-silh-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-silh-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-silh-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-silh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-silh-grid-compo {\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\n}\n\n.soi-silh-card {\n background: var(--soi-silh-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-silh-radius);\n border-left: 3px solid var(--soi-silh-primary);\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-silh-card:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-silh-shadow-md);\n}\n\n.soi-silh-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-silh-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-silh-card p {\n font-size: 14px;\n color: var(--soi-silh-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-silh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-silh-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-silh-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-silh-radius);\n border: 1px solid var(--soi-silh-line);\n align-items: flex-start;\n}\n\n.soi-silh-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-silh-marine);\n color: var(--soi-silh-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-silh-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-silh-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-silh-step-content p {\n font-size: 14px;\n color: var(--soi-silh-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-silh-compo {\n background: var(--soi-silh-off-white);\n border-radius: var(--soi-silh-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-silh-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-silh-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-silh-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-silh-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-silh-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-silh-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-silh-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-silh-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-silh-pomme-light);\n border-left: 4px solid var(--soi-silh-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-silh-radius) var(--soi-silh-radius) 0;\n align-items: flex-start;\n}\n\n.soi-silh-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-silh-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-silh-marine);\n margin-bottom: 4px;\n}\n\n.soi-silh-tip p {\n font-size: 14px;\n color: var(--soi-silh-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-silh-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-silh-accordion-item {\n background: var(--soi-silh-off-white);\n border-radius: var(--soi-silh-radius-sm);\n border: 1px solid var(--soi-silh-line);\n overflow: hidden;\n}\n\n.soi-silh-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-silh-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-silh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-silh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-silh-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-silh-accordion-item[open] .soi-silh-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-silh-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-silh-accordion-content p {\n font-size: 14px;\n color: var(--soi-silh-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-silh-cta-box {\n background: var(--soi-silh-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-silh-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-silh-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-silh-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-silh-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-silh-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-silh-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-silh-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-silh-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-silh-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-silh-compo-value {\n text-align: left;\n }\n\n .soi-silh-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-silh-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-silh-grid-compo {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-silh-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-silh-fiche {\n --soi-silh-text-soft: #2C3E50;\n --soi-silh-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Labo Santé Silice","offers":[{"title":"Default Title","offer_id":61602989506890,"sku":"LS0160","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/Silahair-Shampooing-Anti-Chute_11zon.webp?v=1781261242"},{"product_id":"silagencyl-en-flacon","title":"SILAGENCYL en flacon","description":"\u003cdiv class=\"soi-sila-fiche\"\u003e\n\n \u003csection class=\"soi-sila-hero\"\u003e\n \u003cdiv class=\"soi-sila-hero-tag\"\u003e\n \u003cspan class=\"soi-sila-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène bucco-dentaire · Labo Santé Silice\n \u003c\/div\u003e\n \u003cspan class=\"soi-sila-hero-title\"\u003eSilagencyl®\u003c\/span\u003e\n \u003cp class=\"soi-sila-hero-subtitle\"\u003eBain de bouche au silicium organique pour la tonicité des gencives, l'hydratation des muqueuses et une hygiène bucco-dentaire naturelle au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-sila-hero-labels\"\u003e\n \u003cspan class=\"soi-sila-label soi-sila-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-sila-label\"\u003eSANS CHLORHEXIDINE\u003c\/span\u003e\n \u003cspan class=\"soi-sila-label\"\u003eSANS ALCOOL IRRITANT\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sila-section\"\u003e\n \u003ch2\u003ePourquoi choisir Silagencyl® plutôt qu'un bain de bouche antiseptique classique ?\u003c\/h2\u003e\n \u003cp\u003eLes bains de bouche antiseptiques à la chlorhexidine (Paroex, Eludril, etc.) sont efficaces contre les bactéries, mais leur usage prolongé peut déséquilibrer la flore buccale et irriter les muqueuses. Silagencyl® adopte une approche différente : plutôt que de combattre l'environnement buccal, il le \u003cstrong\u003enourrit et le renforce\u003c\/strong\u003e grâce à trois actifs complémentaires soigneusement sélectionnés. Une alternative naturelle et ciblée pour celles et ceux qui recherchent un soin quotidien respectueux de leur bouche.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sila-section\"\u003e\n \u003ch2\u003eLes 3 actifs clés de Silagencyl®\u003c\/h2\u003e\n \u003cdiv class=\"soi-sila-benefits\"\u003e\n \u003cdiv class=\"soi-sila-benefit\"\u003e\n \u003cdiv class=\"soi-sila-benefit-icon\"\u003e\u003cspan\u003e🧬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSilicium organique\u003c\/h3\u003e\n \u003cp\u003eActif phare de la formule, il stimule la synthèse du collagène et favorise la tonicité ainsi que la souplesse des tissus gingivaux. Particulièrement adapté en cas de gencives fragilisées ou qui se déchaussent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-benefit\"\u003e\n \u003cdiv class=\"soi-sila-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile essentielle de girofle\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes et tonifiantes, elle procure un confort buccal immédiat et renforce la résistance des gencives aux agressions du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-benefit\"\u003e\n \u003cdiv class=\"soi-sila-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAcide hyaluronique\u003c\/h3\u003e\n \u003cp\u003eIl hydrate les muqueuses en profondeur, maintient la cohésion des tissus et favorise une meilleure cicatrisation en cas de micro-lésions gingivales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sila-section\"\u003e\n \u003ch2\u003eComment utiliser Silagencyl® efficacement ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-sila-timeline\"\u003e\n \u003cdiv class=\"soi-sila-step\"\u003e\n \u003cdiv class=\"soi-sila-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-sila-step-content\"\u003e\n \u003ch3\u003eBrossage habituel\u003c\/h3\u003e\n \u003cp\u003eBrossez et rincez vos dents normalement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-step\"\u003e\n \u003cdiv class=\"soi-sila-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-sila-step-content\"\u003e\n \u003ch3\u003eDosage\u003c\/h3\u003e\n \u003cp\u003ePrélevez \u003cstrong\u003e20 ml de Silagencyl®\u003c\/strong\u003e à l'aide du bouchon doseur fourni.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-step\"\u003e\n \u003cdiv class=\"soi-sila-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-sila-step-content\"\u003e\n \u003ch3\u003eBain de bouche\u003c\/h3\u003e\n \u003cp\u003eFaites circuler le liquide dans votre bouche pendant \u003cstrong\u003e2 à 3 minutes\u003c\/strong\u003e, en veillant à bien entourer les gencives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-step\"\u003e\n \u003cdiv class=\"soi-sila-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-sila-step-content\"\u003e\n \u003ch3\u003eFréquence\u003c\/h3\u003e\n \u003cp\u003eRépétez \u003cstrong\u003edeux fois par jour\u003c\/strong\u003e, matin et soir, pour des résultats optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-tip\"\u003e\n \u003cdiv class=\"soi-sila-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eVeillez à bien faire circuler le liquide autour des gencives pour permettre aux actifs d'agir efficacement sur les zones sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sila-section\"\u003e\n \u003ch2\u003eComposition de Silagencyl®\u003c\/h2\u003e\n \u003cdiv class=\"soi-sila-compo\"\u003e\n \u003cdiv class=\"soi-sila-compo-row\"\u003e\n \u003cspan class=\"soi-sila-compo-label\"\u003eListe INCI\u003c\/span\u003e\n \u003cspan class=\"soi-sila-compo-value\"\u003eAqua, Glycerin, Sorbitol, Silicium organique (acide orthosilicique stabilisé), Acide hyaluronique, Huile essentielle d'Eugenia caryophyllus (girofle), Sodium Benzoate, Potassium Sorbate, Citric Acid, Aroma\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-compo-row\"\u003e\n \u003cspan class=\"soi-sila-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-sila-compo-value\"\u003eFrance, Labo Santé Silice (Dr. Saubens)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-compo-row\"\u003e\n \u003cspan class=\"soi-sila-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-sila-compo-value\"\u003eChlorhexidine, alcool irritant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sila-section\"\u003e\n \u003ch2\u003ePour qui est recommandé Silagencyl® ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-sila-grid\"\u003e\n \u003cdiv class=\"soi-sila-card\"\u003e\n \u003ch3\u003e🩸 Gencives sensibles ou qui saignent\u003c\/h3\u003e\n \u003cp\u003eVous souffrez de gencives gonflées, sensibles ou sujettes aux saignements ? Silagencyl® contribue à renforcer la tonicité des tissus gingivaux grâce au silicium organique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-card\"\u003e\n \u003ch3\u003e🦷 Déchaussement dentaire\u003c\/h3\u003e\n \u003cp\u003eSi vous êtes concerné(e) par le déchaussement dentaire, ce bain de bouche favorise la souplesse et la résistance des gencives au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-card\"\u003e\n \u003ch3\u003e🛡️ Hygiène sans antiseptique agressif\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez renforcer votre hygiène bucco-dentaire sans recourir à un bain de bouche antiseptique classique ? Silagencyl® offre une alternative naturelle et respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-card\"\u003e\n \u003ch3\u003e💦 Bouches sèches et muqueuses fragilisées\u003c\/h3\u003e\n \u003cp\u003eL'acide hyaluronique contenu dans la formule hydrate les muqueuses en profondeur, apportant confort et soulagement aux bouches sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-accordion\"\u003e\n \u003cdetails class=\"soi-sila-accordion-item\"\u003e\n \u003csummary class=\"soi-sila-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-sila-accordion-content\"\u003e\n \u003cp\u003eCe produit ne remplace pas un traitement médical ou un suivi chez votre dentiste. En cas de problème gingival persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sila-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-sila-cta-box\"\u003e\n \u003cp class=\"soi-sila-cta-tag\" style=\"color: white;\"\u003ePrenez soin de vos gencives comme vous prenez soin de votre peau\u003c\/p\u003e\n \u003cp class=\"soi-sila-cta-text\" style=\"color: white;\"\u003eSilagencyl® allie silicium organique, acide hyaluronique et huile essentielle de girofle dans un bain de bouche doux, complet et fabriqué en France. Deux minutes matin et soir suffisent pour retrouver des gencives plus fermes, une bouche confortable et un sourire qui respire la santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-sila-marine: #1A2D3D;\n --soi-sila-marine-dark: #0F1E2B;\n --soi-sila-marine-light: #2C4458;\n --soi-sila-pomme: #A1C544;\n --soi-sila-pomme-dark: #84A636;\n --soi-sila-pomme-light: rgba(161,197,68,0.10);\n --soi-sila-white: #FFFFFF;\n --soi-sila-off-white: #F8FAF6;\n --soi-sila-stone: #F1F3EE;\n --soi-sila-line: #E5E8E0;\n --soi-sila-primary: #2A6496;\n --soi-sila-primary-soft: #E8F1F8;\n --soi-sila-accent: #94C5A8;\n --soi-sila-text: #1A2D3D;\n --soi-sila-text-soft: #4A5B6B;\n --soi-sila-text-muted: #7B8693;\n --soi-sila-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-sila-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-sila-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-sila-radius: 12px;\n --soi-sila-radius-sm: 8px;\n --soi-sila-radius-pill: 999px;\n}\n\n.soi-sila-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sila-fiche img { max-width: 100%; height: auto; }\n\n.soi-sila-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-sila-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-sila-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-sila-hero {\n position: relative;\n background: var(--soi-sila-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-sila-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-sila-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-sila-pomme);\n}\n\n.soi-sila-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-sila-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-sila-pomme);\n border-radius: 50%;\n}\n\n.soi-sila-hero-title {\n display: block;\n color: var(--soi-sila-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-sila-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-sila-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-sila-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-sila-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-sila-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-sila-label-accent {\n background: var(--soi-sila-pomme);\n border-color: var(--soi-sila-pomme);\n color: var(--soi-sila-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-sila-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sila-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-sila-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-sila-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-sila-pomme);\n border-radius: 2px;\n}\n\n.soi-sila-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-sila-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-sila-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-sila-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-sila-benefit {\n background: var(--soi-sila-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-sila-radius);\n border: 1px solid var(--soi-sila-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sila-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-sila-shadow-md);\n}\n\n.soi-sila-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-sila-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-sila-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-sila-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-sila-benefit:hover .soi-sila-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-sila-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sila-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sila-benefit p {\n font-size: 13px;\n color: var(--soi-sila-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-sila-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-sila-card {\n background: var(--soi-sila-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sila-radius);\n border-left: 3px solid var(--soi-sila-pomme);\n}\n\n.soi-sila-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sila-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sila-card p {\n font-size: 14px;\n color: var(--soi-sila-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-sila-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-sila-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-sila-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sila-radius);\n border: 1px solid var(--soi-sila-line);\n align-items: flex-start;\n}\n\n.soi-sila-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-sila-marine);\n color: var(--soi-sila-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-sila-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sila-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-sila-step-content p {\n font-size: 14px;\n color: var(--soi-sila-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-sila-compo {\n background: var(--soi-sila-off-white);\n border-radius: var(--soi-sila-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-sila-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-sila-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-sila-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-sila-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-sila-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-sila-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-sila-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-sila-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-sila-pomme-light);\n border-left: 4px solid var(--soi-sila-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-sila-radius) var(--soi-sila-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-sila-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-sila-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-sila-marine);\n margin-bottom: 4px;\n}\n\n.soi-sila-tip p {\n font-size: 14px;\n color: var(--soi-sila-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-sila-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-sila-accordion-item {\n background: var(--soi-sila-off-white);\n border-radius: var(--soi-sila-radius-sm);\n border: 1px solid var(--soi-sila-line);\n overflow: hidden;\n}\n\n.soi-sila-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-sila-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-sila-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-sila-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-sila-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-sila-accordion-item[open] .soi-sila-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-sila-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-sila-accordion-content p {\n font-size: 14px;\n color: var(--soi-sila-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-sila-cta-box {\n background: var(--soi-sila-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-sila-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-sila-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-sila-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-sila-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-sila-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-sila-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 500;\n color: var(--soi-sila-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-sila-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-sila-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-sila-compo-value {\n text-align: left;\n }\n\n .soi-sila-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-sila-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-sila-fiche {\n --soi-sila-text-soft: #2C3E50;\n --soi-sila-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Labo Santé Silice","offers":[{"title":"Default Title","offer_id":61602994323786,"sku":"LS0230","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/silagencyl-en-flacon-packshot.webp?v=1779435496"},{"product_id":"deodorant-bio-propolia","title":"Déodorant Bio Miel, Hamamélis et Cristal d'Alun - Propolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_AP0077_5bd8c771-f8f2-4bd9-bcb3-d5bb184e81b6.jpg?v=1776180303\" alt=\"Photo d'une femme souriante en train de s'appliquer du déodorant en bille\" 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 déodorant bille Bio de Propolia combine les bienfaits du miel, de l'hamamélis et du cristal d'alun pour offrir une \u003cstrong\u003eprotection naturelle et efficace contre les odeurs et la transpiration\u003c\/strong\u003e. Sa formule douce et certifiée bio convient à toute la famille.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de ce déodorant\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule douce :\u003c\/strong\u003e Enrichie en miel, propolis, hamamélis et cristal d'alun, cette formule naturelle est conçue pour apaiser et protéger la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNon irritant :\u003c\/strong\u003e Ne pique pas et ne colle pas, offrant une application confortable et agréable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNe tache pas :\u003c\/strong\u003e Laisse les vêtements sans traces, pour une utilisation discrète et efficace.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum frais :\u003c\/strong\u003e Parfum naturel aux huiles essentielles d'agrumes, pour une sensation de fraîcheur durable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits du déodorant hamamélis, miel et cristal d’alun\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAction déodorante et anti-transpirante :\u003c\/strong\u003e Le cristal d'alun régule la transpiration et neutralise les odeurs de manière efficace.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApaisement et protection :\u003c\/strong\u003e L'hamamélis et le miel calment et protègent la peau sensible contre les irritations.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTolérance optimale :\u003c\/strong\u003e Formulé sans chlorhydrate d'aluminium ni actifs de synthèse, et testé sous contrôle dermatologique, il assure une tolérance optimale pour tous les types de peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eEngagements qualité du déodorant Propolia\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabriqué en France :\u003c\/strong\u003e Conçu et produit en Occitanie, garantissant des normes de qualité élevées et un savoir-faire local.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients bio et naturels :\u003c\/strong\u003e Composé à 99% d'ingrédients d'origine naturelle, dont 69% sont issus de l'agriculture biologique, respectant l'environnement et votre santé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePureté garantie :\u003c\/strong\u003e Sans chlorhydrate d'aluminium, sans parfums ni actifs de synthèse, pour une utilisation saine et 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\u003eLe déodorant bille Bio de Propolia est parfait pour ceux qui cherchent une \u003cstrong\u003eprotection naturelle contre la transpiration et les odeurs\u003c\/strong\u003e, tout en respectant la peau sensible. Grâce à sa formule riche en actifs naturels et son format pratique, il convient parfaitement à un usage quotidien. Ce déodorant offre non seulement \u003cstrong\u003eune efficacité durable\u003c\/strong\u003e mais aussi \u003cstrong\u003eune expérience agréable\u003c\/strong\u003e grâce à son parfum frais et sa texture non irritante. Optez pour une solution naturelle et respectueuse de votre peau.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603033809226,"sku":"AP0077","price":11.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_propolia_ap0077_deodorant_bio.jpg?v=1776156069"},{"product_id":"deovert-hesperid-deodorant","title":"Déodorant fraîcheur Hespérid - Aromaspray","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLe \u003cstrong\u003edéodorant Fraicheur Hespérid'\u003c\/strong\u003e de la marque Deovert est conçu pour offrir une protection efficace et \u003cstrong\u003eune fraîcheur durable\u003c\/strong\u003e grâce à une combinaison d'huiles essentielles naturelles. Sans aluminium, il respecte le processus naturel de la transpiration tout en neutralisant les odeurs.\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_SC8590_09918654-b965-47af-baa4-e0e34f26a837.jpg?v=1776180304\" alt=\"Photo d'un homme de dos qui court dans la nature\" 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\u003eComposition du déodorant Fraicheur Hespérid' :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCèdre\u003c\/strong\u003e : Connu pour ses propriétés antiseptiques et déodorantes, il aide à neutraliser les odeurs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCitron\u003c\/strong\u003e : Apporte une fraîcheur agrumée tout en ayant des vertus antibactériennes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLavandin\u003c\/strong\u003e : Reconnu pour ses propriétés calmantes et apaisantes sur la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLemongrass\u003c\/strong\u003e : Connu pour son effet rafraîchissant et tonifiant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOrange\u003c\/strong\u003e : Offre une senteur douce et apaisante tout en ayant des propriétés antibactériennes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePamplemousse\u003c\/strong\u003e : Contribue à un effet tonifiant et rafraîchissant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePin\u003c\/strong\u003e : Possède des propriétés purifiantes et déodorantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRomarin\u003c\/strong\u003e : Connu pour ses vertus stimulantes et antibactériennes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits du déodorant Fraicheur Hespérid' :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNeutralisation des odeurs\u003c\/strong\u003e : Neutralise les odeurs dès leur formation sans entraver le processus naturel de la transpiration.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSensation de fraîcheur\u003c\/strong\u003e : Apporte une fraîcheur durable avec une base parfumante aux agrumes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTolérance cutanée\u003c\/strong\u003e : Testé dermatologiquement, il assure une tolérance parfaite pour tous types de peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eCaractéristiques du déodorant Fraicheur Hespérid' :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule naturelle\u003c\/strong\u003e : Composé d'ingrédients 100% naturels et sans aluminium, respectueux de la peau et de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉconomique et pratique\u003c\/strong\u003e : Chaque flacon de 100 ml offre environ 500 pulvérisations, garantissant une utilisation économique et durable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication française\u003c\/strong\u003e : Fabriqué en Bourgogne, ce produit assure une qualité supérieure et un savoir-faire local.\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\u003cul\u003e\n\u003cli\u003e\n\u003cspan style=\"color: #333333;\"\u003eLe déodorant Fraicheur Hespérid' de Deovert est \u003c\/span\u003e\u003cstrong style=\"color: #333333;\"\u003eune solution naturelle et efficace pour une protection déodorante longue durée\u003c\/strong\u003e\u003cspan style=\"color: #333333;\"\u003e. Sa formule riche en huiles essentielles garantit une fraîcheur durable et un bien-être cutané optimal.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603036397898,"sku":"SC8590","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_aromaspray_sc8590_deovert_hesperid.jpg?v=1776156081"},{"product_id":"deovert-oceanic","title":"Déodorant Fraîcheur Océanic","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLe \u003cstrong\u003edéodorant Fraicheur Océanic\u003c\/strong\u003e de la marque Deovert est formulé pour offrir une \u003cstrong\u003eprotection durable contre les odeurs tout en apportant une sensation de fraîcheur marine\u003c\/strong\u003e. Sans aluminium, il respecte le processus naturel de la transpiration tout en neutralisant efficacement les odeurs.\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_SC8595_c1585c59-fced-487f-af5c-d9aba61fd5d2.jpg?v=1776180308\" alt=\"Photo d'une femme en bord de mer\" 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\u003eComposition du déodorant Fraicheur Océanic :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCèdre\u003c\/strong\u003e : Possède des propriétés antiseptiques et déodorantes, aidant à neutraliser les odeurs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCitron\u003c\/strong\u003e : Apporte une fraîcheur vivifiante tout en offrant des vertus antibactériennes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLavandin\u003c\/strong\u003e : Connu pour ses propriétés apaisantes et calmantes sur la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLemongrass\u003c\/strong\u003e : Contribue à un effet rafraîchissant et tonifiant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOrange\u003c\/strong\u003e : Offre une senteur douce et apaisante avec des propriétés antibactériennes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePamplemousse\u003c\/strong\u003e : Apporte un effet tonifiant et rafraîchissant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePin\u003c\/strong\u003e : Possède des propriétés purifiantes et déodorantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRomarin\u003c\/strong\u003e : Connu pour ses vertus stimulantes et antibactériennes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits du déodorant Fraicheur Océanic :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNeutralisation des odeurs\u003c\/strong\u003e : Les huiles essentielles de cèdre, citron et pin aident à neutraliser les odeurs dès leur formation sans bloquer la transpiration naturelle.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSensation de fraîcheur\u003c\/strong\u003e : La combinaison d'huiles essentielles d'orange, de pamplemousse et de lemongrass procure une sensation de fraîcheur durable et revitalisante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTolérance cutanée\u003c\/strong\u003e : Enrichi en lavandin et en romarin, ce déodorant assure une tolérance parfaite pour tous types de peau, apaisant et protégeant la peau délicate.\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\u003eCaractéristiques du déodorant Fraicheur Océanic :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule naturelle\u003c\/strong\u003e : Composé d'ingrédients 100% naturels, sans aluminium, respectueux de la peau et de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉconomique et pratique\u003c\/strong\u003e : Chaque flacon de 100 ml offre environ 500 pulvérisations, garantissant une utilisation économique et durable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication française\u003c\/strong\u003e : Fabriqué en Bourgogne, ce produit assure une qualité supérieure et un savoir-faire local.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLe déodorant Fraicheur Océanic de Deovert est une solution naturelle et efficace pour une \u003cstrong\u003eprotection déodorante longue durée\u003c\/strong\u003e. Sa formule riche en huiles essentielles garantit une fraîcheur durable et un bien-être cutané optimal.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603037610314,"sku":"SC8595","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_aromaspray_sc8595_deovert_oceanic.jpg?v=1776156096"},{"product_id":"shampooing-creme-douceur-centifolia","title":"Shampoing crème cheveux normaux - Centifolia","description":"\u003cdiv class=\"soi-shid-fiche\"\u003e\n\n \u003csection class=\"soi-shid-hero\"\u003e\n \u003cdiv class=\"soi-shid-hero-tag\"\u003e\n \u003cspan class=\"soi-shid-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique capillaire · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-shid-hero-title\"\u003eShampooing hydratant Infinie Douceur\u003c\/span\u003e\n \u003cp class=\"soi-shid-hero-subtitle\"\u003eUn soin lavant certifié bio, concentré à 40 % d'aloe vera, pour redonner douceur, souplesse et brillance à vos cheveux normaux à déshydratés.\u003c\/p\u003e\n \u003cdiv class=\"soi-shid-hero-labels\"\u003e\n \u003cspan class=\"soi-shid-label soi-shid-label-accent\"\u003eBIO ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-shid-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-shid-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shid-label\"\u003e99 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-shid-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shid-section\"\u003e\n \u003ch2\u003eShampooing hydratant Infinie Douceur : conçu pour les cheveux normaux à déshydratés\u003c\/h2\u003e\n \u003cp\u003eVos cheveux manquent de souplesse, semblent ternes ou tirent vers la sécheresse ? Ce shampoing crème Centifolia a été pensé précisément pour les chevelures normales à déshydratées, celles qui ont besoin d'hydratation sans être alourdies. Avec sa nouvelle formule à efficacité boostée, certifiée bio et vegan, il nettoie en douceur tout en redonnant brillance, légèreté et douceur durable.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shid-section\"\u003e\n \u003ch2\u003eDes actifs naturels vraiment efficaces\u003c\/h2\u003e\n \u003cp class=\"soi-shid-section-intro\"\u003eCe qui distingue ce shampoing pour cheveux normaux, c'est la qualité et la concentration de ses ingrédients botaniques.\u003c\/p\u003e\n \u003cdiv class=\"soi-shid-benefits\"\u003e\n \u003cdiv class=\"soi-shid-benefit\"\u003e\n \u003cdiv class=\"soi-shid-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e40 % de gel d'Aloe Vera Bio\u003c\/h3\u003e\n \u003cp\u003eUne concentration exceptionnelle pour une hydratation intense, des propriétés apaisantes reconnues et une fibre capillaire visiblement plus souple à chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-benefit\"\u003e\n \u003cdiv class=\"soi-shid-benefit-icon\"\u003e\u003cspan\u003e🌰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtéines d'Amande Douce Bio\u003c\/h3\u003e\n \u003cp\u003eElles facilitent le démêlage, lissent la surface du cheveu et renforcent sa structure en profondeur pour un résultat soyeux et facile à coiffer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-benefit\"\u003e\n \u003cdiv class=\"soi-shid-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eKératine végétale\u003c\/h3\u003e\n \u003cp\u003eUn actif gainant qui protège la fibre capillaire des agressions quotidiennes (pollution, chaleur, frottements) tout en apportant légèreté et brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-benefit\"\u003e\n \u003cdiv class=\"soi-shid-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eUne fragrance douce, issue exclusivement d'ingrédients d'origine naturelle, pour un moment de soin sensoriel agréable sans irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shid-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampoing plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp\u003eContrairement à de nombreux shampoings cheveux normaux du marché, la formule Centifolia est sans sulfate, sans silicone et sans ingrédients d'origine animale. Elle respecte le cuir chevelu, préserve le microbiome naturel du cheveu et convient aux personnes sensibles ou en quête d'une routine capillaire plus saine. Fabriquée en France, elle affiche 99 % d'ingrédients d'origine naturelle et répond aux exigences de la certification bio Ecocert.\u003c\/p\u003e\n \u003cp\u003eRésultat dès les premiers lavages : une mousse généreuse et onctueuse, un rinçage rapide sans résidu, et des cheveux qui semblent plus doux, plus lumineux, plus légers.\u003c\/p\u003e\n \u003cdiv class=\"soi-shid-grid-compact\"\u003e\n \u003cdiv class=\"soi-shid-card-mini\"\u003e\n \u003cspan class=\"soi-shid-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-shid-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-shid-card-mini-value\"\u003eSulfate\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-card-mini\"\u003e\n \u003cspan class=\"soi-shid-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-shid-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-shid-card-mini-value\"\u003eSilicone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-card-mini\"\u003e\n \u003cspan class=\"soi-shid-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-shid-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-shid-card-mini-value\"\u003eParabène\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-card-mini\"\u003e\n \u003cspan class=\"soi-shid-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-shid-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shid-card-mini-value\"\u003eFrançaise\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shid-section\"\u003e\n \u003ch2\u003eComment utiliser le shampooing Infinie Douceur ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shid-timeline\"\u003e\n \u003cdiv class=\"soi-shid-step\"\u003e\n \u003cdiv class=\"soi-shid-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shid-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés. Une petite quantité suffit, la mousse est abondante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-step\"\u003e\n \u003cdiv class=\"soi-shid-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shid-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu avec les doigts pendant 1 à 2 minutes pour activer la mousse et libérer les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-step\"\u003e\n \u003cdiv class=\"soi-shid-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shid-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède pour éliminer tous les résidus sans effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-step\"\u003e\n \u003cdiv class=\"soi-shid-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-shid-step-content\"\u003e\n \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n \u003cp\u003eSur cheveux très souillés, renouvelez l'application, puis complétez avec un soin hydratant Centifolia pour un résultat optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-tip\"\u003e\n \u003cdiv class=\"soi-shid-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUtilisez ce shampoing 2 à 3 fois par semaine ou selon vos habitudes capillaires. Il convient à un usage régulier, y compris sur les cheveux colorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shid-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cp\u003eAqua, \u003cstrong\u003eAloe Barbadensis Leaf Juice* (40 %)\u003c\/strong\u003e, Sodium Cocoyl Isethionate, Cocamidopropyl Betaine, Sodium Lauryl Sulfoacetate, Glycerin, \u003cstrong\u003eHydrolyzed Sweet Almond Protein*\u003c\/strong\u003e, Hydrolyzed Wheat Protein (kératine végétale), Parfum (fragrance naturelle), Sodium Chloride, Citric Acid, Benzyl Alcohol, Dehydroacetic Acid.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique. 99 % des ingrédients sont d'origine naturelle.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shid-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-shid-compo\"\u003e\n \u003cdiv class=\"soi-shid-compo-row\"\u003e\n \u003cspan class=\"soi-shid-compo-label\"\u003eVolume\u003c\/span\u003e\n \u003cspan class=\"soi-shid-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-compo-row\"\u003e\n \u003cspan class=\"soi-shid-compo-label\"\u003eType de cheveux\u003c\/span\u003e\n \u003cspan class=\"soi-shid-compo-value\"\u003eNormaux à déshydratés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-compo-row\"\u003e\n \u003cspan class=\"soi-shid-compo-label\"\u003eCertifications\u003c\/span\u003e\n \u003cspan class=\"soi-shid-compo-value\"\u003eBio Ecocert, Vegan, Fabrication française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-compo-row\"\u003e\n \u003cspan class=\"soi-shid-compo-label\"\u003eFlacon\u003c\/span\u003e\n \u003cspan class=\"soi-shid-compo-value\"\u003eRecyclable, 100 % matériaux recyclés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shid-compo-row\"\u003e\n \u003cspan class=\"soi-shid-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-shid-compo-value\"\u003eSulfate, silicone, parabène, ingrédients d'origine animale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shid-section\"\u003e\n \u003cdiv class=\"soi-shid-accordion\"\u003e\n \u003cdetails class=\"soi-shid-accordion-item\"\u003e\n \u003csummary class=\"soi-shid-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"soi-shid-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue à aucun avis ou traitement médical dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shid-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shid-cta-box\"\u003e\n \u003cp class=\"soi-shid-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans vos cheveux\u003c\/p\u003e\n \u003cp class=\"soi-shid-cta-text\" style=\"color: white;\"\u003eOffrez à vos cheveux une formule bio concentrée à 40 % d'aloe vera, enrichie en protéines d'amande douce, pour une douceur qui dure bien au-delà du rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shid-marine: #1A2D3D;\n --soi-shid-marine-dark: #0F1E2B;\n --soi-shid-marine-light: #2C4458;\n --soi-shid-pomme: #A1C544;\n --soi-shid-pomme-dark: #84A636;\n --soi-shid-pomme-light: rgba(161,197,68,0.10);\n\n --soi-shid-white: #FFFFFF;\n --soi-shid-off-white: #F8FAF6;\n --soi-shid-stone: #F1F3EE;\n --soi-shid-line: #E5E8E0;\n\n --soi-shid-primary: #5E3B2A;\n --soi-shid-primary-soft: #8B6A55;\n --soi-shid-accent: #7CA86E;\n\n --soi-shid-text: #1A2D3D;\n --soi-shid-text-soft: #4A5B6B;\n --soi-shid-text-muted: #7B8693;\n\n --soi-shid-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shid-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shid-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shid-radius: 12px;\n --soi-shid-radius-sm: 8px;\n --soi-shid-radius-pill: 999px;\n}\n\n.soi-shid-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shid-fiche img { max-width: 100%; height: auto; }\n\n.soi-shid-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shid-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shid-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shid-hero {\n position: relative;\n background: var(--soi-shid-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shid-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shid-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shid-pomme);\n}\n\n.soi-shid-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shid-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shid-pomme);\n border-radius: 50%;\n}\n\n.soi-shid-hero-title {\n display: block;\n color: var(--soi-shid-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shid-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shid-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shid-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shid-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shid-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shid-label-accent {\n background: var(--soi-shid-pomme);\n border-color: var(--soi-shid-pomme);\n color: var(--soi-shid-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shid-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shid-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shid-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shid-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shid-pomme);\n border-radius: 2px;\n}\n\n.soi-shid-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shid-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shid-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shid-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shid-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shid-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-shid-benefit {\n background: var(--soi-shid-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shid-radius);\n border: 1px solid var(--soi-shid-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shid-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shid-shadow-md);\n}\n\n.soi-shid-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shid-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-shid-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shid-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shid-benefit:hover .soi-shid-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shid-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shid-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shid-benefit p {\n font-size: 13px;\n color: var(--soi-shid-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-shid-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.5rem;\n}\n\n.soi-shid-card-mini {\n background: var(--soi-shid-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shid-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shid-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shid-card-mini-label {\n font-size: 11px;\n color: var(--soi-shid-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shid-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shid-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-shid-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-shid-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shid-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shid-radius);\n border: 1px solid var(--soi-shid-line);\n align-items: flex-start;\n}\n\n.soi-shid-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shid-marine);\n color: var(--soi-shid-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shid-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shid-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shid-step-content p {\n font-size: 14px;\n color: var(--soi-shid-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shid-compo {\n background: var(--soi-shid-off-white);\n border-radius: var(--soi-shid-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shid-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shid-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shid-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shid-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shid-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shid-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shid-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shid-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shid-pomme-light);\n border-left: 4px solid var(--soi-shid-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shid-radius) var(--soi-shid-radius) 0;\n align-items: flex-start;\n}\n\n.soi-shid-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shid-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shid-marine);\n margin-bottom: 4px;\n}\n\n.soi-shid-tip p {\n font-size: 14px;\n color: var(--soi-shid-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shid-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shid-accordion-item {\n background: var(--soi-shid-off-white);\n border-radius: var(--soi-shid-radius-sm);\n border: 1px solid var(--soi-shid-line);\n overflow: hidden;\n}\n\n.soi-shid-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shid-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-shid-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shid-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shid-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shid-accordion-item[open] .soi-shid-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shid-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shid-accordion-content p {\n font-size: 14px;\n color: var(--soi-shid-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shid-cta-box {\n background: var(--soi-shid-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shid-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shid-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shid-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shid-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shid-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shid-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shid-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-shid-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shid-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shid-compo-value {\n text-align: left;\n }\n\n .soi-shid-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shid-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shid-fiche {\n --soi-shid-text-soft: #2C3E50;\n --soi-shid-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603158032714,"sku":"CE0246","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-creme-cheveux-normaux-centifolia-packshot.webp?v=1779450820"},{"product_id":"shampoing-purifiant-certifie-bio-et-vegan-centifolia","title":"Shampoing Purifiant Bio pour Cheveux Gras - Centifolia","description":"\u003cdiv class=\"soi-shor-fiche\"\u003e\n\n\u003csection class=\"soi-shor-hero\"\u003e\n \u003cdiv class=\"soi-shor-hero-tag\"\u003e\n \u003cspan class=\"soi-shor-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-shor-hero-title\"\u003eShampoing purifiant certifié bio et vegan\u003c\/span\u003e\n \u003cp class=\"soi-shor-hero-subtitle\"\u003eFormulé à 99 % d'ingrédients d'origine naturelle, ce soin rééquilibre votre cuir chevelu en profondeur grâce à l'ortie bio française et un complexe d'argiles absorbantes. Des cheveux légers, frais et purifiés, qui regraissent moins vite.\u003c\/p\u003e\n \u003cdiv class=\"soi-shor-hero-labels\"\u003e\n \u003cspan class=\"soi-shor-label soi-shor-label-accent\"\u003eCERTIFIÉ BIO\u003c\/span\u003e\n \u003cspan class=\"soi-shor-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-shor-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shor-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003cspan class=\"soi-shor-label\"\u003e99 % NATUREL\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampoing purifiant sans sulfate ?\u003c\/h2\u003e\n \u003cp\u003eSi vos cheveux regraissent en moins de 48 heures, que votre cuir chevelu tend vers l'excès de sébum ou que vos lavages classiques vous laissent une sensation d'inconfort, ce shampoing purifiant Centifolia a été pensé exactement pour vous. Il nettoie en profondeur sans jamais agresser, grâce à une base lavante douce, exempte de tensioactifs sulfatés. Contrairement à de nombreux shampoings conventionnels, il ne décape pas : il rééquilibre.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-shor-benefits\"\u003e\n \u003cdiv class=\"soi-shor-benefit\"\u003e\n \u003cdiv class=\"soi-shor-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eExtrait d'ortie bio française\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses vertus assainissantes et séborégulatrices, l'ortie aide à ralentir le regraissage et à prolonger la sensation de cheveux propres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-benefit\"\u003e\n \u003cdiv class=\"soi-shor-benefit-icon\"\u003e\u003cspan\u003e🪨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBentonite et kaolin\u003c\/h3\u003e\n \u003cp\u003eCe duo d'argiles naturelles absorbe l'excès de sébum et élimine les impuretés accumulées sur le cuir chevelu, sans assécher la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-benefit\"\u003e\n \u003cdiv class=\"soi-shor-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBase lavante sans sulfate\u003c\/h3\u003e\n \u003cp\u003eDouce sur le cuir chevelu sensible, elle mousse bien tout en respectant le film hydrolipidique naturel. Aucune sensation de tiraillement après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-benefit\"\u003e\n \u003cdiv class=\"soi-shor-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eUne fragrance végétale fraîche et subtile pour un moment de bien-être à chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing purifiant pour cheveux gras ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shor-timeline\"\u003e\n \u003cdiv class=\"soi-shor-step\"\u003e\n \u003cdiv class=\"soi-shor-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shor-step-content\"\u003e\n \u003ch3\u003eAppliquez sur cheveux mouillés\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés, puis massez doucement le cuir chevelu avec le bout des doigts pendant 1 à 2 minutes pour activer l'action purifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-step\"\u003e\n \u003cdiv class=\"soi-shor-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shor-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire. Pour des résultats optimaux, vous pouvez réaliser un double shampoing : le premier décrasse, le second purifie en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-step\"\u003e\n \u003cdiv class=\"soi-shor-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shor-step-content\"\u003e\n \u003ch3\u003eEspacez progressivement vos lavages\u003c\/h3\u003e\n \u003cp\u003eUn ou deux lavages par semaine suffisent généralement à réguler la production de sébum sur le long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cp class=\"soi-shor-section-intro\"\u003eAqua, Sodium Cocoyl Glutamate, Coco-Glucoside, Glycerin*, Bentonite*, Kaolin*, Urtica Dioica (Nettle) Leaf Extract*, Polyglyceryl-4 Caprate, Sodium Chloride, Citric Acid, Parfum (Natural Fragrance), Sodium Benzoate, Potassium Sorbate, Tocopherol.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003cdiv class=\"soi-shor-compo\"\u003e\n \u003cdiv class=\"soi-shor-compo-row\"\u003e\n \u003cspan class=\"soi-shor-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-shor-compo-value\"\u003e99 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-compo-row\"\u003e\n \u003cspan class=\"soi-shor-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shor-compo-value\"\u003eCertifié BIO par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-compo-row\"\u003e\n \u003cspan class=\"soi-shor-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-shor-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-compo-row\"\u003e\n \u003cspan class=\"soi-shor-compo-label\"\u003eFlacon\u003c\/span\u003e\n \u003cspan class=\"soi-shor-compo-value\"\u003e100 % recyclé et recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-compo-row\"\u003e\n \u003cspan class=\"soi-shor-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shor-compo-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n \u003ch2\u003eCe shampoing est fait pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"soi-shor-grid\"\u003e\n \u003cdiv class=\"soi-shor-card\"\u003e\n \u003ch3\u003e💆 Regraissage rapide\u003c\/h3\u003e\n \u003cp\u003eVos cheveux regraissent vite, même après un lavage récent, et vous souhaitez retrouver une sensation de fraîcheur durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-card\"\u003e\n \u003ch3\u003e🍃 Cuir chevelu en manque de légèreté\u003c\/h3\u003e\n \u003cp\u003eVotre cuir chevelu manque de légèreté ou présente de petites impuretés que les shampoings classiques ne parviennent pas à éliminer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-card\"\u003e\n \u003ch3\u003e🌱 Exigence bio et vegan\u003c\/h3\u003e\n \u003cp\u003eVous cherchez un shampoing purifiant sans sulfate, certifié bio et vegan, qui respecte autant votre cuir chevelu que vos valeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-card\"\u003e\n \u003ch3\u003e⏳ Espacer les lavages\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez espacer vos lavages tout en gardant des cheveux frais, sans que le sébum ne reprenne le dessus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-card\"\u003e\n \u003ch3\u003e🛡️ Cuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eLes shampoings conventionnels vous irritent ou vous dessèchent le cuir chevelu, et vous avez besoin d'une alternative douce et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n \u003ch2\u003eEngagements Centifolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-shor-grid-compact\"\u003e\n \u003cdiv class=\"soi-shor-card-mini\"\u003e\n \u003cspan class=\"soi-shor-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-shor-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shor-card-mini-value\"\u003eCertifié BIO par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-card-mini\"\u003e\n \u003cspan class=\"soi-shor-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-shor-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-shor-card-mini-value\"\u003eVegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-card-mini\"\u003e\n \u003cspan class=\"soi-shor-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-shor-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-shor-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-card-mini\"\u003e\n \u003cspan class=\"soi-shor-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-shor-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-shor-card-mini-value\"\u003eFlacon 100 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shor-card-mini\"\u003e\n \u003cspan class=\"soi-shor-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-shor-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-shor-card-mini-value\"\u003eSans sulfate, silicone, paraben\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shor-cta-box\"\u003e\n \u003cp class=\"soi-shor-cta-tag\" style=\"color: white;\"\u003eLégèreté et fraîcheur retrouvées\u003c\/p\u003e\n \u003cp class=\"soi-shor-cta-text\" style=\"color: white;\"\u003eUne formule bio, douce et vraiment efficace, portée par l'ortie française et les argiles naturelles. Vos cheveux retrouvent légèreté et fraîcheur dès le premier lavage, et regraissent sensiblement moins vite avec le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shor-marine: #1A2D3D;\n --soi-shor-marine-dark: #0F1E2B;\n --soi-shor-marine-light: #2C4458;\n --soi-shor-pomme: #A1C544;\n --soi-shor-pomme-dark: #84A636;\n --soi-shor-pomme-light: rgba(161,197,68,0.10);\n --soi-shor-white: #FFFFFF;\n --soi-shor-off-white: #F8FAF6;\n --soi-shor-stone: #F1F3EE;\n --soi-shor-line: #E5E8E0;\n --soi-shor-primary: #5B3A1E;\n --soi-shor-primary-soft: #8B6A4A;\n --soi-shor-accent: #6B8E23;\n --soi-shor-text: #1A2D3D;\n --soi-shor-text-soft: #4A5B6B;\n --soi-shor-text-muted: #7B8693;\n --soi-shor-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shor-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shor-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shor-radius: 12px;\n --soi-shor-radius-sm: 8px;\n --soi-shor-radius-pill: 999px;\n}\n\n.soi-shor-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shor-fiche img { max-width: 100%; height: auto; }\n\n.soi-shor-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shor-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shor-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shor-hero {\n position: relative;\n background: var(--soi-shor-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shor-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shor-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shor-pomme);\n}\n\n.soi-shor-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shor-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shor-pomme);\n border-radius: 50%;\n}\n\n.soi-shor-hero-title {\n display: block;\n color: var(--soi-shor-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shor-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shor-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shor-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shor-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shor-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shor-label-accent {\n background: var(--soi-shor-pomme);\n border-color: var(--soi-shor-pomme);\n color: var(--soi-shor-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shor-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shor-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shor-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shor-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shor-pomme);\n border-radius: 2px;\n}\n\n.soi-shor-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shor-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shor-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shor-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shor-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shor-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-shor-benefit {\n background: var(--soi-shor-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shor-radius);\n border: 1px solid var(--soi-shor-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shor-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shor-shadow-md);\n}\n\n.soi-shor-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shor-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-shor-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shor-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shor-benefit:hover .soi-shor-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shor-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shor-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shor-benefit p {\n font-size: 13px;\n color: var(--soi-shor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shor-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shor-card {\n background: var(--soi-shor-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shor-radius);\n border-left: 3px solid var(--soi-shor-pomme);\n}\n\n.soi-shor-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shor-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shor-card p {\n font-size: 14px;\n color: var(--soi-shor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-shor-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-shor-card-mini {\n background: var(--soi-shor-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shor-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shor-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shor-card-mini-label {\n font-size: 11px;\n color: var(--soi-shor-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shor-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shor-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-shor-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shor-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shor-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shor-radius);\n border: 1px solid var(--soi-shor-line);\n align-items: flex-start;\n}\n\n.soi-shor-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shor-marine);\n color: var(--soi-shor-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shor-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shor-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shor-step-content p {\n font-size: 14px;\n color: var(--soi-shor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shor-compo {\n background: var(--soi-shor-off-white);\n border-radius: var(--soi-shor-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shor-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shor-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shor-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shor-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shor-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shor-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shor-marine);\n text-align: right;\n}\n\n\/* === CTA BOX === *\/\n.soi-shor-cta-box {\n background: var(--soi-shor-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shor-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shor-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shor-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shor-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shor-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shor-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shor-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-shor-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shor-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shor-compo-value {\n text-align: left;\n }\n\n .soi-shor-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shor-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shor-fiche {\n --soi-shor-text-soft: #2C3E50;\n --soi-shor-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603159736650,"sku":"CE0251","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-purifiant-certifie-bio-et-vegan-centifolia-packshot.webp?v=1779446066"},{"product_id":"shampoing-nutrition-centifolia","title":"Shampoing nutrition bio - Centifolia","description":"\u003cdiv class=\"soi-nutr-fiche\"\u003e\n\n \u003csection class=\"soi-nutr-hero\"\u003e\n \u003cdiv class=\"soi-nutr-hero-tag\"\u003e\n \u003cspan class=\"soi-nutr-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétiques et soins capillaires · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-nutr-hero-title\"\u003eShampoing Nutrition Bio\u003c\/span\u003e\n \u003cp class=\"soi-nutr-hero-subtitle\"\u003eNourrissez en profondeur vos cheveux secs, rêches et indisciplinés grâce à l'huile d'abricot bio et aux céramides like, sans alourdir ni agresser le cuir chevelu.\u003c\/p\u003e\n \u003cdiv class=\"soi-nutr-hero-labels\"\u003e\n \u003cspan class=\"soi-nutr-label soi-nutr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-label\"\u003eFLACON 100 % RECYCLÉ\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nutr-section\"\u003e\n \u003ch2\u003eUne formule ciblée pour les cheveux qui en ont vraiment besoin\u003c\/h2\u003e\n \u003cp class=\"soi-nutr-section-intro\"\u003eCe shampoing nutrition associe deux actifs complémentaires qui travaillent ensemble à chaque lavage pour redonner souplesse, brillance et discipline à votre chevelure.\u003c\/p\u003e\n \u003cdiv class=\"soi-nutr-benefits\"\u003e\n \u003cdiv class=\"soi-nutr-benefit\"\u003e\n \u003cdiv class=\"soi-nutr-benefit-icon\"\u003e\u003cspan\u003e🍑\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'abricot bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras oméga-6 et oméga-9, elle pénètre la fibre capillaire pour la nourrir durablement, des racines jusqu'aux pointes, sans effet gras au toucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-benefit\"\u003e\n \u003cdiv class=\"soi-nutr-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCéramides like\u003c\/h3\u003e\n \u003cp\u003eCes actifs biomimétiques imitent les céramides naturels du cheveu, reconstituent le ciment intercellulaire, scellent les écailles et réduisent visiblement les frisottis et l'effet rêche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-benefit\"\u003e\n \u003cdiv class=\"soi-nutr-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRésultat visible\u003c\/h3\u003e\n \u003cp\u003eDes cheveux plus souples, plus brillants et nettement plus faciles à démêler dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nutr-section\"\u003e\n \u003ch2\u003eConvient-il à votre type de cheveux ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-nutr-grid\"\u003e\n \u003cdiv class=\"soi-nutr-card\"\u003e\n \u003ch3\u003e✅ Idéal pour\u003c\/h3\u003e\n \u003cp\u003eCheveux secs et déshydratés, cheveux rêches ou cassants, cheveux bouclés, frisés ou indisciplinés, cheveux colorés ou décolorés fragilisés, cheveux blancs ou grisonnants (souvent plus poreux).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-card\"\u003e\n \u003ch3\u003e⚠️ Moins adapté pour\u003c\/h3\u003e\n \u003cp\u003eCheveux très fins et naturellement gras, cuir chevelu à tendance séborrhéique marquée. Dans ce cas, un shampoing régulateur sera plus adapté à vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nutr-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing nutrition bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-nutr-timeline\"\u003e\n \u003cdiv class=\"soi-nutr-step\"\u003e\n \u003cdiv class=\"soi-nutr-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-step-content\"\u003e\n \u003ch3\u003eMouiller abondamment les cheveux\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau tiède de préférence. Évitez l'eau trop chaude qui fragilise les écailles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-step\"\u003e\n \u003cdiv class=\"soi-nutr-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-step-content\"\u003e\n \u003ch3\u003eAppliquer une noix de shampoing\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu avec les pulpes des doigts pendant 1 à 2 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-step\"\u003e\n \u003cdiv class=\"soi-nutr-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-step-content\"\u003e\n \u003ch3\u003eRincer soigneusement\u003c\/h3\u003e\n \u003cp\u003eRenouvelez si nécessaire pour un cheveu très chargé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-step\"\u003e\n \u003cdiv class=\"soi-nutr-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-step-content\"\u003e\n \u003ch3\u003eProlonger l'effet nutritif\u003c\/h3\u003e\n \u003cp\u003eAssociez ce shampoing au masque ou à l'après-shampoing Centifolia de la gamme Nutrition Expert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-tip\"\u003e\n \u003cdiv class=\"soi-nutr-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour des cheveux très abîmés, une utilisation 2 à 3 fois par semaine est recommandée. Les résultats se consolident sur 4 à 6 semaines d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nutr-section\"\u003e\n \u003ch2\u003eComposition et ingrédients clés\u003c\/h2\u003e\n \u003cdiv class=\"soi-nutr-compo\"\u003e\n \u003cdiv class=\"soi-nutr-compo-row\"\u003e\n \u003cspan class=\"soi-nutr-compo-label\"\u003eActif nourrissant principal\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-compo-value\"\u003ePrunus Armeniaca (Apricot) Kernel Oil* (huile d'abricot bio)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-compo-row\"\u003e\n \u003cspan class=\"soi-nutr-compo-label\"\u003eReconstruction capillaire\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-compo-value\"\u003eCéramides like (glycolipides végétaux)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-compo-row\"\u003e\n \u003cspan class=\"soi-nutr-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-compo-value\"\u003eSans sulfates (SLS\/SLES), nettoyage doux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-compo-row\"\u003e\n \u003cspan class=\"soi-nutr-compo-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-compo-value\"\u003e100 % naturel, fragrance subtile et douce\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 13px; color: var(--soi-nutr-text-muted); margin-top: 1rem;\"\u003e* Ingrédient issu de l'agriculture biologique. 99 % des ingrédients sont d'origine naturelle. Formule vegan, sans ingrédients d'origine animale.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nutr-section\"\u003e\n \u003ch2\u003eLes engagements Centifolia qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-nutr-grid-compact\"\u003e\n \u003cdiv class=\"soi-nutr-card-mini\"\u003e\n \u003cspan class=\"soi-nutr-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-card-mini\"\u003e\n \u003cspan class=\"soi-nutr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-card-mini-value\"\u003eFrance, depuis 1992\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-card-mini\"\u003e\n \u003cspan class=\"soi-nutr-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-card-mini-label\"\u003eFlacon\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-card-mini-value\"\u003e100 % recyclé et recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nutr-card-mini\"\u003e\n \u003cspan class=\"soi-nutr-card-mini-icon\"\u003e🐇\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-nutr-card-mini-value\"\u003eVegan, non testé sur animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nutr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-nutr-cta-box\"\u003e\n \u003cp class=\"soi-nutr-cta-tag\" style=\"color: white;\"\u003eUne nutrition en profondeur, naturelle et certifiée\u003c\/p\u003e\n \u003cp class=\"soi-nutr-cta-text\" style=\"color: white;\"\u003eParce que vos cheveux méritent mieux qu'un soin ordinaire, offrez-leur à chaque lavage la nutrition dont ils ont vraiment besoin : brillance retrouvée, douceur qui dure, et une routine simple, efficace, pour vous et pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-nutr-marine: #1A2D3D;\n --soi-nutr-marine-dark: #0F1E2B;\n --soi-nutr-marine-light: #2C4458;\n --soi-nutr-pomme: #A1C544;\n --soi-nutr-pomme-dark: #84A636;\n --soi-nutr-pomme-light: rgba(161,197,68,0.10);\n --soi-nutr-white: #FFFFFF;\n --soi-nutr-off-white: #F8FAF6;\n --soi-nutr-stone: #F1F3EE;\n --soi-nutr-line: #E5E8E0;\n --soi-nutr-primary: #D88F3A;\n --soi-nutr-primary-soft: #F5E6D0;\n --soi-nutr-accent: #B5694A;\n --soi-nutr-text: #1A2D3D;\n --soi-nutr-text-soft: #4A5B6B;\n --soi-nutr-text-muted: #7B8693;\n --soi-nutr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-nutr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-nutr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-nutr-radius: 12px;\n --soi-nutr-radius-sm: 8px;\n --soi-nutr-radius-pill: 999px;\n}\n\n.soi-nutr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-nutr-fiche img { max-width: 100%; height: auto; }\n\n.soi-nutr-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-nutr-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-nutr-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-nutr-hero {\n position: relative;\n background: var(--soi-nutr-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-nutr-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-nutr-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-nutr-pomme);\n}\n\n.soi-nutr-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-nutr-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-nutr-pomme);\n border-radius: 50%;\n}\n\n.soi-nutr-hero-title {\n display: block;\n color: var(--soi-nutr-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-nutr-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-nutr-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-nutr-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-nutr-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-nutr-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-nutr-label-accent {\n background: var(--soi-nutr-pomme);\n border-color: var(--soi-nutr-pomme);\n color: var(--soi-nutr-marine);\n font-weight: 600;\n}\n\n.soi-nutr-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-nutr-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-nutr-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-nutr-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-nutr-pomme);\n border-radius: 2px;\n}\n\n.soi-nutr-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-nutr-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-nutr-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-nutr-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-nutr-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-nutr-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-nutr-benefit {\n background: var(--soi-nutr-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-nutr-radius);\n border: 1px solid var(--soi-nutr-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-nutr-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-nutr-shadow-md);\n}\n\n.soi-nutr-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-nutr-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-nutr-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-nutr-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-nutr-benefit:hover .soi-nutr-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-nutr-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-nutr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-nutr-benefit p {\n font-size: 13px;\n color: var(--soi-nutr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-nutr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-nutr-card {\n background: var(--soi-nutr-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-nutr-radius);\n border-left: 3px solid var(--soi-nutr-pomme);\n}\n\n.soi-nutr-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-nutr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-nutr-card p {\n font-size: 14px;\n color: var(--soi-nutr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-nutr-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-nutr-card-mini {\n background: var(--soi-nutr-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-nutr-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-nutr-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-nutr-card-mini-label {\n font-size: 11px;\n color: var(--soi-nutr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-nutr-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-nutr-marine);\n}\n\n.soi-nutr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-nutr-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-nutr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-nutr-radius);\n border: 1px solid var(--soi-nutr-line);\n align-items: flex-start;\n}\n\n.soi-nutr-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-nutr-marine);\n color: var(--soi-nutr-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-nutr-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-nutr-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-nutr-step-content p {\n font-size: 14px;\n color: var(--soi-nutr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-nutr-compo {\n background: var(--soi-nutr-off-white);\n border-radius: var(--soi-nutr-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-nutr-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-nutr-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-nutr-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-nutr-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-nutr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-nutr-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-nutr-marine);\n text-align: right;\n}\n\n.soi-nutr-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-nutr-pomme-light);\n border-left: 4px solid var(--soi-nutr-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-nutr-radius) var(--soi-nutr-radius) 0;\n align-items: flex-start;\n}\n\n.soi-nutr-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-nutr-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-nutr-marine);\n margin-bottom: 4px;\n}\n\n.soi-nutr-tip p {\n font-size: 14px;\n color: var(--soi-nutr-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-nutr-cta-box {\n background: var(--soi-nutr-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-nutr-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-nutr-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-nutr-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-nutr-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-nutr-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-nutr-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-nutr-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-nutr-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-nutr-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-nutr-compo-value {\n text-align: left;\n }\n\n .soi-nutr-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-nutr-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-nutr-fiche {\n --soi-nutr-text-soft: #2C3E50;\n --soi-nutr-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603162816842,"sku":"CE0256","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-nutrition-bio-centifolia-packshot.webp?v=1779447899"},{"product_id":"gel-douche-doux-bio-miel","title":"Gel douche doux Bio Miel, Aloe Vera et Lait d'Amande - Propolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_AP0103_3b08a6d3-e655-4520-88f5-985eb789e013.jpg?v=1776180419\" alt=\"Photo d'une femme sous une cascade d'eau\" 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 gel douche doux Bio de Propolia combine les bienfaits du miel, de l'aloe vera et du lait d'amande pour \u003cstrong\u003enettoyer, hydrater et adoucir la peau\u003c\/strong\u003e. Avec son odeur gourmande d'amande douce et sa formule hypoallergénique, ce gel douche est idéal pour toute la famille.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de ce gel douche doux\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels et bio :\u003c\/strong\u003e Formulé avec 99% d'ingrédients d'origine naturelle, dont 16% issus de l'agriculture biologique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsage familial :\u003c\/strong\u003e Adapté à toute la famille, ce gel douche convient aux adultes et aux enfants dès 3 ans.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum gourmand :\u003c\/strong\u003e Laisse une odeur agréable et délicate d'amande douce sur la peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits du gel douche doux miel, aloe vera et lait d’amande\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation intense :\u003c\/strong\u003e Le miel et l'aloe vera hydratent et nourrissent la peau en profondeur.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApaisement :\u003c\/strong\u003e Le lait d'amande adoucit la peau et procure une sensation de confort.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDouceur et confort :\u003c\/strong\u003e Allie les pouvoirs adoucissants du miel, de l'aloe vera et du lait d'amande pour une peau douce et sans tiraillements.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eEngagements qualité du gel douche doux Propolia\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eProduction locale :\u003c\/strong\u003e Développé et fabriqué en Occitanie, garantissant un savoir-faire régional de haute qualité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertification biologique :\u003c\/strong\u003e Certifié Bio par Ecocert, assurant l'utilisation d'ingrédients respectueux de l'environnement et de votre santé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormulation sûre :\u003c\/strong\u003e Sans savon et sans tensio-actifs sulfatés, pour une peau respectée et protégée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTests dermatologiques :\u003c\/strong\u003e Rigoureusement testé sous contrôle dermatologique, pour une tolérance optimale, même sur les peaux les plus sensibles.\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\u003eLe gel douche doux Bio de Propolia est idéal pour ceux qui cherchent à \u003cstrong\u003enettoyer, hydrater et adoucir leur peau naturellement.\u003c\/strong\u003e Grâce à sa formule riche en actifs naturels et sa texture onctueuse, il convient parfaitement à une utilisation quotidienne pour toute la famille. Utilisez ce gel douche pour une peau douce, hydratée et délicatement parfumée.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603178611018,"sku":"AP0103","price":11.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ap0103_2f716684-2d10-4c1e-8c9f-2813fe71723b.jpg?v=1778842815"},{"product_id":"savon-actif-propolis-miel-karite","title":"Savon actif Bio - Propolis, Miel \u0026 Karité - Propolia","description":"\n\u003cdiv class=\"soi-sav-fiche\"\u003e\n\n \u003csection class=\"soi-sav-hero\"\u003e\n \u003cdiv class=\"soi-sav-hero-tag\"\u003e\n \u003cspan class=\"soi-sav-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Apithérapie · Propolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-sav-hero-title\"\u003ePropolis, Miel \u0026amp; Karité réunis dans un savon\u003c\/span\u003e\n \u003cp class=\"soi-sav-hero-subtitle\"\u003eTrois trésors de la ruche et du karité réunis dans un savon purifiant certifié bio, pour une peau nette, apaisée et nourrie au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-sav-hero-labels\"\u003e\n \u003cspan class=\"soi-sav-label soi-sav-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-sav-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-sav-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-sav-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003cspan class=\"soi-sav-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003ePourquoi ce savon miel propolis bio fait la différence\u003c\/h2\u003e\n \u003cp\u003eLa propolis est une résine naturelle produite par les abeilles pour protéger leur ruche. Riche en flavonoïdes et en composés phénoliques, elle est reconnue pour ses puissantes propriétés purifiantes et assainissantes. Associée au miel bio, hydratant et apaisant, et au beurre de karité, fondant et nourrissant, ce trio forme une formule cohérente et complémentaire, particulièrement adaptée aux peaux mixtes, grasses ou à tendance acnéique.\u003c\/p\u003e\n \u003cp\u003eContrairement à de nombreux savons du commerce, celui-ci est certifié Cosmos Organic par Ecocert, composé à 99 % d'ingrédients d'origine naturelle, sans sulfates agressifs ni parabènes. Il est fabriqué en France, en Occitanie, selon des exigences de qualité rigoureuses.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce savon actif bio propolis ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-sav-grid\"\u003e\n \u003cdiv class=\"soi-sav-card\"\u003e\n \u003ch3\u003e🌱 Peaux jeunes et juvéniles\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les adolescents confrontés aux imperfections et aux excès de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card\"\u003e\n \u003ch3\u003e✨ Peaux à problèmes\u003c\/h3\u003e\n \u003cp\u003eBoutons, points noirs, pores dilatés, peau terne : ce savon purifiant vous aide à retrouver un teint plus net.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eLa douceur du karité et du miel équilibre le pouvoir purifiant de la propolis, pour un nettoyage sans agression.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux adultes et aux enfants dès 3 ans, pour le visage comme pour le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003eComposition du savon karité miel propolis\u003c\/h2\u003e\n \u003cp class=\"soi-sav-section-intro\"\u003eCe savon repose sur une recette enrichie en propolis bio, pensée pour allier efficacité et respect cutané.\u003c\/p\u003e\n \u003cdiv class=\"soi-sav-benefits\"\u003e\n \u003cdiv class=\"soi-sav-benefit\"\u003e\n \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🐝\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePropolis bio\u003c\/h3\u003e\n \u003cp\u003eAction purifiante, assainissante et protectrice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-benefit\"\u003e\n \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMiel bio\u003c\/h3\u003e\n \u003cp\u003eHydratant et apaisant, il aide à maintenir le film hydrolipidique naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-benefit\"\u003e\n \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🌰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBeurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrit, adoucit et protège la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-benefit\"\u003e\n \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBase saponifiée végétale\u003c\/h3\u003e\n \u003cp\u003eRiche et onctueuse, pour une mousse douce et enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1.25rem;\"\u003e\u003cem\u003eIngrédients INCI complets disponibles sur l'emballage. Formule sans sulfates (SLS\/SLES), sans parabènes, sans huile de palme.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon bio pour le visage et le corps ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-sav-timeline\"\u003e\n \u003cdiv class=\"soi-sav-step\"\u003e\n \u003cdiv class=\"soi-sav-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-sav-step-content\"\u003e\n \u003ch3\u003eHumidifiez\u003c\/h3\u003e\n \u003cp\u003eMouillez votre peau avec de l'eau tiède pour ouvrir les pores et préparer le nettoyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-step\"\u003e\n \u003cdiv class=\"soi-sav-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-sav-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains ou directement sur la peau en effectuant des mouvements circulaires doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-step\"\u003e\n \u003cdiv class=\"soi-sav-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-sav-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire. Pour une conservation optimale du pain de savon, laissez-le sécher entre deux utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-tip\"\u003e\n \u003cdiv class=\"soi-sav-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUne utilisation quotidienne, matin et soir, est idéale pour les peaux à tendance acnéique. Pour les peaux plus sèches, réservez-le à une utilisation le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003eCertifications et engagements Propolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-sav-grid-compact\"\u003e\n \u003cdiv class=\"soi-sav-card-mini\"\u003e\n \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-value\"\u003eCosmos Organic Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card-mini\"\u003e\n \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-value\"\u003eFrance, Occitanie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card-mini\"\u003e\n \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🐝\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-label\"\u003eSavoir-faire\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-value\"\u003ePlus de 30 ans d'expertise apicole\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card-mini\"\u003e\n \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-value\"\u003e99 % d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-sav-cta-box\"\u003e\n \u003cp class=\"soi-sav-cta-tag\" style=\"color: white;\"\u003ePropolis, miel et karité : le trio purifiant de la ruche\u003c\/p\u003e\n \u003cp class=\"soi-sav-cta-text\" style=\"color: white;\"\u003eUn savon bio fabriqué en France, conçu pour toute la famille. Une routine simple, naturelle et efficace pour retrouver une peau nette et douce 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-sav-marine: #1A2D3D;\n --soi-sav-marine-dark: #0F1E2B;\n --soi-sav-marine-light: #2C4458;\n --soi-sav-pomme: #A1C544;\n --soi-sav-pomme-dark: #84A636;\n --soi-sav-pomme-light: rgba(161,197,68,0.10);\n\n --soi-sav-white: #FFFFFF;\n --soi-sav-off-white: #F8FAF6;\n --soi-sav-stone: #F1F3EE;\n --soi-sav-line: #E5E8E0;\n\n --soi-sav-primary: #7B4FA6;\n --soi-sav-primary-soft: #F5F0FA;\n --soi-sav-accent: #D4A42A;\n\n --soi-sav-text: #1A2D3D;\n --soi-sav-text-soft: #4A5B6B;\n --soi-sav-text-muted: #7B8693;\n\n --soi-sav-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-sav-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-sav-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-sav-radius: 12px;\n --soi-sav-radius-sm: 8px;\n --soi-sav-radius-pill: 999px;\n}\n\n.soi-sav-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sav-fiche img { max-width: 100%; height: auto; }\n\n.soi-sav-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-sav-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-sav-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-sav-hero {\n position: relative;\n background: var(--soi-sav-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-sav-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-sav-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-sav-pomme);\n}\n\n.soi-sav-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-sav-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-sav-pomme);\n border-radius: 50%;\n}\n\n.soi-sav-hero-title {\n display: block;\n color: var(--soi-sav-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-sav-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-sav-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-sav-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-sav-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-sav-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-sav-label-accent {\n background: var(--soi-sav-pomme);\n border-color: var(--soi-sav-pomme);\n color: var(--soi-sav-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-sav-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sav-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-sav-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-sav-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-sav-pomme);\n border-radius: 2px;\n}\n\n.soi-sav-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-sav-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-sav-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-sav-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-sav-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-sav-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-sav-benefit {\n background: var(--soi-sav-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-sav-radius);\n border: 1px solid var(--soi-sav-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sav-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-sav-shadow-md);\n}\n\n.soi-sav-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-sav-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-sav-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-sav-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-sav-benefit:hover .soi-sav-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-sav-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sav-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sav-benefit p {\n font-size: 13px;\n color: var(--soi-sav-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-sav-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-sav-card {\n background: var(--soi-sav-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sav-radius);\n border-left: 3px solid var(--soi-sav-pomme);\n}\n\n.soi-sav-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sav-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sav-card p {\n font-size: 14px;\n color: var(--soi-sav-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-sav-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-sav-card-mini {\n background: var(--soi-sav-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-sav-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-sav-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-sav-card-mini-label {\n font-size: 11px;\n color: var(--soi-sav-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-sav-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sav-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-sav-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-sav-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-sav-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sav-radius);\n border: 1px solid var(--soi-sav-line);\n align-items: flex-start;\n}\n\n.soi-sav-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-sav-marine);\n color: var(--soi-sav-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-sav-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sav-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-sav-step-content p {\n font-size: 14px;\n color: var(--soi-sav-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-sav-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-sav-pomme-light);\n border-left: 4px solid var(--soi-sav-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-sav-radius) var(--soi-sav-radius) 0;\n align-items: flex-start;\n}\n\n.soi-sav-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-sav-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-sav-marine);\n margin-bottom: 4px;\n}\n\n.soi-sav-tip p {\n font-size: 14px;\n color: var(--soi-sav-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-sav-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-sav-accordion-item {\n background: var(--soi-sav-off-white);\n border-radius: var(--soi-sav-radius-sm);\n border: 1px solid var(--soi-sav-line);\n overflow: hidden;\n}\n\n.soi-sav-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-sav-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-sav-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-sav-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-sav-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-sav-accordion-item[open] .soi-sav-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-sav-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-sav-accordion-content p {\n font-size: 14px;\n color: var(--soi-sav-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-sav-cta-box {\n background: var(--soi-sav-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-sav-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-sav-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-sav-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-sav-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-sav-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-sav-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-sav-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-sav-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-sav-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-sav-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-sav-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-sav-fiche {\n --soi-sav-text-soft: #2C3E50;\n --soi-sav-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603179659594,"sku":"AP0104","price":7.85,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-actif-certifie-bio-propolis-miel-et-karite-propolia-packshot_caa0d251-f3b7-4bc3-ba91-480aa3949b4f.webp?v=1779809098"},{"product_id":"dentifrice-certifie-bio-neem-triphala-ayurvana","title":"Dentifrice certifié bio Neem \u0026 Triphala - Ayurvana","description":"\u003cdiv class=\"soi-neem-fiche\"\u003e\n\n \u003csection class=\"soi-neem-hero\"\u003e\n \u003cdiv class=\"soi-neem-hero-tag\"\u003e\n \u003cspan class=\"soi-neem-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène bucco-dentaire · Ayurvana\n \u003c\/div\u003e\n \u003cspan class=\"soi-neem-hero-title\"\u003eNeem \u0026amp; Triphala aux service de votre hygiène bucco-dentaire\u003c\/span\u003e\n \u003cp class=\"soi-neem-hero-subtitle\"\u003eLa sagesse ayurvédique au service de vos dents et de vos gencives : un soin complet, sans fluor, sans compromis sur l'efficacité ni sur la transparence des ingrédients.\u003c\/p\u003e\n \u003cdiv class=\"soi-neem-hero-labels\"\u003e\n \u003cspan class=\"soi-neem-label soi-neem-label-accent\"\u003eCOSMOS ORGANIC ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-neem-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-neem-label\"\u003eSANS FLUOR\u003c\/span\u003e\n \u003cspan class=\"soi-neem-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003cspan class=\"soi-neem-label\"\u003eSANS SLS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-neem-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce dentifrice bio Neem \u0026amp; Triphala ?\u003c\/h2\u003e\n \u003cp\u003eLa plupart des dentifrices conventionnels contiennent du SLS, des arômes synthétiques ou du dioxyde de titane. Ici, rien de tout cela. La formule Ayurvana est construite sur des actifs botaniques reconnus, sans compromis sur l'efficacité ni sur la transparence des ingrédients.\u003c\/p\u003e\n \u003cdiv class=\"soi-neem-benefits\"\u003e\n \u003cdiv class=\"soi-neem-benefit\"\u003e\n \u003cdiv class=\"soi-neem-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCosmos Organic Ecocert\u003c\/h3\u003e\n \u003cp\u003eGarantie indépendante sur la qualité et l'origine biologique des ingrédients.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-benefit\"\u003e\n \u003cdiv class=\"soi-neem-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eTraçabilité assurée, de la formulation au conditionnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-benefit\"\u003e\n \u003cdiv class=\"soi-neem-benefit-icon\"\u003e\u003cspan\u003e🚫\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormule sans controverses\u003c\/h3\u003e\n \u003cp\u003eSans fluor, sans paraben, sans aluminium, sans SLS, sans dioxyde de titane, sans conservateur chimique : idéal pour les personnes sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-neem-section\"\u003e\n \u003ch2\u003eLes actifs clés : ce que chaque ingrédient apporte concrètement\u003c\/h2\u003e\n \u003cdiv class=\"soi-neem-grid\"\u003e\n \u003cdiv class=\"soi-neem-card\"\u003e\n \u003ch3\u003e🌱 Neem (Azadirachta indica)\u003c\/h3\u003e\n \u003cp\u003eUtilisé depuis des millénaires en Ayurveda, le neem est reconnu pour ses propriétés assainissantes. Il aide à limiter le développement des bactéries responsables de la plaque dentaire et des caries, tout en fortifiant les gencives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-card\"\u003e\n \u003ch3\u003e🍇 Triphala\u003c\/h3\u003e\n \u003cp\u003eMélange de trois fruits (Amalaki, Bibhitaki, Haritaki), le Triphala est un classique ayurvédique aux vertus antioxydantes et purifiantes. Il contribue à l'équilibre de la flore buccale et aide à révéler l'éclat naturel des dents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-card\"\u003e\n \u003ch3\u003e🤍 Argile blanche\u003c\/h3\u003e\n \u003cp\u003eAbrasif doux et naturel, elle polit délicatement l'émail sans l'abîmer, favorisant des dents plus blanches et une haleine fraîche dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-card\"\u003e\n \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés apaisantes et cicatrisantes, il protège les gencives irritées et renforce la muqueuse buccale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-card\"\u003e\n \u003ch3\u003e🍃 Huiles essentielles de menthe poivrée et de citron\u003c\/h3\u003e\n \u003cp\u003ePour une fraîcheur longue durée et une sensation de bouche propre qui dure tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-neem-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cp class=\"soi-neem-inci\"\u003eAqua, Kaolin, Glycerin*, Sodium Bicarbonate, Aloe Barbadensis Leaf Juice*, Azadirachta Indica Leaf Extract*, Emblica Officinalis Fruit Extract*, Terminalia Belerica Fruit Extract*, Terminalia Chebula Fruit Extract*, Mentha Piperita Oil*, Citrus Limon Peel Oil*, Xanthan Gum, Sodium Benzoate, Potassium Sorbate, Citric Acid.\u003c\/p\u003e\n \u003cp class=\"soi-neem-inci-note\"\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-neem-section\"\u003e\n \u003ch2\u003eComment utiliser ce dentifrice bio au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-neem-timeline\"\u003e\n \u003cdiv class=\"soi-neem-step\"\u003e\n \u003cdiv class=\"soi-neem-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-neem-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de dentifrice sur une brosse à dents humide, de préférence à soies souples.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-step\"\u003e\n \u003cdiv class=\"soi-neem-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-neem-step-content\"\u003e\n \u003ch3\u003eBrossez\u003c\/h3\u003e\n \u003cp\u003eBrossez pendant 2 minutes minimum, en insistant sur la jonction dents-gencives, matin et soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-step\"\u003e\n \u003cdiv class=\"soi-neem-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-neem-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire. L'absence de mousse est normale : ce dentifrice ne contient pas de SLS.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-tip\"\u003e\n \u003cdiv class=\"soi-neem-tip-icon\"\u003e👶\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eEt pour les enfants ?\u003c\/strong\u003e\n \u003cp\u003eCe dentifrice ne contient ni fluor ni colorants. Pour les enfants de moins de 6 ans, demandez conseil à votre pédiatre ou dentiste avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-neem-section\"\u003e\n \u003ch2\u003eCe que vous n'y trouverez pas\u003c\/h2\u003e\n \u003cdiv class=\"soi-neem-grid-compact\"\u003e\n \u003cdiv class=\"soi-neem-card-mini\"\u003e\n \u003cspan class=\"soi-neem-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-label\"\u003eFluor\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-value\"\u003eAucun\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-card-mini\"\u003e\n \u003cspan class=\"soi-neem-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-label\"\u003eSLS \/ Agent moussant\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-value\"\u003eAucun\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-card-mini\"\u003e\n \u003cspan class=\"soi-neem-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-label\"\u003eParaben \/ Conservateur chimique\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-value\"\u003eAucun\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-card-mini\"\u003e\n \u003cspan class=\"soi-neem-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-label\"\u003eAluminium\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-value\"\u003eAucun\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-card-mini\"\u003e\n \u003cspan class=\"soi-neem-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-label\"\u003eDioxyde de titane\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-value\"\u003eAucun\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-card-mini\"\u003e\n \u003cspan class=\"soi-neem-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-label\"\u003eArôme \/ Colorant synthétique\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-value\"\u003eAucun\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-neem-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-neem-compo\"\u003e\n \u003cdiv class=\"soi-neem-compo-row\"\u003e\n \u003cspan class=\"soi-neem-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-neem-compo-value\"\u003e75 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-compo-row\"\u003e\n \u003cspan class=\"soi-neem-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-neem-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-compo-row\"\u003e\n \u003cspan class=\"soi-neem-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-neem-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-compo-row\"\u003e\n \u003cspan class=\"soi-neem-compo-label\"\u003eConservation\u003c\/span\u003e\n \u003cspan class=\"soi-neem-compo-value\"\u003eÀ l'abri de la chaleur et de l'humidité excessive\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-neem-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-neem-cta-box\"\u003e\n \u003cp class=\"soi-neem-cta-tag\" style=\"color: white;\"\u003eUn rituel bucco-dentaire ancré dans la tradition ayurvédique\u003c\/p\u003e\n \u003cp class=\"soi-neem-cta-text\" style=\"color: white;\"\u003eDes gencives apaisées, des dents purifiées, une haleine fraîche : offrez-vous la sérénité d'une formule certifiée bio, fabriquée en France, sans aucun ingrédient superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-neem-marine: #1A2D3D;\n --soi-neem-marine-dark: #0F1E2B;\n --soi-neem-marine-light: #2C4458;\n --soi-neem-pomme: #A1C544;\n --soi-neem-pomme-dark: #84A636;\n --soi-neem-pomme-light: rgba(161,197,68,0.10);\n --soi-neem-white: #FFFFFF;\n --soi-neem-off-white: #F8FAF6;\n --soi-neem-stone: #F1F3EE;\n --soi-neem-line: #E5E8E0;\n --soi-neem-primary: #8BBFCF;\n --soi-neem-primary-soft: #D6ECF2;\n --soi-neem-accent: #D4A52A;\n --soi-neem-text: #1A2D3D;\n --soi-neem-text-soft: #4A5B6B;\n --soi-neem-text-muted: #7B8693;\n --soi-neem-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-neem-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-neem-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-neem-radius: 12px;\n --soi-neem-radius-sm: 8px;\n --soi-neem-radius-pill: 999px;\n}\n\n.soi-neem-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-neem-fiche img { max-width: 100%; height: auto; }\n\n.soi-neem-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-neem-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-neem-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-neem-hero {\n position: relative;\n background: var(--soi-neem-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-neem-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-neem-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-neem-pomme);\n}\n\n.soi-neem-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-neem-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-neem-pomme);\n border-radius: 50%;\n}\n\n.soi-neem-hero-title {\n display: block;\n color: var(--soi-neem-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-neem-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-neem-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-neem-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-neem-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-neem-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-neem-label-accent {\n background: var(--soi-neem-pomme);\n border-color: var(--soi-neem-pomme);\n color: var(--soi-neem-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-neem-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-neem-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-neem-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-neem-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-neem-pomme);\n border-radius: 2px;\n}\n\n.soi-neem-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-neem-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-neem-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-neem-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-neem-benefit {\n background: var(--soi-neem-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-neem-radius);\n border: 1px solid var(--soi-neem-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-neem-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-neem-shadow-md);\n}\n\n.soi-neem-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-neem-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-neem-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-neem-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-neem-benefit:hover .soi-neem-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-neem-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-neem-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-neem-benefit p {\n font-size: 13px;\n color: var(--soi-neem-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-neem-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-neem-card {\n background: var(--soi-neem-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-neem-radius);\n border-left: 3px solid var(--soi-neem-pomme);\n}\n\n.soi-neem-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-neem-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-neem-card p {\n font-size: 14px;\n color: var(--soi-neem-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === INCI === *\/\n.soi-neem-inci {\n background: var(--soi-neem-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-neem-radius);\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-neem-text-soft);\n line-height: 1.8;\n font-family: 'Inter', sans-serif;\n word-break: break-word;\n}\n\n.soi-neem-inci-note {\n font-size: 13px;\n color: var(--soi-neem-text-muted);\n font-style: italic;\n margin-top: 0.5rem;\n}\n\n\/* === TIMELINE === *\/\n.soi-neem-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-neem-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-neem-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-neem-radius);\n border: 1px solid var(--soi-neem-line);\n align-items: flex-start;\n}\n\n.soi-neem-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-neem-marine);\n color: var(--soi-neem-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-neem-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-neem-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-neem-step-content p {\n font-size: 14px;\n color: var(--soi-neem-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-neem-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-neem-pomme-light);\n border-left: 4px solid var(--soi-neem-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-neem-radius) var(--soi-neem-radius) 0;\n align-items: flex-start;\n}\n\n.soi-neem-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-neem-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-neem-marine);\n margin-bottom: 4px;\n}\n\n.soi-neem-tip p {\n font-size: 14px;\n color: var(--soi-neem-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-neem-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-neem-card-mini {\n background: var(--soi-neem-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-neem-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-neem-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-neem-card-mini-label {\n font-size: 11px;\n color: var(--soi-neem-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-neem-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-neem-marine);\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-neem-compo {\n background: var(--soi-neem-off-white);\n border-radius: var(--soi-neem-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-neem-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-neem-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-neem-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-neem-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-neem-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-neem-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-neem-marine);\n text-align: right;\n}\n\n\/* === CTA BOX === *\/\n.soi-neem-cta-box {\n background: var(--soi-neem-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-neem-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-neem-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-neem-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-neem-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-neem-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-neem-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-neem-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-neem-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-neem-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-neem-compo-value {\n text-align: left;\n }\n\n .soi-neem-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-neem-tip {\n flex-direction: column;\n gap: 0.5rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-neem-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-neem-fiche {\n --soi-neem-text-soft: #2C3E50;\n --soi-neem-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603268264266,"sku":"AY9954","price":10.25,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dentifrice-neem-triphala-ayurvana_11zon.webp?v=1781967044"},{"product_id":"deovert-pieds-chaussures","title":"Déodorant pour Pieds et Chaussures","description":"\n\u003cdiv class=\"soi-deov-fiche\"\u003e\n\n\u003csection class=\"soi-deov-hero\"\u003e\n \u003cdiv class=\"soi-deov-hero-tag\"\u003e\n \u003cspan class=\"soi-deov-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène podologique · Saint Côme Cosmétiques\n \u003c\/div\u003e\n \u003cspan class=\"soi-deov-hero-title\"\u003eFraîcheur naturelle pour vos pieds au quotidien\u003c\/span\u003e\n \u003cp class=\"soi-deov-hero-subtitle\"\u003eLe Déovert Podologique neutralise les odeurs et assainit vos chaussures grâce à ses huiles essentielles 100 % naturelles, sans sels d'aluminium ni conservateurs.\u003c\/p\u003e\n \u003cdiv class=\"soi-deov-hero-labels\"\u003e\n \u003cspan class=\"soi-deov-label soi-deov-label-accent\"\u003e100 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eSANS SELS D'ALUMINIUM\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eSANS COLORANTS\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eUn déodorant naturel pour les pieds qui va à l'essentiel\u003c\/h2\u003e\n \u003cp\u003eContrairement à de nombreux déodorants pour chaussures chargés de conservateurs ou de colorants, le Déovert Podologique mise sur des huiles essentielles 100 % naturelles aux propriétés déodorantes, assainissantes et apaisantes. Résultat : pas de simple masquage d'odeur, mais une action réelle à la source de la transpiration excessive.\u003c\/p\u003e\n \u003cp\u003eSa formule sans sels d'aluminium, sans colorants et sans conservateurs en fait un déodorant pour les pieds particulièrement adapté aux peaux sensibles, même utilisé quotidiennement. Il s'applique aussi bien directement sur les pieds que dans les chaussures, pour une double protection durable.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eCe que ce déodorant pour pieds fait concrètement pour vous\u003c\/h2\u003e\n \u003cdiv class=\"soi-deov-benefits\"\u003e\n \u003cdiv class=\"soi-deov-benefit\"\u003e\n \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNeutralise les odeurs\u003c\/h3\u003e\n \u003cp\u003eLes huiles essentielles agissent directement sur les bactéries responsables des odeurs, sans simplement les camoufler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-benefit\"\u003e\n \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRégule la transpiration\u003c\/h3\u003e\n \u003cp\u003eLimite les sensations d'humidité et d'inconfort à l'intérieur des chaussures, même lors des journées actives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-benefit\"\u003e\n \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAssainit les chaussures\u003c\/h3\u003e\n \u003cp\u003eEn pulvérisant dans vos chaussures le soir, vous empêchez la prolifération des bactéries et des odeurs persistantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-benefit\"\u003e\n \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaise et rafraîchit\u003c\/h3\u003e\n \u003cp\u003eLes actifs naturels procurent une sensation de fraîcheur immédiate, idéale après le sport ou une longue marche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eComment utiliser votre déodorant pour chaussures et pieds ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-deov-timeline\"\u003e\n \u003cdiv class=\"soi-deov-step\"\u003e\n \u003cdiv class=\"soi-deov-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step-content\"\u003e\n \u003ch3\u003eSur les pieds propres et secs\u003c\/h3\u003e\n \u003cp\u003ePulvérisez à environ 15 cm, en insistant sur la plante et entre les orteils. Laissez sécher quelques secondes avant d'enfiler vos chaussettes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step\"\u003e\n \u003cdiv class=\"soi-deov-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step-content\"\u003e\n \u003ch3\u003eDans les chaussures\u003c\/h3\u003e\n \u003cp\u003e2 à 3 pulvérisations à l'intérieur de chaque chaussure, idéalement la veille ou le matin. Laissez agir quelques minutes avant de les enfiler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step\"\u003e\n \u003cdiv class=\"soi-deov-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step-content\"\u003e\n \u003ch3\u003eFréquence recommandée\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le chaque jour pour un confort optimal. Le flacon de 100 ml offre environ 500 pulvérisations, soit plusieurs mois d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-tip\"\u003e\n \u003cdiv class=\"soi-deov-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePulvérisez dans vos chaussures de sport le soir après l'entraînement : les huiles essentielles agissent toute la nuit pour assainir et désodoriser en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eComposition du Déovert Podologique\u003c\/h2\u003e\n \u003cp\u003eLa formule est construite autour d'huiles essentielles 100 % naturelles aux vertus reconnues pour l'hygiène des pieds : notes végétales fraîches, propriétés purifiantes et assainissantes. Elle est conçue sans colorants, sans conservateurs synthétiques, dans le respect des exigences cosmétiques françaises.\u003c\/p\u003e\n \u003cdiv class=\"soi-deov-compo\"\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eActifs principaux\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003eHuiles essentielles 100 % naturelles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003e100 ml (≈ 500 pulvérisations)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003eBourgogne, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003eSels d'aluminium, colorants, conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le déodorant pour les pieds\u003c\/h2\u003e\n \u003cdiv class=\"soi-deov-accordion\"\u003e\n \u003cdetails class=\"soi-deov-accordion-item\"\u003e\n \u003csummary class=\"soi-deov-accordion-header\"\u003e💊 Ce déodorant pieds remplace-t-il un traitement antifongique ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-deov-accordion-content\"\u003e\n \u003cp\u003eNon. Si vous souffrez d'une mycose avérée, consultez un professionnel de santé. Ce produit est un déodorant cosmétique, non un médicament.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-deov-accordion-item\"\u003e\n \u003csummary class=\"soi-deov-accordion-header\"\u003e👟 Peut-on l'utiliser sur toutes les chaussures ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-deov-accordion-content\"\u003e\n \u003cp\u003eOui, y compris les chaussures de sport, les mocassins et les bottes. Évitez simplement de pulvériser directement sur des matières délicates comme le cuir verni.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-deov-accordion-item\"\u003e\n \u003csummary class=\"soi-deov-accordion-header\"\u003e👨‍👩‍👧‍👦 Convient-il à toute la famille ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-deov-accordion-content\"\u003e\n \u003cp\u003eIl est formulé pour les adultes. Pour les enfants, demandez l'avis d'un professionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-deov-cta-box\"\u003e\n \u003cp class=\"soi-deov-cta-tag\" style=\"color: white;\"\u003eLe confort commence dès le premier pas\u003c\/p\u003e\n \u003cp class=\"soi-deov-cta-text\" style=\"color: white;\"\u003eFini les chaussures que l'on cache. Le Déovert Podologique Saint Côme est le compagnon discret de vos journées : une formule naturelle, fabriquée en France, qui prend soin de vos pieds et de vos chaussures en toute simplicité.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-deov-marine: #1A2D3D;\n --soi-deov-marine-dark: #0F1E2B;\n --soi-deov-marine-light: #2C4458;\n --soi-deov-pomme: #A1C544;\n --soi-deov-pomme-dark: #84A636;\n --soi-deov-pomme-light: rgba(161,197,68,0.10);\n --soi-deov-white: #FFFFFF;\n --soi-deov-off-white: #F8FAF6;\n --soi-deov-stone: #F1F3EE;\n --soi-deov-line: #E5E8E0;\n --soi-deov-primary: #6BAF8D;\n --soi-deov-primary-soft: rgba(107,175,141,0.12);\n --soi-deov-accent: #E2C94A;\n --soi-deov-text: #1A2D3D;\n --soi-deov-text-soft: #4A5B6B;\n --soi-deov-text-muted: #7B8693;\n --soi-deov-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-deov-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-deov-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-deov-radius: 12px;\n --soi-deov-radius-sm: 8px;\n --soi-deov-radius-pill: 999px;\n}\n\n.soi-deov-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-deov-fiche img { max-width: 100%; height: auto; }\n\n.soi-deov-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-deov-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-deov-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-deov-hero {\n position: relative;\n background: var(--soi-deov-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-deov-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-deov-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-deov-pomme);\n}\n\n.soi-deov-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-deov-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-deov-pomme);\n border-radius: 50%;\n}\n\n.soi-deov-hero-title {\n display: block;\n color: var(--soi-deov-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-deov-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-deov-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-deov-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-deov-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-deov-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-deov-label-accent {\n background: var(--soi-deov-pomme);\n border-color: var(--soi-deov-pomme);\n color: var(--soi-deov-marine);\n font-weight: 600;\n}\n\n.soi-deov-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-deov-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-deov-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-deov-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-deov-pomme);\n border-radius: 2px;\n}\n\n.soi-deov-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-deov-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-deov-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-deov-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-deov-benefit {\n background: var(--soi-deov-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-deov-radius);\n border: 1px solid var(--soi-deov-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-deov-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-deov-shadow-md);\n}\n\n.soi-deov-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-deov-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-deov-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-deov-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-deov-benefit:hover .soi-deov-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-deov-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deov-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deov-benefit p {\n font-size: 13px;\n color: var(--soi-deov-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deov-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-deov-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-deov-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deov-radius);\n border: 1px solid var(--soi-deov-line);\n align-items: flex-start;\n}\n\n.soi-deov-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-deov-marine);\n color: var(--soi-deov-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-deov-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deov-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-deov-step-content p {\n font-size: 14px;\n color: var(--soi-deov-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deov-compo {\n background: var(--soi-deov-off-white);\n border-radius: var(--soi-deov-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-deov-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-deov-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-deov-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-deov-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-deov-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-deov-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-deov-marine);\n text-align: right;\n}\n\n.soi-deov-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-deov-pomme-light);\n border-left: 4px solid var(--soi-deov-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-deov-radius) var(--soi-deov-radius) 0;\n align-items: flex-start;\n}\n\n.soi-deov-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-deov-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-deov-marine);\n margin-bottom: 4px;\n}\n\n.soi-deov-tip p {\n font-size: 14px;\n color: var(--soi-deov-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deov-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-deov-accordion-item {\n background: var(--soi-deov-off-white);\n border-radius: var(--soi-deov-radius-sm);\n border: 1px solid var(--soi-deov-line);\n overflow: hidden;\n}\n\n.soi-deov-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-deov-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-deov-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-deov-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-deov-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-deov-accordion-item[open] .soi-deov-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-deov-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-deov-accordion-content p {\n font-size: 14px;\n color: var(--soi-deov-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deov-cta-box {\n background: var(--soi-deov-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-deov-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-deov-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-deov-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-deov-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-deov-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-deov-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-deov-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-deov-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n .soi-deov-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n .soi-deov-compo-value {\n text-align: left;\n }\n .soi-deov-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-deov-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-deov-fiche {\n --soi-deov-text-soft: #2C3E50;\n --soi-deov-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603283173706,"sku":"SC8605","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deovert-vapo-podologique-deodorant-pieds-chaussures_11zon.webp?v=1780733061"},{"product_id":"hygiene-intime-200ml-centifolia","title":"Soin Hygiène Intime Neutre certifié bio – Centifolia","description":"\n\u003cdiv class=\"soi-hint-fiche\"\u003e\n\n\u003csection class=\"soi-hint-hero\"\u003e\n \u003cdiv class=\"soi-hint-hero-tag\"\u003e\n \u003cspan class=\"soi-hint-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène intime · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-hint-hero-title\"\u003eSoin Hygiène Intime Neutre certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-hint-hero-subtitle\"\u003eUn gel nettoyant intime à la douceur exemplaire, enrichi en prébiotique actif, pour respecter et protéger les muqueuses sensibles au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-hint-hero-labels\"\u003e\n \u003cspan class=\"soi-hint-label soi-hint-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-hint-label\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003cspan class=\"soi-hint-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-hint-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-hint-label\"\u003eTESTÉ SOUS CONTRÔLE GYNÉCOLOGIQUE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce soin hygiène intime certifié bio ?\u003c\/h2\u003e\n \u003cp class=\"soi-hint-section-intro\"\u003ePrendre soin de votre hygiène intime ne s'improvise pas. La zone intime possède un pH naturellement acide (entre 3,8 et 4,5) qu'il est essentiel de préserver pour éviter irritations, démangeaisons et déséquilibres de la flore. Contrairement à un savon classique, ce gel nettoyant intime bio est conçu pour respecter cet équilibre fragile, sans agresser les muqueuses.\u003c\/p\u003e\n \u003cdiv class=\"soi-hint-benefits\"\u003e\n \u003cdiv class=\"soi-hint-benefit\"\u003e\n \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003epH physiologique respecté\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur sans perturber l'environnement naturel de votre flore intime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-benefit\"\u003e\n \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans parfum\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les peaux réactives et les muqueuses sensibles, sans aucune fragrance ajoutée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-benefit\"\u003e\n \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e99% d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eFormule certifiée Cosmos Organic, propre et transparente, pour une toilette en toute confiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-benefit\"\u003e\n \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAdapté à toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux femmes enceintes, allaitantes, et aux enfants dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003eLa technologie prébiotique active : ce qui fait la différence\u003c\/h2\u003e\n \u003cp class=\"soi-hint-section-intro\"\u003eCe qui distingue le soin hygiène intime Centifolia des autres nettoyants intimes, c'est sa synergie unique entre un prébiotique actif et un polysaccharide apaisant. Concrètement, ces deux actifs travaillent ensemble pour vous offrir une protection complète.\u003c\/p\u003e\n \u003cdiv class=\"soi-hint-grid\"\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e🦠 Nourrir le microbiote\u003c\/h3\u003e\n \u003cp\u003eLe prébiotique actif nourrit les bonnes bactéries de votre microbiote intime et cutané, favorisant un environnement sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e🛡️ Renforcer la barrière naturelle\u003c\/h3\u003e\n \u003cp\u003eLes muqueuses sont protégées contre les agressions extérieures grâce au renforcement de leur barrière naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e✨ Prévenir les inconforts\u003c\/h3\u003e\n \u003cp\u003eContribue à prévenir les déséquilibres responsables des inconforts récurrents : sécheresse, tiraillements, irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-tip\"\u003e\n \u003cdiv class=\"soi-hint-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eDès la première utilisation, vous retrouvez une zone intime propre, apaisée et protégée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003eComment utiliser ce nettoyant intime bio au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-hint-timeline\"\u003e\n \u003cdiv class=\"soi-hint-step\"\u003e\n \u003cdiv class=\"soi-hint-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step-content\"\u003e\n \u003ch3\u003eDosez avec parcimonie\u003c\/h3\u003e\n \u003cp\u003eUne petite noisette suffit pour une toilette intime efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step\"\u003e\n \u003cdiv class=\"soi-hint-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step-content\"\u003e\n \u003ch3\u003eAppliquez à la main uniquement\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur la vulve externe, sans pénétrer. Évitez les gants de toilette qui peuvent être source de bactéries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step\"\u003e\n \u003cdiv class=\"soi-hint-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède, puis séchez délicatement par tamponnements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step\"\u003e\n \u003cdiv class=\"soi-hint-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step-content\"\u003e\n \u003ch3\u003eUne fois par jour maximum\u003c\/h3\u003e\n \u003cp\u003ePour éviter de trop nettoyer et déséquilibrer le microbiote, limitez la toilette intime à une fois par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003eComposition du Soin Hygiène Intime Neutre Centifolia\u003c\/h2\u003e\n \u003cp class=\"soi-hint-section-intro\"\u003eFormule épurée, à 99% d'ingrédients d'origine naturelle, sans parfum, sans phtalate, sans bisphénol A.\u003c\/p\u003e\n \u003cdiv class=\"soi-hint-compo\"\u003e\n \u003cdiv class=\"soi-hint-compo-row\"\u003e\n \u003cspan class=\"soi-hint-compo-label\"\u003ePrébiotique actif\u003c\/span\u003e\n \u003cspan class=\"soi-hint-compo-value\"\u003eXylitol\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-compo-row\"\u003e\n \u003cspan class=\"soi-hint-compo-label\"\u003eActifs complémentaires\u003c\/span\u003e\n \u003cspan class=\"soi-hint-compo-value\"\u003ePolysaccharides apaisants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-compo-row\"\u003e\n \u003cspan class=\"soi-hint-compo-label\"\u003eOrigine des ingrédients\u003c\/span\u003e\n \u003cspan class=\"soi-hint-compo-value\"\u003e99% d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-compo-row\"\u003e\n \u003cspan class=\"soi-hint-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-hint-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-compo-row\"\u003e\n \u003cspan class=\"soi-hint-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-hint-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"soi-hint-accordion-item\"\u003e\n \u003csummary class=\"soi-hint-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-hint-accordion-content\"\u003e\n \u003cp\u003eAqua, Sodium Coco-Glucoside Tartrate, Coco-Glucoside, Glycerin, Xylitylglucoside, Anhydroxylitol, Xylitol, Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003eLes engagements Centifolia qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-hint-grid\"\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertification biologique indépendante et rigoureuse, garantissant une formule respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France, dans le respect des matières premières et du savoir-faire cosmétique français.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon recyclable, composé à 50% de plastique recyclé, pour une démarche plus respectueuse de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003ePour qui est recommandé ce soin intime bio ?\u003c\/h2\u003e\n \u003cp\u003eCe nettoyant intime bio convient particulièrement aux femmes qui souffrent d'irritations récurrentes, aux peaux très sensibles, aux femmes enceintes ou allaitantes, et à toute personne souhaitant adopter une routine intime plus naturelle et respectueuse. Il peut également être utilisé par les enfants dès 3 ans, sous surveillance parentale.\u003c\/p\u003e\n \u003cdiv class=\"soi-hint-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"soi-hint-accordion-item\"\u003e\n \u003csummary class=\"soi-hint-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-hint-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne remplace pas un avis médical en cas d'infection ou de symptômes persistants. Pour les enfants dès 3 ans, utilisez sous surveillance parentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-hint-cta-box\"\u003e\n \u003cp class=\"soi-hint-cta-tag\" style=\"color: white;\"\u003eVotre rituel de douceur au quotidien\u003c\/p\u003e\n \u003cp class=\"soi-hint-cta-text\" style=\"color: white;\"\u003ePrenez soin de vous avec une formule bio pensée pour les zones les plus délicates. Une toilette intime douce, protectrice et vraiment naturelle, chaque jour, pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-hint-marine: #1A2D3D;\n --soi-hint-marine-dark: #0F1E2B;\n --soi-hint-marine-light: #2C4458;\n --soi-hint-pomme: #A1C544;\n --soi-hint-pomme-dark: #84A636;\n --soi-hint-pomme-light: rgba(161,197,68,0.10);\n\n --soi-hint-white: #FFFFFF;\n --soi-hint-off-white: #F8FAF6;\n --soi-hint-stone: #F1F3EE;\n --soi-hint-line: #E5E8E0;\n\n --soi-hint-primary: #7BB8CE;\n --soi-hint-primary-soft: #D0EAF5;\n --soi-hint-accent: #5A9AB5;\n\n --soi-hint-text: #1A2D3D;\n --soi-hint-text-soft: #4A5B6B;\n --soi-hint-text-muted: #7B8693;\n\n --soi-hint-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-hint-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-hint-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-hint-radius: 12px;\n --soi-hint-radius-sm: 8px;\n --soi-hint-radius-pill: 999px;\n}\n\n.soi-hint-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-hint-fiche img { max-width: 100%; height: auto; }\n\n.soi-hint-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-hint-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-hint-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-hint-hero {\n position: relative;\n background: var(--soi-hint-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-hint-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-hint-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-hint-pomme);\n}\n\n.soi-hint-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-hint-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-hint-pomme);\n border-radius: 50%;\n}\n\n.soi-hint-hero-title {\n display: block;\n color: var(--soi-hint-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-hint-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-hint-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-hint-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-hint-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-hint-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-hint-label-accent {\n background: var(--soi-hint-pomme);\n border-color: var(--soi-hint-pomme);\n color: var(--soi-hint-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-hint-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-hint-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-hint-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-hint-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-hint-pomme);\n border-radius: 2px;\n}\n\n.soi-hint-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-hint-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-hint-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-hint-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-hint-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-hint-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-hint-benefit {\n background: var(--soi-hint-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-hint-radius);\n border: 1px solid var(--soi-hint-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-hint-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-hint-shadow-md);\n}\n\n.soi-hint-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-hint-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-hint-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-hint-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-hint-benefit:hover .soi-hint-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-hint-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-hint-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-hint-benefit p {\n font-size: 13px;\n color: var(--soi-hint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-hint-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-hint-card {\n background: var(--soi-hint-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-hint-radius);\n border-left: 3px solid var(--soi-hint-pomme);\n}\n\n.soi-hint-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-hint-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-hint-card p {\n font-size: 14px;\n color: var(--soi-hint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-hint-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-hint-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-hint-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-hint-radius);\n border: 1px solid var(--soi-hint-line);\n align-items: flex-start;\n}\n\n.soi-hint-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-hint-marine);\n color: var(--soi-hint-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-hint-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-hint-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-hint-step-content p {\n font-size: 14px;\n color: var(--soi-hint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-hint-compo {\n background: var(--soi-hint-off-white);\n border-radius: var(--soi-hint-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-hint-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-hint-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-hint-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-hint-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-hint-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-hint-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-hint-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-hint-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-hint-pomme-light);\n border-left: 4px solid var(--soi-hint-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-hint-radius) var(--soi-hint-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-hint-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-hint-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-hint-marine);\n margin-bottom: 4px;\n}\n\n.soi-hint-tip p {\n font-size: 14px;\n color: var(--soi-hint-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-hint-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-hint-accordion-item {\n background: var(--soi-hint-off-white);\n border-radius: var(--soi-hint-radius-sm);\n border: 1px solid var(--soi-hint-line);\n overflow: hidden;\n}\n\n.soi-hint-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-hint-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-hint-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-hint-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-hint-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-hint-accordion-item[open] .soi-hint-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-hint-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-hint-accordion-content p {\n font-size: 14px;\n color: var(--soi-hint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-hint-cta-box {\n background: var(--soi-hint-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-hint-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-hint-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-hint-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-hint-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-hint-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-hint-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-hint-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-hint-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-hint-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-hint-compo-value {\n text-align: left;\n }\n\n .soi-hint-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-hint-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-hint-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-hint-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-hint-fiche {\n --soi-hint-text-soft: #2C3E50;\n --soi-hint-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603297853770,"sku":"CE0444","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soin-hygiene-intime-neutre-certifie-bio-centifolia-packshot.webp?v=1779188653"},{"product_id":"shampooing-volume-200ml","title":"Shampoing Volume certifié bio - Centifolia","description":"\n\u003cdiv class=\"soi-shvl-fiche\"\u003e\n\n \u003csection class=\"soi-shvl-hero\"\u003e\n \u003cdiv class=\"soi-shvl-hero-tag\"\u003e\n \u003cspan class=\"soi-shvl-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-shvl-hero-title\"\u003eShampoing Volume certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-shvl-hero-subtitle\"\u003eRedonnez corps et vitalité à vos cheveux fins grâce au pamplemousse rose bio et aux peptides de pois, pour un volume naturel et durable dès la première utilisation.\u003c\/p\u003e\n \u003cdiv class=\"soi-shvl-hero-labels\"\u003e\n \u003cspan class=\"soi-shvl-label soi-shvl-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-label\"\u003e98 % NATUREL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shvl-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampoing bio pour les cheveux fins ?\u003c\/h2\u003e\n \u003cp\u003eVous avez les cheveux fins, sans épaisseur, qui s'écrasent dès le lendemain du shampoing ? Le Shampoing Volume certifié bio Centifolia a été pensé précisément pour vous. Avec sa formule à 98 % d'ingrédients d'origine naturelle, certifiée Cosmos Organic et fabriquée en France, il redonne du corps et de la vitalité aux cheveux les plus plats, sans jamais les alourdir.\u003c\/p\u003e\n \u003cp\u003eBeaucoup de shampoings volumateurs conventionnels contiennent des sulfates agressifs ou des silicones qui créent un faux volume à court terme, tout en fragilisant la fibre capillaire sur la durée. Ce shampoing volume bio adopte une philosophie inverse : des actifs naturels soigneusement sélectionnés, une base lavante douce et biodégradable, pour un résultat visible dès la première utilisation et qui s'améliore dans le temps.\u003c\/p\u003e\n \u003cp\u003eSon format 200 ml en flacon 100 % recyclé et recyclable complète une démarche éco-responsable cohérente, du soin jusqu'à l'emballage.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shvl-section\"\u003e\n \u003ch2\u003eLes ingrédients actifs qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-shvl-grid\"\u003e\n \u003cdiv class=\"soi-shvl-card\"\u003e\n \u003ch3\u003e🍊 Pamplemousse rose bio (origine France)\u003c\/h3\u003e\n \u003cp\u003eRiche en flavonoïdes et en vitamine C naturelle, cet extrait apporte légèreté et éclat au cheveu. Il purifie délicatement le cuir chevelu sans le dessécher, pour une chevelure qui respire et rayonne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-card\"\u003e\n \u003ch3\u003e🌿 Peptides de pois (actif volume fermenté)\u003c\/h3\u003e\n \u003cp\u003eIssus de la fermentation du pois, ces petites protéines végétales pénètrent la fibre capillaire pour l'hydrater de l'intérieur, la renforcer et augmenter son diamètre apparent. Résultat : une chevelure visiblement plus dense, avec un volume naturel et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-card\"\u003e\n \u003ch3\u003e💧 Base lavante ultra-douce et biodégradable\u003c\/h3\u003e\n \u003cp\u003eSans sulfates agressifs, sans silicones, sans paraben. Cette base lavante convient à un usage fréquent, même sur les cuirs chevelus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shvl-section\"\u003e\n \u003ch2\u003eComment utiliser le shampoing volume Centifolia ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shvl-timeline\"\u003e\n \u003cdiv class=\"soi-shvl-step\"\u003e\n \u003cdiv class=\"soi-shvl-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampoing sur cheveux mouillés. Massez doucement le cuir chevelu avec le bout des doigts pour activer la circulation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-step\"\u003e\n \u003cdiv class=\"soi-shvl-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède pour éliminer tout résidu et ne pas peser sur les racines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-step\"\u003e\n \u003cdiv class=\"soi-shvl-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-step-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003ePour un résultat optimal, ce shampoing est recommandé 2 à 3 fois par semaine ou selon vos besoins, y compris en cas d'usage fréquent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-tip\"\u003e\n \u003cdiv class=\"soi-shvl-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eAssociez-le à un après-shampoing bio léger, appliqué uniquement sur les longueurs, pour préserver le volume à la racine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shvl-section\"\u003e\n \u003ch2\u003eCe que vous y gagnez concrètement\u003c\/h2\u003e\n \u003cdiv class=\"soi-shvl-benefits\"\u003e\n \u003cdiv class=\"soi-shvl-benefit\"\u003e\n \u003cdiv class=\"soi-shvl-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVolume visible immédiat\u003c\/h3\u003e\n \u003cp\u003eDès la première utilisation, vos cheveux retrouvent du corps, sans effet collant ni gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-benefit\"\u003e\n \u003cdiv class=\"soi-shvl-benefit-icon\"\u003e\u003cspan\u003e🌾\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux plus denses\u003c\/h3\u003e\n \u003cp\u003eLes peptides de pois renforcent et structurent la fibre capillaire pour une chevelure visiblement plus épaisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-benefit\"\u003e\n \u003cdiv class=\"soi-shvl-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCuir chevelu respecté\u003c\/h3\u003e\n \u003cp\u003eSa base lavante ultra-douce convient aux lavages fréquents, même sur les cuirs chevelus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-benefit\"\u003e\n \u003cdiv class=\"soi-shvl-benefit-icon\"\u003e\u003cspan\u003e🍊\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum frais et fruité\u003c\/h3\u003e\n \u003cp\u003eUne fragrance naturelle au pamplemousse rose, agréable et délicate à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shvl-section\"\u003e\n \u003ch2\u003eComposition INCI (ingrédients)\u003c\/h2\u003e\n \u003cdiv class=\"soi-shvl-accordion\"\u003e\n \u003cdetails class=\"soi-shvl-accordion-item\"\u003e\n \u003csummary class=\"soi-shvl-accordion-header\"\u003e📋 Liste complète des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"soi-shvl-accordion-content\"\u003e\n \u003cp\u003eAqua, Sodium Cocoyl Glutamate, Coco-Glucoside, Glycerin*, Citrus Paradisi (Grapefruit) Fruit Extract*, Pisum Sativum (Pea) Peptide, Sodium Chloride, Parfum (Natural), Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique. 98 % des ingrédients sont d'origine naturelle.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-grid-compact\"\u003e\n \u003cdiv class=\"soi-shvl-card-mini\"\u003e\n \u003cspan class=\"soi-shvl-card-mini-icon\"\u003e📏\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-card-mini-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-card-mini\"\u003e\n \u003cspan class=\"soi-shvl-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-card-mini\"\u003e\n \u003cspan class=\"soi-shvl-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvl-card-mini\"\u003e\n \u003cspan class=\"soi-shvl-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-shvl-card-mini-value\"\u003e100 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shvl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shvl-cta-box\"\u003e\n \u003cp class=\"soi-shvl-cta-tag\" style=\"color: white;\"\u003eDu volume naturel, certifié bio\u003c\/p\u003e\n \u003cp class=\"soi-shvl-cta-text\" style=\"color: white;\"\u003eDes cheveux fins qui manquent de vie, ce n'est pas une fatalité. Avec le Shampoing Volume bio Centifolia, chaque lavage devient un vrai soin : les peptides de pois renforcent, le pamplemousse rose purifie, et vos cheveux retrouvent une vraie densité naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shvl-marine: #1A2D3D;\n --soi-shvl-marine-dark: #0F1E2B;\n --soi-shvl-marine-light: #2C4458;\n --soi-shvl-pomme: #A1C544;\n --soi-shvl-pomme-dark: #84A636;\n --soi-shvl-pomme-light: rgba(161,197,68,0.10);\n --soi-shvl-white: #FFFFFF;\n --soi-shvl-off-white: #F8FAF6;\n --soi-shvl-stone: #F1F3EE;\n --soi-shvl-line: #E5E8E0;\n --soi-shvl-primary: #D4703A;\n --soi-shvl-primary-soft: #F2E0D3;\n --soi-shvl-accent: #E8967A;\n --soi-shvl-text: #1A2D3D;\n --soi-shvl-text-soft: #4A5B6B;\n --soi-shvl-text-muted: #7B8693;\n --soi-shvl-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shvl-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shvl-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shvl-radius: 12px;\n --soi-shvl-radius-sm: 8px;\n --soi-shvl-radius-pill: 999px;\n}\n\n.soi-shvl-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shvl-fiche img { max-width: 100%; height: auto; }\n\n.soi-shvl-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shvl-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shvl-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-shvl-hero {\n position: relative;\n background: var(--soi-shvl-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shvl-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shvl-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shvl-pomme);\n}\n\n.soi-shvl-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shvl-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shvl-pomme);\n border-radius: 50%;\n}\n\n.soi-shvl-hero-title {\n display: block;\n color: var(--soi-shvl-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shvl-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shvl-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shvl-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shvl-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shvl-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shvl-label-accent {\n background: var(--soi-shvl-pomme);\n border-color: var(--soi-shvl-pomme);\n color: var(--soi-shvl-marine);\n font-weight: 600;\n}\n\n.soi-shvl-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shvl-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shvl-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shvl-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shvl-pomme);\n border-radius: 2px;\n}\n\n.soi-shvl-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shvl-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shvl-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-shvl-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-shvl-benefit {\n background: var(--soi-shvl-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shvl-radius);\n border: 1px solid var(--soi-shvl-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shvl-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shvl-shadow-md);\n}\n\n.soi-shvl-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shvl-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-shvl-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shvl-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shvl-benefit:hover .soi-shvl-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shvl-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shvl-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shvl-benefit p {\n font-size: 13px;\n color: var(--soi-shvl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shvl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shvl-card {\n background: var(--soi-shvl-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shvl-radius);\n border-left: 3px solid var(--soi-shvl-pomme);\n}\n\n.soi-shvl-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shvl-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shvl-card p {\n font-size: 14px;\n color: var(--soi-shvl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shvl-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.25rem;\n}\n\n.soi-shvl-card-mini {\n background: var(--soi-shvl-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shvl-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shvl-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shvl-card-mini-label {\n font-size: 11px;\n color: var(--soi-shvl-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shvl-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shvl-marine);\n}\n\n.soi-shvl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-shvl-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shvl-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shvl-radius);\n border: 1px solid var(--soi-shvl-line);\n align-items: flex-start;\n}\n\n.soi-shvl-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shvl-marine);\n color: var(--soi-shvl-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shvl-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shvl-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shvl-step-content p {\n font-size: 14px;\n color: var(--soi-shvl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shvl-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shvl-pomme-light);\n border-left: 4px solid var(--soi-shvl-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shvl-radius) var(--soi-shvl-radius) 0;\n align-items: flex-start;\n}\n\n.soi-shvl-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shvl-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shvl-marine);\n margin-bottom: 4px;\n}\n\n.soi-shvl-tip p {\n font-size: 14px;\n color: var(--soi-shvl-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shvl-compo {\n background: var(--soi-shvl-off-white);\n border-radius: var(--soi-shvl-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shvl-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shvl-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shvl-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shvl-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shvl-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shvl-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shvl-marine);\n text-align: right;\n}\n\n.soi-shvl-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shvl-accordion-item {\n background: var(--soi-shvl-off-white);\n border-radius: var(--soi-shvl-radius-sm);\n border: 1px solid var(--soi-shvl-line);\n overflow: hidden;\n}\n\n.soi-shvl-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shvl-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-shvl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shvl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shvl-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shvl-accordion-item[open] .soi-shvl-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shvl-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shvl-accordion-content p {\n font-size: 14px;\n color: var(--soi-shvl-text-soft);\n line-height: 1.6;\n margin-bottom: 0.5rem;\n}\n\n.soi-shvl-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.soi-shvl-cta-box {\n background: var(--soi-shvl-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shvl-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shvl-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shvl-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shvl-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shvl-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shvl-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shvl-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-shvl-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shvl-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shvl-compo-value {\n text-align: left;\n }\n\n .soi-shvl-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-shvl-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shvl-fiche {\n --soi-shvl-text-soft: #2C3E50;\n --soi-shvl-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603298705738,"sku":"CE0645","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-volume-certifie-bio-centifolia-packshot.webp?v=1779446130"},{"product_id":"shampooing-creme-antipelliculaire","title":"Shampoing Crème Antipelliculaire certifié bio – Centifolia","description":"\u003cdiv class=\"soi-apel-fiche\"\u003e\n\n\u003csection class=\"soi-apel-hero\"\u003e\n \u003cdiv class=\"soi-apel-hero-tag\"\u003e\n \u003cspan class=\"soi-apel-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-apel-hero-title\"\u003eShampoing Crème Antipelliculaire certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-apel-hero-subtitle\"\u003eEfficace dès la première utilisation, ce soin purifiant à l'eucalyptus bio apaise les démangeaisons et élimine les pellicules en douceur, sans compromis sur la naturalité.\u003c\/p\u003e\n \u003cdiv class=\"soi-apel-hero-labels\"\u003e\n \u003cspan class=\"soi-apel-label soi-apel-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-apel-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-apel-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-apel-label\"\u003e98% ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-apel-label\"\u003eFLACON 100% RECYCLÉ\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n \u003ch2\u003ePourquoi ce shampoing antipelliculaire se démarque vraiment\u003c\/h2\u003e\n \u003cp\u003eContrairement à de nombreux shampoings antipelliculaires vendus en pharmacie ou parapharmacie, qui misent sur des agents chimiques agressifs, le shampoing antipelliculaire Centifolia repose sur une formule \u003cstrong\u003e98% d'origine naturelle\u003c\/strong\u003e, certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e et fabriquée en France. Résultat : un soin réellement efficace contre les pellicules, sans altérer l'équilibre naturel de votre cuir chevelu sensible.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font toute la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-apel-benefits\"\u003e\n \u003cdiv class=\"soi-apel-benefit\"\u003e\n \u003cdiv class=\"soi-apel-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEucalyptus bio\u003c\/h3\u003e\n \u003cp\u003eSélectionné pour ses propriétés purifiantes et rafraîchissantes, il apaise instantanément les démangeaisons et procure une sensation de légèreté durable sur le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-benefit\"\u003e\n \u003cdiv class=\"soi-apel-benefit-icon\"\u003e\u003cspan\u003e🌳\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eZiziphus joazeiro\u003c\/h3\u003e\n \u003cp\u003eAgent antipelliculaire 100% naturel, extrait de l'écorce de cet arbre brésilien. Cliniquement testé, il élimine les pellicules rapidement et prévient leur réapparition, sans piroctone olamine ni zinc pyrithione.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-benefit\"\u003e\n \u003cdiv class=\"soi-apel-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTexture crème émulsionnée\u003c\/h3\u003e\n \u003cp\u003eUne véritable émulsion eau-huile qui enveloppe chaque mèche, facilite l'application et garantit une répartition uniforme des actifs du premier au dernier centimètre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-apel-grid\"\u003e\n \u003cdiv class=\"soi-apel-card\"\u003e\n \u003ch3\u003e🩺 Cuir chevelu sensible ou irrité\u003c\/h3\u003e\n \u003cp\u003eCe shampoing crème convient parfaitement aux personnes dont le cuir chevelu tiraille, démange ou présente des rougeurs. Sa formule sans sulfates agressifs respecte les zones les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-card\"\u003e\n \u003ch3\u003e❄️ Pellicules occasionnelles ou persistantes\u003c\/h3\u003e\n \u003cp\u003eQue vos pellicules soient ponctuelles ou récurrentes, ce soin agit dès la première utilisation et renforce ses résultats au fil des lavages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-card\"\u003e\n \u003ch3\u003e🎨 Cheveux fins ou colorés\u003c\/h3\u003e\n \u003cp\u003eSuffisamment doux pour un usage régulier, il convient également aux cheveux fragilisés par les colorations ou aux textures les plus fines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n \u003ch2\u003eComment l'utiliser pour un résultat optimal ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-apel-timeline\"\u003e\n \u003cdiv class=\"soi-apel-step\"\u003e\n \u003cdiv class=\"soi-apel-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-apel-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette généreuse sur cheveux mouillés en massant doucement le cuir chevelu pendant 2 à 3 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-step\"\u003e\n \u003cdiv class=\"soi-apel-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-apel-step-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePatientez 1 à 2 minutes pour laisser les actifs agir en profondeur sur le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-step\"\u003e\n \u003cdiv class=\"soi-apel-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-apel-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-step\"\u003e\n \u003cdiv class=\"soi-apel-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-apel-step-content\"\u003e\n \u003ch3\u003eRenouvelez\u003c\/h3\u003e\n \u003cp\u003eRépétez l'opération si nécessaire. Une utilisation régulière, 2 à 3 fois par semaine, renforce les résultats dans la durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-tip\"\u003e\n \u003cdiv class=\"soi-apel-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour bénéficier pleinement des actifs purifiants, prenez le temps de bien masser le cuir chevelu lors de l'application : ce geste favorise la microcirculation et optimise la pénétration de l'eucalyptus bio et du Ziziphus joazeiro.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"soi-apel-compo\"\u003e\n \u003cdiv class=\"soi-apel-compo-row\"\u003e\n \u003cspan class=\"soi-apel-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-apel-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-compo-row\"\u003e\n \u003cspan class=\"soi-apel-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-apel-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-compo-row\"\u003e\n \u003cspan class=\"soi-apel-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-apel-compo-value\"\u003e98%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-compo-row\"\u003e\n \u003cspan class=\"soi-apel-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-apel-compo-value\"\u003eFrance (Grasse)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-compo-row\"\u003e\n \u003cspan class=\"soi-apel-compo-label\"\u003eFlacon\u003c\/span\u003e\n \u003cspan class=\"soi-apel-compo-value\"\u003e100% recyclé et recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:1rem;\"\u003e\u003cem\u003eAqua, Coco-glucoside, Glycerin*, Ziziphus joazeiro bark extract, Eucalyptus globulus leaf oil*, Cetearyl alcohol, Glyceryl stearate, Sodium benzoate, Potassium sorbate, Citric acid. (*ingrédients issus de l'agriculture biologique)\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n \u003ch2\u003eCe que vous ne trouverez pas dans ce flacon\u003c\/h2\u003e\n \u003cdiv class=\"soi-apel-grid-compact\"\u003e\n \u003cdiv class=\"soi-apel-card-mini\"\u003e\n \u003cspan class=\"soi-apel-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-apel-card-mini-label\"\u003eSilicones\u003c\/span\u003e\n \u003cspan class=\"soi-apel-card-mini-value\"\u003eNi parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-card-mini\"\u003e\n \u003cspan class=\"soi-apel-card-mini-icon\"\u003e🧪\u003c\/span\u003e\n \u003cspan class=\"soi-apel-card-mini-label\"\u003eSulfates agressifs\u003c\/span\u003e\n \u003cspan class=\"soi-apel-card-mini-value\"\u003eSans SLS \/ SLES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-card-mini\"\u003e\n \u003cspan class=\"soi-apel-card-mini-icon\"\u003e🎨\u003c\/span\u003e\n \u003cspan class=\"soi-apel-card-mini-label\"\u003eColorants\u003c\/span\u003e\n \u003cspan class=\"soi-apel-card-mini-value\"\u003eSans synthèse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-card-mini\"\u003e\n \u003cspan class=\"soi-apel-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-apel-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-apel-card-mini-value\"\u003eVegan, cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n \u003ch2\u003eCertifications et engagements Centifolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-apel-grid\"\u003e\n \u003cdiv class=\"soi-apel-card\"\u003e\n \u003ch3\u003e🏅 Certifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eLa référence en cosmétique bio : une certification qui garantit le respect d'un cahier des charges exigeant sur la naturalité, l'origine des ingrédients et les procédés de fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eFormulé et conditionné dans les ateliers Centifolia à Grasse, berceau historique de la parfumerie et de la cosmétique française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apel-card\"\u003e\n \u003ch3\u003e♻️ Flacon 100% recyclé et recyclable\u003c\/h3\u003e\n \u003cp\u003eUn contenant en plastique recyclé qui s'inscrit dans une démarche d'écoconception, avec une formule biodégradable respectueuse des écosystèmes aquatiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur ce shampoing antipelliculaire bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-apel-accordion\"\u003e\n \u003cdetails class=\"soi-apel-accordion-item\"\u003e\n \u003csummary class=\"soi-apel-accordion-header\"\u003e❓ Est-il aussi efficace qu'un shampoing antipelliculaire vendu en pharmacie ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-apel-accordion-content\"\u003e\n \u003cp\u003eOui. Son actif issu du Ziziphus joazeiro est cliniquement testé et reconnu pour son action sur les pellicules et les démangeaisons, sans recourir aux agents chimiques des formules pharmaceutiques classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-apel-accordion-item\"\u003e\n \u003csummary class=\"soi-apel-accordion-header\"\u003e📅 Peut-on l'utiliser tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-apel-accordion-content\"\u003e\n \u003cp\u003eSa formule douce le permet, mais une utilisation 2 à 3 fois par semaine reste idéale pour des résultats optimaux et durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-apel-accordion-item\"\u003e\n \u003csummary class=\"soi-apel-accordion-header\"\u003e⚕️ Ce produit remplace-t-il un traitement médical ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-apel-accordion-content\"\u003e\n \u003cp\u003eNon. En cas de dermite séborrhéique diagnostiquée ou de pellicules abondantes et persistantes, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apel-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-apel-cta-box\"\u003e\n \u003cp class=\"soi-apel-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, dès le premier lavage\u003c\/p\u003e\n \u003cp class=\"soi-apel-cta-text\" style=\"color: white;\"\u003ePellicules et démangeaisons n'ont qu'à bien se tenir. Avec ce shampoing crème antipelliculaire bio Centifolia, vous choisissez l'efficacité, la douceur au quotidien et une formule naturelle qui respecte autant votre cuir chevelu que la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-apel-marine: #1A2D3D;\n --soi-apel-marine-dark: #0F1E2B;\n --soi-apel-marine-light: #2C4458;\n --soi-apel-pomme: #A1C544;\n --soi-apel-pomme-dark: #84A636;\n --soi-apel-pomme-light: rgba(161,197,68,0.10);\n\n --soi-apel-white: #FFFFFF;\n --soi-apel-off-white: #F8FAF6;\n --soi-apel-stone: #F1F3EE;\n --soi-apel-line: #E5E8E0;\n\n --soi-apel-primary: #4A8E7A;\n --soi-apel-primary-soft: rgba(74,142,122,0.10);\n --soi-apel-accent: #3D2B1F;\n\n --soi-apel-text: #1A2D3D;\n --soi-apel-text-soft: #4A5B6B;\n --soi-apel-text-muted: #7B8693;\n\n --soi-apel-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-apel-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-apel-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-apel-radius: 12px;\n --soi-apel-radius-sm: 8px;\n --soi-apel-radius-pill: 999px;\n}\n\n.soi-apel-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-apel-fiche img { max-width: 100%; height: auto; }\n\n.soi-apel-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-apel-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-apel-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-apel-hero {\n position: relative;\n background: var(--soi-apel-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-apel-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-apel-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-apel-pomme);\n}\n\n.soi-apel-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-apel-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-apel-pomme);\n border-radius: 50%;\n}\n\n.soi-apel-hero-title {\n display: block;\n color: var(--soi-apel-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-apel-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-apel-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-apel-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-apel-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-apel-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-apel-label-accent {\n background: var(--soi-apel-pomme);\n border-color: var(--soi-apel-pomme);\n color: var(--soi-apel-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-apel-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-apel-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-apel-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-apel-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-apel-pomme);\n border-radius: 2px;\n}\n\n.soi-apel-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-apel-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-apel-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-apel-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-apel-benefit {\n background: var(--soi-apel-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-apel-radius);\n border: 1px solid var(--soi-apel-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-apel-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-apel-shadow-md);\n}\n\n.soi-apel-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-apel-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-apel-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-apel-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-apel-benefit:hover .soi-apel-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-apel-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-apel-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-apel-benefit p {\n font-size: 13px;\n color: var(--soi-apel-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-apel-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-apel-card {\n background: var(--soi-apel-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-apel-radius);\n border-left: 3px solid var(--soi-apel-pomme);\n}\n\n.soi-apel-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-apel-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-apel-card p {\n font-size: 14px;\n color: var(--soi-apel-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-apel-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-apel-card-mini {\n background: var(--soi-apel-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-apel-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-apel-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-apel-card-mini-label {\n font-size: 11px;\n color: var(--soi-apel-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-apel-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-apel-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-apel-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-apel-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-apel-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-apel-radius);\n border: 1px solid var(--soi-apel-line);\n align-items: flex-start;\n}\n\n.soi-apel-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-apel-marine);\n color: var(--soi-apel-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-apel-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-apel-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-apel-step-content p {\n font-size: 14px;\n color: var(--soi-apel-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-apel-compo {\n background: var(--soi-apel-off-white);\n border-radius: var(--soi-apel-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-apel-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-apel-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-apel-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-apel-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-apel-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-apel-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-apel-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-apel-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-apel-pomme-light);\n border-left: 4px solid var(--soi-apel-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-apel-radius) var(--soi-apel-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-apel-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-apel-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-apel-marine);\n margin-bottom: 4px;\n}\n\n.soi-apel-tip p {\n font-size: 14px;\n color: var(--soi-apel-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-apel-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-apel-accordion-item {\n background: var(--soi-apel-off-white);\n border-radius: var(--soi-apel-radius-sm);\n border: 1px solid var(--soi-apel-line);\n overflow: hidden;\n}\n\n.soi-apel-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-apel-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-apel-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-apel-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-apel-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-apel-accordion-item[open] .soi-apel-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-apel-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-apel-accordion-content p {\n font-size: 14px;\n color: var(--soi-apel-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-apel-cta-box {\n background: var(--soi-apel-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-apel-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-apel-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-apel-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-apel-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-apel-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-apel-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-apel-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-apel-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-apel-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-apel-compo-value {\n text-align: left;\n }\n\n .soi-apel-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-apel-tip {\n flex-direction: column;\n gap: 0.5rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-apel-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-apel-fiche {\n --soi-apel-text-soft: #2C3E50;\n --soi-apel-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603298771274,"sku":"CE0446","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-creme-antipelliculaire-certifie-bio-centifolia-packshot.webp?v=1779452348"},{"product_id":"shampoing-creme-reparateur-centifolia","title":"Shampoing Crème Réparateur certifié Bio – 200ml – Centifolia","description":"\u003cdiv class=\"soi-shcr-fiche\"\u003e\n\n\u003csection class=\"soi-shcr-hero\"\u003e\n \u003cdiv class=\"soi-shcr-hero-tag\"\u003e\n \u003cspan class=\"soi-shcr-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire réparateur · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-shcr-hero-title\"\u003eShampoing Crème Réparateur certifié Bio\u003c\/span\u003e\n \u003cp class=\"soi-shcr-hero-subtitle\"\u003eEnrichi en huile de ricin BIO et en kératine végétale, ce shampoing crème reconstruit la fibre capillaire en douceur, dès le premier lavage.\u003c\/p\u003e\n \u003cdiv class=\"soi-shcr-hero-labels\"\u003e\n \u003cspan class=\"soi-shcr-label soi-shcr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-label\"\u003e98 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-label\"\u003e200 ML\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shcr-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampoing réparateur bio ?\u003c\/h2\u003e\n \u003cp\u003eLa plupart des shampoings réparateurs du marché chargent leur formule en silicones pour donner une illusion de réparation. Centifolia prend le contre-pied avec une approche radicalement différente : \u003cstrong\u003e98 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, une certification \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, une formule \u003cstrong\u003evegan\u003c\/strong\u003e et une fabrication \u003cstrong\u003e100 % française\u003c\/strong\u003e. Le résultat n'est pas cosmétique, il est réel.\u003c\/p\u003e\n \u003cp\u003eSa texture crème, rare dans l'univers des shampoings bio, résulte d'une émulsion eau\/huile qui respecte la structure du cheveu tout en le nourrissant pendant le lavage. Vos longueurs ne sont plus simplement nettoyées : elles sont \u003cstrong\u003eprotégées et gainées\u003c\/strong\u003e à chaque shampoing.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shcr-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-shcr-benefits\"\u003e\n \u003cdiv class=\"soi-shcr-benefit\"\u003e\n \u003cdiv class=\"soi-shcr-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de ricin BIO\u003c\/h3\u003e\n \u003cp\u003eObtenue par première pression à froid, elle renforce la fibre capillaire et réduit la casse en pénétrant jusqu'à la racine. Idéale pour les cheveux fragilisés par la chaleur, les colorations ou le brushing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-benefit\"\u003e\n \u003cdiv class=\"soi-shcr-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eKératine végétale\u003c\/h3\u003e\n \u003cp\u003eElle comble les zones abîmées de la tige capillaire, limite l'altération des protéines naturelles du cheveu et apporte un effet gainant durable. Résultat : des cheveux plus lisses, plus doux, plus faciles à démêler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-benefit\"\u003e\n \u003cdiv class=\"soi-shcr-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAgents lavants biodégradables\u003c\/h3\u003e\n \u003cp\u003eUltra-doux, ils nettoient sans décaper le film hydrolipidique naturel du cuir chevelu, préservant ainsi l'équilibre et le confort de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shcr-section\"\u003e\n \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n \u003cp class=\"soi-shcr-section-intro\"\u003eCe shampoing réparateur bio est conçu pour les \u003cstrong\u003echeveux fragilisés, abîmés et cassants\u003c\/strong\u003e, quelle que soit leur nature (fins, épais, bouclés ou lisses). Il vous convient particulièrement si vous observez :\u003c\/p\u003e\n \u003cdiv class=\"soi-shcr-grid\"\u003e\n \u003cdiv class=\"soi-shcr-card\"\u003e\n \u003ch3\u003e✂️ Pointes sèches ou fourches\u003c\/h3\u003e\n \u003cp\u003eDes pointes qui s'effrangent et s'aggravent au fil du temps malgré les coupes régulières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-card\"\u003e\n \u003ch3\u003e💔 Casse excessive\u003c\/h3\u003e\n \u003cp\u003eDes cheveux qui se brisent au brossage ou au démêlage, signe d'une fibre capillaire affaiblie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-card\"\u003e\n \u003ch3\u003e🎨 Cheveux ternes et sans ressort\u003c\/h3\u003e\n \u003cp\u003eDes longueurs dévitalisées après coloration, décoloration ou exposition répétée à la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-card\"\u003e\n \u003ch3\u003e🌸 Cuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eUne sensibilité incompatible avec les formules trop détergentes ou chargées en sulfates agressifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shcr-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing crème réparateur ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shcr-timeline\"\u003e\n \u003cdiv class=\"soi-shcr-step\"\u003e\n \u003cdiv class=\"soi-shcr-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés. Sa texture crème se répartit facilement sur toute la longueur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-step\"\u003e\n \u003cdiv class=\"soi-shcr-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu pendant 1 à 2 minutes pour activer les actifs réparateurs et stimuler la circulation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-step\"\u003e\n \u003cdiv class=\"soi-shcr-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment. Pour des cheveux très abîmés, complétez avec un après-shampoing ou masque bio réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shcr-section\"\u003e\n \u003ch2\u003eComposition et engagements\u003c\/h2\u003e\n \u003cdiv class=\"soi-shcr-grid-compact\"\u003e\n \u003cdiv class=\"soi-shcr-card-mini\"\u003e\n \u003cspan class=\"soi-shcr-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-card-mini\"\u003e\n \u003cspan class=\"soi-shcr-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-card-mini-value\"\u003e98 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-card-mini\"\u003e\n \u003cspan class=\"soi-shcr-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-card-mini-value\"\u003e100 % Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-card-mini\"\u003e\n \u003cspan class=\"soi-shcr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shcr-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shcr-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-shcr-tip-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eEngagement éco-responsable\u003c\/strong\u003e\n \u003cp\u003eLe flacon est 100 % recyclé et recyclable, sans silicone ni sulfate agressif. Une formule biodégradable et transparente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shcr-section\"\u003e\n \u003ch2\u003eIngrédients principaux (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-shcr-accordion\"\u003e\n \u003cdetails class=\"soi-shcr-accordion-item\"\u003e\n \u003csummary class=\"soi-shcr-accordion-header\"\u003e📋 Liste complète des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"soi-shcr-accordion-content\"\u003e\n \u003cp\u003eAqua, Coco-Glucoside, Glycerin (bio), Ricinus Communis (Castor) Seed Oil* (bio), Hydrolyzed Wheat Protein (kératine végétale), Panthenol, Xanthan Gum, Parfum (naturel), Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-shcr-accordion-item\"\u003e\n \u003csummary class=\"soi-shcr-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-shcr-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique et ne se substitue à aucun traitement médical. En cas de problème persistant du cuir chevelu, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shcr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shcr-cta-box\"\u003e\n \u003cp class=\"soi-shcr-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans vos cheveux\u003c\/p\u003e\n \u003cp class=\"soi-shcr-cta-text\" style=\"color: white;\"\u003eParce que vos cheveux méritent mieux que des solutions de façade, offrez-leur des actifs bio qui reconstruisent, renforcent et subliment dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shcr-marine: #1A2D3D;\n --soi-shcr-marine-dark: #0F1E2B;\n --soi-shcr-marine-light: #2C4458;\n --soi-shcr-pomme: #A1C544;\n --soi-shcr-pomme-dark: #84A636;\n --soi-shcr-pomme-light: rgba(161,197,68,0.10);\n\n --soi-shcr-white: #FFFFFF;\n --soi-shcr-off-white: #F8FAF6;\n --soi-shcr-stone: #F1F3EE;\n --soi-shcr-line: #E5E8E0;\n\n --soi-shcr-primary: #8B1A1A;\n --soi-shcr-primary-soft: #F3E8E8;\n --soi-shcr-accent: #3A1E10;\n\n --soi-shcr-text: #1A2D3D;\n --soi-shcr-text-soft: #4A5B6B;\n --soi-shcr-text-muted: #7B8693;\n\n --soi-shcr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shcr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shcr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shcr-radius: 12px;\n --soi-shcr-radius-sm: 8px;\n --soi-shcr-radius-pill: 999px;\n}\n\n.soi-shcr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shcr-fiche img { max-width: 100%; height: auto; }\n\n.soi-shcr-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shcr-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shcr-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-shcr-hero {\n position: relative;\n background: var(--soi-shcr-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shcr-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shcr-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shcr-pomme);\n}\n\n.soi-shcr-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shcr-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shcr-pomme);\n border-radius: 50%;\n}\n\n.soi-shcr-hero-title {\n display: block;\n color: var(--soi-shcr-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shcr-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shcr-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shcr-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shcr-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shcr-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shcr-label-accent {\n background: var(--soi-shcr-pomme);\n border-color: var(--soi-shcr-pomme);\n color: var(--soi-shcr-marine);\n font-weight: 600;\n}\n\n.soi-shcr-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shcr-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shcr-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shcr-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shcr-pomme);\n border-radius: 2px;\n}\n\n.soi-shcr-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shcr-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shcr-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shcr-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shcr-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-shcr-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-shcr-benefit {\n background: var(--soi-shcr-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shcr-radius);\n border: 1px solid var(--soi-shcr-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shcr-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shcr-shadow-md);\n}\n\n.soi-shcr-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shcr-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-shcr-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shcr-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shcr-benefit:hover .soi-shcr-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shcr-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shcr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shcr-benefit p {\n font-size: 13px;\n color: var(--soi-shcr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shcr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shcr-card {\n background: var(--soi-shcr-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shcr-radius);\n border-left: 3px solid var(--soi-shcr-pomme);\n}\n\n.soi-shcr-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shcr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shcr-card p {\n font-size: 14px;\n color: var(--soi-shcr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shcr-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-shcr-card-mini {\n background: var(--soi-shcr-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shcr-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shcr-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shcr-card-mini-label {\n font-size: 11px;\n color: var(--soi-shcr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shcr-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shcr-marine);\n}\n\n.soi-shcr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shcr-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shcr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shcr-radius);\n border: 1px solid var(--soi-shcr-line);\n align-items: flex-start;\n}\n\n.soi-shcr-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shcr-marine);\n color: var(--soi-shcr-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shcr-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shcr-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shcr-step-content p {\n font-size: 14px;\n color: var(--soi-shcr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shcr-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shcr-pomme-light);\n border-left: 4px solid var(--soi-shcr-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shcr-radius) var(--soi-shcr-radius) 0;\n align-items: flex-start;\n}\n\n.soi-shcr-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shcr-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shcr-marine);\n margin-bottom: 4px;\n}\n\n.soi-shcr-tip p {\n font-size: 14px;\n color: var(--soi-shcr-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shcr-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shcr-accordion-item {\n background: var(--soi-shcr-off-white);\n border-radius: var(--soi-shcr-radius-sm);\n border: 1px solid var(--soi-shcr-line);\n overflow: hidden;\n}\n\n.soi-shcr-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shcr-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-shcr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shcr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shcr-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shcr-accordion-item[open] .soi-shcr-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shcr-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shcr-accordion-content p {\n font-size: 14px;\n color: var(--soi-shcr-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem 0;\n}\n\n.soi-shcr-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.soi-shcr-cta-box {\n background: var(--soi-shcr-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shcr-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shcr-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shcr-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shcr-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shcr-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shcr-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shcr-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-shcr-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shcr-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-shcr-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shcr-fiche {\n --soi-shcr-text-soft: #2C3E50;\n --soi-shcr-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603299000650,"sku":"CE0447","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-creme-reparateur-certifie-bio-200ml-centifolia-packshot.webp?v=1779450783"},{"product_id":"shampoing-brillance-centifolia","title":"Shampoing Brillance certifié bio – Centifolia","description":"\u003cdiv class=\"soi-sbbr-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-sbbr-hero\"\u003e\n \u003cdiv class=\"soi-sbbr-hero-tag\"\u003e\n \u003cspan class=\"soi-sbbr-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique capillaire bio · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-sbbr-hero-title\"\u003eShampoing Brillance certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-sbbr-hero-subtitle\"\u003eLumière, douceur et protection pour tous vos cheveux grâce à une formule à 99% d'ingrédients d'origine naturelle. +77% de brillance constatée dès les premières utilisations.\u003c\/p\u003e\n \u003cdiv class=\"soi-sbbr-hero-labels\"\u003e\n \u003cspan class=\"soi-sbbr-label soi-sbbr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-label\"\u003eNON TESTÉ SUR LES ANIMAUX\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Shampoing bio brillance --\u003e\n \u003csection class=\"soi-sbbr-section\"\u003e\n \u003ch2\u003eShampoing bio brillance : lumière et protection pour tous vos cheveux\u003c\/h2\u003e\n \u003cp\u003eVous en avez assez des cheveux ternes et sans vie malgré un lavage régulier ? Le \u003cstrong\u003eShampoing Brillance certifié bio Centifolia\u003c\/strong\u003e a été formulé précisément pour cela : redonner de l'éclat, de la douceur et de la légèreté à votre chevelure, quel que soit votre type de cheveux. Grâce à une formule composée à \u003cstrong\u003e99% d'ingrédients d'origine naturelle\u003c\/strong\u003e et certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, ce shampoing bio nettoie sans agresser, nourrit sans alourdir.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Actifs naturels --\u003e\n \u003csection class=\"soi-sbbr-section\"\u003e\n \u003ch2\u003eDes actifs naturels qui font vraiment la différence\u003c\/h2\u003e\n \u003cp class=\"soi-sbbr-section-intro\"\u003eCe qui distingue ce shampoing bio des formules classiques, c'est la qualité et la pertinence de ses ingrédients. Chaque actif a été choisi pour son efficacité prouvée sur la fibre capillaire.\u003c\/p\u003e\n \u003cdiv class=\"soi-sbbr-benefits\"\u003e\n \u003cdiv class=\"soi-sbbr-benefit\"\u003e\n \u003cdiv class=\"soi-sbbr-benefit-icon\"\u003e\u003cspan\u003e🍇\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eExtrait de Framboise BIO\u003c\/h3\u003e\n \u003cp\u003eIssu de la pulpe de framboises fraîches cultivées en agriculture biologique, il est riche en antioxydants et en vitamines. Il revitalise les cheveux ternes, leur redonne de l'éclat et renforce leur vitalité naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-benefit\"\u003e\n \u003cdiv class=\"soi-sbbr-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eKératine Végétale\u003c\/h3\u003e\n \u003cp\u003eElle agit comme un véritable bouclier protecteur sur la fibre capillaire. Elle préserve les protéines essentielles du cheveu, gaine la surface de chaque mèche et laisse une sensation de douceur et de légèreté incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-benefit\"\u003e\n \u003cdiv class=\"soi-sbbr-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAloe Vera BIO\u003c\/h3\u003e\n \u003cp\u003eApaisant et hydratant, il équilibre le cuir chevelu et contribue à un lavage doux respectueux de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-tip\"\u003e\n \u003cdiv class=\"soi-sbbr-tip-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eRésultat mesuré\u003c\/strong\u003e\n \u003cp\u003e\u003cstrong\u003e+77% de brillance\u003c\/strong\u003e constatée dès les premières utilisations (test instrumental). Des cheveux visiblement plus lumineux, plus faciles à coiffer, et protégés en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Pour qui ? --\u003e\n \u003csection class=\"soi-sbbr-section\"\u003e\n \u003ch2\u003ePour qui est fait ce shampoing bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-sbbr-grid\"\u003e\n \u003cdiv class=\"soi-sbbr-card\"\u003e\n \u003ch3\u003e💆 Tous types de cheveux\u003c\/h3\u003e\n \u003cp\u003eCe shampoing convient à tous les types de cheveux, des cheveux fins et délicats aux chevelures épaisses ou colorées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-card\"\u003e\n \u003ch3\u003e🌱 Routine bio sans compromis\u003c\/h3\u003e\n \u003cp\u003eIl est particulièrement apprécié par celles et ceux qui souhaitent adopter une routine capillaire bio et naturelle sans compromis sur l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eSi vous cherchez un \u003cstrong\u003eaprès-shampoing bio\u003c\/strong\u003e pour compléter votre routine, Centifolia propose également des soins compatibles dans la même gamme.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Comment utiliser --\u003e\n \u003csection class=\"soi-sbbr-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-sbbr-timeline\"\u003e\n \u003cdiv class=\"soi-sbbr-step\"\u003e\n \u003cdiv class=\"soi-sbbr-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-step\"\u003e\n \u003cdiv class=\"soi-sbbr-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le cuir chevelu en mouvements circulaires pour activer la circulation et bien répartir les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-step\"\u003e\n \u003cdiv class=\"soi-sbbr-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-step-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePatientez 1 à 2 minutes pour que la kératine végétale et l'extrait de framboise bio agissent en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-step\"\u003e\n \u003cdiv class=\"soi-sbbr-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Renouvelez si besoin selon la longueur ou l'état de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Engagements et certifications --\u003e\n \u003csection class=\"soi-sbbr-section\"\u003e\n \u003ch2\u003eEngagements et certifications\u003c\/h2\u003e\n \u003cdiv class=\"soi-sbbr-grid-compact\"\u003e\n \u003cdiv class=\"soi-sbbr-card-mini\"\u003e\n \u003cspan class=\"soi-sbbr-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-card-mini\"\u003e\n \u003cspan class=\"soi-sbbr-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-card-mini-value\"\u003e99% naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-card-mini\"\u003e\n \u003cspan class=\"soi-sbbr-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-card-mini-value\"\u003eNon testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-card-mini\"\u003e\n \u003cspan class=\"soi-sbbr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-compo\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-sbbr-compo-row\"\u003e\n \u003cspan class=\"soi-sbbr-compo-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-compo-value\"\u003eCentifolia, la cosméto-botanique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-compo-row\"\u003e\n \u003cspan class=\"soi-sbbr-compo-label\"\u003eSavoir-faire\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-compo-value\"\u003ePlus de 30 ans d'expertise\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sbbr-compo-row\"\u003e\n \u003cspan class=\"soi-sbbr-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-sbbr-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Composition INCI --\u003e\n \u003csection class=\"soi-sbbr-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-sbbr-accordion\"\u003e\n \u003cdetails class=\"soi-sbbr-accordion-item\"\u003e\n \u003csummary class=\"soi-sbbr-accordion-header\"\u003e🧪 Liste complète des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"soi-sbbr-accordion-content\"\u003e\n \u003cp\u003eAqua, Sodium Lauryl Sulfoacetate, Cocamidopropyl Betaine, Sodium Cocoamphoacetate, Glycerin* (Glycérine végétale), Aloe Barbadensis Leaf Juice* (Aloe Vera BIO), Rubus Idaeus Fruit Extract* (Extrait de Framboise BIO), Hydrolyzed Wheat Protein (Kératine Végétale), Panthenol (Pro-vitamine B5), Citric Acid, Sodium Chloride, Parfum naturel, Benzyl Alcohol, Dehydroacetic Acid.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-sbbr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-sbbr-cta-box\"\u003e\n \u003cp class=\"soi-sbbr-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans vos cheveux\u003c\/p\u003e\n \u003cp class=\"soi-sbbr-cta-text\" style=\"color: white;\"\u003eParce que vos cheveux méritent mieux que des formules chargées en silicones et sulfates agressifs, le Shampoing Brillance bio Centifolia vous offre une alternative naturelle, prouvée et éthique. Un seul lavage suffit pour sentir la différence : des mèches plus légères, un éclat visible, et la satisfaction d'une routine capillaire vraiment en accord avec vos valeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* === Couleurs Soinat (FIXES) === *\/\n --soi-sbbr-marine: #1A2D3D;\n --soi-sbbr-marine-dark: #0F1E2B;\n --soi-sbbr-marine-light: #2C4458;\n --soi-sbbr-pomme: #A1C544;\n --soi-sbbr-pomme-dark: #84A636;\n --soi-sbbr-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-sbbr-white: #FFFFFF;\n --soi-sbbr-off-white: #F8FAF6;\n --soi-sbbr-stone: #F1F3EE;\n --soi-sbbr-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging framboise\/brun\/rose) === *\/\n --soi-sbbr-primary: #C2385A;\n --soi-sbbr-primary-soft: #F2E0E5;\n --soi-sbbr-accent: #8B2D42;\n\n \/* === Textes === *\/\n --soi-sbbr-text: #1A2D3D;\n --soi-sbbr-text-soft: #4A5B6B;\n --soi-sbbr-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-sbbr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-sbbr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-sbbr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-sbbr-radius: 12px;\n --soi-sbbr-radius-sm: 8px;\n --soi-sbbr-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-sbbr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sbbr-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-sbbr-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-sbbr-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-sbbr-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-sbbr-hero {\n position: relative;\n background: var(--soi-sbbr-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-sbbr-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-sbbr-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-sbbr-primary);\n}\n\n.soi-sbbr-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-sbbr-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-sbbr-primary);\n border-radius: 50%;\n}\n\n.soi-sbbr-hero-title {\n display: block;\n color: var(--soi-sbbr-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-sbbr-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-sbbr-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-sbbr-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-sbbr-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-sbbr-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-sbbr-label-accent {\n background: var(--soi-sbbr-primary);\n border-color: var(--soi-sbbr-primary);\n color: var(--soi-sbbr-white);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-sbbr-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sbbr-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-sbbr-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-sbbr-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-sbbr-primary);\n border-radius: 2px;\n}\n\n.soi-sbbr-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-sbbr-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-sbbr-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-sbbr-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-sbbr-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-sbbr-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-sbbr-benefit {\n background: var(--soi-sbbr-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-sbbr-radius);\n border: 1px solid var(--soi-sbbr-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sbbr-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-sbbr-shadow-md);\n}\n\n.soi-sbbr-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-sbbr-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-sbbr-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-sbbr-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-sbbr-benefit:hover .soi-sbbr-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-sbbr-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sbbr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sbbr-benefit p {\n font-size: 13px;\n color: var(--soi-sbbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-sbbr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-sbbr-card {\n background: var(--soi-sbbr-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sbbr-radius);\n border-left: 3px solid var(--soi-sbbr-primary);\n}\n\n.soi-sbbr-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sbbr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sbbr-card p {\n font-size: 14px;\n color: var(--soi-sbbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-sbbr-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-sbbr-card-mini {\n background: var(--soi-sbbr-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-sbbr-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-sbbr-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-sbbr-card-mini-label {\n font-size: 11px;\n color: var(--soi-sbbr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-sbbr-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sbbr-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-sbbr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-sbbr-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-sbbr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sbbr-radius);\n border: 1px solid var(--soi-sbbr-line);\n align-items: flex-start;\n}\n\n.soi-sbbr-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-sbbr-marine);\n color: var(--soi-sbbr-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-sbbr-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sbbr-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-sbbr-step-content p {\n font-size: 14px;\n color: var(--soi-sbbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-sbbr-compo {\n background: var(--soi-sbbr-off-white);\n border-radius: var(--soi-sbbr-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-sbbr-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-sbbr-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-sbbr-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-sbbr-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-sbbr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-sbbr-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-sbbr-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-sbbr-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-sbbr-primary-soft);\n border-left: 4px solid var(--soi-sbbr-primary);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-sbbr-radius) var(--soi-sbbr-radius) 0;\n align-items: flex-start;\n}\n\n.soi-sbbr-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-sbbr-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-sbbr-marine);\n margin-bottom: 4px;\n}\n\n.soi-sbbr-tip p {\n font-size: 14px;\n color: var(--soi-sbbr-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-sbbr-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-sbbr-accordion-item {\n background: var(--soi-sbbr-off-white);\n border-radius: var(--soi-sbbr-radius-sm);\n border: 1px solid var(--soi-sbbr-line);\n overflow: hidden;\n}\n\n.soi-sbbr-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-sbbr-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-sbbr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-sbbr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-sbbr-primary);\n transition: transform 0.2s ease;\n}\n\n.soi-sbbr-accordion-item[open] .soi-sbbr-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-sbbr-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-sbbr-accordion-content p {\n font-size: 14px;\n color: var(--soi-sbbr-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem 0;\n}\n\n.soi-sbbr-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-sbbr-cta-box {\n background: var(--soi-sbbr-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-sbbr-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-sbbr-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-sbbr-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-sbbr-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-sbbr-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-sbbr-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 500;\n color: var(--soi-sbbr-white);\n line-height: 1.5;\n margin: 0;\n max-width: 620px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-sbbr-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-sbbr-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-sbbr-compo-value {\n text-align: left;\n }\n\n .soi-sbbr-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-sbbr-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-sbbr-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-sbbr-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-sbbr-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-sbbr-fiche {\n --soi-sbbr-text-soft: #2C3E50;\n --soi-sbbr-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603299328330,"sku":"CE0648","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-brillance-certifie-bio-centifolia-packshot.webp?v=1779454894"},{"product_id":"savon-mains-purifiant-propolis","title":"Savon mains purifiant Propolis et Romarin - Propolia","description":"\n\u003cdiv class=\"soi-sav-fiche\"\u003e\n\n \u003csection class=\"soi-sav-hero\"\u003e\n \u003cdiv class=\"soi-sav-hero-tag\"\u003e\n \u003cspan class=\"soi-sav-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Apithérapie · Propolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-sav-hero-title\"\u003eSavon mains purifiant Propolis et Romarin\u003c\/span\u003e\n \u003cp class=\"soi-sav-hero-subtitle\"\u003eUn savon liquide naturel qui nettoie en profondeur sans dessécher, grâce à la puissance purifiante de la propolis et à l'énergie aromatique du romarin.\u003c\/p\u003e\n \u003cdiv class=\"soi-sav-hero-labels\"\u003e\n \u003cspan class=\"soi-sav-label soi-sav-label-accent\"\u003e100 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-sav-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-sav-label\"\u003eSANS SLS \/ SLES\u003c\/span\u003e\n \u003cspan class=\"soi-sav-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003cspan class=\"soi-sav-label\"\u003eTESTÉ DERMATOLOGIQUEMENT\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003cp class=\"soi-sav-section-intro\"\u003eVous cherchez un savon liquide mains naturel qui nettoie vraiment, sans agresser ni dessécher ? Le Savon Liquide Purifiant Propolis et Romarin de Propolia répond exactement à ce besoin. Formulé avec 100 % d'ingrédients d'origine naturelle et fabriqué en France, il combine la puissance purifiante de la propolis d'abeille et l'énergie aromatique du romarin pour des mains propres, douces et protégées à chaque lavage.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003ePourquoi ce savon mains à la propolis est-il différent ?\u003c\/h2\u003e\n \u003cp class=\"soi-sav-section-intro\"\u003eBeaucoup de savons liquides nettoient, mais peu prennent soin de la peau au quotidien. Ici, la formule joue sur deux tableaux.\u003c\/p\u003e\n \u003cdiv class=\"soi-sav-grid\"\u003e\n \u003cdiv class=\"soi-sav-card\"\u003e\n \u003ch3\u003e🐝 La propolis\u003c\/h3\u003e\n \u003cp\u003eRésine naturelle produite par les abeilles, la propolis est reconnue pour ses propriétés purifiantes et apaisantes. Elle aide à protéger la peau des agressions extérieures sans perturber son équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card\"\u003e\n \u003ch3\u003e🌿 Le romarin\u003c\/h3\u003e\n \u003cp\u003ePlante emblématique de la garrigue occitane, le romarin apporte une action tonifiante et un parfum frais et végétal qui rend le geste de lavage agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card\"\u003e\n \u003ch3\u003e🍯 Glycérine végétale et miel\u003c\/h3\u003e\n \u003cp\u003eCes deux actifs complètent la formule en apportant hydratation et douceur, pour éviter que vos mains ne tirent après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003eComposition du savon liquide purifiant Propolia\u003c\/h2\u003e\n \u003cp class=\"soi-sav-section-intro\"\u003eFormulé sans tensioactifs sulfatés (SLS\/SLES), ce savon respecte le film hydrolipidique naturel de la peau. Voici ses actifs clés.\u003c\/p\u003e\n \u003cdiv class=\"soi-sav-compo\"\u003e\n \u003cdiv class=\"soi-sav-compo-row\"\u003e\n \u003cspan class=\"soi-sav-compo-label\"\u003eExtrait de propolis\u003c\/span\u003e\n \u003cspan class=\"soi-sav-compo-value\"\u003eActif purifiant et apaisant d'origine apicole\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-compo-row\"\u003e\n \u003cspan class=\"soi-sav-compo-label\"\u003eHuile essentielle de romarin\u003c\/span\u003e\n \u003cspan class=\"soi-sav-compo-value\"\u003eTonifiante, parfum naturel de garrigue\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-compo-row\"\u003e\n \u003cspan class=\"soi-sav-compo-label\"\u003eGlycérine végétale\u003c\/span\u003e\n \u003cspan class=\"soi-sav-compo-value\"\u003eAgent hydratant et adoucissant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-compo-row\"\u003e\n \u003cspan class=\"soi-sav-compo-label\"\u003eMiel\u003c\/span\u003e\n \u003cspan class=\"soi-sav-compo-value\"\u003eNourrissant, contribue à la douceur de la peau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-compo-row\"\u003e\n \u003cspan class=\"soi-sav-compo-label\"\u003eTensioactifs\u003c\/span\u003e\n \u003cspan class=\"soi-sav-compo-value\"\u003eD'origine végétale, sans sulfates\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-tip\"\u003e\n \u003cdiv class=\"soi-sav-tip-icon\"\u003e📋\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eBon à savoir\u003c\/strong\u003e\n \u003cp\u003eIngrédients complets disponibles sur l'emballage. Produit testé sous contrôle dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003ePour qui est fait ce savon purifiant ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-sav-benefits\"\u003e\n \u003cdiv class=\"soi-sav-benefit\"\u003e\n \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux sensibles ou réactives\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peau, y compris les plus fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-benefit\"\u003e\n \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eAdapté aux adultes et aux enfants dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-benefit\"\u003e\n \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🧼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eLavages fréquents\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les personnes qui se lavent souvent les mains (professionnels de santé, parents, cuisiniers) et craignent le dessèchement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-benefit\"\u003e\n \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAdeptes du naturel\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui privilégient les cosmétiques naturels et fabriqués en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003eComment utiliser le savon liquide Propolis et Romarin ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-sav-timeline\"\u003e\n \u003cdiv class=\"soi-sav-step\"\u003e\n \u003cdiv class=\"soi-sav-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-sav-step-content\"\u003e\n \u003ch3\u003eDoser\u003c\/h3\u003e\n \u003cp\u003eAppuyez sur le pompe-doseur pour déposer la quantité souhaitée dans le creux de vos mains mouillées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-step\"\u003e\n \u003cdiv class=\"soi-sav-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-sav-step-content\"\u003e\n \u003ch3\u003eMasser\u003c\/h3\u003e\n \u003cp\u003eFrottez doucement pendant au moins 20 secondes en insistant sur les espaces entre les doigts et les ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-step\"\u003e\n \u003cdiv class=\"soi-sav-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-sav-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau, puis séchez délicatement. À utiliser aussi souvent que nécessaire, sans restriction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003eLes engagements qualité Propolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-sav-grid-compact\"\u003e\n \u003cdiv class=\"soi-sav-card-mini\"\u003e\n \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-value\"\u003eFrance, Occitanie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card-mini\"\u003e\n \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-label\"\u003eIngrédients\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-value\"\u003e100 % origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card-mini\"\u003e\n \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-value\"\u003eSLS, SLES, parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card-mini\"\u003e\n \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-value\"\u003e300 ml, pompe ergonomique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003cdiv class=\"soi-sav-accordion\"\u003e\n \u003cdetails class=\"soi-sav-accordion-item\"\u003e\n \u003csummary class=\"soi-sav-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-sav-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique et ne remplace pas un avis médical ni un traitement prescrit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-sav-cta-box\"\u003e\n \u003cp class=\"soi-sav-cta-tag\" style=\"color: white;\"\u003eLe geste purifiant au quotidien\u003c\/p\u003e\n \u003cp class=\"soi-sav-cta-text\" style=\"color: white;\"\u003eNi agressif, ni banal : ce savon liquide à la propolis et au romarin transforme un geste du quotidien en vrai moment de soin. Vos mains restent propres, douces et protégées, lavage après lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-sav-marine: #1A2D3D;\n --soi-sav-marine-dark: #0F1E2B;\n --soi-sav-marine-light: #2C4458;\n --soi-sav-pomme: #A1C544;\n --soi-sav-pomme-dark: #84A636;\n --soi-sav-pomme-light: rgba(161,197,68,0.10);\n --soi-sav-white: #FFFFFF;\n --soi-sav-off-white: #F8FAF6;\n --soi-sav-stone: #F1F3EE;\n --soi-sav-line: #E5E8E0;\n --soi-sav-primary: #6B3FA0;\n --soi-sav-primary-soft: rgba(107,63,160,0.08);\n --soi-sav-accent: #A0633A;\n --soi-sav-text: #1A2D3D;\n --soi-sav-text-soft: #4A5B6B;\n --soi-sav-text-muted: #7B8693;\n --soi-sav-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-sav-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-sav-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-sav-radius: 12px;\n --soi-sav-radius-sm: 8px;\n --soi-sav-radius-pill: 999px;\n}\n\n.soi-sav-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sav-fiche img { max-width: 100%; height: auto; }\n\n.soi-sav-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-sav-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-sav-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-sav-hero {\n position: relative;\n background: var(--soi-sav-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-sav-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-sav-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-sav-pomme);\n}\n\n.soi-sav-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-sav-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-sav-pomme);\n border-radius: 50%;\n}\n\n.soi-sav-hero-title {\n display: block;\n color: var(--soi-sav-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-sav-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-sav-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-sav-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-sav-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-sav-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-sav-label-accent {\n background: var(--soi-sav-pomme);\n border-color: var(--soi-sav-pomme);\n color: var(--soi-sav-marine);\n font-weight: 600;\n}\n\n.soi-sav-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sav-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-sav-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-sav-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-sav-pomme);\n border-radius: 2px;\n}\n\n.soi-sav-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-sav-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-sav-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-sav-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-sav-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-sav-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-sav-card {\n background: var(--soi-sav-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sav-radius);\n border-left: 3px solid var(--soi-sav-pomme);\n}\n\n.soi-sav-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sav-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sav-card p {\n font-size: 14px;\n color: var(--soi-sav-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sav-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-sav-benefit {\n background: var(--soi-sav-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-sav-radius);\n border: 1px solid var(--soi-sav-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sav-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-sav-shadow-md);\n}\n\n.soi-sav-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-sav-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-sav-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-sav-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-sav-benefit:hover .soi-sav-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-sav-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sav-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sav-benefit p {\n font-size: 13px;\n color: var(--soi-sav-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sav-compo {\n background: var(--soi-sav-off-white);\n border-radius: var(--soi-sav-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-sav-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-sav-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-sav-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-sav-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-sav-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-sav-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-sav-marine);\n text-align: right;\n}\n\n.soi-sav-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-sav-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-sav-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sav-radius);\n border: 1px solid var(--soi-sav-line);\n align-items: flex-start;\n}\n\n.soi-sav-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-sav-marine);\n color: var(--soi-sav-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-sav-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sav-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-sav-step-content p {\n font-size: 14px;\n color: var(--soi-sav-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sav-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-sav-card-mini {\n background: var(--soi-sav-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-sav-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-sav-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-sav-card-mini-label {\n font-size: 11px;\n color: var(--soi-sav-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-sav-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sav-marine);\n}\n\n.soi-sav-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-sav-pomme-light);\n border-left: 4px solid var(--soi-sav-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-sav-radius) var(--soi-sav-radius) 0;\n align-items: flex-start;\n}\n\n.soi-sav-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-sav-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-sav-marine);\n margin-bottom: 4px;\n}\n\n.soi-sav-tip p {\n font-size: 14px;\n color: var(--soi-sav-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sav-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-sav-accordion-item {\n background: var(--soi-sav-off-white);\n border-radius: var(--soi-sav-radius-sm);\n border: 1px solid var(--soi-sav-line);\n overflow: hidden;\n}\n\n.soi-sav-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-sav-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-sav-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-sav-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-sav-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-sav-accordion-item[open] .soi-sav-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-sav-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-sav-accordion-content p {\n font-size: 14px;\n color: var(--soi-sav-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sav-cta-box {\n background: var(--soi-sav-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-sav-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-sav-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-sav-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-sav-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-sav-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-sav-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-sav-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-sav-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-sav-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-sav-compo-value {\n text-align: left;\n }\n\n .soi-sav-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-sav-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-sav-fiche {\n --soi-sav-text-soft: #2C3E50;\n --soi-sav-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603349561674,"sku":"AP0126","price":9.25,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-mains-purifiant-propolis-et-romarin-propolia-packshot.webp?v=1779458221"},{"product_id":"shampooing-douche-3-en-1-pour-toute-la-famille-certifie-bio-centifolia","title":"Shampoing douche bio 3en1 au Ginkgo Biloba - 1L | Centifolia","description":"\n\u003cdiv class=\"soi-gink-fiche\"\u003e\n\n \u003csection class=\"soi-gink-hero\"\u003e\n \u003cdiv class=\"soi-gink-hero-tag\"\u003e\n \u003cspan class=\"soi-gink-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-gink-hero-title\"\u003eShampooing-Douche 3 en 1 pour Toute la Famille certifié Bio\u003c\/span\u003e\n \u003cp class=\"soi-gink-hero-subtitle\"\u003eUn seul geste pour le visage, le corps et les cheveux : la simplicité d'une formule certifiée bio au Ginkgo Biloba français, pensée pour toute la famille dès 3 ans.\u003c\/p\u003e\n \u003cdiv class=\"soi-gink-hero-labels\"\u003e\n \u003cspan class=\"soi-gink-label soi-gink-label-accent\"\u003eBIO ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-gink-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-gink-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-gink-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-gink-label\"\u003e1 LITRE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gink-section\"\u003e\n \u003ch2\u003eLe shampooing-douche bio 3 en 1 qui simplifie la routine de toute la famille\u003c\/h2\u003e\n \u003cp\u003eUn seul produit pour le visage, le corps et les cheveux : voilà ce que vous propose le shampooing-douche 3 en 1 certifié bio Centifolia. Formulé avec du Ginkgo Biloba bio d'origine France, ce gel lavant familial s'adresse à tous les types de peau, même les plus sensibles, dès 3 ans. Fini l'encombrement sous la douche : place à la simplicité, sans compromis sur la qualité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gink-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing douche bio plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp class=\"soi-gink-section-intro\"\u003eCe qui distingue Centifolia, c'est l'alliance d'une certification Ecocert, d'une formule vegan à 99 % d'ingrédients d'origine naturelle et d'un engagement français concret.\u003c\/p\u003e\n \u003cdiv class=\"soi-gink-benefits\"\u003e\n \u003cdiv class=\"soi-gink-benefit\"\u003e\n \u003cdiv class=\"soi-gink-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié bio Ecocert\u003c\/h3\u003e\n \u003cp\u003eUne formule rigoureusement contrôlée, garantissant le respect des exigences de la cosmétique biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-benefit\"\u003e\n \u003cdiv class=\"soi-gink-benefit-icon\"\u003e\u003cspan\u003e🧪\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e99 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eTransparence totale sur la composition, pour une confiance absolue à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-benefit\"\u003e\n \u003cdiv class=\"soi-gink-benefit-icon\"\u003e\u003cspan\u003e🐇\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormule vegan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale dans la formulation de ce gel lavant familial.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-benefit\"\u003e\n \u003cdiv class=\"soi-gink-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eCircuit court, empreinte carbone réduite et savoir-faire français pour un produit responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-gink-tip-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eEngagement éco-responsable\u003c\/strong\u003e\n \u003cp\u003eLe flacon 1 litre avec pompe est 100 % recyclé et recyclable. La formule est sans phtalate et sans Bisphénol A, pour la sécurité de tous les membres de la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gink-section\"\u003e\n \u003ch2\u003eLe Ginkgo Biloba bio : l'actif botanique au cœur de la formule\u003c\/h2\u003e\n \u003cdiv class=\"soi-gink-grid\"\u003e\n \u003cdiv class=\"soi-gink-card\" style=\"grid-column: 1 \/ -1;\"\u003e\n \u003ch3\u003e🍃 Ginkgo Biloba bio d'origine France\u003c\/h3\u003e\n \u003cp\u003eReconnu en cosmétique naturelle pour ses propriétés antioxydantes, hydratantes et apaisantes, le Ginkgo Biloba cultivé en France et certifié bio est l'ingrédient vedette de cette formule. Il aide votre peau à se défendre contre les agressions extérieures tout en maintenant son équilibre hydrique. Résultat : une peau douce et confortable après chaque douche, des cheveux légers et brillants, sans résidu ni film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gink-section\"\u003e\n \u003ch2\u003eMode d'utilisation : comment bien l'utiliser au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gink-timeline\"\u003e\n \u003cdiv class=\"soi-gink-step\"\u003e\n \u003cdiv class=\"soi-gink-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gink-step-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eAppuyez sur la pompe pour déposer une noisette de produit dans votre main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-step\"\u003e\n \u003cdiv class=\"soi-gink-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gink-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eFaites mousser en massant doucement sur le visage, le corps ou les cheveux humides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-step\"\u003e\n \u003cdiv class=\"soi-gink-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gink-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Ce gel lavant convient à une utilisation quotidienne, pour petits et grands.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gink-section\"\u003e\n \u003ch2\u003eComposition du shampooing-douche 3 en 1 Centifolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-gink-compo\"\u003e\n \u003cdiv class=\"soi-gink-compo-row\"\u003e\n \u003cspan class=\"soi-gink-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-gink-compo-value\"\u003eExtrait de Ginkgo Biloba bio (origine France) : apaisant et antioxydant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-compo-row\"\u003e\n \u003cspan class=\"soi-gink-compo-label\"\u003eAgents lavants\u003c\/span\u003e\n \u003cspan class=\"soi-gink-compo-value\"\u003eTensioactifs d'origine végétale, respectueux du film hydrolipidique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-compo-row\"\u003e\n \u003cspan class=\"soi-gink-compo-label\"\u003eBase\u003c\/span\u003e\n \u003cspan class=\"soi-gink-compo-value\"\u003eEau (Aqua)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-compo-row\"\u003e\n \u003cspan class=\"soi-gink-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-gink-compo-value\"\u003eSilicone, paraben, sulfate agressif\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1rem; font-size: 13px; color: var(--soi-gink-text-muted);\"\u003ePour la liste INCI complète, reportez-vous à l'étiquette du produit ou contactez Centifolia directement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gink-section\"\u003e\n \u003ch2\u003ePour qui est fait ce shampooing douche corps et cheveux bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gink-grid\"\u003e\n \u003cdiv class=\"soi-gink-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Les familles\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez un seul produit fiable pour toute la maison ? Ce format 1 litre avec pompe répond à ce besoin au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-card\"\u003e\n \u003ch3\u003e🌸 Les peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eVotre peau est sensible ou réactive et tolère mal les formules classiques ? Cette formule ultra-douce a été conçue pour vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-card\"\u003e\n \u003ch3\u003e🌱 Les adeptes du bio\u003c\/h3\u003e\n \u003cp\u003eVous ne voulez pas sacrifier l'efficacité à l'éthique ? La certification Ecocert vous garantit une exigence sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gink-card\"\u003e\n \u003ch3\u003e🧳 Voyageurs et sportifs\u003c\/h3\u003e\n \u003cp\u003eVous privilégiez la praticité d'un produit 3 en 1 ? Visage, corps et cheveux en un seul geste, même en déplacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003csection class=\"soi-gink-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gink-cta-box\"\u003e\n \u003cp class=\"soi-gink-cta-tag\" style=\"color: white;\"\u003eUn seul geste, toute la famille protégée\u003c\/p\u003e\n \u003cp class=\"soi-gink-cta-text\" style=\"color: white;\"\u003eSimplicité, efficacité et naturalité : le shampooing-douche 3 en 1 certifié bio Centifolia au Ginkgo Biloba français, pour une peau douce, des cheveux soyeux et la conscience tranquille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-gink-marine: #1A2D3D;\n --soi-gink-marine-dark: #0F1E2B;\n --soi-gink-marine-light: #2C4458;\n --soi-gink-pomme: #A1C544;\n --soi-gink-pomme-dark: #84A636;\n --soi-gink-pomme-light: rgba(161,197,68,0.10);\n --soi-gink-white: #FFFFFF;\n --soi-gink-off-white: #F8FAF6;\n --soi-gink-stone: #F1F3EE;\n --soi-gink-line: #E5E8E0;\n --soi-gink-primary: #7CB342;\n --soi-gink-primary-soft: #E8F5E1;\n --soi-gink-accent: #94C5A8;\n --soi-gink-text: #1A2D3D;\n --soi-gink-text-soft: #4A5B6B;\n --soi-gink-text-muted: #7B8693;\n --soi-gink-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gink-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gink-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gink-radius: 12px;\n --soi-gink-radius-sm: 8px;\n --soi-gink-radius-pill: 999px;\n}\n\n.soi-gink-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gink-fiche img { max-width: 100%; height: auto; }\n\n.soi-gink-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gink-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gink-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-gink-hero {\n position: relative;\n background: var(--soi-gink-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-gink-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gink-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gink-pomme);\n}\n\n.soi-gink-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-gink-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gink-pomme);\n border-radius: 50%;\n}\n\n.soi-gink-hero-title {\n display: block;\n color: var(--soi-gink-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-gink-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-gink-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gink-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-gink-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gink-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gink-label-accent {\n background: var(--soi-gink-pomme);\n border-color: var(--soi-gink-pomme);\n color: var(--soi-gink-marine);\n font-weight: 600;\n}\n\n.soi-gink-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gink-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gink-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-gink-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gink-pomme);\n border-radius: 2px;\n}\n\n.soi-gink-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gink-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-gink-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gink-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gink-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-gink-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-gink-benefit {\n background: var(--soi-gink-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gink-radius);\n border: 1px solid var(--soi-gink-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gink-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gink-shadow-md);\n}\n\n.soi-gink-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gink-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-gink-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gink-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gink-benefit:hover .soi-gink-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gink-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gink-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gink-benefit p {\n font-size: 13px;\n color: var(--soi-gink-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gink-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-gink-card {\n background: var(--soi-gink-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gink-radius);\n border-left: 3px solid var(--soi-gink-pomme);\n}\n\n.soi-gink-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gink-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gink-card p {\n font-size: 14px;\n color: var(--soi-gink-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gink-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-gink-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gink-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gink-radius);\n border: 1px solid var(--soi-gink-line);\n align-items: flex-start;\n}\n\n.soi-gink-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gink-marine);\n color: var(--soi-gink-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-gink-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gink-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gink-step-content p {\n font-size: 14px;\n color: var(--soi-gink-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gink-compo {\n background: var(--soi-gink-off-white);\n border-radius: var(--soi-gink-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-gink-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-gink-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-gink-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-gink-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-gink-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-gink-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-gink-marine);\n text-align: right;\n}\n\n.soi-gink-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gink-pomme-light);\n border-left: 4px solid var(--soi-gink-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gink-radius) var(--soi-gink-radius) 0;\n align-items: flex-start;\n}\n\n.soi-gink-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gink-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gink-marine);\n margin-bottom: 4px;\n}\n\n.soi-gink-tip p {\n font-size: 14px;\n color: var(--soi-gink-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gink-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gink-accordion-item {\n background: var(--soi-gink-off-white);\n border-radius: var(--soi-gink-radius-sm);\n border: 1px solid var(--soi-gink-line);\n overflow: hidden;\n}\n\n.soi-gink-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gink-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-gink-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gink-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gink-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gink-accordion-item[open] .soi-gink-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gink-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gink-accordion-content p {\n font-size: 14px;\n color: var(--soi-gink-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gink-cta-box {\n background: var(--soi-gink-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gink-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gink-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-gink-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gink-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-gink-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gink-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gink-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-gink-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gink-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-gink-compo-value {\n text-align: left;\n }\n\n .soi-gink-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-gink-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gink-fiche {\n --soi-gink-text-soft: #2C3E50;\n --soi-gink-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603375284554,"sku":"CE0201","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-douche-3-en-1-pour-toute-la-famille-certifie-bio--packshot.webp?v=1779436059"},{"product_id":"dentifrice-fluor-haleine-fraiche-intense-bio-centifolia","title":"Dentifrice fluor haleine fraîche intense Bio – Centifolia","description":"\u003cdiv class=\"soi-dent-fiche\"\u003e\n\n\u003csection class=\"soi-dent-hero\"\u003e\n \u003cdiv class=\"soi-dent-hero-tag\"\u003e\n \u003cspan class=\"soi-dent-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène bucco-dentaire · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-dent-hero-title\"\u003eFraîcheur intense, émail protégé au naturel\u003c\/span\u003e\n \u003cp class=\"soi-dent-hero-subtitle\"\u003eUn dentifrice au fluor certifié bio, enrichi en extrait de Menthe verte BIO, pour une haleine fraîche longue durée et une protection complète de vos dents au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-dent-hero-labels\"\u003e\n \u003cspan class=\"soi-dent-label soi-dent-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003e99% NATUREL\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eFluor dans le dentifrice : utile ou dangereux ?\u003c\/h2\u003e\n \u003cp\u003eLa question revient souvent : le fluor dans le dentifrice est-il vraiment sûr ? La réponse est claire : utilisé aux doses recommandées, le fluor reste l'actif de référence pour prévenir les caries et reminéraliser l'émail dentaire. Ce n'est qu'en cas d'ingestion excessive (surtout chez les jeunes enfants) qu'un risque de fluorose peut apparaître.\u003c\/p\u003e\n \u003cp\u003eCe dentifrice fluor de Centifolia contient \u003cstrong\u003e1450 ppm de fluorure de sodium\u003c\/strong\u003e, conformément aux recommandations de l'UFSBD pour les adultes et les enfants à partir de 7 ans. Une concentration efficace, ni trop faible ni excessive, pour protéger vos dents en toute confiance.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eCe que ce dentifrice avec fluor fait vraiment pour vous\u003c\/h2\u003e\n \u003cdiv class=\"soi-dent-benefits\"\u003e\n \u003cdiv class=\"soi-dent-benefit\"\u003e\n \u003cdiv class=\"soi-dent-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHaleine fraîche intense\u003c\/h3\u003e\n \u003cp\u003eL'extrait de Menthe verte BIO apporte une fraîcheur immédiate qui se prolonge bien après le brossage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-benefit\"\u003e\n \u003cdiv class=\"soi-dent-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection anti-carie renforcée\u003c\/h3\u003e\n \u003cp\u003eLe fluor à 1450 ppm renforce l'émail et stoppe la déminéralisation avant qu'elle ne devienne un problème.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-benefit\"\u003e\n \u003cdiv class=\"soi-dent-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉlimination de la plaque dentaire\u003c\/h3\u003e\n \u003cp\u003eLa formule nettoie en profondeur sans agresser les gencives ni l'émail.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-benefit\"\u003e\n \u003cdiv class=\"soi-dent-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eConvient à toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdapté aux adultes et aux enfants dès 7 ans, avec 99 % d'ingrédients d'origine naturelle, sans paraben ni SLS.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eComposition complète du dentifrice Centifolia\u003c\/h2\u003e\n \u003cp\u003eLa formule repose sur des ingrédients soigneusement sélectionnés, majoritairement d'origine naturelle et certifiés biologiques pour les extraits végétaux :\u003c\/p\u003e\n \u003cdiv class=\"soi-dent-compo\"\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eListe INCI\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\" style=\"text-align:left; font-size:13px; font-weight:400; line-height:1.6; color:var(--soi-dent-text-soft);\"\u003eAqua, Hydrated Silica, Glycerin*, Xylitol, Sodium Fluoride (1450 ppm F), Mentha Viridis (Spearmint) Leaf Extract**, Cellulose Gum, Sodium Cocoyl Glutamate, Aroma, Xanthan Gum, Menthol, Citric Acid, Sodium Benzoate, Potassium Sorbate, Limonene.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eTeneur en fluor\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003e1450 ppm (fluorure de sodium)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003e75 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003e99 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size:0.85em; color:var(--soi-dent-text-muted); margin-top:0.75rem;\"\u003e* Ingrédient d'origine naturelle. ** Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eComment bien utiliser votre dentifrice au fluor Centifolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-dent-timeline\"\u003e\n \u003cdiv class=\"soi-dent-step\"\u003e\n \u003cdiv class=\"soi-dent-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-dent-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de dentifrice sur une brosse à dents humide. Pour les enfants de 7 à 12 ans : quantité réduite, sous surveillance adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-step\"\u003e\n \u003cdiv class=\"soi-dent-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-dent-step-content\"\u003e\n \u003ch3\u003eBrossez\u003c\/h3\u003e\n \u003cp\u003eBrossez pendant 2 minutes minimum, matin et soir, en insistant sur la gencive et les espaces interdentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-step\"\u003e\n \u003cdiv class=\"soi-dent-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-dent-step-content\"\u003e\n \u003ch3\u003eCrachez sans rincer\u003c\/h3\u003e\n \u003cp\u003eCrachez sans rincer abondamment pour laisser le fluor agir sur l'émail le plus longtemps possible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-tip\"\u003e\n \u003cdiv class=\"soi-dent-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eNe rincez pas votre bouche à grande eau après le brossage : un simple crachat suffit. Le fluor continue ainsi de protéger votre émail entre les brossages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eCertifications et engagements Centifolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-dent-grid\"\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🌱 COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eCertification internationale garantissant la conformité biologique des ingrédients et des procédés de fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eTraçabilité totale, savoir-faire local et engagement qualité depuis plus de 25 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale, aucun test sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-dent-accordion\"\u003e\n \u003cdetails class=\"soi-dent-accordion-item\"\u003e\n \u003csummary class=\"soi-dent-accordion-header\"\u003e👶 Enfants et âge minimum\u003c\/summary\u003e\n \u003cdiv class=\"soi-dent-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux enfants de moins de 7 ans. Pour les enfants de 7 à 12 ans, l'utilisation doit se faire sous surveillance adulte avec une quantité réduite de dentifrice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-dent-accordion-item\"\u003e\n \u003csummary class=\"soi-dent-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"soi-dent-accordion-content\"\u003e\n \u003cp\u003eCe produit convient aux femmes enceintes ou allaitantes. Consultez votre professionnel de santé en cas de doute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-dent-accordion-item\"\u003e\n \u003csummary class=\"soi-dent-accordion-header\"\u003e⚠️ Fluor : ne pas avaler\u003c\/summary\u003e\n \u003cdiv class=\"soi-dent-accordion-content\"\u003e\n \u003cp\u003eContient du fluor : ne pas avaler. Tenir hors de portée des enfants en bas âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-dent-cta-box\"\u003e\n \u003cp class=\"soi-dent-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, sourire après sourire\u003c\/p\u003e\n \u003cp class=\"soi-dent-cta-text\" style=\"color: white;\"\u003eFraîcheur intense, émail protégé, formule bio certifiée : le Dentifrice Fluor Haleine Fraîche Intense de Centifolia prouve qu'un dentifrice au fluor peut être naturel, efficace et respectueux. Brossage après brossage, vous prenez soin de vos dents sans compromis sur la naturalité.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-dent-marine: #1A2D3D;\n --soi-dent-marine-dark: #0F1E2B;\n --soi-dent-marine-light: #2C4458;\n --soi-dent-pomme: #A1C544;\n --soi-dent-pomme-dark: #84A636;\n --soi-dent-pomme-light: rgba(161,197,68,0.10);\n --soi-dent-white: #FFFFFF;\n --soi-dent-off-white: #F8FAF6;\n --soi-dent-stone: #F1F3EE;\n --soi-dent-line: #E5E8E0;\n --soi-dent-primary: #3D8B4A;\n --soi-dent-primary-soft: #E8F3EA;\n --soi-dent-accent: #94C5A8;\n --soi-dent-text: #1A2D3D;\n --soi-dent-text-soft: #4A5B6B;\n --soi-dent-text-muted: #7B8693;\n --soi-dent-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-dent-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-dent-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-dent-radius: 12px;\n --soi-dent-radius-sm: 8px;\n --soi-dent-radius-pill: 999px;\n}\n\n.soi-dent-fiche * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.soi-dent-fiche img {\n max-width: 100%;\n height: auto;\n}\n\n.soi-dent-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-dent-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-dent-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-dent-hero {\n position: relative;\n background: var(--soi-dent-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-dent-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-dent-hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--soi-dent-pomme);\n}\n\n.soi-dent-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-dent-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-dent-pomme);\n border-radius: 50%;\n}\n\n.soi-dent-hero-title {\n display: block;\n color: var(--soi-dent-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-dent-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-dent-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-dent-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-dent-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-dent-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-dent-label-accent {\n background: var(--soi-dent-pomme);\n border-color: var(--soi-dent-pomme);\n color: var(--soi-dent-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-dent-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-dent-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-dent-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-dent-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-dent-pomme);\n border-radius: 2px;\n}\n\n.soi-dent-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-dent-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-dent-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-dent-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-dent-benefit {\n background: var(--soi-dent-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-dent-radius);\n border: 1px solid var(--soi-dent-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-dent-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-dent-shadow-md);\n}\n\n.soi-dent-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-dent-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-dent-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-dent-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-dent-benefit:hover .soi-dent-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-dent-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-dent-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-dent-benefit p {\n font-size: 13px;\n color: var(--soi-dent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-dent-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-dent-card {\n background: var(--soi-dent-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-dent-radius);\n border-left: 3px solid var(--soi-dent-pomme);\n}\n\n.soi-dent-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-dent-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-dent-card p {\n font-size: 14px;\n color: var(--soi-dent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-dent-compo {\n background: var(--soi-dent-off-white);\n border-radius: var(--soi-dent-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-dent-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-dent-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-dent-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-dent-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-dent-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-dent-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-dent-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-dent-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-dent-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-dent-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-dent-radius);\n border: 1px solid var(--soi-dent-line);\n align-items: flex-start;\n}\n\n.soi-dent-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-dent-marine);\n color: var(--soi-dent-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-dent-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-dent-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-dent-step-content p {\n font-size: 14px;\n color: var(--soi-dent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-dent-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-dent-pomme-light);\n border-left: 4px solid var(--soi-dent-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-dent-radius) var(--soi-dent-radius) 0;\n align-items: flex-start;\n}\n\n.soi-dent-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-dent-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-dent-marine);\n margin-bottom: 4px;\n}\n\n.soi-dent-tip p {\n font-size: 14px;\n color: var(--soi-dent-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-dent-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-dent-accordion-item {\n background: var(--soi-dent-off-white);\n border-radius: var(--soi-dent-radius-sm);\n border: 1px solid var(--soi-dent-line);\n overflow: hidden;\n}\n\n.soi-dent-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-dent-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-dent-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-dent-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-dent-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-dent-accordion-item[open] .soi-dent-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-dent-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-dent-accordion-content p {\n font-size: 14px;\n color: var(--soi-dent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-dent-cta-box {\n background: var(--soi-dent-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-dent-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-dent-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-dent-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-dent-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-dent-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-dent-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-dent-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-dent-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-dent-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-dent-compo-value {\n text-align: left;\n }\n\n .soi-dent-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-dent-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-dent-fiche {\n --soi-dent-text-soft: #2C3E50;\n --soi-dent-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603378168138,"sku":"CE0475","price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dentifrice-fluor-haleine-fraiche-intense-bio-centifolia-packshot_11zon.webp?v=1781531281"},{"product_id":"soin-s-o-s-bucco-dentaire-propolis-miel-girofle-propolia","title":"Soin S.O.S. bucco-dentaire Propolis, Miel \u0026 Girofle – Propolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_AP0160_e426cd70-9f25-49d5-9dd6-924f87e052fc.jpg?v=1776180740\" alt=\"Photo d'une femme souriante\" 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 Soin S.O.S. Bucco-Dentaire de Propolia est spécialement formulé pour \u003cstrong\u003ecalmer, apaiser, assainir et protéger la sphère buccale\u003c\/strong\u003e. Enrichi en propolis purifiante, en miel adoucissant et en huiles essentielles antibactériennes, il offre une solution naturelle pour le \u003cstrong\u003esoin des gencives et des dents\u003c\/strong\u003e.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de ce soin\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormulation pure :\u003c\/strong\u003e Sans actifs ni colorants de synthèse, testé sous contrôle dermatologique pour une tolérance optimale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApplication polyvalente :\u003c\/strong\u003e Peut être utilisé en application locale ou en bain de bouche dilué.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdapté à toute la famille :\u003c\/strong\u003e Convient aux adultes et aux enfants dès 6 ans.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits du soin bucco-dentaire propolis, girofle et cannelle\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCalme et apaise :\u003c\/strong\u003e La propolis et le miel apaisent les sensations d’inconfort.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAssainit et protège :\u003c\/strong\u003e Les huiles essentielles de clou de girofle, cannelle et romarin purifient et protègent la sphère buccale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEffet apaisant :\u003c\/strong\u003e Utilisation régulière pour une bouche saine et confortable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eEngagements qualité du soin Propolia\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eProduction locale :\u003c\/strong\u003e Développé, fabriqué et conditionné en Occitanie, garantissant un savoir-faire régional de haute qualité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels et certifiés :\u003c\/strong\u003e Composé à 100% d’ingrédients d’origine naturelle, certifié Cosmos Natural.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEmballage écoresponsable :\u003c\/strong\u003e Flacon en verre recyclable, respectant l’environnement.\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\u003eLe Soin S.O.S. Bucco-Dentaire de Propolia est idéal pour ceux qui cherchent une solution naturelle et efficace pour \u003cstrong\u003ele soin de leur bouche\u003c\/strong\u003e. Utilisé régulièrement, il apporte confort et \u003cstrong\u003ebien-être à la sphère buccale\u003c\/strong\u003e, tout en respectant l’environnement grâce à ses ingrédients naturels et son emballage écoresponsable.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603398254922,"sku":"AP0160","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soin-sos-bucco-dentaire-propolis-miel-girofle-propolia-packshot.webp?v=1781014788"},{"product_id":"shampoing-demelant-violet-certifie-bio-centifolia","title":"Shampoing démêlant violet certifié bio - Centifolia","description":"\u003cdiv class=\"soi-shvio-fiche\"\u003e\n\n\u003csection class=\"soi-shvio-hero\"\u003e\n \u003cdiv class=\"soi-shvio-hero-tag\"\u003e\n \u003cspan class=\"soi-shvio-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétiques et soins capillaires · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-shvio-hero-title\"\u003eShampoing démêlant violet certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-shvio-hero-subtitle\"\u003eNeutralisez les reflets jaunes et orangés de vos cheveux blonds, blancs ou gris grâce aux pigments naturels de myrtille bio française, dans une formule 2 en 1 validée par des coiffeurs professionnels.\u003c\/p\u003e\n \u003cdiv class=\"soi-shvio-hero-labels\"\u003e\n \u003cspan class=\"soi-shvio-label soi-shvio-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-shvio-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-shvio-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shvio-label\"\u003ePIGMENTS 100% NATURELS\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n \u003ch2\u003eLe shampoing violet bio qui neutralise vraiment les reflets jaunes\u003c\/h2\u003e\n \u003cp\u003eVous avez des cheveux blonds, blancs ou gris et ces reflets dorés, jaunes ou orangés qui ternissent votre couleur vous agacent ? Le \u003cstrong\u003eshampoing démêlant violet déjaunisseur 2 en 1 Centifolia\u003c\/strong\u003e apporte une réponse concrète, naturelle et certifiée bio. Contrairement aux formules conventionnelles, celui-ci mise sur des \u003cstrong\u003epigments violets et bleus 100% naturels\u003c\/strong\u003e issus de la myrtille bio française pour neutraliser les indésirables, sans compromettre la santé de votre fibre capillaire.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n \u003ch2\u003eComment fonctionne un shampoing violet déjaunisseur ?\u003c\/h2\u003e\n \u003cp\u003eLe principe repose sur la \u003cstrong\u003ethéorie des couleurs complémentaires\u003c\/strong\u003e : le violet annule le jaune, le bleu neutralise l'orange. Appliqués sur cheveux clairs, les pigments colorants se déposent temporairement sur la fibre pour \u003cstrong\u003erééquilibrer la teinte\u003c\/strong\u003e et redonner un éclat nacré ou cendré selon votre couleur naturelle. Le résultat est visible dès la première utilisation, avec un effet cumulatif au fil des lavages.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n \u003ch2\u003eCe qui distingue la formule Centifolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-shvio-benefits\"\u003e\n \u003cdiv class=\"soi-shvio-benefit\"\u003e\n \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e🫐\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMyrtille bio de France\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants et en pigments bleus-violets naturels, elle nourrit et apaise le cuir chevelu tout en agissant sur le reflet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-benefit\"\u003e\n \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDouble action 2 en 1\u003c\/h3\u003e\n \u003cp\u003eCe produit combine shampoing lavant et après-shampoing démêlant en un seul geste, idéal pour gagner du temps sans sacrifier le soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-benefit\"\u003e\n \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormule certifiée bio et vegan\u003c\/h3\u003e\n \u003cp\u003eSans ingrédients d'origine animale, sans sulfates agressifs, validée par des coiffeurs professionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-benefit\"\u003e\n \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNe tache pas la peau\u003c\/h3\u003e\n \u003cp\u003eContrairement à de nombreux shampoings violets du marché, la formule est conçue pour ne pas laisser de traces sur le front ou les mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shvio-grid\"\u003e\n \u003cdiv class=\"soi-shvio-card\"\u003e\n \u003ch3\u003e💛 Blonds naturels, méchés ou décolorés\u003c\/h3\u003e\n \u003cp\u003eVous entretenez une coloration blonde froide ou souhaitez raviver l'éclat de votre blond naturel en atténuant les tons chauds indésirables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-card\"\u003e\n \u003ch3\u003e🤍 Cheveux gris ou blancs\u003c\/h3\u003e\n \u003cp\u003eVous laissez pousser vos cheveux blancs naturellement et recherchez une chevelure plus lumineuse et unifiée, sans jaunissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-tip\"\u003e\n \u003cdiv class=\"soi-shvio-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eL'effet est subtil mais réel : les tons chauds s'atténuent, la chevelure paraît plus lumineuse et unifiée dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n \u003ch2\u003eComment l'utiliser pour un résultat optimal ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shvio-timeline\"\u003e\n \u003cdiv class=\"soi-shvio-step\"\u003e\n \u003cdiv class=\"soi-shvio-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-step-content\"\u003e\n \u003ch3\u003eAppliquez et faites mousser\u003c\/h3\u003e\n \u003cp\u003eDéposez une noix de produit sur cheveux mouillés et massez délicatement le cuir chevelu pour faire mousser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-step\"\u003e\n \u003cdiv class=\"soi-shvio-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-step-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePatientez \u003cstrong\u003e2 à 5 minutes\u003c\/strong\u003e selon l'intensité des reflets à neutraliser, puis rincez abondamment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-step\"\u003e\n \u003cdiv class=\"soi-shvio-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-step-content\"\u003e\n \u003ch3\u003eFréquence recommandée\u003c\/h3\u003e\n \u003cp\u003eUtilisez \u003cstrong\u003e1 à 2 fois par semaine\u003c\/strong\u003e en alternance avec votre shampoing habituel pour éviter un effet trop cendreux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n \u003ch2\u003eComposition (liste INCI principale)\u003c\/h2\u003e\n \u003cp\u003eFormule enrichie en \u003cstrong\u003eextrait de myrtille bio (Vaccinium myrtillus)\u003c\/strong\u003e, pigments naturels violets et bleus d'origine végétale, agents démêlants doux. Formule vegan, sans silicone, sans colorants synthétiques.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003ePour la liste INCI complète, référez-vous à l'étiquetage du produit.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-shvio-compo\"\u003e\n \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n \u003cspan class=\"soi-shvio-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-shvio-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n \u003cspan class=\"soi-shvio-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shvio-compo-value\"\u003eBio, Vegan, Pigments 100% naturels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n \u003cspan class=\"soi-shvio-compo-label\"\u003eValidé par\u003c\/span\u003e\n \u003cspan class=\"soi-shvio-compo-value\"\u003eDes coiffeurs professionnels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n \u003cspan class=\"soi-shvio-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shvio-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shvio-cta-box\"\u003e\n \u003cp class=\"soi-shvio-cta-tag\" style=\"color: white;\"\u003eVos cheveux méritent un éclat naturel\u003c\/p\u003e\n \u003cp class=\"soi-shvio-cta-text\" style=\"color: white;\"\u003eFini les reflets qui trahissent votre couleur. Le shampoing violet bio Centifolia prend soin de vos cheveux blonds, blancs ou gris avec des pigments naturels issus de la myrtille française, sans agresser la fibre ni tacher la peau. Un geste simple, une formule honnête, un éclat retrouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shvio-marine: #1A2D3D;\n --soi-shvio-marine-dark: #0F1E2B;\n --soi-shvio-marine-light: #2C4458;\n --soi-shvio-pomme: #A1C544;\n --soi-shvio-pomme-dark: #84A636;\n --soi-shvio-pomme-light: rgba(161,197,68,0.10);\n --soi-shvio-white: #FFFFFF;\n --soi-shvio-off-white: #F8FAF6;\n --soi-shvio-stone: #F1F3EE;\n --soi-shvio-line: #E5E8E0;\n --soi-shvio-primary: #5B3FA0;\n --soi-shvio-primary-soft: #7B68AE;\n --soi-shvio-accent: #3D2B6E;\n --soi-shvio-text: #1A2D3D;\n --soi-shvio-text-soft: #4A5B6B;\n --soi-shvio-text-muted: #7B8693;\n --soi-shvio-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shvio-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shvio-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shvio-radius: 12px;\n --soi-shvio-radius-sm: 8px;\n --soi-shvio-radius-pill: 999px;\n}\n\n.soi-shvio-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shvio-fiche img { max-width: 100%; height: auto; }\n\n.soi-shvio-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shvio-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shvio-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shvio-hero {\n position: relative;\n background: var(--soi-shvio-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shvio-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shvio-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shvio-pomme);\n}\n\n.soi-shvio-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shvio-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shvio-pomme);\n border-radius: 50%;\n}\n\n.soi-shvio-hero-title {\n display: block;\n color: var(--soi-shvio-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shvio-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shvio-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shvio-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shvio-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shvio-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shvio-label-accent {\n background: var(--soi-shvio-pomme);\n border-color: var(--soi-shvio-pomme);\n color: var(--soi-shvio-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shvio-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shvio-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shvio-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shvio-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shvio-pomme);\n border-radius: 2px;\n}\n\n.soi-shvio-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shvio-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shvio-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shvio-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-shvio-benefit {\n background: var(--soi-shvio-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shvio-radius);\n border: 1px solid var(--soi-shvio-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shvio-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shvio-shadow-md);\n}\n\n.soi-shvio-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shvio-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-shvio-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shvio-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shvio-benefit:hover .soi-shvio-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shvio-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shvio-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shvio-benefit p {\n font-size: 13px;\n color: var(--soi-shvio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shvio-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-shvio-card {\n background: var(--soi-shvio-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shvio-radius);\n border-left: 3px solid var(--soi-shvio-pomme);\n}\n\n.soi-shvio-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shvio-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shvio-card p {\n font-size: 14px;\n color: var(--soi-shvio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shvio-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shvio-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shvio-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shvio-radius);\n border: 1px solid var(--soi-shvio-line);\n align-items: flex-start;\n}\n\n.soi-shvio-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shvio-marine);\n color: var(--soi-shvio-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shvio-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shvio-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shvio-step-content p {\n font-size: 14px;\n color: var(--soi-shvio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shvio-compo {\n background: var(--soi-shvio-off-white);\n border-radius: var(--soi-shvio-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shvio-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shvio-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shvio-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shvio-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shvio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shvio-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shvio-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shvio-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shvio-pomme-light);\n border-left: 4px solid var(--soi-shvio-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shvio-radius) var(--soi-shvio-radius) 0;\n align-items: flex-start;\n}\n\n.soi-shvio-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shvio-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shvio-marine);\n margin-bottom: 4px;\n}\n\n.soi-shvio-tip p {\n font-size: 14px;\n color: var(--soi-shvio-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shvio-cta-box {\n background: var(--soi-shvio-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shvio-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shvio-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shvio-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shvio-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shvio-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shvio-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 500;\n color: var(--soi-shvio-white);\n line-height: 1.5;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-shvio-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shvio-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shvio-compo-value {\n text-align: left;\n }\n\n .soi-shvio-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shvio-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shvio-fiche {\n --soi-shvio-text-soft: #2C3E50;\n --soi-shvio-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603400581450,"sku":"CE0560","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-demelant-violet-certifie-bio-centifolia-packshot_ef705352-d9c2-4eb1-b327-c30cd63929d2.webp?v=1779448758"},{"product_id":"bain-de-bouche-concentre-2-en-1-certifie-bio-centifolia","title":"Bain de bouche concentré 2-en-1 certifié Bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLe Bain de Bouche Concentré 2-en-1 de Centifolia\u003c\/strong\u003e est conçu pour offrir une haleine fraîche et protéger les gencives sensibles. Ce flacon de 250 ml contient de l'extrait de Menthe verte bio, apportant un goût mentholé agréable et une fraîcheur durable. La formule, \u003cstrong\u003esans fluor et sans alcool\u003c\/strong\u003e, peut être \u003cstrong\u003eutilisée pure ou diluée\u003c\/strong\u003e, permettant ainsi jusqu'à deux fois plus d'utilisations.\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_CE0565_a6e9dddb-0c39-4def-a5d3-a2c872ad832a.jpg?v=1776180741\" alt=\"Photo d'une femme en train de se brosser les dents\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et bienfait du Bain de bouche concentré Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédient principal :\u003c\/strong\u003e L'extrait de Menthe verte bio, reconnu pour ses propriétés rafraîchissantes et apaisantes, est l'ingrédient clé de ce bain de bouche. Il procure une fraîcheur immédiate et durable, contribuant à une haleine agréable tout au long de la journée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule douce :\u003c\/strong\u003e Sans fluor ni alcool, cette formule est idéale pour les personnes ayant des gencives sensibles. Elle apaise et prend soin des gencives tout en éliminant les impuretés et les bactéries responsables de la mauvaise haleine.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUtilisation flexible :\u003c\/strong\u003e Ce bain de bouche peut être utilisé pur pour une action intense ou dilué pour une utilisation plus douce, offrant ainsi une grande flexibilité d'utilisation.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVolume pratique :\u003c\/strong\u003e Le flacon de 250 ml permet de réaliser jusqu'à 500 ml de solution diluée, offrant une utilisation prolongée et économique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdapté à toute la famille :\u003c\/strong\u003e Convient aux enfants à partir de 6 ans, aux femmes enceintes, et aux personnes vegans, grâce à sa composition naturelle et respectueuse de tous.\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\u003e\u003cstrong\u003eLe Bain de Bouche Concentré 2-en-1 de Centifolia\u003c\/strong\u003e est le choix idéal pour ceux qui cherchent une \u003cstrong\u003esolution naturelle et efficace\u003c\/strong\u003e pour maintenir une \u003cstrong\u003ehaleine fraîche et des gencives en bonne santé\u003c\/strong\u003e. Sa formule douce et adaptable répond aux besoins de toute la famille, offrant \u003cstrong\u003eune protection et une fraîcheur\u003c\/strong\u003e incomparables.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603401072970,"sku":"CE0565","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0565_bain_de_bouche_4adc4635-c03b-41ea-9eeb-68ca65a943c2.jpg?v=1778842954"},{"product_id":"savon-actif-propolis-miel-et-karite-propolia","title":"Savon actif Propolis, Miel et Karité - Propolia","description":"\u003cdiv class=\"soi-spro-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-spro-hero\"\u003e\n \u003cdiv class=\"soi-spro-hero-tag\"\u003e\n \u003cspan class=\"soi-spro-tag-dot\"\u003e\u003c\/span\u003e\n Apithérapie · Propolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-spro-hero-title\"\u003e1 savon, 3 ingrédients\u003c\/span\u003e\n \u003cp class=\"soi-spro-hero-subtitle\"\u003ePurifier, réparer et nourrir votre peau au quotidien grâce à trois actifs naturels d'exception issus de la ruche et du karité, certifiés bio.\u003c\/p\u003e\n \u003cdiv class=\"soi-spro-hero-labels\"\u003e\n \u003cspan class=\"soi-spro-label soi-spro-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-spro-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-spro-label\"\u003eSANS PARABÈNE\u003c\/span\u003e\n \u003cspan class=\"soi-spro-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003cspan class=\"soi-spro-label\"\u003e97 % NATUREL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Purifier, réparer et nourrir au naturel --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003eSavon actif Propolis, Miel et Karité : purifier, réparer et nourrir au naturel\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un savon capable de nettoyer vraiment en profondeur, sans agresser votre peau ni la dessécher ? Le savon actif propolis miel et karité Propolia est fait pour vous. Certifié COSMOS Organic et fabriqué en France (Occitanie), il combine trois actifs naturels d'exception pour un soin complet, visage et corps, adapté à toute la famille dès 3 ans.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Pourquoi ce savon fait la différence --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003ePourquoi ce savon miel et propolis fait la différence\u003c\/h2\u003e\n \u003cp class=\"soi-spro-section-intro\"\u003eContrairement à un savon classique, ce soin actif ne se contente pas de nettoyer la surface. Chaque ingrédient a un rôle précis :\u003c\/p\u003e\n \u003cdiv class=\"soi-spro-benefits\"\u003e\n \u003cdiv class=\"soi-spro-benefit\"\u003e\n \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e🐝\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePropolis bio\u003c\/h3\u003e\n \u003cp\u003eRésine naturelle produite par les abeilles, reconnue pour ses propriétés purifiantes et protectrices. Elle aide à assainir les peaux à tendance acnéique et à limiter les imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-benefit\"\u003e\n \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMiel bio\u003c\/h3\u003e\n \u003cp\u003eDoux, apaisant et réparateur, il hydrate la peau tout en la protégeant des agressions extérieures. Idéal pour les peaux sensibles ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-benefit\"\u003e\n \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBeurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, il nourrit et adoucit la peau durablement, sans laisser de sensation grasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-benefit\"\u003e\n \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e💐\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuiles essentielles\u003c\/h3\u003e\n \u003cp\u003eLa lavande et le romarin apportent une odeur fraîche et naturelle, tout en renforçant l'action purifiante du savon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-tip\"\u003e\n \u003cdiv class=\"soi-spro-tip-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe résultat\u003c\/strong\u003e\n \u003cp\u003eUne peau propre, équilibrée, douce au toucher, sans tiraillement après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Pour qui --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003ePour qui est ce savon miel propolis bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-spro-grid\"\u003e\n \u003cdiv class=\"soi-spro-card\"\u003e\n \u003ch3\u003e🎯 Peaux à imperfections ou acnéiques\u003c\/h3\u003e\n \u003cp\u003eLa propolis aide à assainir sans irriter, ce qui en fait une alternative naturelle sérieuse aux savons chimiques anti-acné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles ou sèches\u003c\/h3\u003e\n \u003cp\u003eLe karité et le miel compensent l'effet nettoyant pour éviter toute sensation d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eFormulé pour les adultes comme pour les enfants dès 3 ans, il s'utilise au quotidien sur le visage et le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Composition --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003eComposition du savon actif Propolia (INCI)\u003c\/h2\u003e\n \u003cp class=\"soi-spro-section-intro\"\u003eCe savon contient 97 % d'ingrédients d'origine naturelle, dont une part certifiée biologique. Principaux actifs :\u003c\/p\u003e\n \u003cdiv class=\"soi-spro-compo\"\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003ePropolis bio (extrait)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003eActif hydratant\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003eMiel bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003eActif nourrissant\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003eBeurre de karité bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003eHuiles essentielles\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003eLavande vraie, Romarin\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003ePoids net\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003e100 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003eSans parabène, sans sulfate, sans colorant artificiel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-tip\"\u003e\n \u003cdiv class=\"soi-spro-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eUsage externe uniquement\u003c\/strong\u003e\n \u003cp\u003eCe savon n'est pas un complément alimentaire : il est exclusivement réservé à un usage cutané externe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Mode d'emploi --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003eComment utiliser le savon propolis miel et karité ?\u003c\/h2\u003e\n \u003cp class=\"soi-spro-section-intro\"\u003eSon utilisation est simple et adaptée à votre routine quotidienne :\u003c\/p\u003e\n \u003cdiv class=\"soi-spro-timeline\"\u003e\n \u003cdiv class=\"soi-spro-step\"\u003e\n \u003cdiv class=\"soi-spro-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eMouillez votre visage ou votre corps à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step\"\u003e\n \u003cdiv class=\"soi-spro-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains ou directement sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step\"\u003e\n \u003cdiv class=\"soi-spro-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step-content\"\u003e\n \u003ch3\u003eMassez et rincez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement en mouvements circulaires, puis rincez abondamment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step\"\u003e\n \u003cdiv class=\"soi-spro-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step-content\"\u003e\n \u003ch3\u003eFréquence\u003c\/h3\u003e\n \u003cp\u003eUtilisez matin et\/ou soir selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-tip\"\u003e\n \u003cdiv class=\"soi-spro-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour prolonger la durée de vie du pain de savon, conservez-le sur un porte-savon aéré entre deux utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Garanties qualité --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003eLes garanties qualité Propolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-spro-grid-compact\"\u003e\n \u003cdiv class=\"soi-spro-card-mini\"\u003e\n \u003cspan class=\"soi-spro-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-value\"\u003eCOSMOS Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-card-mini\"\u003e\n \u003cspan class=\"soi-spro-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-value\"\u003eFrance, Occitanie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-card-mini\"\u003e\n \u003cspan class=\"soi-spro-card-mini-icon\"\u003e🐝\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-label\"\u003eEngagement\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-value\"\u003e+ de 30 ans d'apiculture\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-card-mini\"\u003e\n \u003cspan class=\"soi-spro-card-mini-icon\"\u003e✈️\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-value\"\u003e100 g, compact\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-spro-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-spro-cta-box\"\u003e\n \u003cp class=\"soi-spro-cta-tag\" style=\"color: white;\"\u003eUn soin d'hygiène purifiant, certifié bio\u003c\/p\u003e\n \u003cp class=\"soi-spro-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau la douceur de la ruche et du karité. Le savon actif Propolia, c'est la réponse naturelle pour une peau visiblement plus nette et plus douce, pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-spro-marine: #1A2D3D;\n --soi-spro-marine-dark: #0F1E2B;\n --soi-spro-marine-light: #2C4458;\n --soi-spro-pomme: #A1C544;\n --soi-spro-pomme-dark: #84A636;\n --soi-spro-pomme-light: rgba(161,197,68,0.10);\n --soi-spro-white: #FFFFFF;\n --soi-spro-off-white: #F8FAF6;\n --soi-spro-stone: #F1F3EE;\n --soi-spro-line: #E5E8E0;\n --soi-spro-primary: #D4A82A;\n --soi-spro-primary-soft: #F5E6B8;\n --soi-spro-accent: #8A5082;\n --soi-spro-text: #1A2D3D;\n --soi-spro-text-soft: #4A5B6B;\n --soi-spro-text-muted: #7B8693;\n --soi-spro-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-spro-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-spro-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-spro-radius: 12px;\n --soi-spro-radius-sm: 8px;\n --soi-spro-radius-pill: 999px;\n}\n\n.soi-spro-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-spro-fiche img { max-width: 100%; height: auto; }\n\n.soi-spro-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-spro-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-spro-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-spro-hero {\n position: relative;\n background: var(--soi-spro-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-spro-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-spro-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-spro-pomme);\n}\n\n.soi-spro-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-spro-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-spro-pomme);\n border-radius: 50%;\n}\n\n.soi-spro-hero-title {\n display: block;\n color: var(--soi-spro-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-spro-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-spro-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-spro-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-spro-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-spro-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-spro-label-accent {\n background: var(--soi-spro-pomme);\n border-color: var(--soi-spro-pomme);\n color: var(--soi-spro-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-spro-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-spro-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-spro-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-spro-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-spro-pomme);\n border-radius: 2px;\n}\n\n.soi-spro-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-spro-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-spro-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-spro-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-spro-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-spro-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-spro-benefit {\n background: var(--soi-spro-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-spro-radius);\n border: 1px solid var(--soi-spro-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-spro-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-spro-shadow-md);\n}\n\n.soi-spro-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-spro-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-spro-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-spro-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-spro-benefit:hover .soi-spro-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-spro-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-spro-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-spro-benefit p {\n font-size: 13px;\n color: var(--soi-spro-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-spro-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-spro-card {\n background: var(--soi-spro-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-spro-radius);\n border-left: 3px solid var(--soi-spro-pomme);\n}\n\n.soi-spro-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-spro-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-spro-card p {\n font-size: 14px;\n color: var(--soi-spro-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-spro-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-spro-card-mini {\n background: var(--soi-spro-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-spro-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-spro-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-spro-card-mini-label {\n font-size: 11px;\n color: var(--soi-spro-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-spro-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-spro-marine);\n}\n\n\/* TIMELINE *\/\n.soi-spro-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-spro-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-spro-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-spro-radius);\n border: 1px solid var(--soi-spro-line);\n align-items: flex-start;\n}\n\n.soi-spro-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-spro-marine);\n color: var(--soi-spro-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-spro-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-spro-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-spro-step-content p {\n font-size: 14px;\n color: var(--soi-spro-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-spro-compo {\n background: var(--soi-spro-off-white);\n border-radius: var(--soi-spro-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.soi-spro-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-spro-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-spro-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-spro-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-spro-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-spro-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-spro-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-spro-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-spro-pomme-light);\n border-left: 4px solid var(--soi-spro-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-spro-radius) var(--soi-spro-radius) 0;\n align-items: flex-start;\n}\n\n.soi-spro-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-spro-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-spro-marine);\n margin-bottom: 4px;\n}\n\n.soi-spro-tip p {\n font-size: 14px;\n color: var(--soi-spro-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-spro-cta-box {\n background: var(--soi-spro-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-spro-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-spro-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-spro-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-spro-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-spro-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-spro-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-spro-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-spro-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-spro-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-spro-compo-value {\n text-align: left;\n }\n\n .soi-spro-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-spro-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-spro-fiche {\n --soi-spro-text-soft: #2C3E50;\n --soi-spro-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603407397194,"sku":"AP0041","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-actif-propolis-miel-et-karite-propolia-packshot.webp?v=1779803435"},{"product_id":"dentifrice-protection-integrale-certifiee-bio-centifolia","title":"Dentifrice Protection intégrale certifiée bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLe Dentifrice Protection Intégrale certifié bio de Centifolia\u003c\/strong\u003e, en format 75 ml, offre une\u003cstrong\u003e hygiène buccale optimale \u003c\/strong\u003eet un soin ciblé \u003cstrong\u003epour les gencives sensibles\u003c\/strong\u003e. Sa formule douce et non abrasive est spécialement conçue pour respecter les gencives et l'émail des dents tout en nettoyant en profondeur.\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_CE0480_4be44072-32e2-4ad0-a3b7-b7cbe1100c9a.jpg?v=1776180754\" alt=\"Photo d'une femme pointant son sourir avec ses doigts\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et bienfaits du Dentifrice Protection intégrale \u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule douce et non Abrasive :\u003c\/strong\u003e respecte les gencives et l'émail des dents, convient parfaitement aux gencives sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection contre les caries :\u003c\/strong\u003e enrichi en odium monofluorophosphate (forme stabilisée de fluor) à hauteur de 1450 ppm, pour aider à prévenir les caries et renforcer les dents.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation et apaisement :\u003c\/strong\u003e contient de la poudre d'Aloe Vera bio pour hydrater et apaiser la zone buccale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNettoyage en profondeur :\u003c\/strong\u003e élimine efficacement la plaque dentaire pour une bouche propre et saine.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConvient à tous :\u003c\/strong\u003e adapté à tous les types de gencives, y compris les plus sensibles, et adapté pour les femmes enceintes ou allaitantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifications et qualité : \u003c\/strong\u003e produit fabriqué en France, certifié COSMOS ORGANIC par Ecocert, et adapté aux personnes vegans.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cstrong\u003ePrincipaux actifs du Dentifrice Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSodium monofluorophosphate (1450ppm) :\u003c\/strong\u003e renforce les dents, lutte contre les caries et favorise la reminéralisation de l'émail.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePoudre d'Aloe Vera Bio :\u003c\/strong\u003e hydrate et apaise les gencives pour un confort optimal.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLe Dentifrice Protection Gencives de Centifolia est conçu pour offrir un soin complet de la bouche tout en étant respectueux de l'environnement et des animaux. Sa certification Cosmos Organic par Ecocert garantit une composition naturelle et biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eAdoptez dès aujourd'hui une \u003cstrong\u003eroutine de soins bucco-dentaires naturelle et efficace\u003c\/strong\u003e avec le \u003cstrong\u003eDentifrice Protection Intégrale de Centifolia\u003c\/strong\u003e !\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603410149706,"sku":"CE0481","price":3.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0481_dentifrice_protection_integrale_d8b6ba08-7a6f-4aba-9eba-cd9ff03743f0.jpg?v=1778842959"},{"product_id":"savon-simple-et-sans-parfum-le-gang-des-bulles","title":"Savon 3en1 Sans Parfum - Le Gang des Bulles","description":"\u003cdiv class=\"soi-svon-fiche\"\u003e\n\n\u003csection class=\"soi-svon-hero\"\u003e\n \u003cdiv class=\"soi-svon-hero-tag\"\u003e\n \u003cspan class=\"soi-svon-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Le Gang des Bulles\n \u003c\/div\u003e\n \u003cspan class=\"soi-svon-hero-title\"\u003eSavon Simple et sans Parfum\u003c\/span\u003e\n \u003cp class=\"soi-svon-hero-subtitle\"\u003eUn savon doux, sans artifice, qui nettoie mains, visage et corps en préservant l'équilibre naturel de votre peau. Un seul flacon, une routine simplifiée, une peau qui respire.\u003c\/p\u003e\n \u003cdiv class=\"soi-svon-hero-labels\"\u003e\n \u003cspan class=\"soi-svon-label soi-svon-label-accent\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003cspan class=\"soi-svon-label\"\u003eVÉGAN\u003c\/span\u003e\n \u003cspan class=\"soi-svon-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-svon-label\"\u003eSURGRAS\u003c\/span\u003e\n \u003cspan class=\"soi-svon-label\"\u003eSAPONIFICATION À FROID\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003eUn savon 3-en-1 taillé pour les peaux sensibles\u003c\/h2\u003e\n \u003cp\u003eCe savon doux sans parfum répond parfaitement aux besoins des peaux réactives, fragiles ou intolérantes aux formules conventionnelles. Grâce à son \u003cstrong\u003epH neutre et sa formule surgras\u003c\/strong\u003e, il nettoie sans décaper, sans irriter, sans altérer le film hydrolipidique. Résultat : une peau propre, souple et confortable après chaque utilisation.\u003c\/p\u003e\n \u003cp\u003eSon absence totale de parfum, de colorant et de conservateur en fait une option idéale pour toute la famille, y compris les peaux des bébés, des femmes enceintes ou de toute personne cherchant un savon neutre pour l'hygiène quotidienne, y compris l'hygiène intime externe.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003eCe qui rend ce savon vraiment différent\u003c\/h2\u003e\n \u003cdiv class=\"soi-svon-grid\"\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🌿 Saponification à froid\u003c\/h3\u003e\n \u003cp\u003eUn procédé artisanal qui conserve tous les actifs des huiles végétales et enrichit naturellement le savon en glycérine, pour une douceur incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eSavonnerie artisanale française, circuits courts, zéro dérivé pétrochimique : un choix responsable à chaque geste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🐰 Végan et non testé sur les animaux\u003c\/h3\u003e\n \u003cp\u003eFormule 100 % d'origine naturelle, biodégradable, sans aucun ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e💧 Savon surgras sans parfum\u003c\/h3\u003e\n \u003cp\u003eRiche en huiles nourrissantes, il respecte et renforce la barrière cutanée à chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003eComposition détaillée : des huiles bio sélectionnées avec soin\u003c\/h2\u003e\n \u003cp class=\"soi-svon-section-intro\"\u003eChaque ingrédient a été choisi pour son rôle précis sur la peau :\u003c\/p\u003e\n \u003cdiv class=\"soi-svon-benefits\"\u003e\n \u003cdiv class=\"soi-svon-benefit\"\u003e\n \u003cdiv class=\"soi-svon-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive extra vierge bio\u003c\/h3\u003e\n \u003cp\u003eNourrissante et émolliente, elle protège et adoucit durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-benefit\"\u003e\n \u003cdiv class=\"soi-svon-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de coco vierge bio\u003c\/h3\u003e\n \u003cp\u003eNettoyante et antibactérienne naturelle, elle produit une mousse légère et enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-benefit\"\u003e\n \u003cdiv class=\"soi-svon-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de chanvre vierge bio\u003c\/h3\u003e\n \u003cp\u003eRiche en oméga 3 et 6, elle apaise les peaux irritées et rééquilibre les peaux mixtes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-benefit\"\u003e\n \u003cdiv class=\"soi-svon-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCBD\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés apaisantes et anti-inflammatoires, il soutient le confort des peaux sensibles ou sujettes aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-tip\"\u003e\n \u003cdiv class=\"soi-svon-tip-icon\"\u003e🚫\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eSans aucun compromis\u003c\/strong\u003e\n \u003cp\u003eSans parfum synthétique, colorant, conservateur, sulfate, parabène, silicone, dérivé pétrochimique ni OGM.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-svon-timeline\"\u003e\n \u003cdiv class=\"soi-svon-step\"\u003e\n \u003cdiv class=\"soi-svon-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une petite dose sur peau humide, mains, visage ou corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step\"\u003e\n \u003cdiv class=\"soi-svon-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMassez doucement, puis rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step\"\u003e\n \u003cdiv class=\"soi-svon-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step-content\"\u003e\n \u003ch3\u003eMatin et soir\u003c\/h3\u003e\n \u003cp\u003eUtilisable quotidiennement pour l'hygiène des mains, du visage, du corps ou en savon pour hygiène intime externe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003ePour qui est ce savon ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-svon-grid\"\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les peaux fragiles, sujettes aux allergies ou intolérantes aux formules classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes ou allaitantes\u003c\/h3\u003e\n \u003cp\u003ePour celles qui souhaitent limiter les expositions aux perturbateurs, en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e👶 Toute la famille, bébés inclus\u003c\/h3\u003e\n \u003cp\u003eUne formule épurée, douce et sûre pour chaque membre du foyer, dès le plus jeune âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🔍 Vous qui cherchez la transparence\u003c\/h3\u003e\n \u003cp\u003eUn savon de qualité, sans artifice, pour une hygiène quotidienne responsable et respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003cdiv class=\"soi-svon-accordion\"\u003e\n \u003cdetails class=\"soi-svon-accordion-item\"\u003e\n \u003csummary class=\"soi-svon-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-svon-accordion-content\"\u003e\n \u003cp\u003eCe produit cosmétique n'est pas un médicament et ne remplace pas un avis médical. En cas d'irritation cutanée persistante, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-svon-cta-box\"\u003e\n \u003cp class=\"soi-svon-cta-tag\" style=\"color: white;\"\u003eSe laver naturellement, commencer par l'essentiel\u003c\/p\u003e\n \u003cp class=\"soi-svon-cta-text\" style=\"color: white;\"\u003ePropre, sain, sans compromis. Avec ses huiles bio et son CBD apaisant, ce savon prend soin de votre peau chaque jour, en toute transparence. Pour vous, pour votre famille, pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-svon-marine: #1A2D3D;\n --soi-svon-marine-dark: #0F1E2B;\n --soi-svon-marine-light: #2C4458;\n --soi-svon-pomme: #A1C544;\n --soi-svon-pomme-dark: #84A636;\n --soi-svon-pomme-light: rgba(161,197,68,0.10);\n\n --soi-svon-white: #FFFFFF;\n --soi-svon-off-white: #F8FAF6;\n --soi-svon-stone: #F1F3EE;\n --soi-svon-line: #E5E8E0;\n\n --soi-svon-primary: #A8C8B8;\n --soi-svon-primary-soft: #D4E5DC;\n --soi-svon-accent: #C4A97D;\n\n --soi-svon-text: #1A2D3D;\n --soi-svon-text-soft: #4A5B6B;\n --soi-svon-text-muted: #7B8693;\n\n --soi-svon-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-svon-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-svon-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-svon-radius: 12px;\n --soi-svon-radius-sm: 8px;\n --soi-svon-radius-pill: 999px;\n}\n\n.soi-svon-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-svon-fiche img { max-width: 100%; height: auto; }\n\n.soi-svon-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-svon-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-svon-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-svon-hero {\n position: relative;\n background: var(--soi-svon-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-svon-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-svon-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-svon-pomme);\n}\n\n.soi-svon-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-svon-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-svon-pomme);\n border-radius: 50%;\n}\n\n.soi-svon-hero-title {\n display: block;\n color: var(--soi-svon-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-svon-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-svon-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-svon-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-svon-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-svon-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-svon-label-accent {\n background: var(--soi-svon-pomme);\n border-color: var(--soi-svon-pomme);\n color: var(--soi-svon-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-svon-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-svon-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-svon-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-svon-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-svon-pomme);\n border-radius: 2px;\n}\n\n.soi-svon-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-svon-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-svon-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-svon-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-svon-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-svon-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-svon-benefit {\n background: var(--soi-svon-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-svon-radius);\n border: 1px solid var(--soi-svon-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-svon-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-svon-shadow-md);\n}\n\n.soi-svon-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-svon-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-svon-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-svon-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-svon-benefit:hover .soi-svon-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-svon-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-svon-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-svon-benefit p {\n font-size: 13px;\n color: var(--soi-svon-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-svon-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-svon-card {\n background: var(--soi-svon-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-svon-radius);\n border-left: 3px solid var(--soi-svon-pomme);\n}\n\n.soi-svon-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-svon-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-svon-card p {\n font-size: 14px;\n color: var(--soi-svon-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-svon-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-svon-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-svon-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-svon-radius);\n border: 1px solid var(--soi-svon-line);\n align-items: flex-start;\n}\n\n.soi-svon-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-svon-marine);\n color: var(--soi-svon-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-svon-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-svon-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-svon-step-content p {\n font-size: 14px;\n color: var(--soi-svon-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-svon-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-svon-pomme-light);\n border-left: 4px solid var(--soi-svon-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-svon-radius) var(--soi-svon-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-svon-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-svon-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-svon-marine);\n margin-bottom: 4px;\n}\n\n.soi-svon-tip p {\n font-size: 14px;\n color: var(--soi-svon-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-svon-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-svon-accordion-item {\n background: var(--soi-svon-off-white);\n border-radius: var(--soi-svon-radius-sm);\n border: 1px solid var(--soi-svon-line);\n overflow: hidden;\n}\n\n.soi-svon-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-svon-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-svon-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-svon-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-svon-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-svon-accordion-item[open] .soi-svon-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-svon-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-svon-accordion-content p {\n font-size: 14px;\n color: var(--soi-svon-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-svon-cta-box {\n background: var(--soi-svon-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-svon-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-svon-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-svon-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-svon-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-svon-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-svon-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-svon-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-svon-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-svon-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-svon-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-svon-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-svon-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-svon-fiche {\n --soi-svon-text-soft: #2C3E50;\n --soi-svon-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603425026378,"sku":"GB0015","price":5.48,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/Savon3en1SansParfum-LeGangdesBulles_11zon.webp?v=1781253181"},{"product_id":"shampoing-bio-cheveux-normaux-le-gang-des-bulles","title":"Shampoing bio cheveux normaux - Le Gang des Bulles","description":"\u003cdiv class=\"soi-shbio-fiche\"\u003e\n\n\u003csection class=\"soi-shbio-hero\"\u003e\n \u003cdiv class=\"soi-shbio-hero-tag\"\u003e\n \u003cspan class=\"soi-shbio-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Le Gang des Bulles\n \u003c\/div\u003e\n \u003cspan class=\"soi-shbio-hero-title\"\u003eShampoing bio cheveux normaux\u003c\/span\u003e\n \u003cp class=\"soi-shbio-hero-subtitle\"\u003eUn soin capillaire certifié bio au parfum d'amande, pour des cheveux propres, souples et éclatants sans compromis sur la composition.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbio-hero-labels\"\u003e\n \u003cspan class=\"soi-shbio-label soi-shbio-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eB CORP\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eCe que contient vraiment ce shampoing bio\u003c\/h2\u003e\n \u003cp class=\"soi-shbio-section-intro\"\u003eLa force de ce soin réside dans sa composition. Chaque ingrédient a été sélectionné pour son efficacité prouvée sur les cheveux normaux.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbio-grid\"\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🌾 Protéines de blé hydrolysées\u003c\/h3\u003e\n \u003cp\u003eElles renforcent la fibre capillaire de l'intérieur, apportent de la souplesse et un vrai éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🌼 Eau florale d'hélichryse bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes, elle calme le cuir chevelu sensible et procure un confort immédiat après le lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale bio\u003c\/h3\u003e\n \u003cp\u003eElle hydrate et retient l'eau au cœur du cheveu pour un démêlage facilité et une meilleure élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🍑 Huile de prune de Gascogne\u003c\/h3\u003e\n \u003cp\u003eUn actif précieux du terroir français qui nourrit sans alourdir et laisse les cheveux incroyablement doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🌸 Parfum naturel d'amande\u003c\/h3\u003e\n \u003cp\u003eUne signature olfactive subtile et réconfortante pour chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003ePour qui est ce shampoing bio certifié Cosmos Organic ?\u003c\/h2\u003e\n \u003cp\u003eCe shampoing s'adresse à toute personne aux cheveux normaux, ni trop secs ni trop gras, qui souhaite adopter une routine capillaire naturelle et bio sans compromis sur l'efficacité. Il convient aussi aux cuirs chevelus légèrement sensibles grâce à l'eau florale d'hélichryse apaisante.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbio-tip\"\u003e\n \u003cdiv class=\"soi-shbio-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSi vous souhaitez compléter votre rituel, sachez qu'il existe également un après-shampoing bio compatible pour optimiser le démêlage et le soin sur la longueur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eComment l'utiliser pour de meilleurs résultats ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-timeline\"\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eMouillez abondamment\u003c\/h3\u003e\n \u003cp\u003eMouillez vos cheveux à l'eau tiède avant application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eAppliquez une noisette\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampoing sur le cuir chevelu, massez en mouvements circulaires, puis rincez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau fraîche pour sceller les écailles du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1.25rem;\"\u003eLe format 200 ml super concentré vous accompagne longtemps : une petite quantité suffit à chaque utilisation.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eLes engagements Le Gang des Bulles\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-grid-compact\"\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eCosmos Organic (Ecocert)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🅱️\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eResponsabilité\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eB Corp certifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eVegan \u0026amp; Cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eSans sulfate\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eSans silicone\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eSans paraben\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur ce shampoing bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-accordion\"\u003e\n \u003cdetails class=\"soi-shbio-accordion-item\"\u003e\n \u003csummary class=\"soi-shbio-accordion-header\"\u003e🧴 Le shampoing bio mousse-t-il autant qu'un shampoing classique ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-shbio-accordion-content\"\u003e\n \u003cp\u003eLa mousse est légèrement moins dense que celle des shampoings conventionnels, car il ne contient pas de sulfates moussants agressifs. Cela n'affecte pas son efficacité nettoyante : vos cheveux ressortent propres, légers et brillants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-shbio-accordion-item\"\u003e\n \u003csummary class=\"soi-shbio-accordion-header\"\u003e⏳ Faut-il une période de transition avant de voir les résultats ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-shbio-accordion-content\"\u003e\n \u003cp\u003eSi vous passez d'un shampoing classique à ce soin bio, un temps d'adaptation de 2 à 4 semaines est parfois nécessaire, le temps que votre cuir chevelu retrouve son équilibre naturel. Restez régulier, les résultats sont au rendez-vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-shbio-accordion-item\"\u003e\n \u003csummary class=\"soi-shbio-accordion-header\"\u003e🎨 Ce shampoing bio convient-il aux cheveux colorés ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-shbio-accordion-content\"\u003e\n \u003cp\u003eOui. Sa formule douce sans sulfate préserve la couleur plus longtemps qu'un shampoing conventionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003cp style=\"font-size: 0.85em; color: var(--soi-shbio-text-muted);\"\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne se substitue pas à l'avis d'un professionnel de santé en cas de problème capillaire ou dermatologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shbio-cta-box\"\u003e\n \u003cp class=\"soi-shbio-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, un lavage après l'autre\u003c\/p\u003e\n \u003cp class=\"soi-shbio-cta-text\" style=\"color: white;\"\u003eChaque matin, vos cheveux méritent des actifs naturels sélectionnés avec soin, un parfum d'amande qui met de bonne humeur, et la certitude de faire un choix cohérent pour vous et pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shbio-marine: #1A2D3D;\n --soi-shbio-marine-dark: #0F1E2B;\n --soi-shbio-marine-light: #2C4458;\n --soi-shbio-pomme: #A1C544;\n --soi-shbio-pomme-dark: #84A636;\n --soi-shbio-pomme-light: rgba(161,197,68,0.10);\n\n --soi-shbio-white: #FFFFFF;\n --soi-shbio-off-white: #F8FAF6;\n --soi-shbio-stone: #F1F3EE;\n --soi-shbio-line: #E5E8E0;\n\n --soi-shbio-primary: #C0724A;\n --soi-shbio-primary-soft: #F5E1D4;\n --soi-shbio-accent: #D4A88A;\n\n --soi-shbio-text: #1A2D3D;\n --soi-shbio-text-soft: #4A5B6B;\n --soi-shbio-text-muted: #7B8693;\n\n --soi-shbio-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shbio-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shbio-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shbio-radius: 12px;\n --soi-shbio-radius-sm: 8px;\n --soi-shbio-radius-pill: 999px;\n}\n\n.soi-shbio-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shbio-fiche img { max-width: 100%; height: auto; }\n\n.soi-shbio-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shbio-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shbio-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shbio-hero {\n position: relative;\n background: var(--soi-shbio-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shbio-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shbio-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shbio-pomme);\n}\n\n.soi-shbio-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shbio-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shbio-pomme);\n border-radius: 50%;\n}\n\n.soi-shbio-hero-title {\n display: block;\n color: var(--soi-shbio-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shbio-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shbio-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shbio-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shbio-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shbio-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shbio-label-accent {\n background: var(--soi-shbio-pomme);\n border-color: var(--soi-shbio-pomme);\n color: var(--soi-shbio-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shbio-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shbio-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shbio-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shbio-pomme);\n border-radius: 2px;\n}\n\n.soi-shbio-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shbio-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shbio-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shbio-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shbio-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shbio-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shbio-card {\n background: var(--soi-shbio-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbio-radius);\n border-left: 3px solid var(--soi-shbio-pomme);\n}\n\n.soi-shbio-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbio-card p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shbio-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shbio-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shbio-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbio-radius);\n border: 1px solid var(--soi-shbio-line);\n align-items: flex-start;\n}\n\n.soi-shbio-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shbio-marine);\n color: var(--soi-shbio-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shbio-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shbio-step-content p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-shbio-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-shbio-card-mini {\n background: var(--soi-shbio-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shbio-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shbio-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shbio-card-mini-label {\n font-size: 11px;\n color: var(--soi-shbio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shbio-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shbio-compo {\n background: var(--soi-shbio-off-white);\n border-radius: var(--soi-shbio-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shbio-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shbio-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shbio-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shbio-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shbio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shbio-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shbio-pomme-dark);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shbio-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shbio-pomme-light);\n border-left: 4px solid var(--soi-shbio-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shbio-radius) var(--soi-shbio-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-shbio-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shbio-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shbio-marine);\n margin-bottom: 4px;\n}\n\n.soi-shbio-tip p {\n font-size: 14px;\n color: var(--soi-shbio-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shbio-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shbio-accordion-item {\n background: var(--soi-shbio-off-white);\n border-radius: var(--soi-shbio-radius-sm);\n border: 1px solid var(--soi-shbio-line);\n overflow: hidden;\n}\n\n.soi-shbio-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shbio-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-shbio-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shbio-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shbio-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shbio-accordion-item[open] .soi-shbio-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shbio-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shbio-accordion-content p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shbio-cta-box {\n background: var(--soi-shbio-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shbio-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shbio-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shbio-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shbio-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shbio-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shbio-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shbio-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-shbio-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shbio-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shbio-compo-value {\n text-align: left;\n }\n\n .soi-shbio-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shbio-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shbio-fiche {\n --soi-shbio-text-soft: #2C3E50;\n --soi-shbio-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603425321290,"sku":"GB0020","price":6.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-bio-cheveux-normaux-le-gang-des-bulles-packshot.webp?v=1779453204"},{"product_id":"shampoing-bio-cheveux-secs-le-gang-des-bulles","title":"Shampoing bio cheveux secs - Le Gang des Bulles","description":"\u003cdiv class=\"soi-shbio-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-shbio-hero\"\u003e\n \u003cdiv class=\"soi-shbio-hero-tag\"\u003e\n \u003cspan class=\"soi-shbio-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Le Gang des Bulles\n \u003c\/div\u003e\n \u003cspan class=\"soi-shbio-hero-title\"\u003eShampoing bio cheveux secs\u003c\/span\u003e\n \u003cp class=\"soi-shbio-hero-subtitle\"\u003eNourrissez en profondeur vos cheveux secs et abîmés grâce à une formule certifiée, concentrée et délicatement parfumée sauge ananas.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbio-hero-labels\"\u003e\n \u003cspan class=\"soi-shbio-label soi-shbio-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eCERTIFIÉ B CORP\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eSANS SULFATE · SANS SILICONE · SANS PARABEN\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eLe shampoing bio idéal pour les cheveux secs et abîmés\u003c\/h2\u003e\n \u003cp\u003eVos cheveux tirent, cassent, manquent d'éclat ? C'est souvent le signe d'une fibre capillaire assoiffée qui réclame des soins vrais et des actifs nourrissants. Le \u003cstrong\u003eshampoing bio cheveux secs du Gang des Bulles\u003c\/strong\u003e a été pensé précisément pour cela : nourrir en profondeur, restaurer la souplesse et sublimer votre chevelure, lavage après lavage.\u003c\/p\u003e\n \u003cp\u003eCertifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, formulé et fabriqué en France, il s'impose comme l'un des \u003cstrong\u003emeilleurs shampoings pour cheveux secs\u003c\/strong\u003e du marché naturel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003ePourquoi vos cheveux secs ont besoin d'un shampoing bio adapté\u003c\/h2\u003e\n \u003cp\u003eLes cheveux secs manquent de lipides : leur cuticule ne retient plus l'eau correctement, ce qui provoque des frisottis, une texture rêche et une casse accrue. La plupart des shampoings conventionnels aggravent le problème en décapant encore davantage le film hydrolipidique avec des sulfates agressifs.\u003c\/p\u003e\n \u003cp\u003eCe \u003cstrong\u003eshampoing bio pour cheveux secs\u003c\/strong\u003e prend le contre-pied de cette logique : sans sulfate, sans silicone, sans paraben, il nettoie en douceur tout en déposant une couche protectrice et nutritive sur chaque mèche. Résultat : des cheveux lavés, mais pas dépouillés.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Actifs --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eLes actifs bio qui font vraiment la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-benefits\"\u003e\n \u003cdiv class=\"soi-shbio-benefit\"\u003e\n \u003cdiv class=\"soi-shbio-benefit-icon\"\u003e\u003cspan\u003e🍑\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de prune bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras insaturés, elle pénètre la fibre capillaire pour la nourrir en profondeur et redonner brillance et douceur sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-benefit\"\u003e\n \u003cdiv class=\"soi-shbio-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de coco bio\u003c\/h3\u003e\n \u003cp\u003eSes propriétés hydratantes et réparatrices renforcent la structure du cheveu de l'intérieur, luttant contre la sécheresse et la casse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-benefit\"\u003e\n \u003cdiv class=\"soi-shbio-benefit-icon\"\u003e\u003cspan\u003e🌼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEau florale d'hélichryse bio\u003c\/h3\u003e\n \u003cp\u003eApaisante et rééquilibrante, elle calme les irritations du cuir chevelu et contribue à un environnement sain pour la repousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-tip\"\u003e\n \u003cdiv class=\"soi-shbio-tip-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe trio d'actifs agit en synergie pour répondre aux vrais besoins des cheveux secs, cassants ou fragilisés : hydratation, nutrition, protection.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Formule concentrée --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eUne formule concentrée, un parfum inoubliable\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-grid-compact\"\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003e200 ml super concentré\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🍍\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eSauge ananas\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e✨\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eTexture\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eLaiteuse, rinçage facile\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:1.25rem;\"\u003eUne petite quantité suffit pour une mousse onctueuse et généreuse. Chaque lavage libère un délicat parfum \u003cstrong\u003esauge ananas\u003c\/strong\u003e, frais, végétal et original, qui transforme votre routine en un vrai moment de plaisir sensoriel. Votre chevelure ressort légère, douce et visiblement plus nourrie dès la première utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Mode d'emploi --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing pour cheveux secs\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-timeline\"\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés. La formule est concentrée, pas besoin d'en mettre beaucoup.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu en mouvements circulaires pour activer la circulation et bien répartir les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède, jamais trop chaude pour préserver l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eComplétez (optionnel)\u003c\/h3\u003e\n \u003cp\u003ePour un résultat optimal, associez-le à un masque nourrissant ou à une huile capillaire une à deux fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-tip\"\u003e\n \u003cdiv class=\"soi-shbio-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe shampoing convient à un usage régulier, idéalement deux à trois fois par semaine selon la nature de votre chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Pour qui --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003ePour qui est fait ce shampoing bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-grid\"\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🌾 Cheveux naturellement secs\u003c\/h3\u003e\n \u003cp\u003eSi votre fibre capillaire manque de lipides au quotidien, ce shampoing apporte la nutrition profonde dont vous avez besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🔥 Cheveux abîmés par la chaleur ou les colorations\u003c\/h3\u003e\n \u003cp\u003eFragilisés par le sèche-cheveux, le lisseur ou les traitements chimiques, vos cheveux retrouvent souplesse et vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🍃 Cuirs chevelus sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient aux cuirs chevelus sensibles et aux cheveux colorés. Certifié B Corp et Cosmos Organic pour une formule respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 : Composition --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eComposition complète du shampoing bio cheveux secs\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-compo\"\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eINCI complet\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\" style=\"text-align:left; font-weight:400; font-size:13px; line-height:1.6; color: var(--soi-shbio-text-soft);\"\u003eAqua, Sodium Coco-Sulfate (dérivé naturel de coco), Cocamidopropyl Betaine (tensioactif doux), Prunus Domestica Seed Oil* (huile de prune), Cocos Nucifera Oil* (huile de coco), Helichrysum Italicum Flower Water* (eau florale d'hélichryse), Parfum (sauge ananas, issu d'ingrédients naturels), Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003eCosmos Organic par Ecocert Greenlife\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eVolume\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003e200 ml (format super concentré)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:1rem;\"\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-shbio-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shbio-cta-box\"\u003e\n \u003cp class=\"soi-shbio-cta-text\" style=\"color: white;\"\u003eParce que vos cheveux méritent mieux qu'un shampoing ordinaire : avec ce soin bio sauge ananas du Gang des Bulles, chaque lavage devient un geste de bienveillance envers votre chevelure et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* === Couleurs Soinat (FIXES) === *\/\n --soi-shbio-marine: #1A2D3D;\n --soi-shbio-marine-dark: #0F1E2B;\n --soi-shbio-marine-light: #2C4458;\n --soi-shbio-pomme: #A1C544;\n --soi-shbio-pomme-dark: #84A636;\n --soi-shbio-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-shbio-white: #FFFFFF;\n --soi-shbio-off-white: #F8FAF6;\n --soi-shbio-stone: #F1F3EE;\n --soi-shbio-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging sauge\/ananas\/ambre) === *\/\n --soi-shbio-primary: #D88F4A;\n --soi-shbio-primary-soft: rgba(216,143,74,0.10);\n --soi-shbio-accent: #C4703A;\n\n \/* === Textes === *\/\n --soi-shbio-text: #1A2D3D;\n --soi-shbio-text-soft: #4A5B6B;\n --soi-shbio-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-shbio-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shbio-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shbio-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shbio-radius: 12px;\n --soi-shbio-radius-sm: 8px;\n --soi-shbio-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-shbio-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shbio-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-shbio-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shbio-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shbio-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shbio-hero {\n position: relative;\n background: var(--soi-shbio-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shbio-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shbio-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shbio-pomme);\n}\n\n.soi-shbio-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shbio-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shbio-pomme);\n border-radius: 50%;\n}\n\n.soi-shbio-hero-title {\n display: block;\n color: var(--soi-shbio-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shbio-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shbio-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shbio-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shbio-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shbio-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shbio-label-accent {\n background: var(--soi-shbio-pomme);\n border-color: var(--soi-shbio-pomme);\n color: var(--soi-shbio-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shbio-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shbio-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shbio-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shbio-pomme);\n border-radius: 2px;\n}\n\n.soi-shbio-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shbio-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shbio-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shbio-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-shbio-benefit {\n background: var(--soi-shbio-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shbio-radius);\n border: 1px solid var(--soi-shbio-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shbio-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shbio-shadow-md);\n}\n\n.soi-shbio-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shbio-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-shbio-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shbio-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shbio-benefit:hover .soi-shbio-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shbio-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbio-benefit p {\n font-size: 13px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shbio-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shbio-card {\n background: var(--soi-shbio-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbio-radius);\n border-left: 3px solid var(--soi-shbio-pomme);\n}\n\n.soi-shbio-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbio-card p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-shbio-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-shbio-card-mini {\n background: var(--soi-shbio-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shbio-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shbio-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shbio-card-mini-label {\n font-size: 11px;\n color: var(--soi-shbio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shbio-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-shbio-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-shbio-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shbio-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbio-radius);\n border: 1px solid var(--soi-shbio-line);\n align-items: flex-start;\n}\n\n.soi-shbio-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shbio-marine);\n color: var(--soi-shbio-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shbio-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shbio-step-content p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-shbio-compo {\n background: var(--soi-shbio-off-white);\n border-radius: var(--soi-shbio-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shbio-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shbio-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shbio-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shbio-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shbio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-shbio-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shbio-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shbio-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shbio-pomme-light);\n border-left: 4px solid var(--soi-shbio-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shbio-radius) var(--soi-shbio-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-shbio-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shbio-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shbio-marine);\n margin-bottom: 4px;\n}\n\n.soi-shbio-tip p {\n font-size: 14px;\n color: var(--soi-shbio-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shbio-cta-box {\n background: var(--soi-shbio-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shbio-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shbio-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shbio-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shbio-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shbio-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shbio-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shbio-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-shbio-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shbio-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shbio-compo-value {\n text-align: left;\n }\n\n .soi-shbio-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-shbio-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-shbio-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-shbio-grid-compact {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shbio-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shbio-fiche {\n --soi-shbio-text-soft: #2C3E50;\n --soi-shbio-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603426074954,"sku":"GB0025","price":6.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-bio-cheveux-secs-le-gang-des-bulles-packshot.webp?v=1779452802"},{"product_id":"shampoing-bio-cheveux-gras-le-gang-des-bulles","title":"Shampoing Bio Cheveux Gras – Le Gang des Bulles","description":"\n\u003cdiv class=\"soi-shbg-fiche\"\u003e\n\n\u003csection class=\"soi-shbg-hero\"\u003e\n \u003cdiv class=\"soi-shbg-hero-tag\"\u003e\n \u003cspan class=\"soi-shbg-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Le Gang des Bulles\n \u003c\/div\u003e\n \u003cspan class=\"soi-shbg-hero-title\"\u003eShampoing Bio Cheveux Gras\u003c\/span\u003e\n \u003cp class=\"soi-shbg-hero-subtitle\"\u003eUn shampoing purifiant certifié bio qui régule le sébum en douceur et redonne légèreté et fraîcheur durable à vos cheveux, sans jamais agresser le cuir chevelu.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbg-hero-labels\"\u003e\n \u003cspan class=\"soi-shbg-label soi-shbg-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-label\"\u003eCERTIFIÉ BIO\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eLe shampoing bio pour cheveux gras qui remet les compteurs à zéro\u003c\/h2\u003e\n \u003cp\u003eVous connaissez ce sentiment de fraîcheur trop éphémère : les cheveux lavés le matin, déjà lourds et brillants le soir. Si vous cherchez un shampoing pour cheveux gras qui ne se contente pas de masquer le problème, vous êtes au bon endroit. Le \u003cstrong\u003eShampoing Bio Cheveux Gras de Le Gang des Bulles\u003c\/strong\u003e s'attaque à la source : le cuir chevelu lui-même.\u003c\/p\u003e\n \u003cp\u003eFormulé en France, certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e et fabriqué sans sulfate, sans silicone, sans paraben, ce shampoing purifiant est pensé pour rééquilibrer durablement un cuir chevelu qui sécrète trop de sébum, sans jamais agresser la fibre capillaire.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003ePourquoi votre cuir chevelu produit trop de sébum ?\u003c\/h2\u003e\n \u003cp\u003eUn excès de sébum peut être déclenché par plusieurs facteurs : le stress, une alimentation déséquilibrée, des changements hormonaux ou des shampooings trop décapants qui, en asséchant le cuir chevelu, le poussent à produire encore plus de sébum en réaction. C'est un cercle vicieux bien connu.\u003c\/p\u003e\n \u003cp\u003eLa solution ne consiste pas à laver plus souvent, mais à choisir le bon shampoing pour cheveux gras, capable de réguler sans dessécher.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font vraiment la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbg-benefits\"\u003e\n \u003cdiv class=\"soi-shbg-benefit\"\u003e\n \u003cdiv class=\"soi-shbg-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFerment de radis bio\u003c\/h3\u003e\n \u003cp\u003eVéritable star de la formule, il agit comme un régulateur naturel du sébum et assainit le cuir chevelu grâce à ses propriétés antimicrobiennes. Résultat : vos cheveux restent frais plus longtemps entre deux lavages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-benefit\"\u003e\n \u003cdiv class=\"soi-shbg-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eGlucosides de coco et de blé\u003c\/h3\u003e\n \u003cp\u003eDes agents lavants ultra-doux d'origine végétale qui nettoient en profondeur tout en respectant l'équilibre naturel du cuir chevelu. Fini les cheveux raides ou étouffés après le shampooing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-benefit\"\u003e\n \u003cdiv class=\"soi-shbg-benefit-icon\"\u003e\u003cspan\u003e🍏\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum naturel de pomme verte\u003c\/h3\u003e\n \u003cp\u003eUne note fraîche et légère qui transforme chaque lavage en un moment agréable, loin des fragrances synthétiques agressives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing purifiant ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbg-timeline\"\u003e\n \u003cdiv class=\"soi-shbg-step\"\u003e\n \u003cdiv class=\"soi-shbg-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step-content\"\u003e\n \u003ch3\u003eMouiller abondamment\u003c\/h3\u003e\n \u003cp\u003eMouillez vos cheveux à l'eau tiède pour ouvrir les écailles et faciliter la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step\"\u003e\n \u003cdiv class=\"soi-shbg-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step-content\"\u003e\n \u003ch3\u003eAppliquer une noisette\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampoing sur le cuir chevelu et massez doucement avec le bout des doigts pendant 2 à 3 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step\"\u003e\n \u003cdiv class=\"soi-shbg-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step-content\"\u003e\n \u003ch3\u003eRincer abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau fraîche pour resserrer les pores du cuir chevelu et prolonger l'effet purifiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step\"\u003e\n \u003cdiv class=\"soi-shbg-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step-content\"\u003e\n \u003ch3\u003eEspacer progressivement\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le 2 à 3 fois par semaine au début, puis espacez progressivement les lavages à mesure que votre cuir chevelu se rééquilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eCe que contient réellement ce shampoing bio (liste INCI)\u003c\/h2\u003e\n \u003cp\u003eLa formule est composée à plus de \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont une large part certifiée biologique :\u003c\/p\u003e\n \u003cp class=\"soi-shbg-inci\"\u003e\u003cem\u003eAqua, Coco-Glucoside, Glycerin* (origine végétale), Sodium Cocoamphoacetate, Leuconostoc Radish Root Ferment Filtrate*, Citric Acid, Sodium Benzoate, Potassium Sorbate, Parfum (naturel, pomme).\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003cdiv class=\"soi-shbg-compo\"\u003e\n \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n \u003cspan class=\"soi-shbg-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n \u003cspan class=\"soi-shbg-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n \u003cspan class=\"soi-shbg-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n \u003cspan class=\"soi-shbg-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-compo-value\"\u003e99 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eCe shampoing est-il fait pour vous ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbg-grid\"\u003e\n \u003cdiv class=\"soi-shbg-card\"\u003e\n \u003ch3\u003e⚡ Cheveux qui graissent vite\u003c\/h3\u003e\n \u003cp\u003eVos cheveux deviennent lourds et brillants rapidement, même après le lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-card\"\u003e\n \u003ch3\u003e🔄 Cuir chevelu déséquilibré\u003c\/h3\u003e\n \u003cp\u003eVotre cuir chevelu démange ou manque d'équilibre et vous souhaitez le réguler naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-card\"\u003e\n \u003ch3\u003e🕐 Espacer les lavages\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez espacer vos lavages sans compromis sur la fraîcheur et la légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-card\"\u003e\n \u003ch3\u003e🌿 Exigence naturelle\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un shampoing cheveux gras sans sulfate, naturel et certifié bio, avec une formule courte et honnête.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003cdiv class=\"soi-shbg-accordion\"\u003e\n \u003cdetails class=\"soi-shbg-accordion-item\"\u003e\n \u003csummary class=\"soi-shbg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-shbg-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue pas à un avis médical en cas de problème de cuir chevelu persistant (dermite, psoriasis, etc.).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shbg-cta-box\"\u003e\n \u003cp class=\"soi-shbg-cta-text\" style=\"color: white;\"\u003eEnfin un shampoing bio qui comprend vraiment les cheveux gras. Une formule courte, honnête, certifiée Cosmos Organic, qui régule le sébum en douceur et redonne à vos cheveux une légèreté durable.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shbg-marine: #1A2D3D;\n --soi-shbg-marine-dark: #0F1E2B;\n --soi-shbg-marine-light: #2C4458;\n --soi-shbg-pomme: #A1C544;\n --soi-shbg-pomme-dark: #84A636;\n --soi-shbg-pomme-light: rgba(161,197,68,0.10);\n\n --soi-shbg-white: #FFFFFF;\n --soi-shbg-off-white: #F8FAF6;\n --soi-shbg-stone: #F1F3EE;\n --soi-shbg-line: #E5E8E0;\n\n --soi-shbg-primary: #7AAD4A;\n --soi-shbg-primary-soft: #D4E8C2;\n --soi-shbg-accent: #C8A84E;\n\n --soi-shbg-text: #1A2D3D;\n --soi-shbg-text-soft: #4A5B6B;\n --soi-shbg-text-muted: #7B8693;\n\n --soi-shbg-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shbg-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shbg-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shbg-radius: 12px;\n --soi-shbg-radius-sm: 8px;\n --soi-shbg-radius-pill: 999px;\n}\n\n.soi-shbg-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shbg-fiche img { max-width: 100%; height: auto; }\n\n.soi-shbg-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shbg-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shbg-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shbg-hero {\n position: relative;\n background: var(--soi-shbg-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shbg-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shbg-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shbg-pomme);\n}\n\n.soi-shbg-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shbg-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shbg-pomme);\n border-radius: 50%;\n}\n\n.soi-shbg-hero-title {\n display: block;\n color: var(--soi-shbg-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shbg-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shbg-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shbg-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shbg-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shbg-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shbg-label-accent {\n background: var(--soi-shbg-pomme);\n border-color: var(--soi-shbg-pomme);\n color: var(--soi-shbg-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shbg-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shbg-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shbg-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shbg-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shbg-pomme);\n border-radius: 2px;\n}\n\n.soi-shbg-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shbg-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shbg-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-shbg-inci {\n background: var(--soi-shbg-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shbg-radius-sm);\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-shbg-text-soft);\n line-height: 1.7;\n}\n\n\/* === BENEFITS === *\/\n.soi-shbg-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-shbg-benefit {\n background: var(--soi-shbg-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shbg-radius);\n border: 1px solid var(--soi-shbg-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shbg-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shbg-shadow-md);\n}\n\n.soi-shbg-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shbg-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-shbg-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shbg-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shbg-benefit:hover .soi-shbg-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shbg-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbg-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbg-benefit p {\n font-size: 13px;\n color: var(--soi-shbg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shbg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shbg-card {\n background: var(--soi-shbg-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbg-radius);\n border-left: 3px solid var(--soi-shbg-pomme);\n}\n\n.soi-shbg-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbg-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbg-card p {\n font-size: 14px;\n color: var(--soi-shbg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shbg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shbg-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shbg-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbg-radius);\n border: 1px solid var(--soi-shbg-line);\n align-items: flex-start;\n}\n\n.soi-shbg-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shbg-marine);\n color: var(--soi-shbg-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shbg-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbg-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shbg-step-content p {\n font-size: 14px;\n color: var(--soi-shbg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-shbg-compo {\n background: var(--soi-shbg-off-white);\n border-radius: var(--soi-shbg-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-shbg-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shbg-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shbg-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shbg-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shbg-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shbg-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shbg-marine);\n text-align: right;\n}\n\n\/* === ACCORDION === *\/\n.soi-shbg-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shbg-accordion-item {\n background: var(--soi-shbg-off-white);\n border-radius: var(--soi-shbg-radius-sm);\n border: 1px solid var(--soi-shbg-line);\n overflow: hidden;\n}\n\n.soi-shbg-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shbg-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-shbg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shbg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shbg-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shbg-accordion-item[open] .soi-shbg-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shbg-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shbg-accordion-content p {\n font-size: 14px;\n color: var(--soi-shbg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shbg-cta-box {\n background: var(--soi-shbg-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shbg-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shbg-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shbg-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shbg-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shbg-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shbg-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shbg-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-shbg-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shbg-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shbg-compo-value {\n text-align: left;\n }\n\n .soi-shbg-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shbg-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shbg-fiche {\n --soi-shbg-text-soft: #2C3E50;\n --soi-shbg-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603426566474,"sku":"GB0030","price":6.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-bio-cheveux-gras-le-gang-des-bulles-lifestyle.webp?v=1779457543"},{"product_id":"savon-saponifie-a-froid-certifie-bio-20-aloe-vera","title":"Savon saponifié à froid certifié Bio 20% Aloe Vera","description":"\u003cdiv class=\"soi-aloe-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-aloe-hero\"\u003e\n \u003cdiv class=\"soi-aloe-hero-tag\"\u003e\n \u003cspan class=\"soi-aloe-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Pur'Aloé\n \u003c\/div\u003e\n \u003cspan class=\"soi-aloe-hero-title\"\u003eSavon saponifié à froid certifié Bio 20% Aloe Vera\u003c\/span\u003e\n \u003cp class=\"soi-aloe-hero-subtitle\"\u003eUn savon surgras artisanal fabriqué en Provence, enrichi en aloe vera natif bio et équitable pour nettoyer votre peau en douceur sans jamais l'agresser.\u003c\/p\u003e\n \u003cdiv class=\"soi-aloe-hero-labels\"\u003e\n \u003cspan class=\"soi-aloe-label soi-aloe-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eBIO \u0026amp; ÉQUITABLE\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eSANS HUILE DE PALME\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INTRO --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003cp class=\"soi-aloe-section-intro\"\u003eVous cherchez un savon qui nettoie vraiment sans agresser votre peau ? Le savon saponifié à froid certifié Bio 20% Aloe Vera de Pur'Aloé est exactement ce qu'il vous faut. Formulé en Provence avec de l'aloe vera natif issu de pulpe fraîche non chauffée, ce savon surgras préserve tous les actifs de la plante pour une efficacité maximale sur les peaux sèches, sensibles et délicates.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi choisir un savon saponifié à froid surgras ? --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon saponifié à froid surgras ?\u003c\/h2\u003e\n \u003cp\u003eLa saponification à froid est une méthode artisanale traditionnelle qui change tout. En évitant toute chauffe, elle conserve intacte la glycérine naturelle produite lors de la fabrication, ainsi que tous les bienfaits des huiles végétales. Résultat : un savon bien plus doux, nourrissant et respectueux de la peau que les savons industriels.\u003c\/p\u003e\n \u003cp\u003eAjoutez à cela la mention « surgras », qui signifie qu'une partie des huiles n'est pas saponifiée et reste libre pour nourrir directement la peau, et vous obtenez un soin lavant d'exception.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Ce que l'Aloe Vera natif apporte à votre peau --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eCe que l'Aloe Vera natif apporte à votre peau\u003c\/h2\u003e\n \u003cdiv class=\"soi-aloe-benefits\"\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation en profondeur\u003c\/h3\u003e\n \u003cp\u003eL'aloe vera, composé à 99% d'eau et de polysaccharides, retient l'humidité dans les couches superficielles de la peau pour un confort durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEffet apaisant immédiat\u003c\/h3\u003e\n \u003cp\u003eIdéal après le rasage, en cas de tiraillements ou de rougeurs légères, ce savon calme instantanément les sensations d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage doux et efficace\u003c\/h3\u003e\n \u003cp\u003eÉlimine impuretés et sébum sans perturber le film hydrolipidique naturel de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau revitalisée\u003c\/h3\u003e\n \u003cp\u003eLes vitamines A, C, E et acides aminés de la plante soutiennent le renouvellement cutané au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition et ingrédients du savon bio Pur'Aloé --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eComposition et ingrédients du savon bio Pur'Aloé\u003c\/h2\u003e\n \u003cp\u003eFormulé avec 99,9% d'ingrédients d'origine naturelle et 75% issus de l'agriculture biologique, ce savon aloe vera tient toutes ses promesses de transparence.\u003c\/p\u003e\n \u003cdiv class=\"soi-aloe-grid-compact\"\u003e\n \u003cdiv class=\"soi-aloe-card-mini\"\u003e\n \u003cspan class=\"soi-aloe-card-mini-icon\"\u003e🌵\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-label\"\u003eAloe Vera natif\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-value\"\u003e20%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card-mini\"\u003e\n \u003cspan class=\"soi-aloe-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-value\"\u003e99,9%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card-mini\"\u003e\n \u003cspan class=\"soi-aloe-card-mini-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-label\"\u003eAgriculture bio\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-value\"\u003e75%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card-mini\"\u003e\n \u003cspan class=\"soi-aloe-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-label\"\u003ePoids net\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-value\"\u003e90 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo\"\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003e20% Aloe Vera natif bio et équitable (pulpe fraîche, non chauffée)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eActif nourrissant\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eBeurre de karité certifié bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eBase aqueuse\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eSans eau ajoutée (l'aloe vera remplace intégralement l'eau)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eHuile de palme, paraben, silicone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eProvence, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser ce savon aloe vera au quotidien ? --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon aloe vera au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-aloe-timeline\"\u003e\n \u003cdiv class=\"soi-aloe-step\"\u003e\n \u003cdiv class=\"soi-aloe-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez le savon entre vos mains humides jusqu'à obtenir une mousse crémeuse et onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step\"\u003e\n \u003cdiv class=\"soi-aloe-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step-content\"\u003e\n \u003ch3\u003eAppliquez et nettoyez\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse sur le visage ou le corps, puis rincez à l'eau tiède. Convient matin et soir, en remplacement de votre gel douche ou savon habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step\"\u003e\n \u003cdiv class=\"soi-aloe-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step-content\"\u003e\n \u003ch3\u003eConservez au sec\u003c\/h3\u003e\n \u003cp\u003ePour préserver sa durée de vie, posez votre savon sur un porte-savon aéré entre chaque utilisation : bien séché, il dure bien plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-tip\"\u003e\n \u003cdiv class=\"soi-aloe-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe savon convient à toute la famille, y compris aux peaux les plus sensibles. Utilisez-le au quotidien pour simplifier votre routine avec un produit unique, sain et efficace, du visage au corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Un choix engagé pour vous et la planète --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eUn choix engagé pour vous et la planète\u003c\/h2\u003e\n \u003cdiv class=\"soi-aloe-grid\"\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🏭 Fabrication responsable\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France dans un bâtiment écologique labellisé, sans émissions de fumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e📦 Emballage écoconçu\u003c\/h3\u003e\n \u003cp\u003eEmballage en carton recyclé, sans plastique, pour réduire votre impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eAloe vera issu du commerce équitable, pour une filière juste et solidaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🌍 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eLa certification Cosmos Organic garantit des méthodes de production responsables et respectueuses de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pour qui est ce savon surgras saponifié à froid ? --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003ePour qui est ce savon surgras saponifié à froid ?\u003c\/h2\u003e\n \u003cp\u003eCe savon est particulièrement recommandé pour les peaux sèches, sensibles ou réactives, mais il convient à tous les types de peau. Il est aussi apprécié des personnes qui souhaitent simplifier leur routine beauté avec un produit unique, sain et efficace, du visage au corps.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-aloe-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-aloe-cta-box\"\u003e\n \u003cp class=\"soi-aloe-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se laver en douceur\u003c\/p\u003e\n \u003cp class=\"soi-aloe-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau un soin lavant d'exception : douceur, nutrition et engagement écoresponsable dans un seul geste, fabriqué artisanalement en Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-aloe-marine: #1A2D3D;\n --soi-aloe-marine-dark: #0F1E2B;\n --soi-aloe-marine-light: #2C4458;\n --soi-aloe-pomme: #A1C544;\n --soi-aloe-pomme-dark: #84A636;\n --soi-aloe-pomme-light: rgba(161,197,68,0.10);\n\n --soi-aloe-white: #FFFFFF;\n --soi-aloe-off-white: #F8FAF6;\n --soi-aloe-stone: #F1F3EE;\n --soi-aloe-line: #E5E8E0;\n\n --soi-aloe-primary: #6B8E4E;\n --soi-aloe-primary-soft: #E8DFC8;\n --soi-aloe-accent: #8FA87A;\n\n --soi-aloe-text: #1A2D3D;\n --soi-aloe-text-soft: #4A5B6B;\n --soi-aloe-text-muted: #7B8693;\n\n --soi-aloe-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-aloe-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-aloe-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-aloe-radius: 12px;\n --soi-aloe-radius-sm: 8px;\n --soi-aloe-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-aloe-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-aloe-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-aloe-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-aloe-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-aloe-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-aloe-hero {\n position: relative;\n background: var(--soi-aloe-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-aloe-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-aloe-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-aloe-pomme);\n}\n\n.soi-aloe-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-aloe-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-aloe-pomme);\n border-radius: 50%;\n}\n\n.soi-aloe-hero-title {\n display: block;\n color: var(--soi-aloe-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-aloe-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-aloe-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-aloe-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-aloe-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-aloe-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-aloe-label-accent {\n background: var(--soi-aloe-pomme);\n border-color: var(--soi-aloe-pomme);\n color: var(--soi-aloe-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-aloe-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-aloe-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-aloe-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-aloe-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-aloe-pomme);\n border-radius: 2px;\n}\n\n.soi-aloe-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-aloe-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-aloe-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-aloe-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-aloe-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-aloe-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-aloe-benefit {\n background: var(--soi-aloe-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-aloe-radius);\n border: 1px solid var(--soi-aloe-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-aloe-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-aloe-shadow-md);\n}\n\n.soi-aloe-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-aloe-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-aloe-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-aloe-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-aloe-benefit:hover .soi-aloe-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-aloe-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-aloe-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-aloe-benefit p {\n font-size: 13px;\n color: var(--soi-aloe-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-aloe-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-aloe-card {\n background: var(--soi-aloe-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-aloe-radius);\n border-left: 3px solid var(--soi-aloe-pomme);\n}\n\n.soi-aloe-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-aloe-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-aloe-card p {\n font-size: 14px;\n color: var(--soi-aloe-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-aloe-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-aloe-card-mini {\n background: var(--soi-aloe-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-aloe-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-aloe-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-aloe-card-mini-label {\n font-size: 11px;\n color: var(--soi-aloe-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-aloe-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-aloe-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-aloe-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-aloe-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-aloe-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-aloe-radius);\n border: 1px solid var(--soi-aloe-line);\n align-items: flex-start;\n}\n\n.soi-aloe-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-aloe-marine);\n color: var(--soi-aloe-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-aloe-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-aloe-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-aloe-step-content p {\n font-size: 14px;\n color: var(--soi-aloe-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-aloe-compo {\n background: var(--soi-aloe-off-white);\n border-radius: var(--soi-aloe-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-aloe-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-aloe-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-aloe-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-aloe-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-aloe-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-aloe-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-aloe-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-aloe-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-aloe-pomme-light);\n border-left: 4px solid var(--soi-aloe-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-aloe-radius) var(--soi-aloe-radius) 0;\n align-items: flex-start;\n}\n\n.soi-aloe-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-aloe-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-aloe-marine);\n margin-bottom: 4px;\n}\n\n.soi-aloe-tip p {\n font-size: 14px;\n color: var(--soi-aloe-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-aloe-cta-box {\n background: var(--soi-aloe-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-aloe-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-aloe-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-aloe-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-aloe-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-aloe-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-aloe-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-aloe-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-aloe-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-aloe-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-aloe-compo-value {\n text-align: left;\n }\n\n .soi-aloe-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-aloe-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-aloe-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-aloe-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-aloe-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-aloe-fiche {\n --soi-aloe-text-soft: #2C3E50;\n --soi-aloe-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Pur'Aloe","offers":[{"title":"Default Title","offer_id":61603430564170,"sku":"PU0095","price":8.06,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-saponifie-a-froid-certifie-bio-20-aloe-vera-packshot_0d997563-e54b-4484-ad5c-d80ca35b8c66.webp?v=1782112220"},{"product_id":"dentifrice-certifie-bio-a-la-menthe-70-aloe-vera","title":"Dentifrice certifié Bio à la menthe 70 % Aloé Vera","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_PU0110_128506a9-c534-4a2c-8777-18cf5d779ae1.jpg?v=1776180779\" alt=\"Photo d'une femme qui se brosse les dents dans le miroir\" 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 dentifrice certifié bio à la menthe de Pur'Aloé est conçu pour \u003cstrong\u003eprotéger et apaiser les gencives sensibles tout en assurant une haleine fraîche. \u003c\/strong\u003eGrâce à sa forte concentration en Aloe Vera natif et à l'huile essentielle de menthe bio, il offre une \u003cstrong\u003eprotection buccale optimale\u003c\/strong\u003e. Idéal pour un usage quotidien, ce dentifrice laisse la \u003cstrong\u003ebouche propre et rafraîchie.\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de ce dentifrice bio\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels et bio :\u003c\/strong\u003e Composé de 99,35% d'ingrédients d'origine naturelle, dont 70,32% issus de l'agriculture biologique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePulpe d’Aloe Vera garantie : \u003c\/strong\u003eFabriqué à partir de pulpe d'Aloe Vera non chauffée et sans poudre d’Aloe Vera, garantissant ainsi la conservation des propriétés naturelles de la plante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans additifs inutiles :\u003c\/strong\u003e Formulé sans eau ajoutée, sans sulfates et sans huile de palme pour une pureté optimale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTube naturel :\u003c\/strong\u003e Le tube, fabriqué uniquement à partir de canne à sucre, est respectueux de l'environnement.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits du dentifrice menthe et aloe vera\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection des gencives :\u003c\/strong\u003e L'Aloe Vera resserre les tissus et protège les gencives fragiles et sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHygiène buccale complète :\u003c\/strong\u003e Nettoie efficacement les dents et rafraîchit l'haleine grâce à l'huile essentielle de menthe bio.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSensation de fraîcheur :\u003c\/strong\u003e Laisse une sensation de fraîcheur durable après chaque brossage.\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\u003eEngagements qualité du dentifrice Pur'Aloé\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication écologique : \u003c\/strong\u003eProduit en France dans des installations certifiées écologiques, utilisant des matériaux biosourcés et sans émissions polluantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertification Cosmos Organic :\u003c\/strong\u003e Assure l'utilisation d'ingrédients biologiques et des méthodes de production respectueuses de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEngagement éthique :\u003c\/strong\u003e Certifié Fair for Life, garantissant des conditions de travail équitables et des pratiques commerciales justes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProduit vegan :\u003c\/strong\u003e Formulé sans ingrédients d'origine animale, respectant les valeurs éthiques et environnementales.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLabel 1% for the Planet :\u003c\/strong\u003e Engagement à reverser 1% des ventes à des causes environnementales.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLe dentifrice Bio de Pur'Aloé est idéal pour ceux qui recherchent une \u003cstrong\u003eprotection buccale naturelle et efficace\u003c\/strong\u003e. Utilisé quotidiennement, il assure une \u003cstrong\u003ehygiène buccale optimale\u003c\/strong\u003e tout en respectant l'environnement. Grâce à ses certifications bio et éthiques, ce dentifrice est un choix respectueux de l'environnement et de votre santé buccale.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Pur'Aloe","offers":[{"title":"Default Title","offer_id":61603431121226,"sku":"PU0110","price":6.65,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pu0110_dentifrice_menthe_aloevera_bio_8d6be441-311d-40cf-bd5e-57f1965e36ce.jpg?v=1778842974"},{"product_id":"shampooing-certifie-bio-70-aloe-vera","title":"Shampooing certifié Bio 70% Aloe Vera","description":"\n\u003cdiv class=\"soi-alsha-fiche\"\u003e\n\n \u003csection class=\"soi-alsha-hero\"\u003e\n \u003cdiv class=\"soi-alsha-hero-tag\"\u003e\n \u003cspan class=\"soi-alsha-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire bio · Pur'Aloé\n \u003c\/div\u003e\n \u003cspan class=\"soi-alsha-hero-title\"\u003eShampooing Concentré Bio à 69 % d'Aloé Vera Natif\u003c\/span\u003e\n \u003cp class=\"soi-alsha-hero-subtitle\"\u003eSans eau ajoutée ni sulfates, une formule rare et concentrée qui hydrate, purifie et revitalise vos cheveux en profondeur grâce à la pulpe brute d'Aloé Vera biologique et équitable.\u003c\/p\u003e\n \u003cdiv class=\"soi-alsha-hero-labels\"\u003e\n \u003cspan class=\"soi-alsha-label soi-alsha-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-label\"\u003eFAIR FOR LIFE\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alsha-section\"\u003e\n \u003ch2\u003eUn shampooing bio à 69 % d'Aloé Vera natif, sans eau ajoutée ni sulfates\u003c\/h2\u003e\n \u003cp\u003eSi vous cherchez un shampooing naturel bio qui prend véritablement soin de vos cheveux sans compromettre votre santé ni l'environnement, le \u003cstrong\u003eShampooing Concentré Pur'Aloé\u003c\/strong\u003e est fait pour vous. Formulé avec \u003cstrong\u003e69 % d'Aloé Vera natif issu de l'agriculture biologique et équitable\u003c\/strong\u003e, il remplace l'eau par la pulpe brute de la plante, non chauffée, afin de préserver l'intégralité de ses actifs naturels. Une approche rare, exigeante, et terriblement efficace.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alsha-section\"\u003e\n \u003ch2\u003ePourquoi choisir un shampooing bio concentré à l'Aloé Vera ?\u003c\/h2\u003e\n \u003cp class=\"soi-alsha-section-intro\"\u003eLa grande majorité des shampooings du marché, même estampillés « naturels », contiennent jusqu'à 80 % d'eau. Ici, \u003cstrong\u003eaucune eau n'est ajoutée\u003c\/strong\u003e : c'est le jus d'Aloé Vera qui constitue la base du produit. Vous obtenez une formule plus concentrée, plus active, et plus respectueuse des cheveux sensibles ou abîmés.\u003c\/p\u003e\n \u003cdiv class=\"soi-alsha-benefits\"\u003e\n \u003cdiv class=\"soi-alsha-benefit\"\u003e\n \u003cdiv class=\"soi-alsha-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation en profondeur\u003c\/h3\u003e\n \u003cp\u003eL'Aloé Vera pénètre la fibre capillaire et la nourrit de l'intérieur, idéal pour les cheveux secs, fragilisés ou colorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-benefit\"\u003e\n \u003cdiv class=\"soi-alsha-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉquilibre du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eIl régule naturellement le pH, limite l'excès de sébum et convient donc aussi aux cheveux à tendance grasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-benefit\"\u003e\n \u003cdiv class=\"soi-alsha-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAction apaisante et assainissante\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés antiseptiques, la plante aide à calmer les irritations et à assainir le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-benefit\"\u003e\n \u003cdiv class=\"soi-alsha-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDouceur et brillance\u003c\/h3\u003e\n \u003cp\u003eCheveux doux, brillants et revitalisés dès les premières utilisations, sans résidu ni alourdissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alsha-section\"\u003e\n \u003ch2\u003eComposition et ingrédients du shampooing bio Pur'Aloé\u003c\/h2\u003e\n \u003cp class=\"soi-alsha-section-intro\"\u003eLa formule est certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, composée à \u003cstrong\u003e97,5 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont 69 % issus de l'agriculture biologique et équitable (certification Fair for Life).\u003c\/p\u003e\n \u003cdiv class=\"soi-alsha-compo\"\u003e\n \u003cdiv class=\"soi-alsha-compo-row\"\u003e\n \u003cspan class=\"soi-alsha-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-compo-value\"\u003eAloe Barbadensis Leaf Juice (69 %)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-compo-row\"\u003e\n \u003cspan class=\"soi-alsha-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-compo-value\"\u003eTensioactifs doux d'origine végétale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-compo-row\"\u003e\n \u003cspan class=\"soi-alsha-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-compo-value\"\u003e97,5 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-compo-row\"\u003e\n \u003cspan class=\"soi-alsha-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-compo-value\"\u003eProvence, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-alsha-card-mini\"\u003e\n \u003cspan class=\"soi-alsha-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-value\"\u003eSulfates SLS\/SLES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-card-mini\"\u003e\n \u003cspan class=\"soi-alsha-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-value\"\u003eEau ajoutée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-card-mini\"\u003e\n \u003cspan class=\"soi-alsha-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-value\"\u003eSilicones ni parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-card-mini\"\u003e\n \u003cspan class=\"soi-alsha-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-value\"\u003eHuile de palme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alsha-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampooing naturel bio ?\u003c\/h2\u003e\n \u003cp class=\"soi-alsha-section-intro\"\u003eSon format concentré change légèrement les habitudes, et c'est une bonne nouvelle pour votre porte-monnaie et la planète.\u003c\/p\u003e\n \u003cdiv class=\"soi-alsha-timeline\"\u003e\n \u003cdiv class=\"soi-alsha-step\"\u003e\n \u003cdiv class=\"soi-alsha-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-step-content\"\u003e\n \u003ch3\u003eAppliquez une petite quantité\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampooing sur cheveux mouillés. Moins qu'un shampooing classique suffit grâce à sa concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-step\"\u003e\n \u003cdiv class=\"soi-alsha-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-step-content\"\u003e\n \u003ch3\u003eMassez et faites mousser\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu pour faire mousser, puis rincez abondamment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-step\"\u003e\n \u003cdiv class=\"soi-alsha-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-step-content\"\u003e\n \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n \u003cp\u003eSelon la longueur et la densité de vos cheveux, un second lavage peut être bénéfique. Convient à un usage quotidien, pour tous types de cheveux, y compris les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-tip\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-alsha-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un résultat optimal, complétez votre routine avec un après-shampooing bio adapté à votre type de cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alsha-section\"\u003e\n \u003ch2\u003eLes engagements qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-alsha-grid\"\u003e\n \u003cdiv class=\"soi-alsha-card\"\u003e\n \u003ch3\u003e🌱 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCette certification garantit des ingrédients biologiques et des procédés de fabrication respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-card\"\u003e\n \u003ch3\u003e🤝 Fair for Life\u003c\/h3\u003e\n \u003cp\u003eDes conditions de travail équitables pour les producteurs d'Aloé Vera à la source, pour une beauté responsable et solidaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en Provence\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France, dans une usine éco-responsable en Provence, avec des matériaux biosourcés et sans émissions polluantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-card\"\u003e\n \u003ch3\u003e🐰 Vegan et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eSans ingrédients d'origine animale et non testé sur les animaux, pour une beauté capillaire en accord avec vos valeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alsha-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alsha-cta-box\"\u003e\n \u003cp class=\"soi-alsha-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se laver naturellement\u003c\/p\u003e\n \u003cp class=\"soi-alsha-cta-text\" style=\"color: white;\"\u003eAvec sa concentration inédite en Aloé Vera natif, son absence totale d'eau et ses doubles certifications bio et éthiques, ce shampooing Pur'Aloé vous offre une expérience lavante douce, efficace et véritablement respectueuse de votre cuir chevelu. Un geste simple, une formule honnête, et des cheveux qui vous remercient dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alsha-marine: #1A2D3D;\n --soi-alsha-marine-dark: #0F1E2B;\n --soi-alsha-marine-light: #2C4458;\n --soi-alsha-pomme: #A1C544;\n --soi-alsha-pomme-dark: #84A636;\n --soi-alsha-pomme-light: rgba(161,197,68,0.10);\n --soi-alsha-white: #FFFFFF;\n --soi-alsha-off-white: #F8FAF6;\n --soi-alsha-stone: #F1F3EE;\n --soi-alsha-line: #E5E8E0;\n --soi-alsha-primary: #5A9A3C;\n --soi-alsha-primary-soft: rgba(90,154,60,0.10);\n --soi-alsha-accent: #D89040;\n --soi-alsha-text: #1A2D3D;\n --soi-alsha-text-soft: #4A5B6B;\n --soi-alsha-text-muted: #7B8693;\n --soi-alsha-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alsha-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alsha-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alsha-radius: 12px;\n --soi-alsha-radius-sm: 8px;\n --soi-alsha-radius-pill: 999px;\n}\n\n.soi-alsha-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alsha-fiche img { max-width: 100%; height: auto; }\n\n.soi-alsha-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alsha-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alsha-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-alsha-hero {\n position: relative;\n background: var(--soi-alsha-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alsha-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alsha-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alsha-pomme);\n}\n\n.soi-alsha-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alsha-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alsha-pomme);\n border-radius: 50%;\n}\n\n.soi-alsha-hero-title {\n display: block;\n color: var(--soi-alsha-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alsha-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alsha-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alsha-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alsha-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alsha-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alsha-label-accent {\n background: var(--soi-alsha-pomme);\n border-color: var(--soi-alsha-pomme);\n color: var(--soi-alsha-marine);\n font-weight: 600;\n}\n\n.soi-alsha-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alsha-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alsha-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alsha-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alsha-pomme);\n border-radius: 2px;\n}\n\n.soi-alsha-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alsha-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alsha-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alsha-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alsha-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-alsha-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alsha-benefit {\n background: var(--soi-alsha-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alsha-radius);\n border: 1px solid var(--soi-alsha-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alsha-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alsha-shadow-md);\n}\n\n.soi-alsha-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alsha-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alsha-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alsha-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alsha-benefit:hover .soi-alsha-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alsha-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alsha-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alsha-benefit p {\n font-size: 13px;\n color: var(--soi-alsha-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alsha-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-alsha-card {\n background: var(--soi-alsha-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alsha-radius);\n border-left: 3px solid var(--soi-alsha-pomme);\n}\n\n.soi-alsha-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alsha-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alsha-card p {\n font-size: 14px;\n color: var(--soi-alsha-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alsha-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-alsha-card-mini {\n background: var(--soi-alsha-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-alsha-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-alsha-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-alsha-card-mini-label {\n font-size: 11px;\n color: var(--soi-alsha-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-alsha-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alsha-marine);\n}\n\n.soi-alsha-compo {\n background: var(--soi-alsha-off-white);\n border-radius: var(--soi-alsha-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-alsha-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alsha-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alsha-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alsha-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alsha-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alsha-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alsha-marine);\n text-align: right;\n}\n\n.soi-alsha-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alsha-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alsha-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alsha-radius);\n border: 1px solid var(--soi-alsha-line);\n align-items: flex-start;\n}\n\n.soi-alsha-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alsha-marine);\n color: var(--soi-alsha-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alsha-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alsha-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alsha-step-content p {\n font-size: 14px;\n color: var(--soi-alsha-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alsha-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alsha-pomme-light);\n border-left: 4px solid var(--soi-alsha-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alsha-radius) var(--soi-alsha-radius) 0;\n align-items: flex-start;\n}\n\n.soi-alsha-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alsha-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alsha-marine);\n margin-bottom: 4px;\n}\n\n.soi-alsha-tip p {\n font-size: 14px;\n color: var(--soi-alsha-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alsha-cta-box {\n background: var(--soi-alsha-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alsha-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alsha-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alsha-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alsha-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alsha-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alsha-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 500;\n color: var(--soi-alsha-white);\n line-height: 1.5;\n margin: 0;\n max-width: 620px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-alsha-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alsha-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alsha-compo-value {\n text-align: left;\n }\n\n .soi-alsha-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-alsha-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-alsha-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-alsha-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-alsha-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alsha-fiche {\n --soi-alsha-text-soft: #2C3E50;\n --soi-alsha-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Pur'Aloe","offers":[{"title":"Default Title","offer_id":61603431383370,"sku":"PU0115","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-certifie-bio-70-aloe-vera-packshot.webp?v=1779440232"},{"product_id":"gratte-langue-reutilisable-bois-et-inox-ayurvana","title":"Gratte-langue réutilisable - Ayurvana","description":"\u003cdiv class=\"soi-grat-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-grat-hero\"\u003e\n \u003cdiv class=\"soi-grat-hero-tag\"\u003e\n \u003cspan class=\"soi-grat-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène buccale · Ayurvana\n \u003c\/div\u003e\n \u003cspan class=\"soi-grat-hero-title\"\u003eGratte-langue réutilisable (bois et inox)\u003c\/span\u003e\n \u003cp class=\"soi-grat-hero-subtitle\"\u003eL'hygiène buccale selon l'Ayurveda : un geste ancestral de 30 secondes pour une haleine fraîche et des saveurs retrouvées, fabriqué à la main en France.\u003c\/p\u003e\n \u003cdiv class=\"soi-grat-hero-labels\"\u003e\n \u003cspan class=\"soi-grat-label soi-grat-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-grat-label\"\u003eAYURVÉDIQUE\u003c\/span\u003e\n \u003cspan class=\"soi-grat-label\"\u003eRÉUTILISABLE À VIE\u003c\/span\u003e\n \u003cspan class=\"soi-grat-label\"\u003eHYPOALLERGÉNIQUE\u003c\/span\u003e\n \u003cspan class=\"soi-grat-label\"\u003eZÉRO DÉCHET\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Introduction --\u003e\n \u003csection class=\"soi-grat-section\"\u003e\n \u003ch2\u003eLe gratte-langue réutilisable Ayurvana : l'hygiène buccale selon l'Ayurveda, fabriquée en France\u003c\/h2\u003e\n \u003cp\u003eChaque matin, une couche blanche ou jaunâtre se forme sur votre langue pendant la nuit. Ce dépôt concentre bactéries, toxines et résidus alimentaires, directement responsables de la \u003cstrong\u003emauvaise haleine\u003c\/strong\u003e et d'un microbiote buccal déséquilibré.\u003c\/p\u003e\n \u003cp\u003eLe \u003cstrong\u003egratte-langue Ayurvana\u003c\/strong\u003e, en bois de charme français et inox médical, est conçu pour éliminer ce dépôt en quelques secondes, là où une brosse à dents ne suffit pas.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi utiliser un gratte-langue --\u003e\n \u003csection class=\"soi-grat-section\"\u003e\n \u003ch2\u003ePourquoi utiliser un gratte-langue ? Ce que la science et l'Ayurveda disent\u003c\/h2\u003e\n \u003cp class=\"soi-grat-section-intro\"\u003eLe grattage de la langue est un geste issu de l'\u003cstrong\u003eAyurveda\u003c\/strong\u003e, la médecine traditionnelle indienne vieille de plus de 5 000 ans. Il est aujourd'hui reconnu par de nombreux dentistes comme un complément efficace au brossage. Voici ce qu'il apporte concrètement :\u003c\/p\u003e\n \u003cdiv class=\"soi-grat-benefits\"\u003e\n \u003cdiv class=\"soi-grat-benefit\"\u003e\n \u003cdiv class=\"soi-grat-benefit-icon\"\u003e\u003cspan\u003e🌬️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRéduit la mauvaise haleine\u003c\/h3\u003e\n \u003cp\u003eÉlimine les composés sulfurés volatils produits par les bactéries anaérobies accumulées sur la langue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-benefit\"\u003e\n \u003cdiv class=\"soi-grat-benefit-icon\"\u003e\u003cspan\u003e👅\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAméliore la perception gustative\u003c\/h3\u003e\n \u003cp\u003eEn dégageant les papilles de leurs résidus, vous retrouvez des saveurs plus nettes et une alimentation plus consciente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-benefit\"\u003e\n \u003cdiv class=\"soi-grat-benefit-icon\"\u003e\u003cspan\u003e🫶\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoutient la digestion\u003c\/h3\u003e\n \u003cp\u003eLa stimulation de la surface linguale active les glandes salivaires, ce qui prépare le système digestif dès le matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-benefit\"\u003e\n \u003cdiv class=\"soi-grat-benefit-icon\"\u003e\u003cspan\u003e🦷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRéduit la charge bactérienne buccale\u003c\/h3\u003e\n \u003cp\u003eStreptococcus mutans et autres bactéries responsables des caries se concentrent aussi sur la langue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-tip\"\u003e\n \u003cdiv class=\"soi-grat-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eRappel important\u003c\/strong\u003e\n \u003cp\u003eCe produit ne remplace pas un suivi dentaire régulier. En cas de problème bucco-dentaire persistant, consultez votre dentiste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Inox médical ou cuivre --\u003e\n \u003csection class=\"soi-grat-section\"\u003e\n \u003ch2\u003eInox médical ou cuivre : quel gratte-langue choisir ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-grat-grid\"\u003e\n \u003cdiv class=\"soi-grat-card\"\u003e\n \u003ch3\u003e🔬 Le choix Ayurvana : l'inox médical\u003c\/h3\u003e\n \u003cp\u003eL'acier inoxydable chirurgical est non poreux, hypoallergénique et certifié sans relargage de métaux lourds. Il offre une surface parfaitement lisse, facile à rincer, sans risque d'oxydation, et convient aux personnes sensibles ou allergiques au cuivre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-card\"\u003e\n \u003ch3\u003e♻️ Réutilisable à vie\u003c\/h3\u003e\n \u003cp\u003eUn outil durable, zéro déchet, et aussi efficace qu'un gratte-langue en cuivre pour éliminer le biofilm lingual. Un investissement unique pour votre hygiène quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Caractéristiques --\u003e\n \u003csection class=\"soi-grat-section\"\u003e\n \u003ch2\u003eCaractéristiques du gratte-langue Ayurvana\u003c\/h2\u003e\n \u003cdiv class=\"soi-grat-compo\"\u003e\n \u003cdiv class=\"soi-grat-compo-row\"\u003e\n \u003cspan class=\"soi-grat-compo-label\"\u003eMatériaux\u003c\/span\u003e\n \u003cspan class=\"soi-grat-compo-value\"\u003eBois de charme français (poignées) et inox médical (arceau racleur)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-compo-row\"\u003e\n \u003cspan class=\"soi-grat-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-grat-compo-value\"\u003eFrance, par un artisan tourneur d'art, savoir-faire unique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-compo-row\"\u003e\n \u003cspan class=\"soi-grat-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-grat-compo-value\"\u003eRéutilisable à vie, zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-compo-row\"\u003e\n \u003cspan class=\"soi-grat-compo-label\"\u003eSécurité\u003c\/span\u003e\n \u003cspan class=\"soi-grat-compo-value\"\u003eHypoallergénique, sans BPA, sans plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-compo-row\"\u003e\n \u003cspan class=\"soi-grat-compo-label\"\u003eEntretien\u003c\/span\u003e\n \u003cspan class=\"soi-grat-compo-value\"\u003eRinçage à l'eau claire après chaque utilisation, séchage à l'air libre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Mode d'emploi --\u003e\n \u003csection class=\"soi-grat-section\"\u003e\n \u003ch2\u003eComment utiliser un gratte-langue ? Mode d'emploi en 4 étapes\u003c\/h2\u003e\n \u003cdiv class=\"soi-grat-timeline\"\u003e\n \u003cdiv class=\"soi-grat-step\"\u003e\n \u003cdiv class=\"soi-grat-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-grat-step-content\"\u003e\n \u003ch3\u003eLe matin, à jeun\u003c\/h3\u003e\n \u003cp\u003eAvant de boire ou de manger, tirez légèrement la langue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-step\"\u003e\n \u003cdiv class=\"soi-grat-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-grat-step-content\"\u003e\n \u003ch3\u003ePositionnez l'arceau\u003c\/h3\u003e\n \u003cp\u003ePlacez l'arceau en inox à la base de la langue, aussi loin que confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-step\"\u003e\n \u003cdiv class=\"soi-grat-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-grat-step-content\"\u003e\n \u003ch3\u003eRaclez doucement\u003c\/h3\u003e\n \u003cp\u003eDe l'arrière vers la pointe, 3 à 5 passages suffisent. Rincez l'outil entre chaque passage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-step\"\u003e\n \u003cdiv class=\"soi-grat-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-grat-step-content\"\u003e\n \u003ch3\u003eRincez et rangez\u003c\/h3\u003e\n \u003cp\u003eRincez le gratte-langue à l'eau claire, séchez-le et rangez-le. Puis brossez vos dents normalement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-tip\"\u003e\n \u003cdiv class=\"soi-grat-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUn geste de \u003cstrong\u003e30 secondes par jour\u003c\/strong\u003e, une haleine transformée dès la première semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Le gratte-langue est-il dangereux ? --\u003e\n \u003csection class=\"soi-grat-section\"\u003e\n \u003ch2\u003eLe gratte-langue est-il dangereux ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-grat-accordion\"\u003e\n \u003cdetails class=\"soi-grat-accordion-item\" open\u003e\n \u003csummary class=\"soi-grat-accordion-header\"\u003e🛡️ Utilisation en toute sécurité\u003c\/summary\u003e\n \u003cdiv class=\"soi-grat-accordion-content\"\u003e\n \u003cp\u003eNon, à condition de l'utiliser avec douceur. Le principal risque est le réflexe nauséeux si vous allez trop loin vers l'arrière de la gorge : commencez par le milieu de la langue et progressez. Un geste appuyé ou trop répété peut irriter la muqueuse : \u003cstrong\u003e3 à 5 passages légers\u003c\/strong\u003e sont suffisants et sans danger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-grat-accordion-item\"\u003e\n \u003csummary class=\"soi-grat-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-grat-accordion-content\"\u003e\n \u003cp\u003eCe produit est déconseillé en cas d'ulcères buccaux ou de plaies actives sur la langue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-grat-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-grat-cta-box\"\u003e\n \u003cp class=\"soi-grat-cta-tag\" style=\"color: white;\"\u003e30 secondes pour un rituel qui change tout\u003c\/p\u003e\n \u003cp class=\"soi-grat-cta-text\" style=\"color: white;\"\u003eRedécouvrez chaque matin le plaisir d'une bouche vraiment propre. Fabriqué à la main en France avec des matériaux nobles, le gratte-langue Ayurvana transforme un geste simple en véritable rituel de bien-être. Une haleine fraîche, des saveurs sublimées, un accessoire pour la vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-grat-marine: #1A2D3D;\n --soi-grat-marine-dark: #0F1E2B;\n --soi-grat-marine-light: #2C4458;\n --soi-grat-pomme: #A1C544;\n --soi-grat-pomme-dark: #84A636;\n --soi-grat-pomme-light: rgba(161,197,68,0.10);\n\n --soi-grat-white: #FFFFFF;\n --soi-grat-off-white: #F8FAF6;\n --soi-grat-stone: #F1F3EE;\n --soi-grat-line: #E5E8E0;\n\n --soi-grat-primary: #C8A96E;\n --soi-grat-primary-soft: rgba(200,169,110,0.12);\n --soi-grat-accent: #B89856;\n\n --soi-grat-text: #1A2D3D;\n --soi-grat-text-soft: #4A5B6B;\n --soi-grat-text-muted: #7B8693;\n\n --soi-grat-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-grat-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-grat-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-grat-radius: 12px;\n --soi-grat-radius-sm: 8px;\n --soi-grat-radius-pill: 999px;\n}\n\n.soi-grat-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-grat-fiche img { max-width: 100%; height: auto; }\n\n.soi-grat-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-grat-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-grat-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-grat-hero {\n position: relative;\n background: var(--soi-grat-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-grat-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-grat-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-grat-pomme);\n}\n\n.soi-grat-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-grat-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-grat-pomme);\n border-radius: 50%;\n}\n\n.soi-grat-hero-title {\n display: block;\n color: var(--soi-grat-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-grat-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-grat-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-grat-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-grat-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-grat-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-grat-label-accent {\n background: var(--soi-grat-pomme);\n border-color: var(--soi-grat-pomme);\n color: var(--soi-grat-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-grat-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-grat-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-grat-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-grat-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-grat-pomme);\n border-radius: 2px;\n}\n\n.soi-grat-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-grat-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-grat-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-grat-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-grat-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-grat-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-grat-benefit {\n background: var(--soi-grat-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-grat-radius);\n border: 1px solid var(--soi-grat-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-grat-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-grat-shadow-md);\n}\n\n.soi-grat-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-grat-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-grat-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-grat-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-grat-benefit:hover .soi-grat-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-grat-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-grat-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-grat-benefit p {\n font-size: 13px;\n color: var(--soi-grat-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-grat-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-grat-card {\n background: var(--soi-grat-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-grat-radius);\n border-left: 3px solid var(--soi-grat-pomme);\n}\n\n.soi-grat-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-grat-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-grat-card p {\n font-size: 14px;\n color: var(--soi-grat-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-grat-compo {\n background: var(--soi-grat-off-white);\n border-radius: var(--soi-grat-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-grat-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-grat-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-grat-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-grat-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-grat-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-grat-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-grat-marine);\n text-align: right;\n}\n\n\/* TIMELINE *\/\n.soi-grat-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-grat-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-grat-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-grat-radius);\n border: 1px solid var(--soi-grat-line);\n align-items: flex-start;\n}\n\n.soi-grat-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-grat-marine);\n color: var(--soi-grat-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-grat-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-grat-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-grat-step-content p {\n font-size: 14px;\n color: var(--soi-grat-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIP *\/\n.soi-grat-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-grat-pomme-light);\n border-left: 4px solid var(--soi-grat-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-grat-radius) var(--soi-grat-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-grat-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-grat-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-grat-marine);\n margin-bottom: 4px;\n}\n\n.soi-grat-tip p {\n font-size: 14px;\n color: var(--soi-grat-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-grat-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-grat-accordion-item {\n background: var(--soi-grat-off-white);\n border-radius: var(--soi-grat-radius-sm);\n border: 1px solid var(--soi-grat-line);\n overflow: hidden;\n}\n\n.soi-grat-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-grat-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-grat-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-grat-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-grat-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-grat-accordion-item[open] .soi-grat-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-grat-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-grat-accordion-content p {\n font-size: 14px;\n color: var(--soi-grat-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-grat-cta-box {\n background: var(--soi-grat-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-grat-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-grat-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-grat-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-grat-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-grat-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-grat-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-grat-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-grat-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-grat-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-grat-compo-value {\n text-align: left;\n }\n\n .soi-grat-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-grat-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-grat-fiche {\n --soi-grat-text-soft: #2C3E50;\n --soi-grat-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603432268106,"sku":"AY0009","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gratte-langue-reutilisable-bois-et-inox-ayurvana-packshot.webp?v=1779901718"},{"product_id":"dentifrice-citron-bio","title":"Dentifrice Citron certifié bio","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eDécouvrez le \u003cstrong\u003eDentifrice Citron Certifié Bio\u003c\/strong\u003e d'Argile \u0026amp; Eau Thermale, une solution unique et naturelle \u003cstrong\u003epour préserver votre hygiène bucco-dentaire \u003c\/strong\u003etout en prenant soin de l'environnement. Ce dentifrice est formulé à partir d'ingrédients d'origine naturelle, soigneusement sélectionnés pour leurs \u003cstrong\u003epropriétés bienfaisantes sur la santé de vos dents et de vos gencives\u003c\/strong\u003e. Grâce à sa composition riche en argile blanche médicinale et en eau thermale de Digne les Bains, il procure une \u003cstrong\u003eprotection efficace contre les caries\u003c\/strong\u003e tout en favorisant une \u003cstrong\u003esensation de fraîcheur agréable\u003c\/strong\u003e grâce à l'extrait d'écorce de citron bio.\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_ET0005_edb539e7-1e76-4ee6-b241-065ccff2a2fd.jpg?v=1776180806\" alt=\"Photo d'un couple qui se lave les dents face au miroir\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et avantages du Dentifrice Citron Certifié Bio d'Argile \u0026amp; Eau Thermale\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eLe \u003cstrong\u003eDentifrice Citron Certifié Bio d'Argile \u0026amp; Eau Thermale\u003c\/strong\u003e présente de nombreux avantages qui en font un soin complet et respectueux pour votre bouche :\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eArgile blanche médicinale\u003c\/strong\u003e : L'argile blanche est au cœur de cette formule. Ses propriétés cicatrisantes, reminéralisantes et purifiantes en font un allié de choix pour le soin buccal. Elle aide à rétablir un pH neutre dans la bouche, réduisant ainsi la prolifération des bactéries responsables des caries. De plus, son pouvoir absorbant contribue à éliminer les matières mortes et les mauvaises odeurs pour une bouche saine et fraîche.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEau thermale de Digne les Bains\u003c\/strong\u003e : Issue des sources thermales réputées pour leurs bienfaits thérapeutiques, l'eau thermale contenue dans ce dentifrice est riche en minéraux et oligo-éléments. Elle joue un rôle clé dans le rétablissement de l'équilibre bucco-dentaire, apaisant les gencives sensibles et prévenant les inflammations grâce à ses propriétés anti-irritantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtraits bio de mélisse et de citron\u003c\/strong\u003e : L'extrait d'écorce de citron apporte une agréable sensation de fraîcheur et renforce l'action antiseptique de la formule, tandis que l'extrait de mélisse certifié bio agit comme un calmant naturel pour les gencives. Ensemble, ces ingrédients d'origine biologique contribuent à une hygiène bucco-dentaire complète, respectueuse de la flore buccale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSel marin non raffiné\u003c\/strong\u003e : En complément, le sel marin non raffiné améliore la reminéralisation de l'émail dentaire, favorisant la résistance naturelle des dents face aux agressions quotidiennes comme la plaque et les acides.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComposition respectueuse\u003c\/strong\u003e : Avec 99,3% d'ingrédients d'origine naturelle et 13,5% issus de l'agriculture biologique, ce dentifrice respecte autant votre santé que l'environnement. Sans agents chimiques agressifs, il constitue une option idéale pour les personnes à la recherche d'un soin doux et efficace.\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\u003eLe \u003cstrong\u003eDentifrice Citron Certifié Bio d'Argile \u0026amp; Eau Thermale\u003c\/strong\u003e protège, apaise et reminéralise ainsi efficacement les dents et les gencives. Respectueux de votre santé et de la planète, il offre une approche durable et naturelle pour une hygiène bucco-dentaire optimale au quotidien.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Argile \u0026 Eau Thermale","offers":[{"title":"Default Title","offer_id":61603436462410,"sku":"ET0005","price":5.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_argile_eau_thermale_et0005_dentifrice-citron.jpg?v=1776160339"},{"product_id":"dentifrice-menthe-bio","title":"Dentifrice Menthe certifié bio","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eDécouvrez le \u003cstrong\u003eDentifrice Menthe certifié bio \u003c\/strong\u003ede la marque Argile \u0026amp; Eau Thermale, une solution naturelle et complète \u003cstrong\u003epour une hygiène bucco-dentaire impeccable\u003c\/strong\u003e. Sa formule innovante combine les \u003cstrong\u003ebienfaits de l'argile blanche médicinale, de l'eau thermale de Digne les Bains et de l'extrait de menthe biologique \u003c\/strong\u003epour offrir un \u003cstrong\u003esoin doux et efficace\u003c\/strong\u003e à vos dents et vos gencives. \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_ET0010_c8500f99-3084-44c4-bb7a-051482457207.jpg?v=1776180806\" alt=\"Femme en train de se laver les dents\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et avantages du Dentifrice Menthe certifié bio d'Argile \u0026amp; Eau Thermale\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule à base d'argile blanche médicinale :\u003c\/strong\u003e L'argile blanche est réputée pour ses multiples vertus en matière d'hygiène bucco-dentaire. Elle aide à rétablir un pH normal dans la bouche, réduisant ainsi la prolifération des caries. Grâce à son pouvoir d'absorption, elle élimine efficacement les mauvaises odeurs tout en absorbant les matières mortes. De plus, elle possède des propriétés cicatrisantes et reminéralisantes, favorisant ainsi la santé des gencives.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEau thermale de Digne les Bains :\u003c\/strong\u003e Riche en minéraux et en oligo-éléments, l'eau thermale utilisée dans ce dentifrice contribue à rétablir l'équilibre bucco-dentaire. Elle a fait ses preuves pour soulager certaines affections et renforce les effets de l'argile pour une action synergique optimale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de menthe certifié bio :\u003c\/strong\u003e Enrichi en extrait de menthe bio, ce dentifrice procure une sensation de fraîcheur intense et durable. La menthe, en plus de son goût agréable, possède des propriétés antibactériennes qui contribuent à assainir la cavité buccale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSel marin non raffiné :\u003c\/strong\u003e Ce dentifrice est également formulé avec du sel marin non raffiné, un ingrédient qui renforce l'action bénéfique sur la santé bucco-dentaire. Le sel marin est reconnu pour ses propriétés reminéralisantes, aidant à fortifier l'émail des dents tout en stimulant les gencives.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de la santé et de l’environnement :\u003c\/strong\u003e Composé de 99,2% d'ingrédients d'origine naturelle et certifié bio avec 13% d'ingrédients issus de l'Agriculture Biologique, ce dentifrice est un choix respectueux pour vous et pour la planète. Il ne contient aucun ingrédient synthétique, ni produit chimique nocif, assurant un soin sans compromis.\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\u003e\u003cstrong\u003eLe Dentifrice Menthe certifié bio d'Argile \u0026amp; Eau Thermale\u003c\/strong\u003e est ainsi un véritable allié pour une hygiène bucco-dentaire naturelle et efficace. Sa composition unique, alliant les bienfaits de l'argile blanche, de l'eau thermale et de la menthe bio, \u003cstrong\u003evous assure une bouche saine, des dents protégées et une fraîcheur longue durée\u003c\/strong\u003e. Avec ce dentifrice, vous optez pour un soin complet, respectueux de votre santé buccale et de l’environnement, tout en profitant des vertus d'ingrédients naturels et bio.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Argile \u0026 Eau Thermale","offers":[{"title":"Default Title","offer_id":61603436822858,"sku":"ET0010","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_argile_eau_thermale_et0010_dentifirce-menthe.jpg?v=1776160351"},{"product_id":"dentifrice-sauge-certifie-bio","title":"Dentifrice Sauge certifié bio","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eDécouvrez une nouvelle manière de prendre soin de votre hygiène bucco-dentaire avec le \u003cstrong\u003eDentifrice à la Sauge certifié bio\u003c\/strong\u003e d'Argile \u0026amp; Eau Thermale. Formulé avec une sélection d'ingrédients \u003cstrong\u003enaturels et biologiques\u003c\/strong\u003e, ce dentifrice \u003cstrong\u003eassocie les bienfaits de l'argile blanche médicinale, de l'eau thermale de Digne les Bains, et de l'extrait de sauge\u003c\/strong\u003e. Chaque brossage devient une expérience unique alliant efficacité, douceur et respect de la santé buccale, tout en contribuant à un mode de vie plus éco-responsable.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_ET0015_40e65642-7695-447c-8e45-29d4fd857f5f.jpg?v=1776180806\" alt=\"Jeune femme se lavant les dents devant son miroir 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\u003eCaractéristiques et avantages du Dentifrice à la Sauge certifié bio d'Argile \u0026amp; Eau Thermale\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eLe Dentifrice à la Sauge certifié bio d'Argile \u0026amp; Eau Thermale se distingue par ses ingrédients soigneusement sélectionnés, qui apportent des bienfaits multiples à votre hygiène bucco-dentaire.\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eArgile blanche médicinale (35%)\u003c\/strong\u003e : L'argile blanche est au cœur de la formule pour ses nombreuses vertus. Elle aide à rétablir un pH normal dans la bouche, ce qui contribue à réduire la prolifération des caries. De plus, son pouvoir absorbant élimine les matières mortes et neutralise les mauvaises odeurs, laissant une bouche plus fraîche. Elle possède également des propriétés cicatrisantes et reminéralisantes qui favorisent la régénération des gencives, offrant une protection supplémentaire contre les irritations et les inflammations.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEau thermale de Digne les Bains (33%)\u003c\/strong\u003e : Reconnue pour ses bienfaits thérapeutiques, l'eau thermale de Digne les Bains aide à rétablir l'équilibre naturel de la bouche grâce à sa richesse en minéraux et oligo-éléments. Elle agit en synergie avec l'argile blanche pour apaiser et protéger la cavité buccale tout en renforçant la barrière naturelle de la bouche contre les agressions extérieures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de sauge certifié bio\u003c\/strong\u003e : Cet ingrédient offre une fraîcheur intense à chaque utilisation, tout en apportant des propriétés antibactériennes naturelles. La sauge est réputée pour son action purifiante et son efficacité à maintenir une haleine fraîche, contribuant ainsi à une sensation de propreté durable après chaque brossage.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSel marin non raffiné\u003c\/strong\u003e : Le sel marin agit en douceur pour nettoyer efficacement les dents tout en respectant l'équilibre de la flore buccale. Il participe à l'élimination des résidus alimentaires sans agresser les gencives, et aide à maintenir la blancheur naturelle des dents.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule naturelle et bio\u003c\/strong\u003e : Composé à 99,3% d'ingrédients d'origine naturelle et à 13% issus de l'agriculture biologique, ce dentifrice reflète l'engagement de la marque Argile \u0026amp; Eau Thermale envers une hygiène bucco-dentaire respectueuse de la santé et de l'environnement. Sa formulation douce, sans produits chimiques agressifs, en fait un choix idéal pour toute la famille, y compris les personnes aux gencives sensibles.\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\u003e\u003cstrong\u003eLe Dentifrice à la Sauge certifié bio d'Argile \u0026amp; Eau Thermale\u003c\/strong\u003e incarne l'équilibre parfait entre efficacité, douceur et respect de l'environnement. Grâce à l'argile blanche, à l'eau thermale de Digne les Bains, et aux extraits naturels de sauge, \u003cstrong\u003ece dentifrice offre une hygiène bucco-dentaire complète et naturelle\u003c\/strong\u003e. Chaque brossage apporte une \u003cstrong\u003esensation de fraîcheur et de propreté durable\u003c\/strong\u003e, tout en protégeant les dents et les gencives de manière respectueuse et durable. Choisissez un soin bucco-dentaire qui prend soin de vous et de la planète, \u003cstrong\u003epour un sourire éclatant de santé\u003c\/strong\u003e.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Argile \u0026 Eau Thermale","offers":[{"title":"Default Title","offer_id":61603438002506,"sku":"ET0015","price":5.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_argile_eau_thermale_et0015_dentifrice-sauge.jpg?v=1776160381"},{"product_id":"shampoing-cheveux-gras-certifie-bio-250ml-argile-eau-thermale","title":"Shampoing cheveux gras bio 250ml - Argile \u0026 Eau Thermale","description":"\n\u003cdiv class=\"soi-ageth-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-ageth-hero\"\u003e\n \u003cdiv class=\"soi-ageth-hero-tag\"\u003e\n \u003cspan class=\"soi-ageth-tag-dot\"\u003e\u003c\/span\u003e\n Shampooing cheveux gras · Ciel d'Azur Labs\n \u003c\/div\u003e\n \u003cspan class=\"soi-ageth-hero-title\"\u003eShampoing cheveux gras certifié bio 250 ml\u003c\/span\u003e\n \u003cp class=\"soi-ageth-hero-subtitle\"\u003eL'alliance de l'argile verte purifiante et de l'eau thermale de Digne-les-Bains pour rééquilibrer votre cuir chevelu en douceur, sans sulfates.\u003c\/p\u003e\n \u003cdiv class=\"soi-ageth-hero-labels\"\u003e\n \u003cspan class=\"soi-ageth-label soi-ageth-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INTRO --\u003e\n \u003csection class=\"soi-ageth-section\"\u003e\n \u003cp class=\"soi-ageth-section-intro\"\u003eVous avez les cheveux qui regraissent vite, un cuir chevelu qui tiraille, et la sensation que votre shampooing habituel ne fait que déplacer le problème ? Ce shampooing certifié bio à l'argile verte a été pensé pour agir à la source, avec une formule sans sulfates enrichie en argile verte purifiante et en eau thermale de Digne-les-Bains, directement issue de Provence.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi ce shampoing est différent des autres ? --\u003e\n \u003csection class=\"soi-ageth-section\"\u003e\n \u003ch2\u003ePourquoi ce shampoing est différent des autres ?\u003c\/h2\u003e\n \u003cp\u003eLa plupart des shampoings pour cheveux gras nettoient bien, mais trop fort. Les sulfates décapent le cuir chevelu, qui réagit en produisant encore plus de sébum. Résultat : vos cheveux regraissent encore plus vite qu'avant. Ce shampooing rompt ce cercle vicieux grâce à une approche douce et rééquilibrante.\u003c\/p\u003e\n \u003cp\u003eL'argile verte absorbe l'excès de sébum et purifie en profondeur, sans agresser. L'eau thermale de Digne-les-Bains, naturellement chargée en minéraux, apaise les irritations et revitalise le cuir chevelu dès la racine. Le tout sans sulfates, pour un nettoyage respectueux de la fibre capillaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les bienfaits concrets pour vos cheveux gras --\u003e\n \u003csection class=\"soi-ageth-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets pour vos cheveux gras\u003c\/h2\u003e\n \u003cdiv class=\"soi-ageth-benefits\"\u003e\n \u003cdiv class=\"soi-ageth-benefit\"\u003e\n \u003cdiv class=\"soi-ageth-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRégulation du sébum\u003c\/h3\u003e\n \u003cp\u003eL'argile verte capte l'excès de gras sans assécher votre cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-benefit\"\u003e\n \u003cdiv class=\"soi-ageth-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCuir chevelu apaisé\u003c\/h3\u003e\n \u003cp\u003eL'eau thermale riche en minéraux réduit les tiraillements et les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-benefit\"\u003e\n \u003cdiv class=\"soi-ageth-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePrévention des pellicules grasses\u003c\/h3\u003e\n \u003cp\u003eL'équilibre du pH est maintenu pour limiter les démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-benefit\"\u003e\n \u003cdiv class=\"soi-ageth-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux légers et brillants\u003c\/h3\u003e\n \u003cp\u003eVotre chevelure retrouve du volume et de la légèreté dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-benefit\"\u003e\n \u003cdiv class=\"soi-ageth-benefit-icon\"\u003e\u003cspan\u003e⏳\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRegraissage retardé\u003c\/h3\u003e\n \u003cp\u003eVos cheveux restent frais plus longtemps entre deux lavages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition et ingrédients --\u003e\n \u003csection class=\"soi-ageth-section\"\u003e\n \u003ch2\u003eComposition et ingrédients\u003c\/h2\u003e\n \u003cp class=\"soi-ageth-section-intro\"\u003eFormulé et fabriqué en France (Provence), ce shampooing est certifié Cosmos Organic par Ecocert. Sa composition repose sur des actifs naturels soigneusement sélectionnés.\u003c\/p\u003e\n \u003cdiv class=\"soi-ageth-grid\"\u003e\n \u003cdiv class=\"soi-ageth-card\"\u003e\n \u003ch3\u003e🪨 Argile verte (Kaolin)\u003c\/h3\u003e\n \u003cp\u003eActif absorbant et purifiant, reconnu pour ses propriétés séborégulatrices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-card\"\u003e\n \u003ch3\u003e🌊 Eau thermale de Digne-les-Bains\u003c\/h3\u003e\n \u003cp\u003eRiche en oligo-éléments, apaisante et reminéralisante pour le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-card\"\u003e\n \u003ch3\u003e🌿 Tensioactifs doux végétaux\u003c\/h3\u003e\n \u003cp\u003eNettoyage efficace d'origine végétale, sans agresser le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-compo\"\u003e\n \u003cdiv class=\"soi-ageth-compo-row\"\u003e\n \u003cspan class=\"soi-ageth-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-compo-row\"\u003e\n \u003cspan class=\"soi-ageth-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-compo-value\"\u003eFabriqué en France, Provence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-compo-row\"\u003e\n \u003cspan class=\"soi-ageth-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-compo-value\"\u003e250 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-compo-row\"\u003e\n \u003cspan class=\"soi-ageth-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-compo-value\"\u003eSans sulfates, sans silicones, sans parabènes, vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser votre shampoing cheveux gras bio ? --\u003e\n \u003csection class=\"soi-ageth-section\"\u003e\n \u003ch2\u003eComment utiliser votre shampoing cheveux gras bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-ageth-timeline\"\u003e\n \u003cdiv class=\"soi-ageth-step\"\u003e\n \u003cdiv class=\"soi-ageth-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-step\"\u003e\n \u003cdiv class=\"soi-ageth-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le cuir chevelu pendant 1 à 2 minutes pour activer les propriétés purifiantes de l'argile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-step\"\u003e\n \u003cdiv class=\"soi-ageth-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Évitez l'eau trop chaude, qui stimule la production de sébum. Renouvelez si besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-tip\"\u003e\n \u003cdiv class=\"soi-ageth-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un résultat optimal, utilisez ce shampooing 2 à 3 fois par semaine. Si vous passez d'un shampooing sulfaté classique, comptez 2 à 3 semaines d'adaptation le temps que votre cuir chevelu retrouve son équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Nos engagements qualité --\u003e\n \u003csection class=\"soi-ageth-section\"\u003e\n \u003ch2\u003eNos engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"soi-ageth-grid-compact\"\u003e\n \u003cdiv class=\"soi-ageth-card-mini\"\u003e\n \u003cspan class=\"soi-ageth-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-card-mini\"\u003e\n \u003cspan class=\"soi-ageth-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-value\"\u003eSans sulfates\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-card-mini\"\u003e\n \u003cspan class=\"soi-ageth-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-value\"\u003eVegan \u0026amp; cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-card-mini\"\u003e\n \u003cspan class=\"soi-ageth-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-value\"\u003eFrance, Provence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-card-mini\"\u003e\n \u003cspan class=\"soi-ageth-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-value\"\u003eRecyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-card-mini\"\u003e\n \u003cspan class=\"soi-ageth-card-mini-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-value\"\u003e250 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Précautions --\u003e\n \u003csection class=\"soi-ageth-section\"\u003e\n \u003cdiv class=\"soi-ageth-accordion\"\u003e\n \u003cdetails class=\"soi-ageth-accordion-item\"\u003e\n \u003csummary class=\"soi-ageth-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-ageth-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne se substitue pas à l'avis d'un dermatologue en cas de problème capillaire persistant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-ageth-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-ageth-cta-box\"\u003e\n \u003cp class=\"soi-ageth-cta-text\" style=\"color: white;\"\u003eOffrez à vos cheveux un rituel purifiant et rééquilibrant, formulé en Provence avec l'argile verte et l'eau thermale de Digne-les-Bains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-ageth-marine: #1A2D3D;\n --soi-ageth-marine-dark: #0F1E2B;\n --soi-ageth-marine-light: #2C4458;\n --soi-ageth-pomme: #A1C544;\n --soi-ageth-pomme-dark: #84A636;\n --soi-ageth-pomme-light: rgba(161,197,68,0.10);\n\n --soi-ageth-white: #FFFFFF;\n --soi-ageth-off-white: #F8FAF6;\n --soi-ageth-stone: #F1F3EE;\n --soi-ageth-line: #E5E8E0;\n\n --soi-ageth-primary: #8CBFAA;\n --soi-ageth-primary-soft: #B5D9CC;\n --soi-ageth-accent: #94C5A8;\n\n --soi-ageth-text: #1A2D3D;\n --soi-ageth-text-soft: #4A5B6B;\n --soi-ageth-text-muted: #7B8693;\n\n --soi-ageth-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-ageth-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-ageth-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-ageth-radius: 12px;\n --soi-ageth-radius-sm: 8px;\n --soi-ageth-radius-pill: 999px;\n}\n\n.soi-ageth-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ageth-fiche img { max-width: 100%; height: auto; }\n\n.soi-ageth-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-ageth-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-ageth-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-ageth-hero {\n position: relative;\n background: var(--soi-ageth-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-ageth-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-ageth-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-ageth-pomme);\n}\n\n.soi-ageth-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-ageth-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-ageth-pomme);\n border-radius: 50%;\n}\n\n.soi-ageth-hero-title {\n display: block;\n color: var(--soi-ageth-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-ageth-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-ageth-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-ageth-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-ageth-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-ageth-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-ageth-label-accent {\n background: var(--soi-ageth-pomme);\n border-color: var(--soi-ageth-pomme);\n color: var(--soi-ageth-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-ageth-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-ageth-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-ageth-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-ageth-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-ageth-pomme);\n border-radius: 2px;\n}\n\n.soi-ageth-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-ageth-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-ageth-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-ageth-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-ageth-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-ageth-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-ageth-benefit {\n background: var(--soi-ageth-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-ageth-radius);\n border: 1px solid var(--soi-ageth-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-ageth-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-ageth-shadow-md);\n}\n\n.soi-ageth-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-ageth-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-ageth-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-ageth-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-ageth-benefit:hover .soi-ageth-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-ageth-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-ageth-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-ageth-benefit p {\n font-size: 13px;\n color: var(--soi-ageth-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-ageth-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-ageth-card {\n background: var(--soi-ageth-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-ageth-radius);\n border-left: 3px solid var(--soi-ageth-pomme);\n}\n\n.soi-ageth-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-ageth-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-ageth-card p {\n font-size: 14px;\n color: var(--soi-ageth-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-ageth-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-ageth-card-mini {\n background: var(--soi-ageth-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-ageth-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-ageth-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-ageth-card-mini-label {\n font-size: 11px;\n color: var(--soi-ageth-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-ageth-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-ageth-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-ageth-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-ageth-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-ageth-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-ageth-radius);\n border: 1px solid var(--soi-ageth-line);\n align-items: flex-start;\n}\n\n.soi-ageth-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-ageth-marine);\n color: var(--soi-ageth-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-ageth-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-ageth-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-ageth-step-content p {\n font-size: 14px;\n color: var(--soi-ageth-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-ageth-compo {\n background: var(--soi-ageth-off-white);\n border-radius: var(--soi-ageth-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-ageth-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-ageth-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-ageth-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-ageth-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-ageth-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-ageth-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-ageth-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-ageth-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-ageth-pomme-light);\n border-left: 4px solid var(--soi-ageth-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-ageth-radius) var(--soi-ageth-radius) 0;\n align-items: flex-start;\n}\n\n.soi-ageth-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-ageth-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-ageth-marine);\n margin-bottom: 4px;\n}\n\n.soi-ageth-tip p {\n font-size: 14px;\n color: var(--soi-ageth-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-ageth-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-ageth-accordion-item {\n background: var(--soi-ageth-off-white);\n border-radius: var(--soi-ageth-radius-sm);\n border: 1px solid var(--soi-ageth-line);\n overflow: hidden;\n}\n\n.soi-ageth-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-ageth-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-ageth-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-ageth-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-ageth-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-ageth-accordion-item[open] .soi-ageth-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-ageth-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-ageth-accordion-content p {\n font-size: 14px;\n color: var(--soi-ageth-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-ageth-cta-box {\n background: var(--soi-ageth-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-ageth-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-ageth-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-ageth-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-ageth-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-ageth-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-ageth-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-ageth-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-ageth-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-ageth-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-ageth-compo-value {\n text-align: left;\n }\n\n .soi-ageth-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-ageth-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-ageth-fiche {\n --soi-ageth-text-soft: #2C3E50;\n --soi-ageth-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Argile \u0026 Eau Thermale","offers":[{"title":"Default Title","offer_id":61603440492874,"sku":"ET0025","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-cheveux-gras-certifie-bio-250ml-argile-eau-thermal-packshot.webp?v=1779454040"},{"product_id":"cure-oreille-reutilisable","title":"Cure-oreille réutilisable","description":"\n\u003cdiv class=\"soi-cure-fiche\"\u003e\n\n \u003csection class=\"soi-cure-hero\"\u003e\n \u003cdiv class=\"soi-cure-hero-tag\"\u003e\n \u003cspan class=\"soi-cure-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-cure-hero-title\"\u003eCure-oreille réutilisable\u003c\/span\u003e\n \u003cp class=\"soi-cure-hero-subtitle\"\u003eUne alternative durable et artisanale aux cotons-tiges : plus sûre pour vos oreilles, plus respectueuse de la planète, et fabriquée en France.\u003c\/p\u003e\n \u003cdiv class=\"soi-cure-hero-labels\"\u003e\n \u003cspan class=\"soi-cure-label soi-cure-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-cure-label\"\u003eMÉDAILLÉ CONCOURS LÉPINE\u003c\/span\u003e\n \u003cspan class=\"soi-cure-label\"\u003eZÉRO DÉCHET\u003c\/span\u003e\n \u003cspan class=\"soi-cure-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003ePourquoi le cure-oreille inox est meilleur que le coton-tige ?\u003c\/h2\u003e\n \u003cp\u003eContrairement aux idées reçues, le cérumen joue un rôle protecteur dans l'oreille. Le problème ne vient pas du cérumen lui-même, mais de son accumulation excessive. Le coton-tige le pousse vers l'intérieur, favorisant la formation de bouchons.\u003c\/p\u003e\n \u003cp\u003eLe cure-oreille en inox médical adopte la logique inverse : sa petite pelle en métal récupère délicatement l'excès de cérumen sans enfoncer quoi que ce soit. Résultat : une hygiène auriculaire plus efficace, sans danger pour le conduit auditif.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003eCe qui distingue vraiment ce cure-oreille\u003c\/h2\u003e\n \u003cdiv class=\"soi-cure-benefits\"\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eManche en bois de Charme français, pelle en inox médical. Un savoir-faire artisanal reconnu, bien loin des produits importés bas de gamme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e🏅\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMédaillé au Concours Lépine\u003c\/h3\u003e\n \u003cp\u003eUne distinction qui récompense l'innovation, la qualité de fabrication et l'utilité réelle du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eZéro déchet, économique à vie\u003c\/h3\u003e\n \u003cp\u003eRéutilisable à l'infini, il remplace des milliers de cotons-tiges jetables. Un seul achat, des économies durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e🧼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHygiène garantie\u003c\/h3\u003e\n \u003cp\u003eUn simple nettoyage à l'eau et au savon après chaque utilisation suffit. L'inox médical ne rouille pas et ne retient pas les bactéries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDouceur d'utilisation\u003c\/h3\u003e\n \u003cp\u003eLe bois de Charme offre une prise en main confortable. Le geste est précis, contrôlé, sans risque d'aller trop loin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003eComment utiliser votre cure-oreille correctement ?\u003c\/h2\u003e\n \u003cp class=\"soi-cure-section-intro\"\u003eLe geste s'apprend en quelques secondes. Voici comment procéder en toute sécurité.\u003c\/p\u003e\n \u003cdiv class=\"soi-cure-timeline\"\u003e\n \u003cdiv class=\"soi-cure-step\"\u003e\n \u003cdiv class=\"soi-cure-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step-content\"\u003e\n \u003ch3\u003eInclinez légèrement la tête\u003c\/h3\u003e\n \u003cp\u003ePenchez la tête sur le côté pour faciliter l'accès au conduit auditif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step\"\u003e\n \u003cdiv class=\"soi-cure-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step-content\"\u003e\n \u003ch3\u003eInsérez doucement la pelle\u003c\/h3\u003e\n \u003cp\u003ePlacez la pelle en inox à l'entrée du conduit, sans forcer ni enfoncer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step\"\u003e\n \u003cdiv class=\"soi-cure-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step-content\"\u003e\n \u003ch3\u003eEffectuez un léger mouvement circulaire\u003c\/h3\u003e\n \u003cp\u003eRécupérez le cérumen en excès par un geste rotatif délicat, sans appuyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step\"\u003e\n \u003cdiv class=\"soi-cure-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step-content\"\u003e\n \u003ch3\u003eRincez le cure-oreille\u003c\/h3\u003e\n \u003cp\u003eNettoyez à l'eau savonneuse après chaque utilisation et laissez sécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-tip\"\u003e\n \u003cdiv class=\"soi-cure-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eRéservez son usage à l'entrée du conduit uniquement. En cas de douleur ou de sensation de bouchon persistant, consultez un médecin ORL. Ce produit ne remplace pas un avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003eCaractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"soi-cure-compo\"\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eMatériaux\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eBois de Charme français et inox médical\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eArtisanale, 100% française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eEntretien\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eLavable à l'eau et au savon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eDurée de vie\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eÀ vie avec un entretien adapté\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eDistinction\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eMédaille du Concours Lépine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eAdultes et adolescents\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le cure-oreille\u003c\/h2\u003e\n \u003cdiv class=\"soi-cure-accordion\"\u003e\n \u003cdetails class=\"soi-cure-accordion-item\"\u003e\n \u003csummary class=\"soi-cure-accordion-header\"\u003e🔬 Le cure-oreille en métal est-il dangereux ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cure-accordion-content\"\u003e\n \u003cp\u003eNon, à condition de l'utiliser correctement, c'est-à-dire à l'entrée du conduit, sans enfoncer. La pelle en inox médical est conçue pour être douce et non traumatisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cure-accordion-item\"\u003e\n \u003csummary class=\"soi-cure-accordion-header\"\u003e🛒 Où trouver un cure-oreille de qualité ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cure-accordion-content\"\u003e\n \u003cp\u003eCe produit est disponible directement sur notre site. Certains cure-oreilles se trouvent en pharmacie, mais peu atteignent le niveau de finition artisanale et la reconnaissance du Concours Lépine de ce modèle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cure-accordion-item\"\u003e\n \u003csummary class=\"soi-cure-accordion-header\"\u003e🌍 Est-ce vraiment écologique ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cure-accordion-content\"\u003e\n \u003cp\u003eUn seul cure-oreille remplace plusieurs milliers de cotons-tiges jetables sur sa durée de vie. L'impact environnemental est bien réel et mesurable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-cure-cta-box\"\u003e\n \u003cp class=\"soi-cure-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans les gestes du quotidien\u003c\/p\u003e\n \u003cp class=\"soi-cure-cta-text\" style=\"color: white;\"\u003eUn geste simple, un outil pensé pour durer toute une vie. Le cure-oreille Laboratoire Code vous offre une hygiène auriculaire quotidienne plus douce, plus sûre et respectueuse de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-cure-marine: #1A2D3D;\n --soi-cure-marine-dark: #0F1E2B;\n --soi-cure-marine-light: #2C4458;\n --soi-cure-pomme: #A1C544;\n --soi-cure-pomme-dark: #84A636;\n --soi-cure-pomme-light: rgba(161,197,68,0.10);\n\n --soi-cure-white: #FFFFFF;\n --soi-cure-off-white: #F8FAF6;\n --soi-cure-stone: #F1F3EE;\n --soi-cure-line: #E5E8E0;\n\n --soi-cure-primary: #6DA8A0;\n --soi-cure-primary-soft: #B5DDD4;\n --soi-cure-accent: #5B9B94;\n\n --soi-cure-text: #1A2D3D;\n --soi-cure-text-soft: #4A5B6B;\n --soi-cure-text-muted: #7B8693;\n\n --soi-cure-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-cure-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-cure-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-cure-radius: 12px;\n --soi-cure-radius-sm: 8px;\n --soi-cure-radius-pill: 999px;\n}\n\n.soi-cure-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cure-fiche img { max-width: 100%; height: auto; }\n\n.soi-cure-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-cure-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-cure-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-cure-hero {\n position: relative;\n background: var(--soi-cure-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-cure-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-cure-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-cure-pomme);\n}\n\n.soi-cure-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-cure-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-cure-pomme);\n border-radius: 50%;\n}\n\n.soi-cure-hero-title {\n display: block;\n color: var(--soi-cure-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-cure-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-cure-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-cure-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-cure-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-cure-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-cure-label-accent {\n background: var(--soi-cure-pomme);\n border-color: var(--soi-cure-pomme);\n color: var(--soi-cure-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-cure-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cure-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-cure-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-cure-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-cure-pomme);\n border-radius: 2px;\n}\n\n.soi-cure-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-cure-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-cure-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-cure-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-cure-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-cure-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-cure-benefit {\n background: var(--soi-cure-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-cure-radius);\n border: 1px solid var(--soi-cure-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cure-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-cure-shadow-md);\n}\n\n.soi-cure-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-cure-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-cure-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-cure-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-cure-benefit:hover .soi-cure-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-cure-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cure-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cure-benefit p {\n font-size: 13px;\n color: var(--soi-cure-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-cure-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-cure-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-cure-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cure-radius);\n border: 1px solid var(--soi-cure-line);\n align-items: flex-start;\n}\n\n.soi-cure-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-cure-marine);\n color: var(--soi-cure-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-cure-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cure-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-cure-step-content p {\n font-size: 14px;\n color: var(--soi-cure-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-cure-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-cure-pomme-light);\n border-left: 4px solid var(--soi-cure-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-cure-radius) var(--soi-cure-radius) 0;\n align-items: flex-start;\n}\n\n.soi-cure-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-cure-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-cure-marine);\n margin-bottom: 4px;\n}\n\n.soi-cure-tip p {\n font-size: 14px;\n color: var(--soi-cure-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-cure-compo {\n background: var(--soi-cure-off-white);\n border-radius: var(--soi-cure-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-cure-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-cure-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-cure-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-cure-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-cure-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-cure-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-cure-marine);\n text-align: right;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-cure-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-cure-accordion-item {\n background: var(--soi-cure-off-white);\n border-radius: var(--soi-cure-radius-sm);\n border: 1px solid var(--soi-cure-line);\n overflow: hidden;\n}\n\n.soi-cure-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-cure-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-cure-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-cure-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-cure-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-cure-accordion-item[open] .soi-cure-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-cure-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-cure-accordion-content p {\n font-size: 14px;\n color: var(--soi-cure-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-cure-cta-box {\n background: var(--soi-cure-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-cure-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-cure-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-cure-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-cure-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-cure-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-cure-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-cure-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-cure-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-cure-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-cure-compo-value {\n text-align: left;\n }\n\n .soi-cure-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-cure-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-cure-fiche {\n --soi-cure-text-soft: #2C3E50;\n --soi-cure-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61603447374154,"sku":"LC1018","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/cure-oreille-reutilisable-packshot.webp?v=1782122227"},{"product_id":"savon-liquide-de-marseille-fleur-doranger-coslys","title":"Savon de Marseille Liquide - Fleur d'Oranger Bio - Coslys","description":"\u003cdiv class=\"soi-flor-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-flor-hero\"\u003e\n \u003cdiv class=\"soi-flor-hero-tag\"\u003e\n \u003cspan class=\"soi-flor-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-flor-hero-title\"\u003eSavon de Marseille liquide à la Fleur d'Oranger\u003c\/span\u003e\n \u003cp class=\"soi-flor-hero-subtitle\"\u003eLa tradition du savon de Marseille revisitée en version bio : une formule végétale à 96,5 % d'origine naturelle, délicatement parfumée à la fleur d'oranger, pour vos mains et votre corps au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-flor-hero-labels\"\u003e\n \u003cspan class=\"soi-flor-label soi-flor-label-accent\"\u003eCOSMÉBIO\u003c\/span\u003e\n \u003cspan class=\"soi-flor-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-flor-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-flor-label\"\u003e96,5 % D'ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-flor-label\"\u003eSAVON D'ORIGINE VÉGÉTALE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Pourquoi choisir un savon de Marseille liquide bio ? --\u003e\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon de Marseille liquide bio ?\u003c\/h2\u003e\n \u003cp\u003eLe savon de Marseille liquide se distingue du savon classique par sa texture fluide, facile à doser, et sa richesse naturelle en glycérine, un humectant qui contribue à préserver le film hydrolipidique de votre peau. Contrairement à certains savons liquides du commerce, chargés en tensioactifs synthétiques, la formule Coslys mise sur des ingrédients végétaux saponifiés, doux même pour les peaux sensibles.\u003c\/p\u003e\n \u003cp\u003eLe parfum fleur d'oranger, léger et enveloppant, transforme chaque lavage en un moment agréable, sans agresser les peaux réactives.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Composition --\u003e\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003eComposition : des actifs végétaux au service de votre peau\u003c\/h2\u003e\n \u003cp class=\"soi-flor-section-intro\"\u003eLa force de ce savon de Marseille liquide repose sur une synergie d'actifs naturels et biologiques, soigneusement sélectionnés pour respecter votre peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-flor-benefits\"\u003e\n \u003cdiv class=\"soi-flor-benefit\"\u003e\n \u003cdiv class=\"soi-flor-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive bio saponifiée\u003c\/h3\u003e\n \u003cp\u003eNourrissante et protectrice, elle laisse la peau douce et confortable après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-benefit\"\u003e\n \u003cdiv class=\"soi-flor-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eJus d'aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaisant et hydratant, il soutient le confort cutané, même après de multiples lavages journaliers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-benefit\"\u003e\n \u003cdiv class=\"soi-flor-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eGlycérine végétale naturelle\u003c\/h3\u003e\n \u003cp\u003eIssue de la saponification, elle attire et retient l'humidité au cœur de l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-benefit\"\u003e\n \u003cdiv class=\"soi-flor-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum fleur d'oranger\u003c\/h3\u003e\n \u003cp\u003eUne fragrance fruitée et délicate, idéale pour bien commencer la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-compo\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdiv class=\"soi-flor-compo-row\"\u003e\n \u003cspan class=\"soi-flor-compo-label\"\u003eCertifications\u003c\/span\u003e\n \u003cspan class=\"soi-flor-compo-value\"\u003eCosmébio (cosmétique bio)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-compo-row\"\u003e\n \u003cspan class=\"soi-flor-compo-label\"\u003eProfil\u003c\/span\u003e\n \u003cspan class=\"soi-flor-compo-value\"\u003eVegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-compo-row\"\u003e\n \u003cspan class=\"soi-flor-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-flor-compo-value\"\u003e96,5 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-compo-row\"\u003e\n \u003cspan class=\"soi-flor-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-flor-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Comment utiliser ce savon liquide de Marseille ? --\u003e\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon liquide de Marseille ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-flor-timeline\"\u003e\n \u003cdiv class=\"soi-flor-step\"\u003e\n \u003cdiv class=\"soi-flor-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-flor-step-content\"\u003e\n \u003ch3\u003ePour les mains\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de savon sur les mains humides, frottez jusqu'à obtenir une mousse généreuse, puis rincez à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-step\"\u003e\n \u003cdiv class=\"soi-flor-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-flor-step-content\"\u003e\n \u003ch3\u003ePour le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez une quantité adaptée sur une éponge ou directement sur la peau mouillée, massez en douceur puis rincez soigneusement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-step\"\u003e\n \u003cdiv class=\"soi-flor-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-flor-step-content\"\u003e\n \u003ch3\u003eAstuce lessive\u003c\/h3\u003e\n \u003cp\u003eCe savon de Marseille liquide peut être utilisé comme base de lessive maison, dilué dans de l'eau chaude avec du bicarbonate ou des cristaux de soude. Comptez environ 100 à 150 ml pour un litre de lessive maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Un engagement éco-responsable concret --\u003e\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003eUn engagement éco-responsable concret\u003c\/h2\u003e\n \u003cdiv class=\"soi-flor-tip\"\u003e\n \u003cdiv class=\"soi-flor-tip-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFlacon éco-conçu\u003c\/strong\u003e\n \u003cp\u003eLe flacon pompe est conçu en plastique recyclé, recyclable et rechargeable, ce qui réduit significativement les déchets plastiques sur le long terme. En optant pour la recharge ou le grand format, vous limitez votre empreinte environnementale sans compromis sur la qualité. Un geste simple, mais qui compte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Pour qui est ce savon de Marseille liquide ? --\u003e\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003ePour qui est ce savon de Marseille liquide ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-flor-grid\"\u003e\n \u003cdiv class=\"soi-flor-card\"\u003e\n \u003ch3\u003e🤲 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un savon doux au quotidien, respectueux des peaux sèches ou délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eUn produit polyvalent mains et corps pour l'ensemble de la maison, enfants inclus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-card\"\u003e\n \u003ch3\u003e🔎 Consommateurs attentifs\u003c\/h3\u003e\n \u003cp\u003eVous êtes sensible aux compositions et aux labels bio, et souhaitez un produit certifié Cosmébio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-card\"\u003e\n \u003ch3\u003e🧺 Adeptes du fait-maison\u003c\/h3\u003e\n \u003cp\u003eVous cherchez une base de qualité pour préparer votre propre lessive au savon de Marseille liquide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Questions fréquentes --\u003e\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003eCe que vous devez savoir avant de l'acheter\u003c\/h2\u003e\n \u003cdiv class=\"soi-flor-accordion\"\u003e\n \u003cdetails class=\"soi-flor-accordion-item\"\u003e\n \u003csummary class=\"soi-flor-accordion-header\"\u003e🧴 Ce savon de Marseille liquide peut-il être utilisé comme lessive ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-flor-accordion-content\"\u003e\n \u003cp\u003eOui. Il est souvent utilisé comme base pour une lessive liquide maison au savon de Marseille, efficace sur les textiles délicats. Comptez environ 100 à 150 ml pour un litre de lessive maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-flor-accordion-item\"\u003e\n \u003csummary class=\"soi-flor-accordion-header\"\u003e👶 Ce savon convient-il aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-flor-accordion-content\"\u003e\n \u003cp\u003eSa formule douce et sa composition à base d'ingrédients naturels le rendent adapté à toute la famille, enfants inclus. En cas de peau atopique ou d'allergie connue, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-flor-accordion-item\"\u003e\n \u003csummary class=\"soi-flor-accordion-header\"\u003e🇫🇷 Où est-il fabriqué ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-flor-accordion-content\"\u003e\n \u003cp\u003eEntièrement fabriqué en France, dans le respect des normes cosmétiques européennes et de la charte Cosmébio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-flor-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-flor-cta-box\"\u003e\n \u003cp class=\"soi-flor-cta-tag\" style=\"color: white;\"\u003eUn flacon, mille usages\u003c\/p\u003e\n \u003cp class=\"soi-flor-cta-text\" style=\"color: white;\"\u003eDoux, naturel et délicatement parfumé à la fleur d'oranger, ce savon liquide de Marseille Coslys s'invite dans votre salle de bain comme un allié du quotidien. Il nettoie, respecte votre peau et l'environnement, sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-flor-marine: #1A2D3D;\n --soi-flor-marine-dark: #0F1E2B;\n --soi-flor-marine-light: #2C4458;\n --soi-flor-pomme: #A1C544;\n --soi-flor-pomme-dark: #84A636;\n --soi-flor-pomme-light: rgba(161,197,68,0.10);\n --soi-flor-white: #FFFFFF;\n --soi-flor-off-white: #F8FAF6;\n --soi-flor-stone: #F1F3EE;\n --soi-flor-line: #E5E8E0;\n --soi-flor-primary: #D4A82A;\n --soi-flor-primary-soft: rgba(212,168,42,0.10);\n --soi-flor-accent: #E8C95A;\n --soi-flor-text: #1A2D3D;\n --soi-flor-text-soft: #4A5B6B;\n --soi-flor-text-muted: #7B8693;\n --soi-flor-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-flor-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-flor-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-flor-radius: 12px;\n --soi-flor-radius-sm: 8px;\n --soi-flor-radius-pill: 999px;\n}\n\n.soi-flor-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-flor-fiche img { max-width: 100%; height: auto; }\n\n.soi-flor-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-flor-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-flor-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-flor-hero {\n position: relative;\n background: var(--soi-flor-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-flor-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-flor-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-flor-pomme);\n}\n\n.soi-flor-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-flor-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-flor-pomme);\n border-radius: 50%;\n}\n\n.soi-flor-hero-title {\n display: block;\n color: var(--soi-flor-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-flor-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-flor-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-flor-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-flor-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-flor-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-flor-label-accent {\n background: var(--soi-flor-pomme);\n border-color: var(--soi-flor-pomme);\n color: var(--soi-flor-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-flor-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-flor-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-flor-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-flor-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-flor-pomme);\n border-radius: 2px;\n}\n\n.soi-flor-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-flor-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-flor-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-flor-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-flor-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-flor-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-flor-benefit {\n background: var(--soi-flor-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-flor-radius);\n border: 1px solid var(--soi-flor-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-flor-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-flor-shadow-md);\n}\n\n.soi-flor-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-flor-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-flor-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-flor-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-flor-benefit:hover .soi-flor-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-flor-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-flor-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-flor-benefit p {\n font-size: 13px;\n color: var(--soi-flor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-flor-compo {\n background: var(--soi-flor-off-white);\n border-radius: var(--soi-flor-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-flor-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-flor-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-flor-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-flor-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-flor-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-flor-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-flor-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-flor-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-flor-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-flor-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-flor-radius);\n border: 1px solid var(--soi-flor-line);\n align-items: flex-start;\n}\n\n.soi-flor-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-flor-marine);\n color: var(--soi-flor-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-flor-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-flor-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-flor-step-content p {\n font-size: 14px;\n color: var(--soi-flor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-flor-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-flor-card {\n background: var(--soi-flor-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-flor-radius);\n border-left: 3px solid var(--soi-flor-pomme);\n}\n\n.soi-flor-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-flor-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-flor-card p {\n font-size: 14px;\n color: var(--soi-flor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-flor-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-flor-pomme-light);\n border-left: 4px solid var(--soi-flor-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-flor-radius) var(--soi-flor-radius) 0;\n align-items: flex-start;\n}\n\n.soi-flor-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-flor-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-flor-marine);\n margin-bottom: 4px;\n}\n\n.soi-flor-tip p {\n font-size: 14px;\n color: var(--soi-flor-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-flor-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-flor-accordion-item {\n background: var(--soi-flor-off-white);\n border-radius: var(--soi-flor-radius-sm);\n border: 1px solid var(--soi-flor-line);\n overflow: hidden;\n}\n\n.soi-flor-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-flor-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-flor-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-flor-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-flor-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-flor-accordion-item[open] .soi-flor-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-flor-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-flor-accordion-content p {\n font-size: 14px;\n color: var(--soi-flor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-flor-cta-box {\n background: var(--soi-flor-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-flor-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-flor-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-flor-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-flor-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-flor-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-flor-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-flor-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-flor-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-flor-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-flor-compo-value {\n text-align: left;\n }\n\n .soi-flor-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-flor-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-flor-fiche {\n --soi-flor-text-soft: #2C3E50;\n --soi-flor-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603498000714,"sku":"CS0020","price":13.74,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-liquide-de-marseille-fleur-doranger-coslys-packshot.webp?v=1779610387"},{"product_id":"savon-liquide-de-marseille-bio-mandarine-coslys","title":"Savon liquide de Marseille Bio Mandarine – Coslys","description":"\u003cdiv class=\"soi-mand-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-mand-hero\"\u003e\n \u003cdiv class=\"soi-mand-hero-tag\"\u003e\n \u003cspan class=\"soi-mand-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-mand-hero-title\"\u003eSavon liquide de Marseille Bio Mandarine\u003c\/span\u003e\n \u003cp class=\"soi-mand-hero-subtitle\"\u003eUn geste quotidien alliant tradition marseillaise, douceur bio et fraîcheur de mandarine, pour vos mains et votre corps.\u003c\/p\u003e\n \u003cdiv class=\"soi-mand-hero-labels\"\u003e\n \u003cspan class=\"soi-mand-label soi-mand-label-accent\"\u003eCOSMÉBIO\u003c\/span\u003e\n \u003cspan class=\"soi-mand-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-mand-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-mand-label\"\u003e96,5 % D'ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-mand-label\"\u003eFLACON 100 % RECYCLÉ\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Introduction --\u003e\n \u003csection class=\"soi-mand-section\"\u003e\n \u003cp class=\"soi-mand-section-intro\"\u003eLe \u003cstrong\u003esavon liquide de Marseille bio Mandarine Coslys\u003c\/strong\u003e est bien plus qu'un simple savon pour les mains. Fabriqué en France selon les traditions ancestrales de saponification, il allie efficacité nettoyante, douceur pour la peau et engagement écologique sincère. Un flacon suffit pour toute la famille, du lavage des mains au soin du corps.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Pourquoi choisir ce savon --\u003e\n \u003csection class=\"soi-mand-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon liquide de Marseille bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-mand-benefits\"\u003e\n \u003cdiv class=\"soi-mand-benefit\"\u003e\n \u003cdiv class=\"soi-mand-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eSa base saponifiée à l'huile d'olive bio nourrit la peau à chaque lavage, sans l'agresser. La glycérine naturellement présente maintient l'hydratation cutanée, même avec une utilisation quotidienne intensive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-benefit\"\u003e\n \u003cdiv class=\"soi-mand-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eReine des prés bio\u003c\/h3\u003e\n \u003cp\u003eL'eau florale de reine des prés bio apporte une note apaisante appréciable, notamment pour les peaux sensibles ou sujettes aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-benefit\"\u003e\n \u003cdiv class=\"soi-mand-benefit-icon\"\u003e\u003cspan\u003e🍊\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMandarine bio\u003c\/h3\u003e\n \u003cp\u003eLa fragrance de mandarine bio offre à chaque geste un instant frais et légèrement ensoleillé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Composition --\u003e\n \u003csection class=\"soi-mand-section\"\u003e\n \u003ch2\u003eComposition du savon de Marseille liquide Coslys\u003c\/h2\u003e\n \u003cp\u003eVoici les ingrédients qui composent ce savon (liste INCI) :\u003c\/p\u003e\n \u003cdiv class=\"soi-mand-compo\"\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003eAqua\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eEau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003ePotassium olivate*\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eHuile d'olive bio saponifiée, base nettoyante douce et nourrissante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003eGlycerin\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eHydratante naturelle, issue de la saponification\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003eFilipendula ulmaria flower water*\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eEau florale de reine des prés bio, apaisante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003eSodium chloride\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eSel marin, texturant naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003eCitrus reticulata peel oil*\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eHuile essentielle de mandarine bio, parfum naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003eLactic acid\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eAjuste le pH pour le respect du film cutané\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003eLimonene, Linalool\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eComposants naturels de l'huile essentielle de mandarine (allergènes)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Comment utiliser --\u003e\n \u003csection class=\"soi-mand-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon de marseille liquide ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-mand-timeline\"\u003e\n \u003cdiv class=\"soi-mand-step\"\u003e\n \u003cdiv class=\"soi-mand-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-mand-step-content\"\u003e\n \u003ch3\u003ePour les mains\u003c\/h3\u003e\n \u003cp\u003eAppuyez une à deux fois sur la pompe, frottez les mains sous l'eau tiède et rincez. La mousse dense nettoie efficacement sans dessécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-step\"\u003e\n \u003cdiv class=\"soi-mand-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-mand-step-content\"\u003e\n \u003ch3\u003ePour le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez directement sur la peau humide ou sur un gant de toilette, massez en mouvements circulaires puis rincez à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-step\"\u003e\n \u003cdiv class=\"soi-mand-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-mand-step-content\"\u003e\n \u003ch3\u003eUsage ménager léger\u003c\/h3\u003e\n \u003cp\u003eCe savon de Marseille liquide peut également servir de base pour une lessive liquide au savon de Marseille maison, dilué dans de l'eau avec quelques cuillères de bicarbonate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Certifications --\u003e\n \u003csection class=\"soi-mand-section\"\u003e\n \u003ch2\u003eCertifications et engagements éco-responsables\u003c\/h2\u003e\n \u003cdiv class=\"soi-mand-grid\"\u003e\n \u003cdiv class=\"soi-mand-card\"\u003e\n \u003ch3\u003e✅ Certifié Cosmébio\u003c\/h3\u003e\n \u003cp\u003eFormulation bio contrôlée et transparente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-card\"\u003e\n \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-card\"\u003e\n \u003ch3\u003e♻️ Flacon 100 % recyclé et recyclable\u003c\/h3\u003e\n \u003cp\u003eConçu pour limiter l'impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-card\"\u003e\n \u003ch3\u003e🔄 Rechargeable\u003c\/h3\u003e\n \u003cp\u003ePensez à opter pour le grand format ou la recharge pour réduire vos déchets plastiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire local, circuit court.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Ce savon convient-il à toute la famille ? --\u003e\n \u003csection class=\"soi-mand-section\"\u003e\n \u003ch2\u003eCe savon convient-il à toute la famille ?\u003c\/h2\u003e\n \u003cp\u003eOui. Sa formulation douce, sans sulfates agressifs ni silicones, convient aux \u003cstrong\u003epeaux sensibles, sèches ou mixtes\u003c\/strong\u003e. Il peut être utilisé par les adultes comme par les enfants dès l'âge de 3 ans.\u003c\/p\u003e\n \u003cdiv class=\"soi-mand-tip\"\u003e\n \u003cdiv class=\"soi-mand-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSi vous êtes allergique aux composants naturels du limonène ou du linalool (présents dans l'huile essentielle de mandarine), consultez la liste INCI avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Questions fréquentes --\u003e\n \u003csection class=\"soi-mand-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le savon liquide de Marseille\u003c\/h2\u003e\n \u003cdiv class=\"soi-mand-accordion\"\u003e\n \u003cdetails class=\"soi-mand-accordion-item\"\u003e\n \u003csummary class=\"soi-mand-accordion-header\"\u003e🧺 Peut-on l'utiliser comme lessive savon de Marseille liquide ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-mand-accordion-content\"\u003e\n \u003cp\u003eEn usage ponctuel sur des taches légères ou en complément d'une lessive maison, oui. Pour un usage machine régulier, préférez un produit spécifiquement formulé pour l'entretien du linge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-mand-accordion-item\"\u003e\n \u003csummary class=\"soi-mand-accordion-header\"\u003e🧼 Quelle est la différence avec un savon de Marseille solide ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-mand-accordion-content\"\u003e\n \u003cp\u003eLa version liquide est plus pratique au quotidien, dosable grâce à la pompe, et moins susceptible de laisser des résidus sur les lavabos. Elle conserve les mêmes vertus nettoyantes et douces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-mand-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-mand-cta-box\"\u003e\n \u003cp class=\"soi-mand-cta-tag\" style=\"color: white;\"\u003eSe laver avec soin, naturellement\u003c\/p\u003e\n \u003cp class=\"soi-mand-cta-text\" style=\"color: white;\"\u003eAvec le savon liquide de Marseille bio Mandarine de Coslys, vous choisissez un geste quotidien respectueux de votre peau et de la planète. Doux, naturel, vraiment efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-mand-marine: #1A2D3D;\n --soi-mand-marine-dark: #0F1E2B;\n --soi-mand-marine-light: #2C4458;\n --soi-mand-pomme: #A1C544;\n --soi-mand-pomme-dark: #84A636;\n --soi-mand-pomme-light: rgba(161,197,68,0.10);\n\n --soi-mand-white: #FFFFFF;\n --soi-mand-off-white: #F8FAF6;\n --soi-mand-stone: #F1F3EE;\n --soi-mand-line: #E5E8E0;\n\n --soi-mand-primary: #E8943A;\n --soi-mand-primary-soft: #FDF3E7;\n --soi-mand-accent: #D4A52A;\n\n --soi-mand-text: #1A2D3D;\n --soi-mand-text-soft: #4A5B6B;\n --soi-mand-text-muted: #7B8693;\n\n --soi-mand-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-mand-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-mand-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-mand-radius: 12px;\n --soi-mand-radius-sm: 8px;\n --soi-mand-radius-pill: 999px;\n}\n\n.soi-mand-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mand-fiche img { max-width: 100%; height: auto; }\n\n.soi-mand-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-mand-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-mand-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-mand-hero {\n position: relative;\n background: var(--soi-mand-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-mand-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-mand-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-mand-primary);\n}\n\n.soi-mand-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-mand-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-mand-primary);\n border-radius: 50%;\n}\n\n.soi-mand-hero-title {\n display: block;\n color: var(--soi-mand-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-mand-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-mand-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-mand-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-mand-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-mand-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-mand-label-accent {\n background: var(--soi-mand-primary);\n border-color: var(--soi-mand-primary);\n color: var(--soi-mand-white);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-mand-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mand-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-mand-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-mand-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-mand-pomme);\n border-radius: 2px;\n}\n\n.soi-mand-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-mand-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-mand-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-mand-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-mand-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-mand-section p em {\n font-size: 13px;\n color: var(--soi-mand-text-muted);\n}\n\n\/* === BENEFITS === *\/\n.soi-mand-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-mand-benefit {\n background: var(--soi-mand-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-mand-radius);\n border: 1px solid var(--soi-mand-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mand-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-mand-shadow-md);\n}\n\n.soi-mand-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-mand-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-mand-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-mand-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-mand-benefit:hover .soi-mand-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-mand-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mand-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mand-benefit p {\n font-size: 13px;\n color: var(--soi-mand-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-mand-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-mand-card {\n background: var(--soi-mand-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mand-radius);\n border-left: 3px solid var(--soi-mand-pomme);\n}\n\n.soi-mand-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mand-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mand-card p {\n font-size: 14px;\n color: var(--soi-mand-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-mand-compo {\n background: var(--soi-mand-off-white);\n border-radius: var(--soi-mand-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-mand-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-mand-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-mand-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-mand-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-mand-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-mand-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-mand-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-mand-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-mand-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-mand-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mand-radius);\n border: 1px solid var(--soi-mand-line);\n align-items: flex-start;\n}\n\n.soi-mand-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-mand-primary);\n color: var(--soi-mand-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-mand-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-mand-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-mand-step-content p {\n font-size: 14px;\n color: var(--soi-mand-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-mand-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-mand-primary-soft);\n border-left: 4px solid var(--soi-mand-primary);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-mand-radius) var(--soi-mand-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-mand-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-mand-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-mand-marine);\n margin-bottom: 4px;\n}\n\n.soi-mand-tip p {\n font-size: 14px;\n color: var(--soi-mand-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-mand-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-mand-accordion-item {\n background: var(--soi-mand-off-white);\n border-radius: var(--soi-mand-radius-sm);\n border: 1px solid var(--soi-mand-line);\n overflow: hidden;\n}\n\n.soi-mand-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-mand-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-mand-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-mand-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-mand-primary);\n transition: transform 0.2s ease;\n}\n\n.soi-mand-accordion-item[open] .soi-mand-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-mand-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-mand-accordion-content p {\n font-size: 14px;\n color: var(--soi-mand-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-mand-cta-box {\n background: var(--soi-mand-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-mand-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-mand-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-mand-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-mand-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-mand-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-mand-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-mand-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-mand-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-mand-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-mand-compo-value {\n text-align: left;\n }\n\n .soi-mand-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-mand-tip {\n flex-direction: column;\n gap: 0.5rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-mand-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-mand-fiche {\n --soi-mand-text-soft: #2C3E50;\n --soi-mand-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603498525002,"sku":"CS0025","price":13.74,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-liquide-de-marseille-bio-mandarine-coslys-packshot.webp?v=1779614256"},{"product_id":"dentifrice-charbon-vegetal-certifie-bio-coslys","title":"Dentifrice Charbon Végétal Certifié Bio – Coslys","description":"\u003cdiv class=\"soi-chvg-fiche\"\u003e\n\n\u003csection class=\"soi-chvg-hero\"\u003e\n\u003cdiv class=\"soi-chvg-hero-tag\"\u003e\n\u003cspan class=\"soi-chvg-tag-dot\"\u003e\u003c\/span\u003e\nHygiène bucco-dentaire · Coslys\n\u003c\/div\u003e\n\u003cspan class=\"soi-chvg-hero-title\"\u003eLe charbon végétal au service de votre sourire\u003c\/span\u003e\n\u003cp class=\"soi-chvg-hero-subtitle\"\u003eUne formule certifiée bio, fabriquée en France, qui allie charbon de pins, aloe vera et prébiotiques pour blanchir et purifier vos dents au quotidien, sans agresser l'émail.\u003c\/p\u003e\n\u003cdiv class=\"soi-chvg-hero-labels\"\u003e\n\u003cspan class=\"soi-chvg-label soi-chvg-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-label\"\u003e99% D'ORIGINE NATURELLE\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-label\"\u003eSANS FLUOR\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-label\"\u003eARÔME NATUREL\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-chvg-section\"\u003e\n\u003ch2\u003eCe que contient vraiment ce dentifrice au charbon\u003c\/h2\u003e\n\u003cp class=\"soi-chvg-section-intro\"\u003eContrairement à de nombreux dentifrices au charbon du marché, celui de Coslys mise sur une synergie d'actifs bio complémentaires, pas uniquement sur le charbon.\u003c\/p\u003e\n\u003cdiv class=\"soi-chvg-benefits\"\u003e\n\u003cdiv class=\"soi-chvg-benefit\"\u003e\n\u003cdiv class=\"soi-chvg-benefit-icon\"\u003e\u003cspan\u003e🌑\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eCharbon de pins français\u003c\/h3\u003e\n\u003cp\u003eUn charbon végétal activé, absorbant, qui capte les impuretés et les résidus de surface pour révéler progressivement des dents plus blanches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-benefit\"\u003e\n\u003cdiv class=\"soi-chvg-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eAloe vera bio\u003c\/h3\u003e\n\u003cp\u003eApaise les gencives et hydrate les muqueuses buccales pour un confort quotidien réel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-benefit\"\u003e\n\u003cdiv class=\"soi-chvg-benefit-icon\"\u003e\u003cspan\u003e🍋\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eHuiles essentielles bio de citron et menthe poivrée\u003c\/h3\u003e\n\u003cp\u003eUne haleine fraîche durablement, avec une action antibactérienne naturelle, sans arôme de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-benefit\"\u003e\n\u003cdiv class=\"soi-chvg-benefit-icon\"\u003e\u003cspan\u003e🦷\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eInuline et fructose (prébiotiques)\u003c\/h3\u003e\n\u003cp\u003eFavorisent un microbiote buccal équilibré, réduisant ainsi les risques de caries et d'inflammation des gencives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-tip\"\u003e\n\u003cdiv class=\"soi-chvg-tip-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003eLa formule est sans fluor, sans dioxyde de titane, sans colorant de synthèse, avec un indice RDA de 69 : un niveau d'abrasivité modéré, compatible avec un usage quotidien sécurisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-chvg-section\"\u003e\n\u003ch2\u003eDentifrice charbon actif : ce qu'en disent les dentistes\u003c\/h2\u003e\n\u003cp\u003eL'avis des dentistes sur le dentifrice au charbon actif est souvent nuancé : le charbon peut être abrasif et certains produits du marché manquent de transparence sur leur RDA. Ici, Coslys affiche clairement un RDA de 69, bien en dessous du seuil de 150 recommandé par l'OMS pour un brossage sûr. Ce chiffre, rarement communiqué par les grandes marques, est pourtant essentiel pour préserver l'émail à long terme.\u003c\/p\u003e\n\u003cp\u003eRésultat : vous profitez de l'action purifiante et blanchissante du dentifrice charbon, sans agression de la dentine ni fragilisation de l'émail.\u003c\/p\u003e\n\u003cdiv class=\"soi-chvg-grid-compact\"\u003e\n\u003cdiv class=\"soi-chvg-card-mini\"\u003e\n\u003cspan class=\"soi-chvg-card-mini-icon\"\u003e📊\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-card-mini-label\"\u003eIndice RDA\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-card-mini-value\"\u003e69\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card-mini\"\u003e\n\u003cspan class=\"soi-chvg-card-mini-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-card-mini-label\"\u003eSeuil OMS\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-card-mini-value\"\u003e150 max\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card-mini\"\u003e\n\u003cspan class=\"soi-chvg-card-mini-icon\"\u003e✅\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-card-mini-label\"\u003eAbrasivité\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-card-mini-value\"\u003eModérée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-chvg-section\"\u003e\n\u003ch2\u003eMode d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"soi-chvg-timeline\"\u003e\n\u003cdiv class=\"soi-chvg-step\"\u003e\n\u003cdiv class=\"soi-chvg-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-step-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eDéposez une noisette de dentifrice sur votre brosse à dents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-step\"\u003e\n\u003cdiv class=\"soi-chvg-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-step-content\"\u003e\n\u003ch3\u003eBrossez\u003c\/h3\u003e\n\u003cp\u003eBrossez pendant 2 minutes minimum, deux fois par jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-step\"\u003e\n\u003cdiv class=\"soi-chvg-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-step-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment : la pâte noire disparaît complètement au rinçage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-step\"\u003e\n\u003cdiv class=\"soi-chvg-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-step-content\"\u003e\n\u003ch3\u003eRésultats visibles\u003c\/h3\u003e\n\u003cp\u003ePour des résultats visibles sur la blancheur, comptez 4 à 6 semaines d'utilisation régulière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-accordion\"\u003e\n\u003cdetails class=\"soi-chvg-accordion-item\"\u003e\n\u003csummary class=\"soi-chvg-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n\u003cdiv class=\"soi-chvg-accordion-content\"\u003e\n\u003cp\u003eConvient aux adultes. Non recommandé chez l'enfant sans avis médical. Ce produit ne remplace pas un suivi dentaire régulier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-chvg-section\"\u003e\n\u003ch2\u003eCertifications et récompenses\u003c\/h2\u003e\n\u003cdiv class=\"soi-chvg-grid\"\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic par Ecocert\u003c\/h3\u003e\n\u003cp\u003eGarantit la naturalité et la traçabilité des ingrédients.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e🏆 Meilleur Produit Bio 2020\u003c\/h3\u003e\n\u003cp\u003eRécompensé pour l'excellence de sa formulation naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e🥇 Trophée Or Innovation Bio Natexpo 2019\u003c\/h3\u003e\n\u003cp\u003eDistingué pour son approche innovante de l'hygiène bucco-dentaire bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eEmballage recyclable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-chvg-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"soi-chvg-compo\"\u003e\n\u003cdiv class=\"soi-chvg-compo-row\"\u003e\n\u003cspan class=\"soi-chvg-compo-label\"\u003eListe INCI\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-compo-value\"\u003eAqua, Sorbitol, Hydrated Silica, Glycerin*, Sodium Lauroyl Sarcosinate, Inulin*, Citrus Limon Peel Oil*, Mentha Piperita Oil*, Aloe Barbadensis Leaf Juice Powder*, Charcoal Powder, Fructose*, Xanthan Gum, Sodium Benzoate, Potassium Sorbate, Citric Acid, Linalool**\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique. ** Composant naturel d'huiles essentielles.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-chvg-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce dentifrice au charbon bio plutôt qu'un autre ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-chvg-grid\"\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e🔍 Transparence totale\u003c\/h3\u003e\n\u003cp\u003eComposition et abrasivité clairement affichées (RDA 69).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e🦠 Prébiotiques inclus\u003c\/h3\u003e\n\u003cp\u003eUn atout rare dans cette catégorie, pour un microbiote buccal équilibré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e🌱 Arôme 100 % naturel\u003c\/h3\u003e\n\u003cp\u003eSans arôme de synthèse ni édulcorant artificiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e✅ Certification indépendante Ecocert\u003c\/h3\u003e\n\u003cp\u003ePas une simple allégation marketing, une garantie vérifiable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-chvg-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-chvg-cta-box\"\u003e\n\u003cp class=\"soi-chvg-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, sourire pleinement\u003c\/p\u003e\n\u003cp class=\"soi-chvg-cta-text\" style=\"color: white;\"\u003ePrenez soin de votre sourire avec une formule qui respecte autant votre santé que la planète. Un geste quotidien simple, pour un sourire que vous assumez pleinement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-chvg-marine: #1A2D3D;\n --soi-chvg-marine-dark: #0F1E2B;\n --soi-chvg-marine-light: #2C4458;\n --soi-chvg-pomme: #A1C544;\n --soi-chvg-pomme-dark: #84A636;\n --soi-chvg-pomme-light: rgba(161,197,68,0.10);\n --soi-chvg-white: #FFFFFF;\n --soi-chvg-off-white: #F8FAF6;\n --soi-chvg-stone: #F1F3EE;\n --soi-chvg-line: #E5E8E0;\n --soi-chvg-primary: #2D2D2D;\n --soi-chvg-primary-soft: #3A3A3A;\n --soi-chvg-accent: #D4C842;\n --soi-chvg-text: #1A2D3D;\n --soi-chvg-text-soft: #4A5B6B;\n --soi-chvg-text-muted: #7B8693;\n --soi-chvg-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-chvg-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-chvg-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-chvg-radius: 12px;\n --soi-chvg-radius-sm: 8px;\n --soi-chvg-radius-pill: 999px;\n}\n\n.soi-chvg-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-chvg-fiche img { max-width: 100%; height: auto; }\n\n.soi-chvg-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-chvg-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-chvg-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-chvg-hero {\n position: relative;\n background: var(--soi-chvg-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-chvg-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-chvg-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-chvg-pomme);\n}\n\n.soi-chvg-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-chvg-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-chvg-pomme);\n border-radius: 50%;\n}\n\n.soi-chvg-hero-title {\n display: block;\n color: var(--soi-chvg-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-chvg-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-chvg-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-chvg-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-chvg-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-chvg-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-chvg-label-accent {\n background: var(--soi-chvg-pomme);\n border-color: var(--soi-chvg-pomme);\n color: var(--soi-chvg-marine);\n font-weight: 600;\n}\n\n.soi-chvg-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-chvg-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-chvg-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-chvg-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-chvg-pomme);\n border-radius: 2px;\n}\n\n.soi-chvg-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-chvg-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-chvg-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-chvg-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-chvg-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-chvg-section p em {\n font-size: clamp(12px, 1.8vw, 13px);\n color: var(--soi-chvg-text-muted);\n}\n\n.soi-chvg-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-chvg-benefit {\n background: var(--soi-chvg-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-chvg-radius);\n border: 1px solid var(--soi-chvg-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-chvg-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-chvg-shadow-md);\n}\n\n.soi-chvg-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-chvg-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-chvg-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-chvg-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-chvg-benefit:hover .soi-chvg-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-chvg-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-chvg-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-chvg-benefit p {\n font-size: 13px;\n color: var(--soi-chvg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-chvg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-chvg-card {\n background: var(--soi-chvg-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-chvg-radius);\n border-left: 3px solid var(--soi-chvg-pomme);\n}\n\n.soi-chvg-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-chvg-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-chvg-card p {\n font-size: 14px;\n color: var(--soi-chvg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-chvg-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-chvg-card-mini {\n background: var(--soi-chvg-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-chvg-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-chvg-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-chvg-card-mini-label {\n font-size: 11px;\n color: var(--soi-chvg-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-chvg-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-chvg-marine);\n}\n\n.soi-chvg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-chvg-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-chvg-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-chvg-radius);\n border: 1px solid var(--soi-chvg-line);\n align-items: flex-start;\n}\n\n.soi-chvg-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-chvg-marine);\n color: var(--soi-chvg-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-chvg-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-chvg-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-chvg-step-content p {\n font-size: 14px;\n color: var(--soi-chvg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-chvg-compo {\n background: var(--soi-chvg-off-white);\n border-radius: var(--soi-chvg-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.soi-chvg-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-chvg-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-chvg-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-chvg-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-chvg-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-chvg-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 400;\n color: var(--soi-chvg-marine);\n text-align: right;\n line-height: 1.6;\n}\n\n.soi-chvg-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-chvg-pomme-light);\n border-left: 4px solid var(--soi-chvg-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-chvg-radius) var(--soi-chvg-radius) 0;\n align-items: flex-start;\n}\n\n.soi-chvg-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-chvg-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-chvg-marine);\n margin-bottom: 4px;\n}\n\n.soi-chvg-tip p {\n font-size: 14px;\n color: var(--soi-chvg-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-chvg-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-chvg-accordion-item {\n background: var(--soi-chvg-off-white);\n border-radius: var(--soi-chvg-radius-sm);\n border: 1px solid var(--soi-chvg-line);\n overflow: hidden;\n}\n\n.soi-chvg-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-chvg-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-chvg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-chvg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-chvg-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-chvg-accordion-item[open] .soi-chvg-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-chvg-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-chvg-accordion-content p {\n font-size: 14px;\n color: var(--soi-chvg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-chvg-cta-box {\n background: var(--soi-chvg-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-chvg-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-chvg-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-chvg-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-chvg-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-chvg-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-chvg-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-chvg-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-chvg-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-chvg-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-chvg-compo-value {\n text-align: left;\n }\n\n .soi-chvg-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-chvg-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-chvg-fiche {\n --soi-chvg-text-soft: #2C3E50;\n --soi-chvg-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603498918218,"sku":"CS0030","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dentifrice-charbon-vegetal-certifie-bio-coslys-packshot.webp?v=1781527029"},{"product_id":"dentifreeze-menthe-certifie-bio-coslys","title":"Denti'freeze Menthe Certifié Bio – Coslys","description":"\u003cdiv class=\"soi-dfrz-fiche\"\u003e\n\n\u003csection class=\"soi-dfrz-hero\"\u003e\n \u003cdiv class=\"soi-dfrz-hero-tag\"\u003e\n \u003cspan class=\"soi-dfrz-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène bucco-dentaire · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-dfrz-hero-title\"\u003eFraîcheur mentholée bio pour toute la famille\u003c\/span\u003e\n \u003cp class=\"soi-dfrz-hero-subtitle\"\u003eUn dentifrice certifié Cosmos Organic, sans sulfate, sans silice et sans fluor, formulé avec des actifs reminéralisants pour protéger vos dents naturellement, dès 7 ans.\u003c\/p\u003e\n \u003cdiv class=\"soi-dfrz-hero-labels\"\u003e\n \u003cspan class=\"soi-dfrz-label soi-dfrz-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-label\"\u003e100% ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-label\"\u003eNON TESTÉ SUR LES ANIMAUX\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-label\"\u003eSANS SULFATE · SANS FLUOR\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dfrz-section\"\u003e\n \u003ch2\u003eUn dentifrice bio menthe pensé pour toute la famille\u003c\/h2\u003e\n \u003cp\u003eLe Denti'freeze Menthe Bio de Coslys se distingue par une formule sans sulfate, sans silice et sans fluor, idéale pour les personnes aux dents ou gencives sensibles. Certifié Cosmos Organic et fabriqué en France, il répond aux exigences des familles qui recherchent un dentifrice bio naturel à la menthe, efficace, sûr et respectueux de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"soi-dfrz-grid-compact\"\u003e\n \u003cdiv class=\"soi-dfrz-card-mini\"\u003e\n \u003cspan class=\"soi-dfrz-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-card-mini\"\u003e\n \u003cspan class=\"soi-dfrz-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-card-mini\"\u003e\n \u003cspan class=\"soi-dfrz-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-value\"\u003eFlacon pompe 350 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-card-mini\"\u003e\n \u003cspan class=\"soi-dfrz-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-label\"\u003eÉco-conception\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-value\"\u003eRechargeable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dfrz-section\"\u003e\n \u003ch2\u003eLes ingrédients clés et leurs bienfaits\u003c\/h2\u003e\n \u003cp\u003eContrairement à de nombreux dentifrices bio à la menthe du marché, Coslys associe trois actifs complémentaires pour une efficacité réelle :\u003c\/p\u003e\n \u003cdiv class=\"soi-dfrz-benefits\"\u003e\n \u003cdiv class=\"soi-dfrz-benefit\"\u003e\n \u003cdiv class=\"soi-dfrz-benefit-icon\"\u003e\u003cspan\u003e🍬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eXylitol\u003c\/h3\u003e\n \u003cp\u003eSucre naturellement présent dans les fruits et légumes, il réduit la croissance des bactéries responsables de la plaque dentaire et contribue à prévenir les caries au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-benefit\"\u003e\n \u003cdiv class=\"soi-dfrz-benefit-icon\"\u003e\u003cspan\u003e🦷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydroxyapatite\u003c\/h3\u003e\n \u003cp\u003eComposant naturel de l'émail, elle renforce et reminéralise vos dents tout en diminuant la sensibilité. Une alternative au fluor particulièrement appréciée des familles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-benefit\"\u003e\n \u003cdiv class=\"soi-dfrz-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile essentielle de menthe bio\u003c\/h3\u003e\n \u003cp\u003eElle procure une fraîcheur intense et durable dès le premier brossage, avec des propriétés antiseptiques douces pour les gencives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dfrz-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cp class=\"soi-dfrz-inci\"\u003eAqua, Glycerin*, Hydrated Silica, Xylitol*, Hydroxyapatite, Sodium Cocoyl Glutamate, Mentha Piperita (Peppermint) Oil*, Mentha Viridis (Spearmint) Leaf Oil*, Cellulose Gum, Sodium Bicarbonate, Citric Acid, Sodium Benzoate, Potassium Sorbate, Limonene**.\u003c\/p\u003e\n \u003cp class=\"soi-dfrz-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique. **Composant naturel des huiles essentielles.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dfrz-section\"\u003e\n \u003ch2\u003eComment utiliser le Denti'freeze Menthe Bio Coslys ?\u003c\/h2\u003e\n \u003cp\u003eL'utilisation est simple et rapide, ce qui en fait un allié idéal pour les familles pressées le matin :\u003c\/p\u003e\n \u003cdiv class=\"soi-dfrz-timeline\"\u003e\n \u003cdiv class=\"soi-dfrz-step\"\u003e\n \u003cdiv class=\"soi-dfrz-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-step-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eAppuyez une fois sur la pompe pour déposer une noisette de dentifrice sur votre brosse à dents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-step\"\u003e\n \u003cdiv class=\"soi-dfrz-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-step-content\"\u003e\n \u003ch3\u003eBrossez\u003c\/h3\u003e\n \u003cp\u003eBrossez vos dents pendant 2 minutes, en insistant sur les gencives et les espaces interdentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-step\"\u003e\n \u003cdiv class=\"soi-dfrz-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-step\"\u003e\n \u003cdiv class=\"soi-dfrz-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-step-content\"\u003e\n \u003ch3\u003eRépétez matin et soir\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, brossez vos dents matin et soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-tip\"\u003e\n \u003cdiv class=\"soi-dfrz-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe dentifrice convient dès 7 ans. Pour les enfants plus jeunes, nous vous recommandons de consulter votre dentiste pour un conseil personnalisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dfrz-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce dentifrice bio menthe plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp\u003eBeaucoup de dentifrices bio à la menthe misent uniquement sur la naturalité de leurs ingrédients. Coslys va plus loin : la combinaison xylitol et hydroxyapatite offre une protection active contre les caries, là où d'autres formules bio se limitent à un simple nettoyage. Ajoutez à cela un flacon pompe grand format économique, pratique et générant moins de plastique à jeter, et vous obtenez un produit pensé autant pour votre santé bucco-dentaire que pour la planète.\u003c\/p\u003e\n \u003cdiv class=\"soi-dfrz-grid\"\u003e\n \u003cdiv class=\"soi-dfrz-card\"\u003e\n \u003ch3\u003e🏆 Prix Innovation de l'Année\u003c\/h3\u003e\n \u003cp\u003eRécompensé dans le domaine des soins bucco-dentaires bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-card\"\u003e\n \u003ch3\u003e⭐ Meilleur Produit Bio 2023\u003c\/h3\u003e\n \u003cp\u003eÉlu par un jury de 100 utilisateurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dfrz-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le Denti'freeze Menthe Coslys\u003c\/h2\u003e\n \u003cdiv class=\"soi-dfrz-accordion\"\u003e\n \u003cdetails class=\"soi-dfrz-accordion-item\"\u003e\n \u003csummary class=\"soi-dfrz-accordion-header\"\u003e🦷 Ce dentifrice bio menthe convient-il aux gencives sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-dfrz-accordion-content\"\u003e\n \u003cp\u003eOui, la formule sans sulfate et sans silice est particulièrement douce pour les gencives irritées ou fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-dfrz-accordion-item\"\u003e\n \u003csummary class=\"soi-dfrz-accordion-header\"\u003e🔬 Peut-on l'utiliser sans fluor en toute sécurité ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-dfrz-accordion-content\"\u003e\n \u003cp\u003eL'hydroxyapatite remplace avantageusement le fluor pour reminéraliser l'émail. Ce n'est pas un médicament et ne remplace pas un suivi dentaire régulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-dfrz-accordion-item\"\u003e\n \u003csummary class=\"soi-dfrz-accordion-header\"\u003e♻️ Le format pompe est-il rechargeable ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-dfrz-accordion-content\"\u003e\n \u003cp\u003eOui, Coslys propose des recharges pour ce flacon, réduisant ainsi les déchets plastiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dfrz-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-dfrz-cta-box\"\u003e\n \u003cp class=\"soi-dfrz-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, sourire après sourire\u003c\/p\u003e\n \u003cp class=\"soi-dfrz-cta-text\" style=\"color: white;\"\u003eOffrez à toute votre famille un brossage efficace, naturel et vraiment agréable. Fraîcheur intense, actifs reminéralisants, zéro compromis sur la sécurité : voilà ce que chaque matin et chaque soir méritent.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-dfrz-marine: #1A2D3D;\n --soi-dfrz-marine-dark: #0F1E2B;\n --soi-dfrz-marine-light: #2C4458;\n --soi-dfrz-pomme: #A1C544;\n --soi-dfrz-pomme-dark: #84A636;\n --soi-dfrz-pomme-light: rgba(161,197,68,0.10);\n\n --soi-dfrz-white: #FFFFFF;\n --soi-dfrz-off-white: #F8FAF6;\n --soi-dfrz-stone: #F1F3EE;\n --soi-dfrz-line: #E5E8E0;\n\n --soi-dfrz-primary: #4CC5D4;\n --soi-dfrz-primary-soft: #D6F1F5;\n --soi-dfrz-accent: #56C4CF;\n\n --soi-dfrz-text: #1A2D3D;\n --soi-dfrz-text-soft: #4A5B6B;\n --soi-dfrz-text-muted: #7B8693;\n\n --soi-dfrz-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-dfrz-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-dfrz-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-dfrz-radius: 12px;\n --soi-dfrz-radius-sm: 8px;\n --soi-dfrz-radius-pill: 999px;\n}\n\n.soi-dfrz-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-dfrz-fiche img { max-width: 100%; height: auto; }\n\n.soi-dfrz-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-dfrz-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-dfrz-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-dfrz-hero {\n position: relative;\n background: var(--soi-dfrz-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-dfrz-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-dfrz-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-dfrz-pomme);\n}\n\n.soi-dfrz-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-dfrz-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-dfrz-pomme);\n border-radius: 50%;\n}\n\n.soi-dfrz-hero-title {\n display: block;\n color: var(--soi-dfrz-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-dfrz-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-dfrz-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-dfrz-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-dfrz-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-dfrz-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-dfrz-label-accent {\n background: var(--soi-dfrz-pomme);\n border-color: var(--soi-dfrz-pomme);\n color: var(--soi-dfrz-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-dfrz-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-dfrz-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-dfrz-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-dfrz-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-dfrz-pomme);\n border-radius: 2px;\n}\n\n.soi-dfrz-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-dfrz-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-dfrz-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-dfrz-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-dfrz-benefit {\n background: var(--soi-dfrz-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-dfrz-radius);\n border: 1px solid var(--soi-dfrz-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-dfrz-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-dfrz-shadow-md);\n}\n\n.soi-dfrz-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-dfrz-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-dfrz-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-dfrz-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-dfrz-benefit:hover .soi-dfrz-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-dfrz-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-dfrz-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-dfrz-benefit p {\n font-size: 13px;\n color: var(--soi-dfrz-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-dfrz-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-dfrz-card {\n background: var(--soi-dfrz-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-dfrz-radius);\n border-left: 3px solid var(--soi-dfrz-pomme);\n}\n\n.soi-dfrz-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-dfrz-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-dfrz-card p {\n font-size: 14px;\n color: var(--soi-dfrz-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-dfrz-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-dfrz-card-mini {\n background: var(--soi-dfrz-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-dfrz-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-dfrz-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-dfrz-card-mini-label {\n font-size: 11px;\n color: var(--soi-dfrz-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-dfrz-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-dfrz-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-dfrz-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-dfrz-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-dfrz-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-dfrz-radius);\n border: 1px solid var(--soi-dfrz-line);\n align-items: flex-start;\n}\n\n.soi-dfrz-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-dfrz-marine);\n color: var(--soi-dfrz-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-dfrz-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-dfrz-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-dfrz-step-content p {\n font-size: 14px;\n color: var(--soi-dfrz-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === INCI === *\/\n.soi-dfrz-inci {\n font-family: 'Inter', sans-serif;\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-dfrz-text-soft);\n background: var(--soi-dfrz-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-dfrz-radius);\n border: 1px solid var(--soi-dfrz-line);\n line-height: 1.8;\n word-break: break-word;\n}\n\n.soi-dfrz-inci-note {\n font-size: 12px;\n color: var(--soi-dfrz-text-muted);\n font-style: italic;\n margin-top: 0.5rem;\n}\n\n\/* === TIP === *\/\n.soi-dfrz-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-dfrz-pomme-light);\n border-left: 4px solid var(--soi-dfrz-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-dfrz-radius) var(--soi-dfrz-radius) 0;\n align-items: flex-start;\n}\n\n.soi-dfrz-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-dfrz-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-dfrz-marine);\n margin-bottom: 4px;\n}\n\n.soi-dfrz-tip p {\n font-size: 14px;\n color: var(--soi-dfrz-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-dfrz-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-dfrz-accordion-item {\n background: var(--soi-dfrz-off-white);\n border-radius: var(--soi-dfrz-radius-sm);\n border: 1px solid var(--soi-dfrz-line);\n overflow: hidden;\n}\n\n.soi-dfrz-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-dfrz-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-dfrz-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-dfrz-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-dfrz-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-dfrz-accordion-item[open] .soi-dfrz-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-dfrz-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-dfrz-accordion-content p {\n font-size: 14px;\n color: var(--soi-dfrz-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-dfrz-cta-box {\n background: var(--soi-dfrz-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-dfrz-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-dfrz-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-dfrz-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-dfrz-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-dfrz-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-dfrz-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-dfrz-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-dfrz-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-dfrz-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-dfrz-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-dfrz-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-dfrz-fiche {\n --soi-dfrz-text-soft: #2C3E50;\n --soi-dfrz-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603499376970,"sku":"CS0035","price":14.57,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0035-dentifreeze_0c26b333-dd55-4c5a-a794-e4596e26881c.jpg?v=1778843032"},{"product_id":"dentifrice-enfant-fraise-certifie-bio-coslys","title":"Dentifrice Enfant Fraise Certifié Bio – Coslys","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLe Dentifrice Enfant Fraise certifié Bio de Coslys\u003c\/strong\u003e est spécialement conçu pour répondre aux besoins spécifiques des \u003cstrong\u003eenfants dès l'âge de 3 ans\u003c\/strong\u003e. Sa formule naturelle, sans fluor, nettoie en douceur tout en protégeant l'émail délicat des jeunes enfants. Ce dentifrice a été rigoureusement testé sous contrôle odontologique pour garantir une sécurité optimale.\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_CS0040_789ae48f-2898-4b4b-8b76-14e47fe7cbd3.jpg?v=1776180876\" alt=\"Photo en macro de fraises disposées sur une nappe vichy\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et bienfaits du Dentifrice Enfant Fraise de Coslys\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients Apaisants:\u003c\/strong\u003e Enrichi en thé vert et camomille, il apaise et prend soin des gencives sensibles des enfants. Ces ingrédients naturels sont connus pour leurs propriétés anti-inflammatoires et apaisantes, offrant un soin doux et efficace.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGoût Agréable:\u003c\/strong\u003e Le goût naturel de fraise rend le brossage des dents agréable et ludique pour les enfants. Cette saveur fruitée encourage les petits à adopter de bonnes habitudes d'hygiène bucco-dentaire dès leur plus jeune âge.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eUn produit naturel de qualité\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifié Cosmos Organic:\u003c\/strong\u003e Garantit des ingrédients de haute qualité et une traçabilité irréprochable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCruelty-Free et Vegan:\u003c\/strong\u003e Aucun test sur les animaux et sans ingrédients d'origine animale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabriqué en France:\u003c\/strong\u003e Assure un produit local, respectant les normes strictes de qualité et de sécurité.\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\u003eAvantages du Dentifrice Enfant Fraise certifié bio Coslys\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule Sans Fluor:\u003c\/strong\u003e Adaptée pour les enfants, évitant les risques liés à l'ingestion de fluor.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDouceur et Protection:\u003c\/strong\u003e Nettoie en douceur tout en protégeant l'émail et les gencives sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGoût Naturel:\u003c\/strong\u003e Un arôme de fraise qui plaît aux enfants, rendant le brossage des dents un moment agréable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eOffrez à vos enfants le meilleur de la nature avec \u003cstrong\u003ele Dentifrice Enfant Fraise Bio de Coslys\u003c\/strong\u003e, pour des dents saines et un sourire éclatant!\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603500032330,"sku":"CS0040","price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0040-dentifrice-enfant-fraise_e489b65d-a69f-4047-b242-e86156751ddb.jpg?v=1778843033"},{"product_id":"dentifrice-enfant-peche-certifie-bio-coslys","title":"Dentifrice Enfant Pêche Certifié Bio – Coslys","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLe Dentifrice Enfant Pêche certifié bio de Coslys\u003c\/strong\u003e est spécialement conçu pour les enfants âgés de 7 à 12 ans, répondant parfaitement à leurs besoins spécifiques en matière d'hygiène bucco-dentaire.\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_CS0045_60d40c0c-31ac-4547-960c-327503146152.jpg?v=1776180876\" alt=\"Photo de pêches positionnées sur une table de jardin\" 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 du Dentifrice Enfant Pêche de Coslys\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule naturelle\u003c\/strong\u003e : Composé d'ingrédients d'origine naturelle, ce dentifrice aide à prévenir efficacement les caries tout en respectant les gencives délicates des enfants.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #333333;\"\u003eSans fluor\u003c\/strong\u003e\u003cspan style=\"color: #333333;\"\u003e : Idéal pour les enfants qui n'ont pas besoin d'apport supplémentaire de fluor, ce qui permet de limiter les risques d'excès de fluor dans l'organisme.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #333333;\"\u003eContrôle odontologique\u003c\/strong\u003e\u003cspan style=\"color: #333333;\"\u003e : Testé sous contrôle odontologique pour garantir son efficacité et sa sécurité, assurant ainsi une protection adaptée aux jeunes dents en développement.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #333333;\"\u003eCertifié Cosmos Organic\u003c\/strong\u003e\u003cspan style=\"color: #333333;\"\u003e : Ce label certifie la qualité biologique des ingrédients et le respect des normes environnementales, offrant une garantie supplémentaire pour les parents soucieux de la santé et de l'environnement.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #333333;\"\u003eCruelty-Free et Vegan\u003c\/strong\u003e\u003cspan style=\"color: #333333;\"\u003e : Aucun test sur les animaux et sans ingrédient d'origine animale, ce qui répond aux attentes des consommateurs éthiques.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #333333;\"\u003eFabriqué en France\u003c\/strong\u003e\u003cspan style=\"color: #333333;\"\u003e : Gage de qualité et de traçabilité irréprochable, soutenant les savoir-faire locaux et réduisant l'empreinte carbone.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003e\u003cspan style=\"text-decoration: underline;\"\u003e\u003cstrong\u003eDes ingrédients Biologiques\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePêche Bio Française\u003c\/strong\u003e : Enrichi en arôme naturel de pêche bio française, il rend le brossage des dents agréable et ludique pour les enfants.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloe Vera Bio\u003c\/strong\u003e : Connu pour ses propriétés apaisantes et hydratantes, il contribue à maintenir des gencives saines en offrant une sensation de fraîcheur durable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eXylitol d'origine naturelle\u003c\/strong\u003e : Protège les dents contre les caries en neutralisant les acides produits par les bactéries buccales, aidant ainsi à prévenir les problèmes de plaque dentaire.\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\u003eAvantages et bienfaits du Dentifrice Enfant Pêche Coslys\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHygiène optimale\u003c\/strong\u003e : Offre une protection complète pour une hygiène bucco-dentaire optimale, assurant des dents et des gencives saines à long terme.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdoption des bonnes habitudes\u003c\/strong\u003e : Son goût agréable de pêche encourage les enfants à adopter et maintenir de bonnes habitudes de brossage, rendant cette routine quotidienne plus agréable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection naturelle\u003c\/strong\u003e : La combinaison d'aloe vera et de xylitol assure une protection naturelle contre les caries et les inflammations, tout en étant douce pour les gencives.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eEn choisissant \u003cstrong\u003ele Dentifrice Enfant Pêche certifié bio de Coslys\u003c\/strong\u003e, vous faites le choix d'une \u003cstrong\u003ehygiène bucco-dentaire naturelle\u003c\/strong\u003e, efficace et agréable pour vos enfants. Sa formulation douce et respectueuse, enrichie en ingrédients biologiques, garantit une protection optimale tout en inculquant de bonnes habitudes de brossage. \u003cstrong\u003eCertifié Cosmos Organic, cruelty-free et vegan\u003c\/strong\u003e, ce dentifrice est le reflet d'un engagement pour la santé de vos enfants et le respect de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603500360010,"sku":"CS0045","price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0045-dentifrice-enfant-peche_8cc78858-72ae-43b0-8660-31ee0a99ab6c.jpg?v=1778843032"},{"product_id":"gel-douche-protecteur-olive-certifie-bio-coslys","title":"Gel douche protecteur Olive certifié bio – Coslys","description":"\n\u003cdiv class=\"soi-oliv-fiche\"\u003e\n\n \u003csection class=\"soi-oliv-hero\"\u003e\n \u003cdiv class=\"soi-oliv-hero-tag\"\u003e\n \u003cspan class=\"soi-oliv-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène corporelle · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-oliv-hero-title\"\u003eLa douceur protectrice de l'olivier\u003c\/span\u003e\n \u003cp class=\"soi-oliv-hero-subtitle\"\u003eUn gel douche sans savon, certifié bio, qui nettoie en douceur tout en nourrissant votre peau grâce à l'huile d'olive et à la reine des prés biologiques.\u003c\/p\u003e\n \u003cdiv class=\"soi-oliv-hero-labels\"\u003e\n \u003cspan class=\"soi-oliv-label soi-oliv-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-label\"\u003eSANS SAVON\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-oliv-section\"\u003e\n \u003ch2\u003ePourquoi choisir un gel douche à l'huile d'olive bio ?\u003c\/h2\u003e\n \u003cp\u003eL'huile d'olive est l'un des actifs naturels les plus anciens et les plus reconnus pour le soin de la peau. Riche en acides gras et en antioxydants, elle aide à nourrir la barrière cutanée, à maintenir l'hydratation naturelle et à laisser la peau douce sans résidu gras. Associée à la reine des prés bio, connue pour ses propriétés apaisantes, cette formule vous offre un soin complet dès la douche.\u003c\/p\u003e\n \u003cp\u003eContrairement à un savon classique qui peut déséquilibrer le film hydrolipidique, ce gel sans savon respecte l'équilibre naturel de votre peau. Résultat : aucune sensation de tiraillement, même après une douche chaude.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-oliv-section\"\u003e\n \u003ch2\u003eCe que vous apporte vraiment ce gel douche Coslys\u003c\/h2\u003e\n \u003cdiv class=\"soi-oliv-benefits\"\u003e\n \u003cdiv class=\"soi-oliv-benefit\"\u003e\n \u003cdiv class=\"soi-oliv-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage en douceur\u003c\/h3\u003e\n \u003cp\u003eSa mousse fine et légère élimine efficacement les impuretés sans agresser la peau, idéale pour un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-benefit\"\u003e\n \u003cdiv class=\"soi-oliv-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection et nutrition\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive bio renforce la barrière cutanée et prévient le dessèchement de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-benefit\"\u003e\n \u003cdiv class=\"soi-oliv-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eFormulé pour tous types de peaux, y compris les peaux sensibles : un seul flacon pour tout le foyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-benefit\"\u003e\n \u003cdiv class=\"soi-oliv-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum frais et naturel\u003c\/h3\u003e\n \u003cp\u003eUne fragrance pétillante qui accompagne agréablement votre rituel de douche quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-grid\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-oliv-card\"\u003e\n \u003ch3\u003e♻️ Flacon éco-responsable\u003c\/h3\u003e\n \u003cp\u003e1 litre en plastique 100 % recyclé, recyclable et rechargeable pour limiter votre impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eDéveloppé et conditionné à Somloire, en Anjou, dans le laboratoire Coslys.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-card\"\u003e\n \u003ch3\u003e✅ Certifié et engagé\u003c\/h3\u003e\n \u003cp\u003eCertifié Cosmos Organic, vegan et cruelty-free : sans ingrédients d'origine animale, sans tests sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-oliv-section\"\u003e\n \u003ch2\u003eComposition : 97,5 % d'ingrédients d'origine naturelle\u003c\/h2\u003e\n \u003cp class=\"soi-oliv-section-intro\"\u003eCe gel douche bio affiche une transparence totale sur sa formule. Voici les ingrédients clés qui composent ce soin.\u003c\/p\u003e\n \u003cdiv class=\"soi-oliv-compo\"\u003e\n \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n \u003cspan class=\"soi-oliv-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-compo-value\"\u003eHuile d'olive bio (Olea Europaea Fruit Oil)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n \u003cspan class=\"soi-oliv-compo-label\"\u003eActif apaisant\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-compo-value\"\u003eExtrait de reine des prés bio (Filipendula Ulmaria)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n \u003cspan class=\"soi-oliv-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-compo-value\"\u003eTensioactifs d'origine végétale, sans sulfates agressifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n \u003cspan class=\"soi-oliv-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-compo-value\"\u003e97,5 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n \u003cspan class=\"soi-oliv-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-compo-value\"\u003e0 % savon, paraben, silicone, colorant de synthèse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-oliv-tip-icon\"\u003e📋\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eTransparence totale\u003c\/strong\u003e\n \u003cp\u003eLa liste complète des ingrédients (INCI) est disponible sur l'emballage du produit, conformément aux exigences de la certification Cosmos Organic.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-oliv-section\"\u003e\n \u003ch2\u003eComment utiliser ce gel douche à l'huile d'olive ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-oliv-timeline\"\u003e\n \u003cdiv class=\"soi-oliv-step\"\u003e\n \u003cdiv class=\"soi-oliv-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-step-content\"\u003e\n \u003ch3\u003eDosez avec la pompe\u003c\/h3\u003e\n \u003cp\u003eAppuyez sur le distributeur pompe pour déposer une noisette de gel dans votre main ou sur un gant de toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-step\"\u003e\n \u003cdiv class=\"soi-oliv-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur l'ensemble du corps en massages circulaires doux. Le gel convient également pour les enfants, sous surveillance adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-step\"\u003e\n \u003cdiv class=\"soi-oliv-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau. La peau reste douce, souple et légèrement parfumée, sans résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-oliv-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur ce gel douche bio olive\u003c\/h2\u003e\n \u003cdiv class=\"soi-oliv-accordion\"\u003e\n \u003cdetails class=\"soi-oliv-accordion-item\"\u003e\n \u003csummary class=\"soi-oliv-accordion-header\"\u003e🧴 Ce gel douche convient-il aux peaux sèches ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-oliv-accordion-content\"\u003e\n \u003cp\u003eOui, grâce à l'huile d'olive bio qui nourrit et protège la peau, il est particulièrement adapté aux peaux sèches ou inconfortables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-oliv-accordion-item\"\u003e\n \u003csummary class=\"soi-oliv-accordion-header\"\u003e👶 Peut-on l'utiliser comme gel douche pour bébé ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-oliv-accordion-content\"\u003e\n \u003cp\u003eSa formule douce sans savon et sans tensioactifs sulfatés est compatible avec les peaux fragiles. Cependant, pour les tout-petits, consultez l'avis d'un professionnel de santé avant usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-oliv-accordion-item\"\u003e\n \u003csummary class=\"soi-oliv-accordion-header\"\u003e📦 Le grand format 1 litre est-il pratique ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-oliv-accordion-content\"\u003e\n \u003cp\u003eAbsolument : le flacon pompe facilite le dosage et limite le gaspillage. Il est aussi rechargeable pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-oliv-accordion-item\"\u003e\n \u003csummary class=\"soi-oliv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-oliv-accordion-content\"\u003e\n \u003cp\u003eCe produit est un cosmétique. Il ne se substitue à aucun traitement médical. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-oliv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-oliv-cta-box\"\u003e\n \u003cp class=\"soi-oliv-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se laver en douceur\u003c\/p\u003e\n \u003cp class=\"soi-oliv-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau un nettoyage respectueux et nourrissant, chaque jour. Ce gel douche bio Coslys à l'huile d'olive, fabriqué en France et certifié Cosmos Organic, est bien plus qu'un simple nettoyant : c'est un moment de douceur quotidien pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-oliv-marine: #1A2D3D;\n --soi-oliv-marine-dark: #0F1E2B;\n --soi-oliv-marine-light: #2C4458;\n --soi-oliv-pomme: #A1C544;\n --soi-oliv-pomme-dark: #84A636;\n --soi-oliv-pomme-light: rgba(161,197,68,0.10);\n --soi-oliv-white: #FFFFFF;\n --soi-oliv-off-white: #F8FAF6;\n --soi-oliv-stone: #F1F3EE;\n --soi-oliv-line: #E5E8E0;\n --soi-oliv-primary: #7A9A5A;\n --soi-oliv-primary-soft: #E8F0DC;\n --soi-oliv-accent: #A8B5D4;\n --soi-oliv-text: #1A2D3D;\n --soi-oliv-text-soft: #4A5B6B;\n --soi-oliv-text-muted: #7B8693;\n --soi-oliv-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-oliv-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-oliv-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-oliv-radius: 12px;\n --soi-oliv-radius-sm: 8px;\n --soi-oliv-radius-pill: 999px;\n}\n\n.soi-oliv-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-oliv-fiche img { max-width: 100%; height: auto; }\n\n.soi-oliv-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-oliv-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-oliv-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-oliv-hero {\n position: relative;\n background: var(--soi-oliv-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-oliv-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-oliv-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-oliv-pomme);\n}\n\n.soi-oliv-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-oliv-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-oliv-pomme);\n border-radius: 50%;\n}\n\n.soi-oliv-hero-title {\n display: block;\n color: var(--soi-oliv-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-oliv-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-oliv-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-oliv-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-oliv-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-oliv-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-oliv-label-accent {\n background: var(--soi-oliv-pomme);\n border-color: var(--soi-oliv-pomme);\n color: var(--soi-oliv-marine);\n font-weight: 600;\n}\n\n.soi-oliv-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-oliv-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-oliv-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-oliv-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-oliv-pomme);\n border-radius: 2px;\n}\n\n.soi-oliv-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-oliv-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-oliv-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-oliv-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-oliv-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-oliv-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-oliv-benefit {\n background: var(--soi-oliv-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-oliv-radius);\n border: 1px solid var(--soi-oliv-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-oliv-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-oliv-shadow-md);\n}\n\n.soi-oliv-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-oliv-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-oliv-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-oliv-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-oliv-benefit:hover .soi-oliv-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-oliv-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-oliv-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-oliv-benefit p {\n font-size: 13px;\n color: var(--soi-oliv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-oliv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-oliv-card {\n background: var(--soi-oliv-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-oliv-radius);\n border-left: 3px solid var(--soi-oliv-pomme);\n}\n\n.soi-oliv-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-oliv-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-oliv-card p {\n font-size: 14px;\n color: var(--soi-oliv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-oliv-compo {\n background: var(--soi-oliv-off-white);\n border-radius: var(--soi-oliv-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-oliv-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-oliv-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-oliv-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-oliv-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-oliv-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-oliv-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-oliv-marine);\n text-align: right;\n}\n\n.soi-oliv-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-oliv-pomme-light);\n border-left: 4px solid var(--soi-oliv-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-oliv-radius) var(--soi-oliv-radius) 0;\n align-items: flex-start;\n}\n\n.soi-oliv-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-oliv-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-oliv-marine);\n margin-bottom: 4px;\n}\n\n.soi-oliv-tip p {\n font-size: 14px;\n color: var(--soi-oliv-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-oliv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-oliv-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-oliv-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-oliv-radius);\n border: 1px solid var(--soi-oliv-line);\n align-items: flex-start;\n}\n\n.soi-oliv-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-oliv-marine);\n color: var(--soi-oliv-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-oliv-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-oliv-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-oliv-step-content p {\n font-size: 14px;\n color: var(--soi-oliv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-oliv-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-oliv-accordion-item {\n background: var(--soi-oliv-off-white);\n border-radius: var(--soi-oliv-radius-sm);\n border: 1px solid var(--soi-oliv-line);\n overflow: hidden;\n}\n\n.soi-oliv-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-oliv-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-oliv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-oliv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-oliv-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-oliv-accordion-item[open] .soi-oliv-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-oliv-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-oliv-accordion-content p {\n font-size: 14px;\n color: var(--soi-oliv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-oliv-cta-box {\n background: var(--soi-oliv-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-oliv-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-oliv-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-oliv-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-oliv-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-oliv-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-oliv-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-oliv-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-oliv-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-oliv-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-oliv-compo-value {\n text-align: left;\n }\n\n .soi-oliv-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-oliv-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-oliv-fiche {\n --soi-oliv-text-soft: #2C3E50;\n --soi-oliv-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603507241290,"sku":"CS0065","price":16.15,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0065-gel-douche-protecteur-olive_e46ed58e-3772-45ec-b141-35eff45ac0c5.jpg?v=1778843053"},{"product_id":"gel-douche-verveine-citron-certifie-bio-coslys","title":"Gel douche Verveine Citron certifié bio – Coslys","description":"\n\u003cdiv class=\"soi-gdvc-fiche\"\u003e\n\n \u003csection class=\"soi-gdvc-hero\"\u003e\n \u003cdiv class=\"soi-gdvc-hero-tag\"\u003e\n \u003cspan class=\"soi-gdvc-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène corps · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-gdvc-hero-title\"\u003eLe réveil sensoriel à la verveine et au citron\u003c\/span\u003e\n \u003cp class=\"soi-gdvc-hero-subtitle\"\u003eUn gel douche bio certifié Cosmos Organic, formulé à 97,5 % d'ingrédients d'origine naturelle, pour transformer chaque douche en un élan de fraîcheur vivifiante.\u003c\/p\u003e\n \u003cdiv class=\"soi-gdvc-hero-labels\"\u003e\n \u003cspan class=\"soi-gdvc-label soi-gdvc-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eSANS SAVON\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eGel douche bio Verveine \u0026amp; Citron : la douche qui réveille vraiment\u003c\/h2\u003e\n \u003cp\u003eVous connaissez ces matins où le corps a du mal à démarrer ? Ce gel douche bio Verveine Citron de Coslys est précisément fait pour ça. Sa fragrance fraîche et acidulée, mêlant la verveine bio et les notes vives du citron, transforme une douche ordinaire en un vrai moment de réveil sensoriel. Certifié Cosmos Organic, il est formulé à 97,5 % d'ingrédients d'origine naturelle et convient à tous les types de peaux, même les plus réactives.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eCe que vous trouverez dans la formule\u003c\/h2\u003e\n \u003cp class=\"soi-gdvc-section-intro\"\u003eChaque ingrédient a été sélectionné pour son utilité réelle, pas pour l'affichage.\u003c\/p\u003e\n \u003cdiv class=\"soi-gdvc-grid\"\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate et apaise en douceur, sans effet collant. Idéal pour les peaux sensibles ou celles qui tiraillent après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🌸 Eau florale de reine des prés bio\u003c\/h3\u003e\n \u003cp\u003eTonifiante et calmante, elle contribue à l'équilibre cutané et laisse une sensation de fraîcheur durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🍃 Verveine exotique\u003c\/h3\u003e\n \u003cp\u003eNote herbacée légère et revitalisante, véritable signature olfactive de ce gel douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🍋 Essence naturelle de citron\u003c\/h3\u003e\n \u003cp\u003eVivifiante, elle stimule les sens et apporte cette touche d'énergie que l'on recherche en début de journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🧴 Base lavante végétale, sans savon\u003c\/h3\u003e\n \u003cp\u003eNettoie sans agresser et respecte le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eLes points qui font vraiment la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-gdvc-benefits\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eGage de transparence totale sur la composition et les procédés de fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e🚿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans savon, pH équilibré\u003c\/h3\u003e\n \u003cp\u003eLa peau n'est pas desséchée ni agressée, même avec une utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e🐰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVegan et Cruelty-Free\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient animal, aucun test sur animaux. Un choix cohérent et éthique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduction locale, contrôle qualité rigoureux, empreinte carbone réduite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003ePour qui est ce gel douche bio ?\u003c\/h2\u003e\n \u003cp\u003eCe gel douche convient à tous les types de peaux, y compris les peaux sensibles et les peaux sèches qui réagissent mal aux formules classiques. Sa texture fluide et son parfum délicat en font aussi une excellente option pour les personnes à la recherche d'un gel douche bio à l'aloe vera efficace au quotidien. Adapté à toute la famille grâce à sa formule douce, il peut être utilisé dès le plus jeune âge, en dehors des nourrissons.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gdvc-timeline\"\u003e\n \u003cdiv class=\"soi-gdvc-step\"\u003e\n \u003cdiv class=\"soi-gdvc-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eUne à deux pressions de pompe sur une main ou un gant de toilette humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step\"\u003e\n \u003cdiv class=\"soi-gdvc-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step-content\"\u003e\n \u003ch3\u003eFaire mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser sur l'ensemble du corps pour une mousse onctueuse et enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step\"\u003e\n \u003cdiv class=\"soi-gdvc-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Convient pour une utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-tip\"\u003e\n \u003cdiv class=\"soi-gdvc-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour une sensation de fraîcheur maximale, terminez votre douche par un rinçage à l'eau légèrement fraîche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-gdvc-accordion\"\u003e\n \u003cdetails class=\"soi-gdvc-accordion-item\"\u003e\n \u003csummary class=\"soi-gdvc-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-gdvc-accordion-content\"\u003e\n \u003cp\u003eAqua, Sodium Coco-Sulfate, Coco-Glucoside, Glycerin, Aloe Barbadensis Leaf Juice*, Filipendula Ulmaria Flower Water*, Cymbopogon Nardus Oil, Citrus Limon Peel Oil, Citric Acid, Sodium Chloride, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n \u003cp\u003e* Ingrédients issus de l'agriculture biologique. 97,5 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-gdvc-accordion-item\"\u003e\n \u003csummary class=\"soi-gdvc-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n \u003cdiv class=\"soi-gdvc-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue pas à un avis médical ni à un traitement dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gdvc-cta-box\"\u003e\n \u003cp class=\"soi-gdvc-cta-tag\" style=\"color: white;\"\u003eUn rituel de douche naturel et vivifiant\u003c\/p\u003e\n \u003cp class=\"soi-gdvc-cta-text\" style=\"color: white;\"\u003eChaque matin mérite un vrai élan. Offrez à votre peau une formule douce et certifiée, et à vos sens un réveil à la fraîcheur du citron et à la légèreté de la verveine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-gdvc-marine: #1A2D3D;\n --soi-gdvc-marine-dark: #0F1E2B;\n --soi-gdvc-marine-light: #2C4458;\n --soi-gdvc-pomme: #A1C544;\n --soi-gdvc-pomme-dark: #84A636;\n --soi-gdvc-pomme-light: rgba(161,197,68,0.10);\n\n --soi-gdvc-white: #FFFFFF;\n --soi-gdvc-off-white: #F8FAF6;\n --soi-gdvc-stone: #F1F3EE;\n --soi-gdvc-line: #E5E8E0;\n\n --soi-gdvc-primary: #D4B83A;\n --soi-gdvc-primary-soft: #F5EFD6;\n --soi-gdvc-accent: #C8A62E;\n\n --soi-gdvc-text: #1A2D3D;\n --soi-gdvc-text-soft: #4A5B6B;\n --soi-gdvc-text-muted: #7B8693;\n\n --soi-gdvc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gdvc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gdvc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gdvc-radius: 12px;\n --soi-gdvc-radius-sm: 8px;\n --soi-gdvc-radius-pill: 999px;\n}\n\n.soi-gdvc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gdvc-fiche img { max-width: 100%; height: auto; }\n\n.soi-gdvc-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gdvc-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gdvc-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gdvc-hero {\n position: relative;\n background: var(--soi-gdvc-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-gdvc-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gdvc-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gdvc-pomme);\n}\n\n.soi-gdvc-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-gdvc-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gdvc-pomme);\n border-radius: 50%;\n}\n\n.soi-gdvc-hero-title {\n display: block;\n color: var(--soi-gdvc-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-gdvc-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-gdvc-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gdvc-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-gdvc-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gdvc-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gdvc-label-accent {\n background: var(--soi-gdvc-pomme);\n border-color: var(--soi-gdvc-pomme);\n color: var(--soi-gdvc-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gdvc-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gdvc-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gdvc-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-gdvc-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gdvc-pomme);\n border-radius: 2px;\n}\n\n.soi-gdvc-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gdvc-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-gdvc-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gdvc-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gdvc-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-gdvc-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-gdvc-benefit {\n background: var(--soi-gdvc-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gdvc-radius);\n border: 1px solid var(--soi-gdvc-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gdvc-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gdvc-shadow-md);\n}\n\n.soi-gdvc-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gdvc-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-gdvc-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gdvc-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gdvc-benefit:hover .soi-gdvc-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gdvc-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gdvc-benefit p {\n font-size: 13px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gdvc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-gdvc-card {\n background: var(--soi-gdvc-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gdvc-radius);\n border-left: 3px solid var(--soi-gdvc-pomme);\n}\n\n.soi-gdvc-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gdvc-card p {\n font-size: 14px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-gdvc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-gdvc-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gdvc-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gdvc-radius);\n border: 1px solid var(--soi-gdvc-line);\n align-items: flex-start;\n}\n\n.soi-gdvc-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gdvc-marine);\n color: var(--soi-gdvc-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-gdvc-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gdvc-step-content p {\n font-size: 14px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-gdvc-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gdvc-pomme-light);\n border-left: 4px solid var(--soi-gdvc-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gdvc-radius) var(--soi-gdvc-radius) 0;\n align-items: flex-start;\n}\n\n.soi-gdvc-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gdvc-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gdvc-marine);\n margin-bottom: 4px;\n}\n\n.soi-gdvc-tip p {\n font-size: 14px;\n color: var(--soi-gdvc-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gdvc-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gdvc-accordion-item {\n background: var(--soi-gdvc-off-white);\n border-radius: var(--soi-gdvc-radius-sm);\n border: 1px solid var(--soi-gdvc-line);\n overflow: hidden;\n}\n\n.soi-gdvc-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gdvc-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-gdvc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gdvc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gdvc-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gdvc-accordion-item[open] .soi-gdvc-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gdvc-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gdvc-accordion-content p {\n font-size: 14px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem;\n}\n\n.soi-gdvc-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gdvc-cta-box {\n background: var(--soi-gdvc-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gdvc-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gdvc-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-gdvc-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gdvc-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-gdvc-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gdvc-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gdvc-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-gdvc-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gdvc-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-gdvc-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-gdvc-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-gdvc-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gdvc-fiche {\n --soi-gdvc-text-soft: #2C3E50;\n --soi-gdvc-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603507732810,"sku":"CS0075","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-verveine-citron-certifie-bio-coslys-packshot.webp?v=1782111705"},{"product_id":"gel-douche-rafraichissant-certifie-bio-coslys","title":"Gel douche Rafraîchissant certifié bio – Coslys","description":"\u003cdiv class=\"soi-geld-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-geld-hero\"\u003e\n \u003cdiv class=\"soi-geld-hero-tag\"\u003e\n \u003cspan class=\"soi-geld-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-geld-hero-title\"\u003eFraîcheur mentholée et douceur du chanvre bio\u003c\/span\u003e\n \u003cp class=\"soi-geld-hero-subtitle\"\u003eUn gel douche certifié bio qui nettoie en douceur, respecte l'équilibre de votre peau et vous enveloppe d'une sensation de fraîcheur vivifiante, chaque jour.\u003c\/p\u003e\n \u003cdiv class=\"soi-geld-hero-labels\"\u003e\n \u003cspan class=\"soi-geld-label soi-geld-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-geld-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-geld-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-geld-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-geld-label\"\u003e98 % D'ORIGINE NATURELLE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Un gel douche bio qui transforme votre douche en bulle de fraîcheur --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003eUn gel douche bio qui transforme votre douche en bulle de fraîcheur\u003c\/h2\u003e\n \u003cp\u003eImaginez commencer ou terminer votre journée avec une bouffée de menthe fraîche et les bienfaits apaisants du chanvre bio français. C'est exactement ce que vous offre le \u003cstrong\u003eGel Douche Rafraîchissant certifié bio Coslys\u003c\/strong\u003e, une formule pensée pour nettoyer en douceur, respecter l'équilibre naturel de la peau et vous procurer un vrai moment de bien-être sensoriel, sans compromis sur les ingrédients.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Pourquoi choisir ce gel douche bio Coslys ? --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel douche bio Coslys ?\u003c\/h2\u003e\n \u003cp class=\"soi-geld-section-intro\"\u003eSur un marché saturé de gels douche conventionnels bourrés de sulfates et de parfums synthétiques, ce produit se démarque par sa transparence et son efficacité réelle.\u003c\/p\u003e\n \u003cdiv class=\"soi-geld-benefits\"\u003e\n \u003cdiv class=\"soi-geld-benefit\"\u003e\n \u003cdiv class=\"soi-geld-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eLe label le plus exigeant en cosmétique bio, garantissant la traçabilité et la qualité des ingrédients d'origine biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-benefit\"\u003e\n \u003cdiv class=\"soi-geld-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e98 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eUne formule clean, sans savon ni tensioactifs sulfatés, qui respecte le film hydrolipidique protecteur de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-benefit\"\u003e\n \u003cdiv class=\"soi-geld-benefit-icon\"\u003e\u003cspan\u003e🐰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVegan et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient animal, aucun test sur les animaux. Un soin éthique du début à la fin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-benefit\"\u003e\n \u003cdiv class=\"soi-geld-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eToute la famille dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eAdapté à tous les types de peau, y compris les peaux sensibles. Convient aussi bien aux adultes qu'aux enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Menthe et chanvre bio français --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003eMenthe et chanvre bio français : un duo rafraîchissant et nourrissant\u003c\/h2\u003e\n \u003cp class=\"soi-geld-section-intro\"\u003eLa force de ce gel douche bio repose sur deux actifs d'exception, tous deux issus de l'agriculture biologique française.\u003c\/p\u003e\n \u003cdiv class=\"soi-geld-grid\"\u003e\n \u003cdiv class=\"soi-geld-card\"\u003e\n \u003ch3\u003e🍃 Menthe bio française\u003c\/h3\u003e\n \u003cp\u003eReconnue pour sa fraîcheur instantanée et ses propriétés purifiantes, elle laisse la peau propre et les sens éveillés. Idéale après le sport ou lors des fortes chaleurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-card\"\u003e\n \u003ch3\u003e🌱 Huile de chanvre bio\u003c\/h3\u003e\n \u003cp\u003eExtraite de graines de chanvre issues de filières textiles locales dans une démarche d'économie circulaire, elle apporte des acides gras essentiels qui nourrissent et apaisent la peau sans l'alourdir. Parfaite même pour les peaux sensibles ou sujettes à l'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-tip\"\u003e\n \u003cdiv class=\"soi-geld-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCette association unique en fait un gel douche bio aussi efficace pour un homme actif que pour une routine familiale quotidienne, bébé inclus dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Composition complète et ingrédients --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003eComposition complète et ingrédients\u003c\/h2\u003e\n \u003cp class=\"soi-geld-section-intro\"\u003eLa formule de ce gel douche bio est volontairement courte et lisible, une garantie de transparence.\u003c\/p\u003e\n \u003cdiv class=\"soi-geld-compo\"\u003e\n \u003cdiv class=\"soi-geld-compo-row\"\u003e\n \u003cspan class=\"soi-geld-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-geld-compo-value\"\u003eVégétale, douce, moussante, sans sulfates ni savon agressif\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-compo-row\"\u003e\n \u003cspan class=\"soi-geld-compo-label\"\u003eActif rafraîchissant\u003c\/span\u003e\n \u003cspan class=\"soi-geld-compo-value\"\u003eExtrait de menthe poivrée bio (Mentha Piperita)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-compo-row\"\u003e\n \u003cspan class=\"soi-geld-compo-label\"\u003eActif nourrissant\u003c\/span\u003e\n \u003cspan class=\"soi-geld-compo-value\"\u003eHuile de graines de chanvre bio (Cannabis Sativa Seed Oil), riche en oméga-3 et oméga-6\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-compo-row\"\u003e\n \u003cspan class=\"soi-geld-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-geld-compo-value\"\u003e98 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-compo-row\"\u003e\n \u003cspan class=\"soi-geld-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-geld-compo-value\"\u003eSilicone, parabène, colorant synthétique, sulfates, savon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e\u003cem\u003eListe INCI complète disponible sur l'emballage et sur le site officiel Coslys.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Comment utiliser le gel douche Coslys au quotidien ? --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003eComment utiliser le gel douche Coslys au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-geld-timeline\"\u003e\n \u003cdiv class=\"soi-geld-step\"\u003e\n \u003cdiv class=\"soi-geld-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de gel sur une peau mouillée ou un gant de toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step\"\u003e\n \u003cdiv class=\"soi-geld-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step-content\"\u003e\n \u003ch3\u003eFaire mousser\u003c\/h3\u003e\n \u003cp\u003eMassez en effectuant des mouvements circulaires sur l'ensemble du corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step\"\u003e\n \u003cdiv class=\"soi-geld-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step\"\u003e\n \u003cdiv class=\"soi-geld-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step-content\"\u003e\n \u003ch3\u003eRenouveler chaque jour\u003c\/h3\u003e\n \u003cp\u003eUtilisable matin et soir, pour toute la famille dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-tip\"\u003e\n \u003cdiv class=\"soi-geld-tip-icon\"\u003e❄️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eAstuce fraîcheur\u003c\/strong\u003e\n \u003cp\u003ePour une sensation de fraîcheur maximale, optez pour une eau légèrement fraîche lors du rinçage : la menthe n'en sera que plus vivifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Un choix responsable du flacon à la formule --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003eUn choix responsable du flacon à la formule\u003c\/h2\u003e\n \u003cp\u003eEn choisissant ce gel douche bio certifié, vous soutenez une marque française engagée : Coslys valorise des circuits courts, des ingrédients tracés et une production locale. Le chanvre utilisé provient directement de filières textiles françaises, évitant tout gaspillage de matière première. Un geste simple pour votre peau, et un vrai geste pour la planète.\u003c\/p\u003e\n \u003cdiv class=\"soi-geld-grid-compact\"\u003e\n \u003cdiv class=\"soi-geld-card-mini\"\u003e\n \u003cspan class=\"soi-geld-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-card-mini\"\u003e\n \u003cspan class=\"soi-geld-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-label\"\u003eFilière chanvre\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-value\"\u003eÉconomie circulaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-card-mini\"\u003e\n \u003cspan class=\"soi-geld-card-mini-icon\"\u003e🌍\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-label\"\u003eCircuits\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-value\"\u003eCourts et tracés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-geld-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-geld-cta-box\"\u003e\n \u003cp class=\"soi-geld-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se laver naturellement\u003c\/p\u003e\n \u003cp class=\"soi-geld-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau la fraîcheur de la menthe et la douceur du chanvre bio français. Chaque douche devient un vrai moment de bien-être, en toute conscience.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-geld-marine: #1A2D3D;\n --soi-geld-marine-dark: #0F1E2B;\n --soi-geld-marine-light: #2C4458;\n --soi-geld-pomme: #A1C544;\n --soi-geld-pomme-dark: #84A636;\n --soi-geld-pomme-light: rgba(161,197,68,0.10);\n\n --soi-geld-white: #FFFFFF;\n --soi-geld-off-white: #F8FAF6;\n --soi-geld-stone: #F1F3EE;\n --soi-geld-line: #E5E8E0;\n\n --soi-geld-primary: #5AAE5A;\n --soi-geld-primary-soft: #E8F5E8;\n --soi-geld-accent: #94C5A8;\n\n --soi-geld-text: #1A2D3D;\n --soi-geld-text-soft: #4A5B6B;\n --soi-geld-text-muted: #7B8693;\n\n --soi-geld-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-geld-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-geld-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-geld-radius: 12px;\n --soi-geld-radius-sm: 8px;\n --soi-geld-radius-pill: 999px;\n}\n\n.soi-geld-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-geld-fiche img { max-width: 100%; height: auto; }\n\n.soi-geld-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-geld-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-geld-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-geld-hero {\n position: relative;\n background: var(--soi-geld-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-geld-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-geld-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-geld-pomme);\n}\n\n.soi-geld-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-geld-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-geld-pomme);\n border-radius: 50%;\n}\n\n.soi-geld-hero-title {\n display: block;\n color: var(--soi-geld-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-geld-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-geld-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-geld-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-geld-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-geld-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-geld-label-accent {\n background: var(--soi-geld-pomme);\n border-color: var(--soi-geld-pomme);\n color: var(--soi-geld-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-geld-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-geld-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-geld-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-geld-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-geld-pomme);\n border-radius: 2px;\n}\n\n.soi-geld-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-geld-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-geld-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-geld-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-geld-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-geld-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-geld-benefit {\n background: var(--soi-geld-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-geld-radius);\n border: 1px solid var(--soi-geld-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-geld-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-geld-shadow-md);\n}\n\n.soi-geld-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-geld-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-geld-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-geld-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-geld-benefit:hover .soi-geld-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-geld-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-geld-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-geld-benefit p {\n font-size: 13px;\n color: var(--soi-geld-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-geld-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-geld-card {\n background: var(--soi-geld-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-geld-radius);\n border-left: 3px solid var(--soi-geld-pomme);\n}\n\n.soi-geld-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-geld-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-geld-card p {\n font-size: 14px;\n color: var(--soi-geld-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-geld-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-geld-card-mini {\n background: var(--soi-geld-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-geld-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-geld-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-geld-card-mini-label {\n font-size: 11px;\n color: var(--soi-geld-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-geld-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-geld-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-geld-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-geld-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-geld-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-geld-radius);\n border: 1px solid var(--soi-geld-line);\n align-items: flex-start;\n}\n\n.soi-geld-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-geld-marine);\n color: var(--soi-geld-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-geld-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-geld-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-geld-step-content p {\n font-size: 14px;\n color: var(--soi-geld-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-geld-compo {\n background: var(--soi-geld-off-white);\n border-radius: var(--soi-geld-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.soi-geld-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-geld-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-geld-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-geld-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-geld-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-geld-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-geld-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-geld-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-geld-pomme-light);\n border-left: 4px solid var(--soi-geld-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-geld-radius) var(--soi-geld-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-geld-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-geld-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-geld-marine);\n margin-bottom: 4px;\n}\n\n.soi-geld-tip p {\n font-size: 14px;\n color: var(--soi-geld-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-geld-cta-box {\n background: var(--soi-geld-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-geld-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-geld-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-geld-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-geld-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-geld-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-geld-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-geld-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-geld-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-geld-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-geld-compo-value {\n text-align: left;\n }\n\n .soi-geld-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-geld-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-geld-fiche {\n --soi-geld-text-soft: #2C3E50;\n --soi-geld-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603508420938,"sku":"CS0080","price":5.68,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-rafraichissant-certifie-bio-coslys-packshot.webp?v=1781524168"},{"product_id":"creme-douche-relaxante-certifiee-bio-coslys","title":"Crème douche Relaxante certifiée bio – Coslys","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eOffrez-vous un véritable moment de détente et de gourmandise sous la douche avec \u003cstrong\u003ela Crème Douche Relaxante certifiée bio de Coslys\u003c\/strong\u003e. Cette crème de douche sensorielle est spécialement formulée pour transformer votre routine de soin en une expérience apaisante et réconfortante. \u003cstrong\u003eParfumée au caramel 100% d'origine naturelle\u003c\/strong\u003e, elle vous enveloppe de \u003cstrong\u003enotes délicieusement sucrées et lactées\u003c\/strong\u003e, évoquant les souvenirs chaleureux de l'automne avec ses accords de châtaigne et de cacao.\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_CS0085_f39e527e-3196-4f21-99ed-2eb020486846.jpg?v=1776180888\" alt=\"Photo de châtaignes sur une table avec dans un coupelle des morceaux de caramel\" 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 Crème Douche Relaxante Coslys\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eBase lavante d'origine végétale :\u003c\/strong\u003e Une formule douce qui nettoie efficacement tous les types de peau sans les agresser.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans tensioactifs sulfatés et sans savon :\u003c\/strong\u003e Conçue pour respecter l'équilibre naturel de votre peau, idéale pour les peaux les plus sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum gourmand et naturel :\u003c\/strong\u003e Des notes sucrées et lactées obtenues à partir d'extraits naturels de cosses de cacao et de châtaigne bio, cultivés en Ardèche, valorisant ainsi les ressources locales.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule naturelle et écologique :\u003c\/strong\u003e Avec 98% des ingrédients d'origine naturelle, ce produit est respectueux de votre peau et de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifications rigoureuses :\u003c\/strong\u003e Certifiée Cosmos Organic, vegan et cruelty-free, garantissant une composition respectueuse des animaux et de la nature.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdapté à toute la famille :\u003c\/strong\u003e Formulée pour convenir à tous les membres de la famille dès l'âge de 3 ans.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eAvantages et bienfaits de la Crème Douche Coslys\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRelaxation et bien-être assurés :\u003c\/strong\u003e Le parfum délicat de caramel et de châtaigne procure un moment de relaxation intense et de bien-être sous la douche.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de l'environnement :\u003c\/strong\u003e En utilisant des ingrédients biologiques et des ressources locales, ce produit contribue à une consommation plus responsable et durable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDouceur incomparable :\u003c\/strong\u003e Sa formule sans sulfates ni savon offre une douceur extrême, parfait pour une utilisation quotidienne même sur les peaux les plus fragiles.\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\u003e\u003cstrong\u003eLa Crème Douche Relaxante certifiée bio Coslys\u003c\/strong\u003e est bien plus qu’un simple produit de soin. Elle transforme chaque douche en un moment privilégié de relaxation et de bien-être grâce à son parfum gourmand et sa formule respectueuse de la peau et de l’environnement. Adoptez-la pour une expérience sensorielle unique et pour prendre soin de toute votre famille avec douceur et naturel.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603510059338,"sku":"CS0085","price":5.68,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0085-creme-douche-chataigne-caramel_04e0ce70-b770-4833-88f2-a8b53afd42f7.jpg?v=1778843061"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/hygiene_naturel.webp?v=1780472265","url":"https:\/\/www.soinature.com\/collections\/lhygiene-au-naturel.oembed","provider":"Soinature","version":"1.0","type":"link"}