{"title":"Centifolia","description":"","products":[{"product_id":"eau-micellaire-format-familial-centifolia","title":"Eau micellaire certifié bio pour toute la famille","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_CE0196_a9a9ac7e-12f1-433e-a5a0-c9962d4ed043.jpg?v=1776180362\" alt=\"Photo d'une femme qui se démaquille avec un coton 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\u003cp\u003e\u003cstrong\u003eL'Eau Micellaire Bio pour Toute la Famille de Centifolia\u003c\/strong\u003e est la solution idéale pour un \u003cstrong\u003enettoyage doux et hydratant\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eDisponible en un généreux format de 500 ml, cette eau micellaire élimine efficacement les impuretés, les traces de pollution, et même le maquillage waterproof, tout en respectant l'équilibre naturel de la peau.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eIngrédients principaux de l'Eau micellaire Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGinkgo Biloba Bio\u003c\/strong\u003e : hydrate, apaise et protège la peau contre les agressions extérieures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEau Florale Bio\u003c\/strong\u003e : apporte une sensation de fraîcheur et de douceur.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et avantages de l'Eau micellaire\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTous types de peaux\u003c\/strong\u003e : convient à tous les types de peaux, y compris les plus sensibles. Peut être utilisée sur le visage et les yeux sans nécessiter de rinçage.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule hydratante et apaisante\u003c\/strong\u003e : enrichie en Ginkgo Biloba bio, un extrait de feuilles d'origine française réputé pour ses propriétés hydratantes, apaisantes et protectrices contre les dommages liés aux UV.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConfort et fraîcheur\u003c\/strong\u003e : laisse la peau propre, fraîche et confortable après chaque application.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEngagement écologique\u003c\/strong\u003e : flacon recyclable à 50%, conçu pour un dosage facile et une conservation optimale du produit. Sans phtalates ni Bisphénol A, soutenant ainsi l'engagement environnemental de Centifolia.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e : une garantie de qualité et de savoir-faire local. Adapté pour une utilisation à partir de 3 ans.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eL'Eau Micellaire Bio pour Toute la Famille de Centifolia\u003c\/strong\u003e est le choix parfait pour ceux qui cherchent une solution de nettoyage efficace, douce et respectueuse de la peau et de l'environnement. Offrez à votre peau le soin qu'elle mérite, jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603119235402,"sku":"CE0196","price":6.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0196_centifolia_eau_micellaire_famille_4e56b302-744d-4e01-8e49-fc63cf7bf21f.jpg?v=1778842778"},{"product_id":"huile-seche-sublimante-centifolia","title":"Huile sèche sublimatrice - Centifolia","description":"\n\u003cdiv class=\"soi-hsub-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-hsub-hero\"\u003e\n    \u003cdiv class=\"soi-hsub-hero-tag\"\u003e\n      \u003cspan class=\"soi-hsub-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique naturelle · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-hsub-hero-title\"\u003eL'éclat d'une huile, la légèreté d'un voile\u003c\/span\u003e\n    \u003cp class=\"soi-hsub-hero-subtitle\"\u003eUn soin 3-en-1 visage, corps et cheveux à base de camélia BIO et de 4 huiles végétales précieuses. Texture aérienne, absorption instantanée, fini satiné sans aucun film gras.\u003c\/p\u003e\n    \u003cdiv class=\"soi-hsub-hero-labels\"\u003e\n      \u003cspan class=\"soi-hsub-label soi-hsub-label-accent\"\u003e97 % D'ORIGINE NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-hsub-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-hsub-label\"\u003eFABRIQUÉE EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-hsub-label\"\u003eSANS PARABEN\u003c\/span\u003e\n      \u003cspan class=\"soi-hsub-label\"\u003eTESTÉE DERMATOLOGIQUEMENT\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Qu'est-ce qu'une huile sèche, exactement ? --\u003e\n  \u003csection class=\"soi-hsub-section\"\u003e\n    \u003ch2\u003eQu'est-ce qu'une huile sèche, exactement ?\u003c\/h2\u003e\n    \u003cp\u003eContrairement à une huile grasse classique, une huile sèche est composée d'huiles végétales dites \"siccatives\" ou légères, à haute pénétrabilité cutanée. Elles s'absorbent instantanément sans occlusion à la surface de la peau. Le résultat : un fini satiné, lumineux, sans effet poisseux. C'est ce qui distingue fondamentalement une huile sèche pour le corps d'une huile de massage traditionnelle.\u003c\/p\u003e\n    \u003cp\u003eLa formule Centifolia va encore plus loin en associant cinq huiles complémentaires, chacune apportant un bénéfice ciblé pour la peau et les cheveux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Les 5 huiles végétales au cœur de la formule --\u003e\n  \u003csection class=\"soi-hsub-section\"\u003e\n    \u003ch2\u003eLes 5 huiles végétales au cœur de la formule\u003c\/h2\u003e\n    \u003cdiv class=\"soi-hsub-grid\"\u003e\n      \u003cdiv class=\"soi-hsub-card\"\u003e\n        \u003ch3\u003e🌺 Huile de Camélia BIO\u003c\/h3\u003e\n        \u003cp\u003eStar de la formule, elle est riche en acide oléique. Elle nourrit en profondeur, renforce la fibre capillaire et donne un éclat remarquable au teint.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hsub-card\"\u003e\n        \u003ch3\u003e🌻 Huile de Tournesol\u003c\/h3\u003e\n        \u003cp\u003eLégère et émolliente, elle adoucit la peau et constitue une base \"sèche\" idéale pour une absorption rapide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hsub-card\"\u003e\n        \u003ch3\u003e🌿 Huile de Jojoba\u003c\/h3\u003e\n        \u003cp\u003eProche du sébum naturel, elle régule, protège et convient aux peaux mixtes comme aux cheveux fins.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hsub-card\"\u003e\n        \u003ch3\u003e🌰 Huile d'Argan\u003c\/h3\u003e\n        \u003cp\u003eAntioxydante et restructurante, elle aide à lisser les pointes abîmées et à redonner de la souplesse aux cheveux secs ou colorés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hsub-card\"\u003e\n        \u003ch3\u003e🥜 Huile de Macadamia\u003c\/h3\u003e\n        \u003cp\u003eUltra-nourrissante, elle apporte la touche veloutée qui rend ce soin si agréable à appliquer sur la peau sèche.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pour qui est-elle faite ? --\u003e\n  \u003csection class=\"soi-hsub-section\"\u003e\n    \u003ch2\u003ePour qui est-elle faite ?\u003c\/h2\u003e\n    \u003cp class=\"soi-hsub-section-intro\"\u003eCette huile sèche pour cheveux et pour le corps convient à pratiquement tous les profils.\u003c\/p\u003e\n    \u003cdiv class=\"soi-hsub-benefits\"\u003e\n      \u003cdiv class=\"soi-hsub-benefit\"\u003e\n        \u003cdiv class=\"soi-hsub-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeaux sèches à très sèches\u003c\/h3\u003e\n        \u003cp\u003eElle nourrit sans surcharger, idéale après la douche ou après une exposition au soleil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hsub-benefit\"\u003e\n        \u003cdiv class=\"soi-hsub-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCheveux secs, frisés ou colorés\u003c\/h3\u003e\n        \u003cp\u003eQuelques pressions sur les longueurs suffisent pour retrouver souplesse et brillance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hsub-benefit\"\u003e\n        \u003cdiv class=\"soi-hsub-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eTestée dermatologiquement, sans phtalates ni bisphénol A, elle respecte les peaux réactives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hsub-benefit\"\u003e\n        \u003cdiv class=\"soi-hsub-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eProfils vegan et éco-conscients\u003c\/h3\u003e\n        \u003cp\u003eFormule 100 % vegan, 97 % d'origine naturelle, flacon recyclable fabriqué en France.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment utiliser l'huile sèche Centifolia ? --\u003e\n  \u003csection class=\"soi-hsub-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile sèche Centifolia ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-hsub-timeline\"\u003e\n      \u003cdiv class=\"soi-hsub-step\"\u003e\n        \u003cdiv class=\"soi-hsub-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-hsub-step-content\"\u003e\n          \u003ch3\u003eCorps\u003c\/h3\u003e\n          \u003cp\u003eVaporisez sur la peau propre et sèche après la douche, massez brièvement jusqu'à absorption complète. Pas de rinçage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hsub-step\"\u003e\n        \u003cdiv class=\"soi-hsub-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-hsub-step-content\"\u003e\n          \u003ch3\u003eCheveux\u003c\/h3\u003e\n          \u003cp\u003e2 à 3 pressions sur les longueurs et pointes, avant ou après coiffage. Évitez les racines si vos cheveux ont tendance à graisser vite.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hsub-step\"\u003e\n        \u003cdiv class=\"soi-hsub-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-hsub-step-content\"\u003e\n          \u003ch3\u003eVisage\u003c\/h3\u003e\n          \u003cp\u003e1 pression dans le creux de la main, réchauffez et appliquez en effleurage sur le visage pour une touche lumineuse avant le maquillage ou en soin de nuit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hsub-tip\"\u003e\n      \u003cdiv class=\"soi-hsub-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eGrâce au flacon spray, le dosage est précis et l'application uniforme : vous évitez tout gaspillage tout en répartissant le soin de manière homogène.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition complète (INCI) --\u003e\n  \u003csection class=\"soi-hsub-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"soi-hsub-compo\"\u003e\n      \u003cdiv class=\"soi-hsub-compo-row\"\u003e\n        \u003cspan class=\"soi-hsub-compo-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-hsub-compo-value\"\u003eFlacon spray 100 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hsub-compo-row\"\u003e\n        \u003cspan class=\"soi-hsub-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n        \u003cspan class=\"soi-hsub-compo-value\"\u003e97 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hsub-compo-row\"\u003e\n        \u003cspan class=\"soi-hsub-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-hsub-compo-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hsub-compo-row\"\u003e\n        \u003cspan class=\"soi-hsub-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-hsub-compo-value\"\u003eSilicone, paraben, phtalates, bisphénol A\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hsub-accordion\"\u003e\n      \u003cdetails class=\"soi-hsub-accordion-item\"\u003e\n        \u003csummary class=\"soi-hsub-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"soi-hsub-accordion-content\"\u003e\n          \u003cp\u003eHelianthus Annuus Seed Oil, Simmondsia Chinensis Seed Oil, Camellia Sinensis Seed Oil*, Argania Spinosa Kernel Oil, Macadamia Integrifolia Seed Oil, Parfum (Fragrance), Tocopherol. (*Ingrédient issu de l'agriculture biologique)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Ce qui la distingue des autres huiles sèches du marché --\u003e\n  \u003csection class=\"soi-hsub-section\"\u003e\n    \u003ch2\u003eCe qui la distingue des autres huiles sèches du marché\u003c\/h2\u003e\n    \u003cdiv class=\"soi-hsub-grid-compact\"\u003e\n      \u003cdiv class=\"soi-hsub-card-mini\"\u003e\n        \u003cspan class=\"soi-hsub-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-hsub-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-hsub-card-mini-value\"\u003eMade in France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hsub-card-mini\"\u003e\n        \u003cspan class=\"soi-hsub-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-hsub-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n        \u003cspan class=\"soi-hsub-card-mini-value\"\u003e97 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hsub-card-mini\"\u003e\n        \u003cspan class=\"soi-hsub-card-mini-icon\"\u003e🔬\u003c\/span\u003e\n        \u003cspan class=\"soi-hsub-card-mini-label\"\u003eTolérance\u003c\/span\u003e\n        \u003cspan class=\"soi-hsub-card-mini-value\"\u003eTestée dermato.\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hsub-card-mini\"\u003e\n        \u003cspan class=\"soi-hsub-card-mini-icon\"\u003e🏛️\u003c\/span\u003e\n        \u003cspan class=\"soi-hsub-card-mini-label\"\u003eExpertise\u003c\/span\u003e\n        \u003cspan class=\"soi-hsub-card-mini-value\"\u003eDepuis 1996\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-hsub-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-hsub-cta-box\"\u003e\n      \u003cp class=\"soi-hsub-cta-tag\" style=\"color: white;\"\u003eUn geste, trois zones sublimées\u003c\/p\u003e\n      \u003cp class=\"soi-hsub-cta-text\" style=\"color: white;\"\u003eDouce, lumineuse et incroyablement légère : en quelques secondes, votre peau retrouve de l'éclat et vos cheveux de la vie. Un soin simple, une formule honnête, un résultat qui se voit et se ressent.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-hsub-marine: #1A2D3D;\n  --soi-hsub-marine-dark: #0F1E2B;\n  --soi-hsub-marine-light: #2C4458;\n  --soi-hsub-pomme: #A1C544;\n  --soi-hsub-pomme-dark: #84A636;\n  --soi-hsub-pomme-light: rgba(161,197,68,0.10);\n  --soi-hsub-white: #FFFFFF;\n  --soi-hsub-off-white: #F8FAF6;\n  --soi-hsub-stone: #F1F3EE;\n  --soi-hsub-line: #E5E8E0;\n  --soi-hsub-primary: #C8A96E;\n  --soi-hsub-primary-soft: #F5EDD6;\n  --soi-hsub-accent: #E84B8A;\n  --soi-hsub-text: #1A2D3D;\n  --soi-hsub-text-soft: #4A5B6B;\n  --soi-hsub-text-muted: #7B8693;\n  --soi-hsub-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-hsub-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-hsub-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-hsub-radius: 12px;\n  --soi-hsub-radius-sm: 8px;\n  --soi-hsub-radius-pill: 999px;\n}\n\n.soi-hsub-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-hsub-fiche img { max-width: 100%; height: auto; }\n\n.soi-hsub-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-hsub-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-hsub-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-hsub-hero {\n  position: relative;\n  background: var(--soi-hsub-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-hsub-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-hsub-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-hsub-pomme);\n}\n\n.soi-hsub-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-hsub-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-hsub-pomme);\n  border-radius: 50%;\n}\n\n.soi-hsub-hero-title {\n  display: block;\n  color: var(--soi-hsub-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(24px, 5vw, 35px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-hsub-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-hsub-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-hsub-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-hsub-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-hsub-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-hsub-label-accent {\n  background: var(--soi-hsub-pomme);\n  border-color: var(--soi-hsub-pomme);\n  color: var(--soi-hsub-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-hsub-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-hsub-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-hsub-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-hsub-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-hsub-pomme);\n  border-radius: 2px;\n}\n\n.soi-hsub-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-hsub-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-hsub-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-hsub-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-hsub-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-hsub-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-hsub-benefit {\n  background: var(--soi-hsub-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-hsub-radius);\n  border: 1px solid var(--soi-hsub-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-hsub-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-hsub-shadow-md);\n}\n\n.soi-hsub-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-hsub-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-hsub-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-hsub-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-hsub-benefit:hover .soi-hsub-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-hsub-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hsub-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-hsub-benefit p {\n  font-size: 15px;\n  color: var(--soi-hsub-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-hsub-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-hsub-card {\n  background: var(--soi-hsub-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-hsub-radius);\n  border-left: 3px solid var(--soi-hsub-pomme);\n}\n\n.soi-hsub-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hsub-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-hsub-card p {\n  font-size: 14px;\n  color: var(--soi-hsub-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-hsub-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-hsub-card-mini {\n  background: var(--soi-hsub-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-hsub-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-hsub-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-hsub-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-hsub-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-hsub-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-hsub-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-hsub-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-hsub-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-hsub-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-hsub-radius);\n  border: 1px solid var(--soi-hsub-line);\n  align-items: flex-start;\n}\n\n.soi-hsub-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-hsub-marine);\n  color: var(--soi-hsub-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-hsub-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hsub-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-hsub-step-content p {\n  font-size: 15px;\n  color: var(--soi-hsub-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-hsub-compo {\n  background: var(--soi-hsub-off-white);\n  border-radius: var(--soi-hsub-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1rem;\n}\n\n.soi-hsub-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-hsub-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-hsub-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-hsub-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-hsub-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-hsub-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-hsub-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-hsub-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-hsub-pomme-light);\n  border-left: 4px solid var(--soi-hsub-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-hsub-radius) var(--soi-hsub-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-hsub-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-hsub-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-hsub-marine);\n  margin-bottom: 4px;\n}\n\n.soi-hsub-tip p {\n  font-size: 15px;\n  color: var(--soi-hsub-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-hsub-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-hsub-accordion-item {\n  background: var(--soi-hsub-off-white);\n  border-radius: var(--soi-hsub-radius-sm);\n  border: 1px solid var(--soi-hsub-line);\n  overflow: hidden;\n}\n\n.soi-hsub-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-hsub-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-hsub-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-hsub-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-hsub-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-hsub-accordion-item[open] .soi-hsub-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-hsub-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-hsub-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-hsub-text-soft);\n  line-height: 1.6;\n  margin: 0;\n  font-style: italic;\n}\n\n\/* === CTA BOX === *\/\n.soi-hsub-cta-box {\n  background: var(--soi-hsub-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-hsub-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-hsub-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-hsub-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-hsub-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-hsub-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-hsub-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-hsub-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-hsub-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-hsub-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-hsub-compo-value {\n    text-align: left;\n  }\n\n  .soi-hsub-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-hsub-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-hsub-fiche {\n    --soi-hsub-text-soft: #2C3E50;\n    --soi-hsub-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603156296010,"sku":"CE0241","price":21.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-seche-sublimatrice-centifolia-packshot.webp?v=1787475473"},{"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":6.99,"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":6.99,"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":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-nutrition-bio-centifolia-packshot.webp?v=1779447899"},{"product_id":"lotion-demelante-brillance-certifiee-bio-centifolia","title":"Lotion démêlante brillance certifiée bio - Centifolia","description":"\u003cdiv class=\"soi-ldbc-fiche\"\u003e\n\n\u003csection class=\"soi-ldbc-hero\"\u003e\n\u003cdiv class=\"soi-ldbc-hero-tag\"\u003e\n\u003cspan class=\"soi-ldbc-tag-dot\"\u003e\u003c\/span\u003e\nCosmétique capillaire · Centifolia\n\u003c\/div\u003e\n\u003cspan class=\"soi-ldbc-hero-title\"\u003eÉclat et légèreté au vinaigre de framboise\u003c\/span\u003e\n\u003cp class=\"soi-ldbc-hero-subtitle\"\u003eUn spray démêlant sans rinçage certifié bio qui libère vos cheveux des nœuds, lisse les cuticules et révèle une brillance naturelle, sans jamais alourdir la fibre.\u003c\/p\u003e\n\u003cdiv class=\"soi-ldbc-hero-labels\"\u003e\n\u003cspan class=\"soi-ldbc-label soi-ldbc-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-label\"\u003eVEGAN\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-label\"\u003e99% NATUREL\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-label\"\u003eSANS SILICONE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ldbc-section\"\u003e\n\u003ch2\u003eUne lotion démêlante sans rinçage au vinaigre de framboise bio\u003c\/h2\u003e\n\u003cp\u003eSi vous en avez assez de vous battre avec vos nœuds chaque matin, ou si vos cheveux manquent d'éclat après le shampooing, cette lotion démêlante sans rinçage Centifolia est faite pour vous. Formulée avec du vinaigre de framboise bio, elle agit en douceur sur la fibre capillaire pour faciliter le coiffage, lisser les cuticules et redonner aux cheveux leur brillance naturelle, sans les alourdir.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ldbc-section\"\u003e\n\u003ch2\u003eCe que ce spray démêlant bio fait concrètement pour vos cheveux\u003c\/h2\u003e\n\u003cdiv class=\"soi-ldbc-benefits\"\u003e\n\u003cdiv class=\"soi-ldbc-benefit\"\u003e\n\u003cdiv class=\"soi-ldbc-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eDémêle sans effort\u003c\/h3\u003e\n\u003cp\u003eLa formule allège immédiatement la fibre : les nœuds cèdent au premier passage du peigne, même sur cheveux épais ou bouclés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-benefit\"\u003e\n\u003cdiv class=\"soi-ldbc-benefit-icon\"\u003e\u003cspan\u003e💎\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eÉclat visible\u003c\/h3\u003e\n\u003cp\u003eLe vinaigre de framboise bio referme les écailles du cheveu, diffuse la lumière et offre cet effet cheveux sains que vous recherchez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-benefit\"\u003e\n\u003cdiv class=\"soi-ldbc-benefit-icon\"\u003e\u003cspan\u003e🪶\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eLégèreté garantie\u003c\/h3\u003e\n\u003cp\u003ePas de résidu, pas de film gras. Vos cheveux restent aériens et frais toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-benefit\"\u003e\n\u003cdiv class=\"soi-ldbc-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eRespecte les cheveux fragiles\u003c\/h3\u003e\n\u003cp\u003eSans alcool, sans sulfate, sans rinçage nécessaire. Vous pouvez l'utiliser quotidiennement sans risque d'altérer la fibre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ldbc-section\"\u003e\n\u003ch2\u003eLes ingrédients clés : simples, efficaces, bio\u003c\/h2\u003e\n\u003cp class=\"soi-ldbc-section-intro\"\u003eCentifolia mise sur une formule épurée à 99% d'ingrédients d'origine naturelle, certifiée bio. Deux actifs font toute la différence :\u003c\/p\u003e\n\u003cdiv class=\"soi-ldbc-grid\"\u003e\n\u003cdiv class=\"soi-ldbc-card\"\u003e\n\u003ch3\u003e🍇 Vinaigre de framboise bio\u003c\/h3\u003e\n\u003cp\u003eL'actif star de cette lotion. Légèrement acide, il resserre les écailles du cheveu après lavage, exactement comme un rinçage au vinaigre de cidre mais en version subtile et fruitée. Résultat : cuticules lisses, brillance amplifiée, toucher soyeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-card\"\u003e\n\u003ch3\u003e🧪 Acide lactique\u003c\/h3\u003e\n\u003cp\u003eIl rééquilibre le pH du cuir chevelu et du cheveu après le shampooing (souvent trop alcalin), ce qui facilite le glissement des fibres entre elles et limite les frisottis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-tip\"\u003e\n\u003cdiv class=\"soi-ldbc-tip-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eEngagement écoresponsable\u003c\/strong\u003e\n\u003cp\u003eLa formule est biodégradable, conditionnée dans un flacon 100% recyclé et recyclable. Un geste utile pour vos cheveux, cohérent pour la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ldbc-section\"\u003e\n\u003ch2\u003eComment utiliser ce démêlant bio sans rinçage ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-ldbc-timeline\"\u003e\n\u003cdiv class=\"soi-ldbc-step\"\u003e\n\u003cdiv class=\"soi-ldbc-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-step-content\"\u003e\n\u003ch3\u003eVaporisez\u003c\/h3\u003e\n\u003cp\u003eAppliquez la lotion sur cheveux propres et humides, après le shampooing, en insistant sur les longueurs et les pointes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-step\"\u003e\n\u003cdiv class=\"soi-ldbc-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-step-content\"\u003e\n\u003ch3\u003eDémêlez\u003c\/h3\u003e\n\u003cp\u003ePassez un peigne à dents larges en partant des pointes vers les racines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-step\"\u003e\n\u003cdiv class=\"soi-ldbc-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-step-content\"\u003e\n\u003ch3\u003eLaissez agir\u003c\/h3\u003e\n\u003cp\u003eNe rincez pas. Laissez sécher naturellement ou coiffez comme à votre habitude.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-tip\"\u003e\n\u003cdiv class=\"soi-ldbc-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003eCe spray peut également s'utiliser sur cheveux secs pour raviver la brillance en cours de journée. Il convient à tous les types de cheveux : fins, épais, lisses, ondulés, colorés ou sensibilisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ldbc-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cp\u003eAqua, Rubus Idaeus Fruit Vinegar*, Lactic Acid, Sodium Benzoate, Potassium Sorbate, Parfum.\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e*Ingrédient issu de l'agriculture biologique. 99% des ingrédients sont d'origine naturelle. Certifié par Ecocert Greenlife selon le référentiel Cosmos Organic.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ldbc-section\"\u003e\n\u003ch2\u003ePour qui est ce démêlant cheveux bio ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-ldbc-grid\"\u003e\n\u003cdiv class=\"soi-ldbc-card\"\u003e\n\u003ch3\u003e🧑 Cheveux qui s'emmêlent facilement\u003c\/h3\u003e\n\u003cp\u003eVous perdez du temps chaque matin à démêler ? Ce spray libère les nœuds au premier passage du peigne, sans tirer ni casser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-card\"\u003e\n\u003ch3\u003e🌸 Cuir chevelu sensible\u003c\/h3\u003e\n\u003cp\u003eVotre cuir chevelu réagit aux formules chargées en silicones ou en alcool ? Cette lotion sans sulfate et sans silicone respecte les fibres les plus fragiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-card\"\u003e\n\u003ch3\u003e👧 Enfants aux cheveux fins\u003c\/h3\u003e\n\u003cp\u003eLes petits qui pleurent au moment du brossage y trouveront aussi leur compte : un démêlage tout en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ldbc-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"soi-ldbc-grid-compact\"\u003e\n\u003cdiv class=\"soi-ldbc-card-mini\"\u003e\n\u003cspan class=\"soi-ldbc-card-mini-icon\"\u003e📏\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-card-mini-label\"\u003eContenance\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-card-mini-value\"\u003e200 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-card-mini\"\u003e\n\u003cspan class=\"soi-ldbc-card-mini-icon\"\u003e💨\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-card-mini-label\"\u003eFormat\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-card-mini-value\"\u003eSpray pompe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-card-mini\"\u003e\n\u003cspan class=\"soi-ldbc-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-card-mini-value\"\u003eFrance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-card-mini\"\u003e\n\u003cspan class=\"soi-ldbc-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-card-mini-label\"\u003eFlacon\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-card-mini-value\"\u003e100% recyclé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-compo\"\u003e\n\u003cdiv class=\"soi-ldbc-compo-row\"\u003e\n\u003cspan class=\"soi-ldbc-compo-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-compo-value\"\u003eCosmos Organic (Ecocert Greenlife)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-compo-row\"\u003e\n\u003cspan class=\"soi-ldbc-compo-label\"\u003eEngagement\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-compo-value\"\u003eVegan, sans alcool, sans sulfate, sans silicone\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-ldbc-compo-row\"\u003e\n\u003cspan class=\"soi-ldbc-compo-label\"\u003eÉcoconception\u003c\/span\u003e\n\u003cspan class=\"soi-ldbc-compo-value\"\u003eFlacon recyclé et recyclable à 100%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ldbc-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-ldbc-cta-box\"\u003e\n\u003cp class=\"soi-ldbc-cta-tag\" style=\"color: white;\"\u003eUn soin capillaire honnête et certifié bio\u003c\/p\u003e\n\u003cp class=\"soi-ldbc-cta-text\" style=\"color: white;\"\u003eVos cheveux méritent mieux qu'une formule chargée en silicones. Avec cette lotion démêlante Centifolia, optez pour deux actifs naturels, une application en quelques secondes, et des cheveux plus doux, plus lumineux dès la première utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-ldbc-marine: #1A2D3D;\n  --soi-ldbc-marine-dark: #0F1E2B;\n  --soi-ldbc-marine-light: #2C4458;\n  --soi-ldbc-pomme: #A1C544;\n  --soi-ldbc-pomme-dark: #84A636;\n  --soi-ldbc-pomme-light: rgba(161,197,68,0.10);\n  --soi-ldbc-white: #FFFFFF;\n  --soi-ldbc-off-white: #F8FAF6;\n  --soi-ldbc-stone: #F1F3EE;\n  --soi-ldbc-line: #E5E8E0;\n  --soi-ldbc-primary: #C43B6A;\n  --soi-ldbc-primary-soft: rgba(196,59,106,0.08);\n  --soi-ldbc-accent: #8B2D4A;\n  --soi-ldbc-text: #1A2D3D;\n  --soi-ldbc-text-soft: #4A5B6B;\n  --soi-ldbc-text-muted: #7B8693;\n  --soi-ldbc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-ldbc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-ldbc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-ldbc-radius: 12px;\n  --soi-ldbc-radius-sm: 8px;\n  --soi-ldbc-radius-pill: 999px;\n}\n\n.soi-ldbc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ldbc-fiche img { max-width: 100%; height: auto; }\n\n.soi-ldbc-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-ldbc-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-ldbc-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-ldbc-hero {\n  position: relative;\n  background: var(--soi-ldbc-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-ldbc-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-ldbc-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-ldbc-pomme);\n}\n\n.soi-ldbc-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-ldbc-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-ldbc-pomme);\n  border-radius: 50%;\n}\n\n.soi-ldbc-hero-title {\n  display: block;\n  color: var(--soi-ldbc-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-ldbc-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-ldbc-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-ldbc-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-ldbc-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-ldbc-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-ldbc-label-accent {\n  background: var(--soi-ldbc-pomme);\n  border-color: var(--soi-ldbc-pomme);\n  color: var(--soi-ldbc-marine);\n  font-weight: 600;\n}\n\n.soi-ldbc-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-ldbc-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-ldbc-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-ldbc-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-ldbc-pomme);\n  border-radius: 2px;\n}\n\n.soi-ldbc-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-ldbc-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-ldbc-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-ldbc-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-ldbc-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-ldbc-section p em {\n  font-size: clamp(12px, 1.8vw, 13px);\n  color: var(--soi-ldbc-text-muted);\n}\n\n.soi-ldbc-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-ldbc-benefit {\n  background: var(--soi-ldbc-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-ldbc-radius);\n  border: 1px solid var(--soi-ldbc-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-ldbc-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-ldbc-shadow-md);\n}\n\n.soi-ldbc-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-ldbc-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-ldbc-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-ldbc-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-ldbc-benefit:hover .soi-ldbc-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-ldbc-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-ldbc-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-ldbc-benefit p {\n  font-size: 13px;\n  color: var(--soi-ldbc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-ldbc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-ldbc-card {\n  background: var(--soi-ldbc-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ldbc-radius);\n  border-left: 3px solid var(--soi-ldbc-pomme);\n}\n\n.soi-ldbc-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-ldbc-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-ldbc-card p {\n  font-size: 14px;\n  color: var(--soi-ldbc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-ldbc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.25rem;\n}\n\n.soi-ldbc-card-mini {\n  background: var(--soi-ldbc-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-ldbc-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-ldbc-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-ldbc-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-ldbc-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-ldbc-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-ldbc-marine);\n}\n\n.soi-ldbc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-ldbc-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-ldbc-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ldbc-radius);\n  border: 1px solid var(--soi-ldbc-line);\n  align-items: flex-start;\n}\n\n.soi-ldbc-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-ldbc-marine);\n  color: var(--soi-ldbc-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-ldbc-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-ldbc-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-ldbc-step-content p {\n  font-size: 14px;\n  color: var(--soi-ldbc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-ldbc-compo {\n  background: var(--soi-ldbc-off-white);\n  border-radius: var(--soi-ldbc-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-ldbc-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-ldbc-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-ldbc-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-ldbc-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-ldbc-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-ldbc-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-ldbc-marine);\n  text-align: right;\n}\n\n.soi-ldbc-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-ldbc-pomme-light);\n  border-left: 4px solid var(--soi-ldbc-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-ldbc-radius) var(--soi-ldbc-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-ldbc-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-ldbc-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-ldbc-marine);\n  margin-bottom: 4px;\n}\n\n.soi-ldbc-tip p {\n  font-size: 14px;\n  color: var(--soi-ldbc-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-ldbc-cta-box {\n  background: var(--soi-ldbc-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-ldbc-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-ldbc-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-ldbc-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-ldbc-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-ldbc-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-ldbc-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-ldbc-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-ldbc-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-ldbc-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-ldbc-compo-value {\n    text-align: left;\n  }\n\n  .soi-ldbc-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-ldbc-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-ldbc-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-ldbc-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-ldbc-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-ldbc-fiche {\n    --soi-ldbc-text-soft: #2C3E50;\n    --soi-ldbc-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603165274442,"sku":"CE0265","price":8.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/lotion-demelante-brillance-certifiee-bio-centifolia-packshot.webp?v=1785765893"},{"product_id":"baume-demelant-centifolia","title":"Baume démêlant Après-shampoing Brillance certifié bio – Centifolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0271_c6a04b71-f2c7-4bb0-aeb4-7cf7e7069da4.jpg?v=1776180389\" alt=\"Photo d'une brosse à cheveux\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eBaume démêlant bio\u003c\/strong\u003e de Centifolia est un soin capillaire conçu pour illuminer et démêler en douceur tous les types de cheveux, y compris les cheveux bouclés. Sa formule innovante et respectueuse de l'environnement en fait un produit incontournable pour sublimer votre chevelure.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques principales du baume démêlant Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule douce et biodégradable :\u003c\/strong\u003e Respectueuse de l'environnement, cette formule préserve la planète tout en prenant soin de vos cheveux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnrichi en extrait de Framboise BIO :\u003c\/strong\u003e Issu de la pulpe de framboises fraîches, cet extrait redonne éclat et brillance aux cheveux ternes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKératine Végétale :\u003c\/strong\u003e Cet ingrédient clé préserve la structure interne du cheveu et limite l'altération des protéines, composants majeurs de la fibre capillaire, pour une chevelure plus douce et légère.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits du baume démêlant\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDémêlage en douceur :\u003c\/strong\u003e ce baume facilite le démêlage sans alourdir les cheveux, les laissant légers et faciles à coiffer.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFibre capillaire lissée :\u003c\/strong\u003e il lisse la fibre capillaire, laissant les cheveux doux, brillants et éclatants de beauté.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrévention de la casse :\u003c\/strong\u003e en évitant les démêlages agressifs, il prévient la casse des cheveux et réduit la douleur liée à cette étape de la routine capillaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNourrissant et revitalisant :\u003c\/strong\u003e nourrit en profondeur la fibre capillaire, la répare et la revitalise, pour des cheveux visiblement en meilleure santé.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603166814538,"sku":"CE0272","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/centifolia_ce0272_baume-demelant_apres-shampoing_brillanche_2c75bc52-3236-4d07-8883-fbea647e973a.jpg?v=1778842809"},{"product_id":"creme-riche-bio-centifolia","title":"Crème riche certifiée bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLa Crème riche Éclat de Rose de Centifolia\u003c\/strong\u003e, disponible\u003cstrong\u003e en format de 50 ml et certifié Cosmos Organic\u003c\/strong\u003e par Ecocert, est une source inépuisable d’hydratation et d’éclat pour la peau. Sa\u003cstrong\u003e texture onctueuse\u003c\/strong\u003e offre un fini velouté, tandis que son parfum subtil ajoute une touche de raffinement à chaque application. Idéale pour les peaux normales à sèches, même les plus sensibles, cette crème riche\u003cstrong\u003e hydrate intensément et durablement\u003c\/strong\u003e, tout en lissant et illuminant la peau.\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_CE0398_8cfbaaa0-65db-4ab4-a887-4e859d143d0c.jpg?v=1776180497\" alt=\"Photo d'une femme qui se met de la crème sur son visage\" 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\u003eLes actifs clés de le Crème riche certifiée bio Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: square;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRose Centifolia (Rose aux « Cent Feuilles »)\u003c\/strong\u003e :\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003ePropriétés :\u003c\/span\u003e éclaircissantes, hydratantes, antioxydantes, apaisantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eParticularité :\u003c\/span\u003e cueillie à la main à l'aube, moment où sa concentration en composés actifs est maximale, pour une efficacité optimale.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul style=\"list-style-type: square;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcide Hyaluronique d’origine naturelle\u003c\/strong\u003e :\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003ePropriétés :\u003c\/span\u003e capte jusqu’à 1000 fois son poids en eau, maintenant ainsi une hydratation optimale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eEffets :\u003c\/span\u003e comble l’espace entre les fibres de collagène, améliorant l’apparence visuelle de la peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul style=\"list-style-type: square;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine C\u003c\/strong\u003e :\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003ePropriétés :\u003c\/span\u003e puissante activité antioxydante, neutralise les radicaux libres causés par le soleil, la pollution et le stress.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eEffets :\u003c\/span\u003e prévient le vieillissement prématuré de la peau et améliore l’éclat du teint en inhibant la surproduction de mélanine due aux UV.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits de la Crème riche Éclat de Rose \u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation intense\u003c\/strong\u003e : maintient l’hydratation de la peau grâce à l’acide hyaluronique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTeint éclatant\u003c\/strong\u003e : la Rose Centifolia et la vitamine C travaillent en synergie pour un teint lumineux et uniforme.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection antioxydante\u003c\/strong\u003e : la vitamine C protège la peau des agressions extérieures, réduisant les signes de vieillissement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDouceur et confort\u003c\/strong\u003e : sa texture onctueuse et son fini velouté procurent une sensation de confort à chaque application.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eOffrez à votre peau le soin qu’elle mérite avec \u003cstrong\u003ela Crème riche Éclat de Rose de Centifolia\u003c\/strong\u003e. Une alliance parfaite d’actifs naturels pour \u003cstrong\u003eune peau éclatante de santé, intensément hydratée et protégée\u003c\/strong\u003e contre les signes de l’âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603231334730,"sku":"CE0398","price":22.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/c_r_creme-riche-eclat-de-rose_1_24_9f4c5a65-34e3-4ca0-b64d-a45f2d792791.jpg?v=1778842824"},{"product_id":"dentifrice-fruits-rouges-special-enfants-certifie-bio-centifolia","title":"Dentifrice fruits rouges spécial enfants certifié bio - Centifolia","description":"\u003cdiv class=\"soi-cfdent-fiche\"\u003e\n\n  \u003csection class=\"soi-cfdent-hero\"\u003e\n    \u003cdiv class=\"soi-cfdent-hero-tag\"\u003e\n      \u003cspan class=\"soi-cfdent-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène bucco-dentaire enfant · Centifolia Kids\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-cfdent-hero-title\"\u003eDes dents de lait brossées en douceur\u003c\/span\u003e\n    \u003cp class=\"soi-cfdent-hero-subtitle\"\u003ePensé pour les enfants de 2 à 6 ans, ce dentifrice au goût naturel de fruits rouges associe une texture douce pour les dents de lait à une formule bio, vegan et sans fluor, fabriquée en France.\u003c\/p\u003e\n    \u003cdiv class=\"soi-cfdent-hero-labels\"\u003e\n      \u003cspan class=\"soi-cfdent-label soi-cfdent-label-accent\"\u003eBIO COSMÉBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-cfdent-label\"\u003eSANS FLUOR\u003c\/span\u003e\n      \u003cspan class=\"soi-cfdent-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-cfdent-label\"\u003e100 % ORIGINE NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-cfdent-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-cfdent-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce dentifrice bio sans fluor pour votre enfant ?\u003c\/h2\u003e\n    \u003cp class=\"soi-cfdent-section-intro\"\u003ePour bien choisir le dentifrice de votre enfant de 2 ans, trois critères comptent : un goût qu'il accepte, une formule douce et un format adapté à son âge. Voici ce que ce tube de 75 ml vous apporte.\u003c\/p\u003e\n    \u003cdiv class=\"soi-cfdent-benefits\"\u003e\n      \u003cdiv class=\"soi-cfdent-benefit\"\u003e\n        \u003cdiv class=\"soi-cfdent-benefit-icon\"\u003e\u003cspan\u003e🍓\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eUn goût naturel de fruits rouges\u003c\/h3\u003e\n        \u003cp\u003ePlus agréable que la menthe forte pour les petites papilles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cfdent-benefit\"\u003e\n        \u003cdiv class=\"soi-cfdent-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eDe l'extrait d'aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003ePour un nettoyage doux qui respecte les gencives sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cfdent-benefit\"\u003e\n        \u003cdiv class=\"soi-cfdent-benefit-icon\"\u003e\u003cspan\u003e🦷\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eUne formule non abrasive\u003c\/h3\u003e\n        \u003cp\u003eAdaptée à l'émail fragile des dents de lait.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cfdent-benefit\"\u003e\n        \u003cdiv class=\"soi-cfdent-benefit-icon\"\u003e\u003cspan\u003e👩‍⚕️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApprouvée par un chirurgien-dentiste\u003c\/h3\u003e\n        \u003cp\u003eUne formulation validée par un professionnel et labellisée Cosmébio.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cfdent-benefit\"\u003e\n        \u003cdiv class=\"soi-cfdent-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eUne formule vegan\u003c\/h3\u003e\n        \u003cp\u003eComposée de 100 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-cfdent-note\"\u003eLes tests d'usage menés par la marque rapportent un brossage agréable et bien accepté par les enfants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-cfdent-section\"\u003e\n    \u003ch2\u003eComposition : ce que contient (et ne contient pas) ce dentifrice\u003c\/h2\u003e\n    \u003cdiv class=\"soi-cfdent-compo\"\u003e\n      \u003cdiv class=\"soi-cfdent-compo-row\"\u003e\n        \u003cspan class=\"soi-cfdent-compo-label\"\u003eActif mis en avant\u003c\/span\u003e\n        \u003cspan class=\"soi-cfdent-compo-value\"\u003eExtrait d'aloe vera bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cfdent-compo-row\"\u003e\n        \u003cspan class=\"soi-cfdent-compo-label\"\u003eArôme\u003c\/span\u003e\n        \u003cspan class=\"soi-cfdent-compo-value\"\u003eArôme naturel de fruits rouges\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cfdent-compo-row\"\u003e\n        \u003cspan class=\"soi-cfdent-compo-label\"\u003eFluor\u003c\/span\u003e\n        \u003cspan class=\"soi-cfdent-compo-value\"\u003eSans fluor\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cfdent-compo-row\"\u003e\n        \u003cspan class=\"soi-cfdent-compo-label\"\u003eIngrédients\u003c\/span\u003e\n        \u003cspan class=\"soi-cfdent-compo-value\"\u003e100 % d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cfdent-compo-row\"\u003e\n        \u003cspan class=\"soi-cfdent-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-cfdent-compo-value\"\u003eBio (Cosmébio)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cfdent-compo-row\"\u003e\n        \u003cspan class=\"soi-cfdent-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-cfdent-compo-value\"\u003e75 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cfdent-compo-row\"\u003e\n        \u003cspan class=\"soi-cfdent-compo-label\"\u003eDosage recommandé\u003c\/span\u003e\n        \u003cspan class=\"soi-cfdent-compo-value\"\u003eUne noisette de la taille d'un petit pois par brossage, pas plus\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-cfdent-note\"\u003eL'absence de fluor est un choix à discuter avec votre dentiste ou votre pédiatre, selon les apports en fluor de votre enfant. La liste INCI complète figure au dos du tube : consultez-la avant la première utilisation, surtout en cas d'allergie connue.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-cfdent-section\"\u003e\n    \u003ch2\u003eComment brosser les dents de votre enfant, étape par étape\u003c\/h2\u003e\n    \u003cdiv class=\"soi-cfdent-timeline\"\u003e\n      \u003cdiv class=\"soi-cfdent-step\"\u003e\n        \u003cdiv class=\"soi-cfdent-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-cfdent-step-content\"\u003e\n          \u003ch3\u003eDéposez une noisette\u003c\/h3\u003e\n          \u003cp\u003ePlacez une noisette de dentifrice sur une brosse à dents souple, adaptée à son âge.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cfdent-step\"\u003e\n        \u003cdiv class=\"soi-cfdent-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-cfdent-step-content\"\u003e\n          \u003ch3\u003eRestez présent\u003c\/h3\u003e\n          \u003cp\u003eLe brossage se fait toujours sous la surveillance d'un adulte.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cfdent-step\"\u003e\n        \u003cdiv class=\"soi-cfdent-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-cfdent-step-content\"\u003e\n          \u003ch3\u003eBrossez 2 minutes\u003c\/h3\u003e\n          \u003cp\u003eEn douceur, sur toutes les faces des dents et près des gencives.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cfdent-step\"\u003e\n        \u003cdiv class=\"soi-cfdent-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-cfdent-step-content\"\u003e\n          \u003ch3\u003eApprenez-lui à recracher\u003c\/h3\u003e\n          \u003cp\u003eMontrez-lui comment recracher l'excédent, puis rincer sa bouche.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cfdent-tip\"\u003e\n      \u003cdiv class=\"soi-cfdent-tip-icon\"\u003e♪\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour que ce moment reste un jeu, laissez votre enfant choisir sa brosse, chantez une chanson de 2 minutes ou transformez le brossage en mission de super-héros, comme sur le tube.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-cfdent-section\"\u003e\n    \u003ch2\u003eDentifrice maison, tooth mousse, MIH : comment s'y retrouver ?\u003c\/h2\u003e\n    \u003cp class=\"soi-cfdent-section-intro\"\u003eFace à la quantité de choix, voici quelques repères concrets.\u003c\/p\u003e\n    \u003cdiv class=\"soi-cfdent-grid\"\u003e\n      \u003cdiv class=\"soi-cfdent-card\"\u003e\n        \u003ch3\u003eDentifrice maison enfant\u003c\/h3\u003e\n        \u003cp\u003eLes recettes au bicarbonate ou au charbon peuvent se révéler abrasives pour l'émail des dents de lait. Une formule étudiée pour l'enfant est plus rassurante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cfdent-card\"\u003e\n        \u003ch3\u003eDentifrice d'éléphant enfant\u003c\/h3\u003e\n        \u003cp\u003eIl s'agit d'une expérience scientifique spectaculaire à faire en famille, mais en aucun cas d'un dentifrice.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cfdent-card\"\u003e\n        \u003ch3\u003eTooth Mousse, MIH ou 900 Care\u003c\/h3\u003e\n        \u003cp\u003eCes produits répondent à des besoins précis. En cas de MIH (hypominéralisation des molaires) ou de dents fragilisées, suivez les conseils de votre dentiste.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cfdent-card\"\u003e\n        \u003ch3\u003eDentifrice anti-carie enfant\u003c\/h3\u003e\n        \u003cp\u003eAucun dentifrice ne fait tout seul. Un brossage régulier, des goûters moins sucrés et une visite annuelle chez le dentiste restent les meilleurs alliés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-cfdent-note\"\u003eSi vous comparez avec un dentifrice pour enfant Weleda, un dentifrice La Rosée enfant ou une référence trouvée chez Intermarché, regardez la composition, la présence ou non de fluor, la certification bio et surtout le goût que votre enfant accepte.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-cfdent-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce dentifrice ?\u003c\/h2\u003e\n    \u003cp\u003eIl convient aux \u003cstrong\u003eenfants de 2 à 6 ans\u003c\/strong\u003e qui apprennent à se brosser les dents, aux familles qui privilégient les cosmétiques bio et vegan, ainsi qu'à celles qui souhaitent une solution sans fluor, en accord avec leur professionnel de santé.\u003c\/p\u003e\n    \u003cdiv class=\"soi-cfdent-accordion\"\u003e\n      \u003cdetails class=\"soi-cfdent-accordion-item\"\u003e\n        \u003csummary class=\"soi-cfdent-accordion-header\"\u003ePrécautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-cfdent-accordion-content\"\u003e\n          \u003cp\u003eCe produit d'hygiène ne remplace ni un suivi dentaire ni un traitement médical. En cas de douleur, de tache ou de caries suspectées, consultez un chirurgien-dentiste.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-cfdent-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-cfdent-cta-box\"\u003e\n      \u003cp class=\"soi-cfdent-cta-tag\" style=\"color: white;\"\u003eUn brossage sans grimace, un sourire en confiance\u003c\/p\u003e\n      \u003cp class=\"soi-cfdent-cta-text\" style=\"color: white;\"\u003eAvec son goût de fruits rouges et son aloe vera bio, ce dentifrice fait du brossage un moment de complicité, pour construire jour après jour de bonnes habitudes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.soi-cfdent-fiche {\n  --soi-cfdent-marine: #1A2D3D;\n  --soi-cfdent-marine-dark: #0F1E2B;\n  --soi-cfdent-marine-light: #2C4458;\n  --soi-cfdent-pomme: #A1C544;\n  --soi-cfdent-pomme-dark: #84A636;\n  --soi-cfdent-pomme-light: rgba(161,197,68,0.10);\n  --soi-cfdent-white: #FFFFFF;\n  --soi-cfdent-off-white: #F8FAF6;\n  --soi-cfdent-stone: #F1F3EE;\n  --soi-cfdent-line: #E5E8E0;\n  --soi-cfdent-primary: #A3195B;\n  --soi-cfdent-primary-soft: rgba(163,25,91,0.08);\n  --soi-cfdent-accent: #E89A2E;\n  --soi-cfdent-text: #1A2D3D;\n  --soi-cfdent-text-soft: #4A5B6B;\n  --soi-cfdent-text-muted: #7B8693;\n  --soi-cfdent-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-cfdent-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-cfdent-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-cfdent-radius: 12px;\n  --soi-cfdent-radius-sm: 8px;\n  --soi-cfdent-radius-pill: 999px;\n}\n\n.soi-cfdent-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cfdent-fiche img { max-width: 100%; height: auto; }\n\n.soi-cfdent-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-cfdent-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-cfdent-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-cfdent-hero {\n  position: relative;\n  background: var(--soi-cfdent-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-cfdent-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-cfdent-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: linear-gradient(90deg, var(--soi-cfdent-pomme) 0%, var(--soi-cfdent-pomme) 70%, var(--soi-cfdent-primary) 100%);\n}\n\n.soi-cfdent-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-cfdent-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-cfdent-pomme);\n  border-radius: 50%;\n}\n\n.soi-cfdent-hero-title {\n  display: block;\n  color: var(--soi-cfdent-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(24px, 5vw, 35px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-cfdent-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-cfdent-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-cfdent-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-cfdent-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-cfdent-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-cfdent-label-accent {\n  background: var(--soi-cfdent-pomme);\n  border-color: var(--soi-cfdent-pomme);\n  color: var(--soi-cfdent-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-cfdent-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cfdent-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-cfdent-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-cfdent-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-cfdent-pomme);\n  border-radius: 2px;\n}\n\n.soi-cfdent-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-cfdent-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-cfdent-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-cfdent-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-cfdent-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-cfdent-section strong {\n  color: var(--soi-cfdent-marine);\n  font-weight: 600;\n}\n\n.soi-cfdent-section .soi-cfdent-note {\n  margin-top: 1.25rem;\n  font-size: clamp(13px, 1.8vw, 14px);\n  color: var(--soi-cfdent-text-soft);\n}\n\n\/* === BENEFITS === *\/\n.soi-cfdent-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-cfdent-benefit {\n  background: var(--soi-cfdent-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-cfdent-radius);\n  border: 1px solid var(--soi-cfdent-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cfdent-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-cfdent-shadow-md);\n}\n\n.soi-cfdent-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-cfdent-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-cfdent-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-cfdent-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-cfdent-benefit:hover .soi-cfdent-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-cfdent-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-cfdent-marine);\n  margin-bottom: 0.5rem;\n  line-height: 1.35;\n}\n\n.soi-cfdent-section .soi-cfdent-benefit p {\n  font-size: 14px;\n  color: var(--soi-cfdent-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-cfdent-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-cfdent-card {\n  background: var(--soi-cfdent-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-cfdent-radius);\n  border-left: 3px solid var(--soi-cfdent-pomme);\n}\n\n.soi-cfdent-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-cfdent-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-cfdent-section .soi-cfdent-card p {\n  font-size: 14px;\n  color: var(--soi-cfdent-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-cfdent-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-cfdent-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-cfdent-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-cfdent-radius);\n  border: 1px solid var(--soi-cfdent-line);\n  align-items: flex-start;\n}\n\n.soi-cfdent-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-cfdent-marine);\n  color: var(--soi-cfdent-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-cfdent-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-cfdent-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-cfdent-section .soi-cfdent-step-content p {\n  font-size: 15px;\n  color: var(--soi-cfdent-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-cfdent-compo {\n  background: var(--soi-cfdent-off-white);\n  border-radius: var(--soi-cfdent-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-cfdent-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-cfdent-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-cfdent-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-cfdent-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-cfdent-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-cfdent-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-cfdent-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-cfdent-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-cfdent-pomme-light);\n  border-left: 4px solid var(--soi-cfdent-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-cfdent-radius) var(--soi-cfdent-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-cfdent-tip-icon {\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background: var(--soi-cfdent-primary-soft);\n  color: var(--soi-cfdent-primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  line-height: 1;\n}\n\n.soi-cfdent-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-cfdent-marine);\n  margin-bottom: 4px;\n}\n\n.soi-cfdent-section .soi-cfdent-tip p {\n  font-size: 15px;\n  color: var(--soi-cfdent-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-cfdent-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 1.25rem;\n}\n\n.soi-cfdent-accordion-item {\n  background: var(--soi-cfdent-off-white);\n  border-radius: var(--soi-cfdent-radius-sm);\n  border: 1px solid var(--soi-cfdent-line);\n  overflow: hidden;\n}\n\n.soi-cfdent-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-cfdent-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-cfdent-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-cfdent-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-cfdent-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-cfdent-accordion-item[open] .soi-cfdent-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-cfdent-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-cfdent-section .soi-cfdent-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-cfdent-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-cfdent-cta-box {\n  background: var(--soi-cfdent-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-cfdent-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-cfdent-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-cfdent-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-cfdent-section .soi-cfdent-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-cfdent-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-cfdent-section .soi-cfdent-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-cfdent-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-cfdent-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-cfdent-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-cfdent-compo-value {\n    text-align: left;\n  }\n\n  .soi-cfdent-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-cfdent-fiche * {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-cfdent-fiche {\n    --soi-cfdent-text-soft: #2C3E50;\n    --soi-cfdent-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603231957322,"sku":"CE0601","price":4.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dentifrice-fruits-rouges-special-enfants-certifie-bio-centif-packshot.webp?v=1793555399"},{"product_id":"baume-corps-sos-centifolia","title":"Baume corps SOS certifié bio- Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eDécouvrez le \u003cstrong\u003eBaume Corps SOS de Centifolia\u003c\/strong\u003e, une solution \u003cstrong\u003elabellisé Cosmébio\u003c\/strong\u003e par Ecocert, qui apporte douceur et hydratation pour toute la famille. Ce baume \u003cstrong\u003eultra-riche et délicatement parfumé\u003c\/strong\u003e pénètre rapidement sans laisser de film gras, apportant un confort immédiat aux peaux sèches et fragilisées.\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_CE0407_57e9cdce-3516-46b0-944e-d532a895a449.jpg?v=1776180510\" alt=\"Photo d'une maman qui met de la crème à son enfant\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits du Baume Corps SOS Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation intense :\u003c\/strong\u003e nourrit et hydrate en profondeur les peaux sèches et sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApaisement instantané :\u003c\/strong\u003e réduit les sensations de tiraillement et d'inconfort dès la première application.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAbsorption rapide :\u003c\/strong\u003e sa texture fondante permet une application facile et une absorption rapide sans laisser de résidu gras.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConfort et souplesse :\u003c\/strong\u003e la peau retrouve son confort et sa souplesse naturelle.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cstrong\u003eIngrédients clés du Baume\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGinkgo Biloba Bio :\u003c\/strong\u003e originaire d'Asie, cet arbre aux mille écus est riche en flavonoïdes, offrant d'importantes propriétés antioxydantes, hydratantes, apaisantes et protectrices.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeurre de Karité :\u003c\/strong\u003e connu pour ses propriétés nourrissantes et régénératrices, idéal pour les peaux sèches et abîmées.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeurre de Cacao :\u003c\/strong\u003e offre une hydratation profonde et protège la peau des agressions extérieures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloe Vera :\u003c\/strong\u003e apaisant et hydratant, il aide à calmer les irritations et à régénérer la peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdapté à toute la famille :\u003c\/strong\u003e convient à tous les types de peaux, y compris les plus sensibles. Recommandé à partir de 3 ans.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormat généreux :\u003c\/strong\u003e disponible en pot de 200 ml, parfait pour un usage quotidien en famille.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEngagement environnemental :\u003c\/strong\u003e produit 100% vegan avec un emballage réduit en plastique (-75%).\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eOffrez à votre peau le soin qu'elle mérite avec le \u003cstrong\u003eBaume Corps SOS de Centifolia\u003c\/strong\u003e, pour une \u003cstrong\u003ehydratation\u003c\/strong\u003e et un \u003cstrong\u003econfort\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603261415754,"sku":"CE0407","price":13.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0407_centifolia_baume_276c8de0-102f-4edb-9e03-787e99d6c504.jpg?v=1778842836"},{"product_id":"serum-booster-hydratation-centifolia","title":"Sérum Booster d'Hydratation bio - Éclat de Rose - Centifolia","description":"\n\n\u003cdiv class=\"soi-rose-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-rose-hero\"\u003e\n    \u003cdiv class=\"soi-rose-hero-tag\"\u003e\n      \u003cspan class=\"soi-rose-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique visage · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-rose-hero-title\"\u003eSérum Booster d'Hydratation Éclat de Rose®\u003c\/span\u003e\n    \u003cp class=\"soi-rose-hero-subtitle\"\u003eTrois actifs précieux réunis dans une texture fluide et légère pour repulper, illuminer et apaiser votre peau au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-rose-hero-labels\"\u003e\n      \u003cspan class=\"soi-rose-label soi-rose-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-rose-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-rose-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-rose-label\"\u003e30 ML\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Pourquoi ce sérum se démarque --\u003e\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003ch2\u003ePourquoi ce sérum booster d'hydratation se démarque\u003c\/h2\u003e\n    \u003cp\u003eLà où de nombreux sérums hydratants se contentent d'une action de surface, le sérum Centifolia combine trois actifs à fort potentiel dans une texture fluide ultra-légère qui pénètre instantanément sans laisser de résidu gras. Résultat : une peau visiblement repulpée, plus lisse et lumineuse, sans effet collant ni surcharge.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Les 3 actifs clés --\u003e\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003ch2\u003eLes 3 actifs clés du sérum Éclat de Rose®\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rose-timeline\"\u003e\n      \u003cdiv class=\"soi-rose-step\"\u003e\n        \u003cdiv class=\"soi-rose-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-rose-step-content\"\u003e\n          \u003ch3\u003eRose Centifolia biologique\u003c\/h3\u003e\n          \u003cp\u003eCueillie à la main à maturité optimale, cette \"rose aux cent feuilles\" est riche en actifs antioxydants et apaisants. Elle unifie le teint, calme les rougeurs et apporte une hydratation durable à la peau fragilisée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-step\"\u003e\n        \u003cdiv class=\"soi-rose-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-rose-step-content\"\u003e\n          \u003ch3\u003eAcide hyaluronique d'origine naturelle\u003c\/h3\u003e\n          \u003cp\u003eCapable de retenir jusqu'à 1 000 fois son poids en eau, il comble les espaces entre les fibres de collagène pour une hydratation en profondeur et un effet repulpant visible. Votre peau retrouve sa souplesse et son rebond.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-step\"\u003e\n        \u003cdiv class=\"soi-rose-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-rose-step-content\"\u003e\n          \u003ch3\u003eVitamine C\u003c\/h3\u003e\n          \u003cp\u003ePuissant antioxydant, elle neutralise les radicaux libres liés à la pollution et au stress oxydatif. Elle agit aussi sur les taches et l'homogénéité du teint pour un éclat naturel et durable.\u003c\/p\u003e\n        \u003c\/div\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-rose-section\"\u003e\n    \u003ch2\u003ePour qui est ce sérum hydratant bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rose-grid\"\u003e\n      \u003cdiv class=\"soi-rose-card\"\u003e\n        \u003ch3\u003e💧 Peaux déshydratées ou tiraillées\u003c\/h3\u003e\n        \u003cp\u003eQuelle que soit leur nature (sèche, mixte, normale), ce sérum apporte l'hydratation dont elles ont besoin pour retrouver confort et souplesse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-card\"\u003e\n        \u003ch3\u003e🌸 Peaux sensibles ou réactives\u003c\/h3\u003e\n        \u003cp\u003eSa formule douce convient aux peaux qui supportent mal les formules chargées, sans parfum agressif ni ingrédients controversés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-card\"\u003e\n        \u003ch3\u003e🏙️ Peaux exposées au stress environnemental\u003c\/h3\u003e\n        \u003cp\u003eClimatisation, pollution, changements de saison : ce sérum protège et préserve l'éclat de votre peau face aux agressions du quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-card\"\u003e\n        \u003ch3\u003e✨ Envie de renforcer votre routine\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez à décupler l'efficacité de votre crème hydratante existante ? Ce sérum s'utilise en complément pour en amplifier les bienfaits.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Comment utiliser --\u003e\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003ch2\u003eComment utiliser le sérum booster Centifolia ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rose-timeline\"\u003e\n      \u003cdiv class=\"soi-rose-step\"\u003e\n        \u003cdiv class=\"soi-rose-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-rose-step-content\"\u003e\n          \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n          \u003cp\u003eSur un visage propre et légèrement humide, appliquez 2 à 3 pressions de sérum, matin et\/ou soir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-step\"\u003e\n        \u003cdiv class=\"soi-rose-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-rose-step-content\"\u003e\n          \u003ch3\u003eTapotez délicatement\u003c\/h3\u003e\n          \u003cp\u003eDu bout des doigts, tapotez le sérum sans frotter pour favoriser l'absorption. Laissez poser quelques secondes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-step\"\u003e\n        \u003cdiv class=\"soi-rose-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-rose-step-content\"\u003e\n          \u003ch3\u003eComplétez votre routine\u003c\/h3\u003e\n          \u003cp\u003eAppliquez ensuite votre crème hydratante. Utilisé en synergie avec le Fluide Léger ou la Crème Riche Éclat de Rose® de Centifolia, il en décuple les effets illuminateurs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Nos engagements qualité --\u003e\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003ch2\u003eLes engagements qualité\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rose-benefits\"\u003e\n      \u003cdiv class=\"soi-rose-benefit\"\u003e\n        \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCertifié Cosmos Organic Ecocert\u003c\/h3\u003e\n        \u003cp\u003eGarantie d'une formule respectueuse de votre peau et de l'environnement, sans ingrédients controversés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-benefit\"\u003e\n        \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eÉlaboré selon des normes rigoureuses de cosmétique botanique, dans le respect du savoir-faire français.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-benefit\"\u003e\n        \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eEmballage éco-responsable\u003c\/h3\u003e\n        \u003cp\u003eFlacon recyclable, sans phtalates ni Bisphénol A. Un geste pour votre peau et pour la planète.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-benefit\"\u003e\n        \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e🤍\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eConvient aux peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eFormulé sans parfum agressif, il respecte les peaux les plus délicates tout en restant efficace.\u003c\/p\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-rose-section\"\u003e\n    \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rose-accordion\"\u003e\n      \u003cdetails class=\"soi-rose-accordion-item\" open\u003e\n        \u003csummary class=\"soi-rose-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"soi-rose-accordion-content\"\u003e\n          \u003cp\u003eAqua, Rosa Centifolia Flower Water*, Glycerin, Sodium Hyaluronate, Ascorbyl Glucoside (Vitamine C), Xanthan Gum, Benzyl Alcohol, Dehydroacetic Acid.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique. Certifié Cosmos Organic par Ecocert.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rose-compo\" style=\"margin-top: 1rem;\"\u003e\n      \u003cdiv class=\"soi-rose-compo-row\"\u003e\n        \u003cspan class=\"soi-rose-compo-label\"\u003eActif principal\u003c\/span\u003e\n        \u003cspan class=\"soi-rose-compo-value\"\u003eRose Centifolia biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-compo-row\"\u003e\n        \u003cspan class=\"soi-rose-compo-label\"\u003eActif hydratant\u003c\/span\u003e\n        \u003cspan class=\"soi-rose-compo-value\"\u003eAcide hyaluronique d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-compo-row\"\u003e\n        \u003cspan class=\"soi-rose-compo-label\"\u003eActif éclat\u003c\/span\u003e\n        \u003cspan class=\"soi-rose-compo-value\"\u003eVitamine C (Ascorbyl Glucoside)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-compo-row\"\u003e\n        \u003cspan class=\"soi-rose-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-rose-compo-value\"\u003e30 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-compo-row\"\u003e\n        \u003cspan class=\"soi-rose-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-rose-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- TIP --\u003e\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003cdiv class=\"soi-rose-tip\"\u003e\n      \u003cdiv class=\"soi-rose-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour décupler les bienfaits de ce sérum, associez-le au Fluide Léger ou à la Crème Riche Éclat de Rose® de Centifolia. Appliqué sur peau légèrement humide, il favorise une absorption optimale de ses actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-rose-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-rose-cta-box\"\u003e\n      \u003cp class=\"soi-rose-cta-tag\" style=\"color: white;\"\u003eVotre rituel d'hydratation certifié bio\u003c\/p\u003e\n      \u003cp class=\"soi-rose-cta-text\" style=\"color: white;\"\u003eOffrez à votre visage l'éclat qu'il mérite avec la douceur de la Rose Centifolia, la puissance de l'acide hyaluronique et l'énergie de la Vitamine C.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-rose-marine: #1A2D3D;\n  --soi-rose-marine-dark: #0F1E2B;\n  --soi-rose-marine-light: #2C4458;\n  --soi-rose-pomme: #A1C544;\n  --soi-rose-pomme-dark: #84A636;\n  --soi-rose-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-rose-white: #FFFFFF;\n  --soi-rose-off-white: #F8FAF6;\n  --soi-rose-stone: #F1F3EE;\n  --soi-rose-line: #E5E8E0;\n\n  --soi-rose-primary: #D4A8A4;\n  --soi-rose-primary-soft: #F0D5D1;\n  --soi-rose-accent: #E8B5A0;\n\n  --soi-rose-text: #1A2D3D;\n  --soi-rose-text-soft: #4A5B6B;\n  --soi-rose-text-muted: #7B8693;\n\n  --soi-rose-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-rose-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-rose-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-rose-radius: 12px;\n  --soi-rose-radius-sm: 8px;\n  --soi-rose-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-rose-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-rose-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-rose-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-rose-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-rose-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-rose-hero {\n  position: relative;\n  background: var(--soi-rose-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-rose-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-rose-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-rose-pomme);\n}\n\n.soi-rose-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-rose-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-rose-pomme);\n  border-radius: 50%;\n}\n\n.soi-rose-hero-title {\n  display: block;\n  color: var(--soi-rose-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-rose-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-rose-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-rose-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-rose-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-rose-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-rose-label-accent {\n  background: var(--soi-rose-pomme);\n  border-color: var(--soi-rose-pomme);\n  color: var(--soi-rose-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-rose-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-rose-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-rose-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-rose-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-rose-pomme);\n  border-radius: 2px;\n}\n\n.soi-rose-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-rose-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-rose-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS (cercles marine) === *\/\n.soi-rose-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-rose-benefit {\n  background: var(--soi-rose-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-rose-radius);\n  border: 1px solid var(--soi-rose-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-rose-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-rose-shadow-md);\n}\n\n.soi-rose-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-rose-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-rose-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-rose-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-rose-benefit:hover .soi-rose-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-rose-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-rose-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-rose-benefit p {\n  font-size: 13px;\n  color: var(--soi-rose-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-rose-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-rose-card {\n  background: var(--soi-rose-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-rose-radius);\n  border-left: 3px solid var(--soi-rose-pomme);\n}\n\n.soi-rose-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-rose-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-rose-card p {\n  font-size: 14px;\n  color: var(--soi-rose-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-rose-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-rose-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-rose-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-rose-radius);\n  border: 1px solid var(--soi-rose-line);\n  align-items: flex-start;\n}\n\n.soi-rose-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-rose-marine);\n  color: var(--soi-rose-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-rose-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-rose-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-rose-step-content p {\n  font-size: 14px;\n  color: var(--soi-rose-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-rose-compo {\n  background: var(--soi-rose-off-white);\n  border-radius: var(--soi-rose-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-rose-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-rose-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-rose-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-rose-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-rose-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-rose-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-rose-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-rose-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-rose-pomme-light);\n  border-left: 4px solid var(--soi-rose-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-rose-radius) var(--soi-rose-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-rose-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-rose-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-rose-marine);\n  margin-bottom: 4px;\n}\n\n.soi-rose-tip p {\n  font-size: 14px;\n  color: var(--soi-rose-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-rose-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-rose-accordion-item {\n  background: var(--soi-rose-off-white);\n  border-radius: var(--soi-rose-radius-sm);\n  border: 1px solid var(--soi-rose-line);\n  overflow: hidden;\n}\n\n.soi-rose-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-rose-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-rose-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-rose-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-rose-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-rose-accordion-item[open] .soi-rose-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-rose-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-rose-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-rose-text-soft);\n  line-height: 1.6;\n  margin: 0 0 0.5rem 0;\n}\n\n.soi-rose-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-rose-cta-box {\n  background: var(--soi-rose-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-rose-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-rose-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-rose-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-rose-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-rose-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-rose-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-rose-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-rose-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-rose-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-rose-compo-value {\n    text-align: left;\n  }\n\n  .soi-rose-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-rose-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-rose-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-rose-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-rose-fiche {\n    --soi-rose-text-soft: #2C3E50;\n    --soi-rose-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603262300490,"sku":"CE0408","price":21.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/serum-booster-dhydratation-certifie-bio-centifolia-packshot.webp?v=1779454708"},{"product_id":"gelee-nettoyante-purifiante-centifolia","title":"Gelée Nettoyante Purifiante Bio - Centifolia","description":"\u003cdiv class=\"soi-gthe-fiche\"\u003e\n\n\u003csection class=\"soi-gthe-hero\"\u003e\n  \u003cdiv class=\"soi-gthe-hero-tag\"\u003e\n    \u003cspan class=\"soi-gthe-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétique visage · Centifolia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-gthe-hero-title\"\u003eLa fraîcheur purifiante du thé vert bio\u003c\/span\u003e\n  \u003cp class=\"soi-gthe-hero-subtitle\"\u003eUn nettoyage en profondeur qui respecte votre peau : la gelée purifiante aux actifs botaniques qui régule le sébum sans dessécher.\u003c\/p\u003e\n  \u003cdiv class=\"soi-gthe-hero-labels\"\u003e\n    \u003cspan class=\"soi-gthe-label soi-gthe-label-accent\"\u003eBIO CERTIFIÉ ECOCERT\u003c\/span\u003e\n    \u003cspan class=\"soi-gthe-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-gthe-label\"\u003e99% NATUREL\u003c\/span\u003e\n    \u003cspan class=\"soi-gthe-label\"\u003eTESTÉ DERMATOLOGIQUEMENT\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gthe-section\"\u003e\n  \u003ch2\u003ePourquoi cette gelée nettoyante visage fait la différence\u003c\/h2\u003e\n  \u003cp\u003eContrairement à un gel nettoyant classique qui se contente d'éliminer les salissures en surface, cette formule bio agit sur deux tableaux : elle \u003cstrong\u003epurifie les pores en profondeur\u003c\/strong\u003e tout en respectant le film hydrolipidique de votre peau. Résultat : une peau nette, matifiée et apaisée, sans cette sensation de tiraillement qu'on connaît trop bien après un lavage.\u003c\/p\u003e\n  \u003cp\u003eC'est aussi un choix engagé : \u003cstrong\u003e99% d'ingrédients d'origine naturelle\u003c\/strong\u003e, certification bio, fabrication 100% française et flacon recyclable. Un soin qui vous fait du bien et qui respecte l'environnement.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gthe-section\"\u003e\n  \u003ch2\u003eLes actifs clés de la formule\u003c\/h2\u003e\n  \u003cdiv class=\"soi-gthe-benefits\"\u003e\n    \u003cdiv class=\"soi-gthe-benefit\"\u003e\n      \u003cdiv class=\"soi-gthe-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eHydrolat de Thé Vert Bio\u003c\/h3\u003e\n      \u003cp\u003eRiche en polyphénols et flavonoïdes, il offre une action antioxydante, purifiante et apaisante. Une sensation de fraîcheur immédiate dès le premier rinçage.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gthe-benefit\"\u003e\n      \u003cdiv class=\"soi-gthe-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eZinc PCA\u003c\/h3\u003e\n      \u003cp\u003eActif sébo-régulateur reconnu, il aide à réduire la production excessive de sébum pour une peau visiblement matifiée et équilibrée dans la durée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gthe-benefit\"\u003e\n      \u003cdiv class=\"soi-gthe-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAloe Vera Bio\u003c\/h3\u003e\n      \u003cp\u003eHydratant et apaisant, il protège la barrière cutanée pendant le nettoyage. Votre peau ne ressort pas décapée, elle reste confortable.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gthe-section\"\u003e\n  \u003ch2\u003eComment utiliser la Gelée Nettoyante Purifiante Centifolia\u003c\/h2\u003e\n  \u003cdiv class=\"soi-gthe-timeline\"\u003e\n    \u003cdiv class=\"soi-gthe-step\"\u003e\n      \u003cdiv class=\"soi-gthe-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-gthe-step-content\"\u003e\n        \u003ch3\u003eAppliquez\u003c\/h3\u003e\n        \u003cp\u003eUne à deux pompes de gelée sur le visage humide, matin et\/ou soir.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gthe-step\"\u003e\n      \u003cdiv class=\"soi-gthe-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-gthe-step-content\"\u003e\n        \u003ch3\u003eMassez\u003c\/h3\u003e\n        \u003cp\u003eDoucement en mouvements circulaires pour activer la mousse légère et déloger les impuretés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gthe-step\"\u003e\n      \u003cdiv class=\"soi-gthe-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-gthe-step-content\"\u003e\n        \u003ch3\u003eRincez\u003c\/h3\u003e\n        \u003cp\u003eAbondamment à l'eau claire. Séchez délicatement et poursuivez votre routine habituelle (sérum, hydratant).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-gthe-tip\"\u003e\n    \u003cdiv class=\"soi-gthe-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003ePour une peau mixte à grasse, une utilisation matin et soir pendant 4 à 6 semaines permet d'observer une régulation visible du sébum et un teint plus net au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gthe-section\"\u003e\n  \u003ch2\u003eCe produit est-il fait pour vous ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-gthe-grid\"\u003e\n    \u003cdiv class=\"soi-gthe-card\"\u003e\n      \u003ch3\u003e🌿 Peau mixte à grasse\u003c\/h3\u003e\n      \u003cp\u003eVous produisez un excès de sébum en zone T et vos pores se dilatent en fin de journée ? Cette gelée purifie sans décaper pour retrouver une peau nette et matifiée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gthe-card\"\u003e\n      \u003ch3\u003e🔬 Peau sujette aux imperfections\u003c\/h3\u003e\n      \u003cp\u003eGrâce au Zinc PCA sébo-régulateur et à l'action purifiante du thé vert bio, votre peau retrouve un équilibre visible et un teint plus uniforme.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gthe-card\"\u003e\n      \u003ch3\u003e🤍 Peau sensible\u003c\/h3\u003e\n      \u003cp\u003eVous supportez mal les gels nettoyants traditionnels trop décapants ? Cette formule à 99% d'ingrédients naturels respecte votre barrière cutanée grâce à l'Aloe Vera bio.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gthe-section\"\u003e\n  \u003ch2\u003eEngagements qualité Centifolia\u003c\/h2\u003e\n  \u003cdiv class=\"soi-gthe-grid-compact\"\u003e\n    \u003cdiv class=\"soi-gthe-card-mini\"\u003e\n      \u003cspan class=\"soi-gthe-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cspan class=\"soi-gthe-card-mini-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-gthe-card-mini-value\"\u003eBio Ecocert\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gthe-card-mini\"\u003e\n      \u003cspan class=\"soi-gthe-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n      \u003cspan class=\"soi-gthe-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-gthe-card-mini-value\"\u003e100% France\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gthe-card-mini\"\u003e\n      \u003cspan class=\"soi-gthe-card-mini-icon\"\u003e🧪\u003c\/span\u003e\n      \u003cspan class=\"soi-gthe-card-mini-label\"\u003eTests\u003c\/span\u003e\n      \u003cspan class=\"soi-gthe-card-mini-value\"\u003eDermatologiques\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gthe-card-mini\"\u003e\n      \u003cspan class=\"soi-gthe-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n      \u003cspan class=\"soi-gthe-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n      \u003cspan class=\"soi-gthe-card-mini-value\"\u003e99% naturel\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gthe-card-mini\"\u003e\n      \u003cspan class=\"soi-gthe-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n      \u003cspan class=\"soi-gthe-card-mini-label\"\u003eSans\u003c\/span\u003e\n      \u003cspan class=\"soi-gthe-card-mini-value\"\u003ePhtalate ni Bisphénol A\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gthe-card-mini\"\u003e\n      \u003cspan class=\"soi-gthe-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n      \u003cspan class=\"soi-gthe-card-mini-label\"\u003eÉco-conception\u003c\/span\u003e\n      \u003cspan class=\"soi-gthe-card-mini-value\"\u003eFlacon recyclable à 50%\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gthe-section\"\u003e\n  \u003cdiv class=\"soi-gthe-accordion\"\u003e\n    \u003cdetails class=\"soi-gthe-accordion-item\"\u003e\n      \u003csummary class=\"soi-gthe-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n      \u003cdiv class=\"soi-gthe-accordion-content\"\u003e\n        \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de pathologie 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-gthe-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-gthe-cta-box\"\u003e\n    \u003cp class=\"soi-gthe-cta-tag\" style=\"color: white;\"\u003eLe rituel pureté par la botanique française\u003c\/p\u003e\n    \u003cp class=\"soi-gthe-cta-text\" style=\"color: white;\"\u003eChaque matin, votre peau mérite un vrai départ : propre, fraîche, équilibrée. La Gelée \"Fraîcheur de Thé\" de Centifolia, c'est la promesse d'un nettoyage profond et doux à la fois, porté par le meilleur de la cosmétique bio française.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-gthe-marine: #1A2D3D;\n  --soi-gthe-marine-dark: #0F1E2B;\n  --soi-gthe-marine-light: #2C4458;\n  --soi-gthe-pomme: #A1C544;\n  --soi-gthe-pomme-dark: #84A636;\n  --soi-gthe-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-gthe-white: #FFFFFF;\n  --soi-gthe-off-white: #F8FAF6;\n  --soi-gthe-stone: #F1F3EE;\n  --soi-gthe-line: #E5E8E0;\n\n  --soi-gthe-primary: #4A8C5E;\n  --soi-gthe-primary-soft: #E8F2EB;\n  --soi-gthe-accent: #6DAF7C;\n\n  --soi-gthe-text: #1A2D3D;\n  --soi-gthe-text-soft: #4A5B6B;\n  --soi-gthe-text-muted: #7B8693;\n\n  --soi-gthe-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-gthe-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-gthe-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-gthe-radius: 12px;\n  --soi-gthe-radius-sm: 8px;\n  --soi-gthe-radius-pill: 999px;\n}\n\n.soi-gthe-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gthe-fiche img { max-width: 100%; height: auto; }\n\n.soi-gthe-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-gthe-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-gthe-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-gthe-hero {\n  position: relative;\n  background: var(--soi-gthe-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-gthe-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-gthe-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-gthe-pomme);\n}\n\n.soi-gthe-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-gthe-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-gthe-pomme);\n  border-radius: 50%;\n}\n\n.soi-gthe-hero-title {\n  display: block;\n  color: var(--soi-gthe-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(24px, 5vw, 35px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-gthe-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-gthe-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-gthe-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-gthe-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-gthe-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-gthe-label-accent {\n  background: var(--soi-gthe-pomme);\n  border-color: var(--soi-gthe-pomme);\n  color: var(--soi-gthe-marine);\n  font-weight: 600;\n}\n\n.soi-gthe-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gthe-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-gthe-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-gthe-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-gthe-pomme);\n  border-radius: 2px;\n}\n\n.soi-gthe-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-gthe-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-gthe-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-gthe-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-gthe-benefit {\n  background: var(--soi-gthe-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-gthe-radius);\n  border: 1px solid var(--soi-gthe-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gthe-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-gthe-shadow-md);\n}\n\n.soi-gthe-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-gthe-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-gthe-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-gthe-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-gthe-benefit:hover .soi-gthe-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-gthe-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gthe-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-gthe-benefit p {\n  font-size: 15px;\n  color: var(--soi-gthe-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-gthe-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-gthe-card {\n  background: var(--soi-gthe-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gthe-radius);\n  border-left: 3px solid var(--soi-gthe-pomme);\n}\n\n.soi-gthe-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gthe-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-gthe-card p {\n  font-size: 14px;\n  color: var(--soi-gthe-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-gthe-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-gthe-card-mini {\n  background: var(--soi-gthe-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-gthe-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-gthe-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-gthe-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-gthe-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-gthe-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-gthe-marine);\n}\n\n.soi-gthe-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-gthe-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-gthe-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gthe-radius);\n  border: 1px solid var(--soi-gthe-line);\n  align-items: flex-start;\n}\n\n.soi-gthe-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-gthe-marine);\n  color: var(--soi-gthe-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-gthe-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gthe-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-gthe-step-content p {\n  font-size: 15px;\n  color: var(--soi-gthe-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-gthe-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-gthe-pomme-light);\n  border-left: 4px solid var(--soi-gthe-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-gthe-radius) var(--soi-gthe-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-gthe-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-gthe-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-gthe-marine);\n  margin-bottom: 4px;\n}\n\n.soi-gthe-tip p {\n  font-size: 15px;\n  color: var(--soi-gthe-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-gthe-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-gthe-accordion-item {\n  background: var(--soi-gthe-off-white);\n  border-radius: var(--soi-gthe-radius-sm);\n  border: 1px solid var(--soi-gthe-line);\n  overflow: hidden;\n}\n\n.soi-gthe-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-gthe-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-gthe-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-gthe-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-gthe-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-gthe-accordion-item[open] .soi-gthe-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-gthe-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-gthe-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-gthe-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-gthe-cta-box {\n  background: var(--soi-gthe-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-gthe-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-gthe-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-gthe-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-gthe-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-gthe-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-gthe-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-gthe-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-gthe-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-gthe-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-gthe-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-gthe-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-gthe-fiche {\n    --soi-gthe-text-soft: #2C3E50;\n    --soi-gthe-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603286221130,"sku":"CE0425","price":12.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gelee-nettoyante-purifiante-bio-centifolia-packshot.webp?v=1792054131"},{"product_id":"fluide-regulateur-matifiant-centifolia","title":"Fluide Régulateur Matifiant certifié bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eCentifolia vous présente son \u003cstrong\u003eFluide Régulateur Matifiant \"Fraîcheur de Thé\"\u003c\/strong\u003e, conçu pour apporter à votre peau une hydratation optimale tout en contrôlant la brillance. Ce fluide allie des ingrédients naturels aux propriétés exceptionnelles pour offrir une peau douce, équilibrée et sans excès de sébum.\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_CE0426_e613173b-7751-4433-ae48-5426f05a7882.jpg?v=1776180556\" alt=\"Photo d'une femme qui se regarde dans le miroir et qui sourit\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eIngrédients clés du Fluide régulateur Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: square;\"\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eHydrolat de Thé Vert Biologique (Camellia Sinensis Leaf Extract):\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eVertus :\u003c\/span\u003e Riche en théine, polyphénols et flavonoïdes, cet hydrolat est un puissant anti-oxydant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eBienfaits :\u003c\/span\u003e Purifie et apaise la peau tout en offrant une sensation de fraîcheur.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eZinc PCA:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eOrigine :\u003c\/span\u003e Sel de zinc de l’acide pyrrolidone carboxylique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eVertus :\u003c\/span\u003e Connue pour ses propriétés sébo-régulatrices.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eBienfaits :\u003c\/span\u003e Diminue la production de sébum et régule la peau grasse.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eComplexe de Sucres d'Origine Marine:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eOrigine :\u003c\/span\u003e Extrait de phytoplancton produit en Bretagne.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eVertus :\u003c\/span\u003e Absorbe l’excès de sébum et matifie la peau à court et long terme.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eBienfaits :\u003c\/span\u003e Offre des propriétés hydratantes et apaisantes tout en réduisant la brillance.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003ePoudre de Riz:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eVertus :\u003c\/span\u003e Naturellement lissante et matifiante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eBienfaits :\u003c\/span\u003e Réduit la brillance, laisse un fini doux sans effet gras, et assure une hydratation continue.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eUn produit respectueux et de qualité\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTesté dermatologiquement :\u003c\/strong\u003e Sécurité et douceur pour tous types de peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans Phtalate ni Bisphénol A :\u003c\/strong\u003e Emballage respectueux de votre santé et de l’environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConçu et Fabriqué en France :\u003c\/strong\u003e Gage de qualité et de savoir-faire.\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\u003eBienfaits du Fluide Régulateur Matifiant Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMatification longue durée :\u003c\/strong\u003e contrôle efficacement la brillance tout au long de la journée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation idéale :\u003c\/strong\u003e maintient la peau hydratée sans obstruer les pores.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePores resserrés :\u003c\/strong\u003e améliore la texture de la peau jour après jour.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePeau équilibrée :\u003c\/strong\u003e régule les excès de sébum, laissant la peau fraîche et équilibrée.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eDécouvrez une \u003cstrong\u003epeau rafraîchie, matifiée et parfaitement hydratée\u003c\/strong\u003e avec le \u003cstrong\u003eFluide Régulateur Matifiant \"Fraîcheur de Thé\" de Centifolia\u003c\/strong\u003e. Un soin innovant et naturel pour une peau équilibrée au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603286450506,"sku":"CE0426","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0426_fluide_regulateur_matifiant_353051f0-04e3-43fd-85ff-eaae5e5541dc.jpg?v=1778842835"},{"product_id":"centifolia-embellisseur-de-teint","title":"Embellisseur de teint certifié bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003cp\u003eDécouvrez \u003cstrong\u003el'Embellisseur de Teint Éclat de Rose® de Centifolia\u003c\/strong\u003e, le secret d'une peau éclatante et parfaitement hydratée. Sa formule unique, enrichie de \u003cstrong\u003etrois actifs puissants\u003c\/strong\u003e, offre une hydratation intense et une luminosité naturelle qui\u003cstrong\u003e convient à tous les types de peaux\u003c\/strong\u003e, même les plus sensibles.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques principales de l'Embelisseur de Teint\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation et luminosité\u003c\/strong\u003e : grâce à sa texture légère et à sa teinte rose universelle, cet embellisseur rehausse le teint pour un effet bonne mine immédiat et naturel, sans marquer les rides.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdapté à tous les types de peaux\u003c\/strong\u003e : formulé pour convenir à tous les types de peaux, même les plus sensibles, pour une utilisation quotidienne en toute sécurité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespectueux de l'environnement\u003c\/strong\u003e : emballage éco-conçu sans phtalates ni Bisphénol A, fabriqué en France.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0410_df63ba7d-74fa-4409-aab5-b9d6265b82a9.jpg?v=1776180556\" alt=\"Photo d'une femme qui se touche le visage et qui esquisse un sourire\" 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\u003eActifs principaux de l'Embelisseur de Teint Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eRose Centifolia\u003c\/strong\u003e : cueillie à la main à l’aube, cette rose aux « Cent Feuilles » est riche en composés actifs éclaircissants, hydratants, antioxydants et apaisants. Elle illumine et unifie le teint pour une peau visiblement plus radieuse.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eAcide Hyaluronique\u003c\/strong\u003e : d'origine naturelle, cet actif capture jusqu’à 1000 fois son poids en eau, maintenant ainsi une hydratation optimale. Il comble les espaces entre les fibres de collagène, améliorant l'apparence de la peau en la rendant plus lisse et repulpée.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine C\u003c\/strong\u003e : ce puissant antioxydant protège la peau des radicaux libres causés par le soleil, la pollution et le stress, prévenant ainsi le vieillissement prématuré. Elle contribue également à l'éclat du teint en inhibant la surproduction de mélanine due aux UV.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong style=\"color: #333333; font-size: 26px;\"\u003eAvantages et bienfaits du produit Centifolia\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation longue durée\u003c\/strong\u003e : maintient l'hydratation tout au long de la journée grâce à l’acide hyaluronique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTeint lumineux\u003c\/strong\u003e : la teinte rose universelle et les pigments non couvrants offrent un effet bonne mine instantané et naturel.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule douce\u003c\/strong\u003e : convient même aux peaux les plus sensibles, assurant une utilisation quotidienne sans irritation.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEco-Friendly\u003c\/strong\u003e : emballage respectueux de l’environnement, fabriqué sans phtalates ni Bisphénol A. Produit certifié Cosmos Organic par Ecocert, gage de pureté et de qualité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eAdoptez l'Embellisseur de Teint Éclat de Rose® pour une peau éclatante, hydratée et naturellement belle jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603286745418,"sku":"CE0410","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/embelisseur-de-teint-eclat-de-rose-centifolia_d228133a-6eae-48f9-b9de-220e336ddf26.jpg?v=1778842871"},{"product_id":"eau-micellaire-purifiante-centifolia","title":"Eau Micellaire Purifiante certifiée bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLe nettoyage du visage et le démaquillage sont des étapes essentielles de toute routine de soin de la peau\u003c\/strong\u003e. Ils permettent d'éliminer les impuretés, les résidus de maquillage et la pollution accumulés au cours de la journée, laissant la peau propre et prête à absorber les soins appliqués ensuite. Un bon nettoyage aide également à prévenir les imperfections, à affiner le grain de peau et à maintenir une peau saine et éclatante.\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_CE0414_ca4132c5-4cbf-4489-8f91-4afd8acb474e.jpg?v=1776180555\" alt=\"Photo d'une femme qui se démquille\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003e\u003cstrong\u003eL'Eau Micellaire Purifiante de Centifolia\u003c\/strong\u003e, certifiée \u003cstrong\u003eCosmos Organic par Ecocert et fabriquée en France\u003c\/strong\u003e, est spécialement formulée pour nettoyer et purifier les peaux mixtes à grasses sans les dessécher. Elle élimine efficacement les impuretés, les traces de pollution et même le maquillage waterproof tout en douceur.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits de l'Eau micellaire certifiée bio Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNettoyage doux et efficace\u003c\/strong\u003e : élimine les impuretés et le maquillage, y compris waterproof, sans agresser la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAffinement du grain de peau\u003c\/strong\u003e : utilisation régulière pour une peau plus lisse et des pores moins visibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTeint illuminé\u003c\/strong\u003e : redonne de l'éclat à la peau terne.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect des yeux sensibles\u003c\/strong\u003e : formule testée sous contrôle dermatologique et ophtalmologique, convient aux yeux sensibles.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003ePrincipes actifs du produit Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrolat de Thé Vert Biologique (Camellia Sinensis Leaf Extract)\u003c\/strong\u003e : connu pour ses propriétés anti-oxydantes, rafraîchissantes, purifiantes et apaisantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eZinc PCA\u003c\/strong\u003e : réduit la production de sébum, idéal pour les peaux grasses.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloe Vera\u003c\/strong\u003e : hydrate et nettoie la peau en profondeur sans l'agresser.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eDécouvrez une\u003cstrong\u003e peau purifiée, douce et éclatante\u003c\/strong\u003e avec l'Eau Micellaire Purifiante Centifolia, un soin indispensable pour les peaux mixtes à grasses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603287302474,"sku":"CE0414","price":8.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0414_centifolia_eau_micellaire_purifiante_96d4239a-366e-4ea7-a547-43d8220453cb.jpg?v=1778842853"},{"product_id":"eau-micellaire-eclat-rose-centifolia","title":"Eau micellaire Éclat de Rose certifiée bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eDécouvrez \u003cstrong\u003el'Eau Micellaire Éclat de Rose® de Centifolia\u003c\/strong\u003e, un soin délicat et efficace pour \u003cstrong\u003enettoyer, démaquiller et rafraîchir la peau\u003c\/strong\u003e. Cette formule douce élimine les impuretés, les traces de pollution et le maquillage, même waterproof, sans dessécher la peau. La peau est propre, fraîche et éclatante après chaque utilisation.\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_CE0409_1c4ef956-f19d-4287-b11c-15c3fac12fcf.jpg?v=1776180556\" alt=\"Pgoto d'une femme qui est en train de se nettoyer le visage avec de l'eau micellaire\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits de l'Eau Micellaire Éclat de Rose\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNettoie en profondeur \u003c\/strong\u003e: Élimine les impuretés et le maquillage waterproof.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation intense \u003c\/strong\u003e: Grâce à l'acide hyaluronique d'origine naturelle.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉclat du teint \u003c\/strong\u003e: La Rose Centifolia améliore l'éclat et apaise la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection antioxydante \u003c\/strong\u003e: La vitamine C protège contre les radicaux libres et le vieillissement prématuré.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eConvient à :\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003eTous types de peau, y compris les peaux et yeux sensibles.\u003c\/li\u003e\n\u003cli\u003eTestée sous contrôle dermatologique et ophtalmologique.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eIngrédients clés de l'Eau Micellaire Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRose Centifolia\u003c\/strong\u003e: Cueillie à la main, elle possède des propriétés éclaircissantes, hydratantes, antioxydantes et apaisantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcide Hyaluronique\u003c\/strong\u003e: Naturellement présent dans le derme, il maintient l'hydratation en captant jusqu’à 1000 fois son poids en eau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine C\u003c\/strong\u003e: Puissant antioxydant qui neutralise les radicaux libres et améliore l'éclat du teint.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong style=\"color: #333333; font-size: 26px;\"\u003eQualité et engagement écologique\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003eProduit certifié Cosmos Organic par Ecocert.\u003c\/li\u003e\n\u003cli\u003eConçu et fabriqué en France.\u003c\/li\u003e\n\u003cli\u003eFlacon recyclable et fabriqué à partir de 50 % de matériaux recyclés.\u003c\/li\u003e\n\u003cli\u003eGaranti sans phtalate ni Bisphénol A.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603287400778,"sku":"CE0409","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0409_centifolia_eau-micellaire_c801e7b3-938e-441f-8410-82796fb0a285.jpg?v=1778842853"},{"product_id":"contour-des-yeux-centifolia","title":"Contour des Yeux Eclat de Rose certifié bio – Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLe \u003cstrong\u003eSoin Contour des Yeux Éclat et Hydratation\u003c\/strong\u003e est un produit \u003cstrong\u003ecertifié Cosmos Organic\u003c\/strong\u003e par Ecocert, spécialement formulé pour hydrater intensément et lisser les premières rides du contour de l'œil tout en respectant cette zone délicate. Grâce à son embout fraîcheur en zamac (métal ultra-froid), ce soin permet une \u003cstrong\u003eapplication localisée\u003c\/strong\u003e, \u003cstrong\u003edécongestionne\u003c\/strong\u003e le contour des yeux et atténue les poches dès la première utilisation.\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_CE0412_a98e7e3c-0234-4911-abfe-4be134c8ee07.jpg?v=1776180557\" alt=\"Photo d'une femme qui se met de la crème sous les yeux\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eIngrédients clés et bienfaits\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile de blé noir\u003c\/strong\u003e : contribue à décongestionner et à réduire les poches sous les yeux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait aqueux de micro-algue verte (Chlorella Vulgaris)\u003c\/strong\u003e : aide à atténuer les cernes et à restructurer la peau pour un regard défatigué et lumineux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRose Centifolia\u003c\/strong\u003e : connue pour ses propriétés hydratantes et apaisantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcide Hyaluronique d'origine naturelle\u003c\/strong\u003e : offre une hydratation intense et contribue à lisser les premières rides.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine C\u003c\/strong\u003e : apporte des propriétés antioxydantes puissantes, illuminant ainsi le regard.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eAvantages du soin Contour des yeux Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation intense\u003c\/strong\u003e : formule enrichie pour une hydratation optimale du contour de l'œil.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDécongestionne et réduit les poches\u003c\/strong\u003e : embout fraîcheur en zamac pour une action immédiate.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAtténue les cernes\u003c\/strong\u003e : action ciblée grâce aux extraits de micro-algue verte.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespecte les peaux sensibles\u003c\/strong\u003e : convient à tous les types de peaux, y compris les plus sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRegard lumineux et éclatant\u003c\/strong\u003e : grâce à une combinaison unique d'ingrédients actifs.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003eMode d'Utilisation\u003c\/h3\u003e\n\u003cp\u003eAppliquez une petite quantité de produit sur le contour des yeux à l'aide de l'embout fraîcheur en zamac. Massez délicatement pour faire pénétrer le produit et favoriser la microcirculation. Utilisez matin et soir pour des résultats optimaux.\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\u003eDécouvrez un\u003cstrong\u003e regard frais, lumineux et visiblement plus jeune\u003c\/strong\u003e avec le \u003cstrong\u003eSoin Contour des Yeux Éclat et Hydratation\u003c\/strong\u003e. Testé sous contrôle dermatologique, ce produit est l'allié indispensable pour lutter contre les signes de fatigue et de vieillissement du contour des yeux.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603287531850,"sku":"CE0412","price":17.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/contour-des-yeux-eclat-de-rose_0e201a45-22c4-49d2-8c36-aa7b7e6cced2.jpg?v=1778842853"},{"product_id":"baume-relipidante-neutre-centifolia","title":"Baume Relipidant Neutre certifié bio - Centifolia","description":"\n\u003cdiv class=\"soi-brlp-fiche\"\u003e\n\n  \u003csection class=\"soi-brlp-hero\"\u003e\n    \u003cdiv class=\"soi-brlp-hero-tag\"\u003e\n      \u003cspan class=\"soi-brlp-tag-dot\"\u003e\u003c\/span\u003e\n      Soin corps \u0026amp; visage · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-brlp-hero-title\"\u003eConfort retrouvé pour les peaux les plus sensibles\u003c\/span\u003e\n    \u003cp class=\"soi-brlp-hero-subtitle\"\u003eUn baume relipidant certifié bio, formulé pour nourrir, réparer et apaiser les peaux fragilisées de toute la famille, dès la naissance.\u003c\/p\u003e\n    \u003cdiv class=\"soi-brlp-hero-labels\"\u003e\n      \u003cspan class=\"soi-brlp-label soi-brlp-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-brlp-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-brlp-label\"\u003e100% NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-brlp-label\"\u003eNON PARFUMÉ\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-brlp-section\"\u003e\n    \u003ch2\u003ePourquoi ce baume relipidant se démarque-t-il ?\u003c\/h2\u003e\n    \u003cp class=\"soi-brlp-section-intro\"\u003eContrairement à de nombreux baumes relipidants du marché, la formule Centifolia mise sur une approche microbiote-compatible. Elle combine deux actifs clés rarement réunis dans un même soin.\u003c\/p\u003e\n    \u003cdiv class=\"soi-brlp-grid\"\u003e\n      \u003cdiv class=\"soi-brlp-card\"\u003e\n        \u003ch3\u003e🦠 Prébiotique actif\u003c\/h3\u003e\n        \u003cp\u003eNourrit les bonnes bactéries de la flore cutanée pour prévenir les déséquilibres du microbiote, souvent responsables des poussées d'irritation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brlp-card\"\u003e\n        \u003ch3\u003e🌿 Polysaccharide végétal\u003c\/h3\u003e\n        \u003cp\u003eForme un film protecteur sur la peau, limite la perte en eau et soutient activement la reconstruction de la barrière cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brlp-tip\"\u003e\n      \u003cdiv class=\"soi-brlp-tip-icon\"\u003e✨\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe résultat\u003c\/strong\u003e\n        \u003cp\u003eUne peau mieux défendue, moins sujette aux démangeaisons, visiblement plus douce et confortable après chaque application.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-brlp-section\"\u003e\n    \u003ch2\u003eComposition complète du Baume Relipidant Neutre Centifolia\u003c\/h2\u003e\n    \u003cp class=\"soi-brlp-section-intro\"\u003e100 % des ingrédients sont d'origine naturelle, certifiés bio pour la plupart. La formule est non parfumée, sans colorant, sans phtalate, sans Bisphénol A.\u003c\/p\u003e\n    \u003cdiv class=\"soi-brlp-compo\"\u003e\n      \u003cdiv class=\"soi-brlp-compo-row\"\u003e\n        \u003cspan class=\"soi-brlp-compo-label\"\u003eAqua\u003c\/span\u003e\n        \u003cspan class=\"soi-brlp-compo-value\"\u003eEau purifiée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brlp-compo-row\"\u003e\n        \u003cspan class=\"soi-brlp-compo-label\"\u003eGlycerin\u003c\/span\u003e\n        \u003cspan class=\"soi-brlp-compo-value\"\u003eGlycérine végétale bio, agent hydratant de référence\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brlp-compo-row\"\u003e\n        \u003cspan class=\"soi-brlp-compo-label\"\u003eCoco-Caprylate\/Caprate\u003c\/span\u003e\n        \u003cspan class=\"soi-brlp-compo-value\"\u003eÉmollient doux d'origine végétale\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brlp-compo-row\"\u003e\n        \u003cspan class=\"soi-brlp-compo-label\"\u003eButyrospermum Parkii Butter\u003c\/span\u003e\n        \u003cspan class=\"soi-brlp-compo-value\"\u003eBeurre de karité bio, nourrissant et réparateur\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brlp-compo-row\"\u003e\n        \u003cspan class=\"soi-brlp-compo-label\"\u003eInulin\u003c\/span\u003e\n        \u003cspan class=\"soi-brlp-compo-value\"\u003ePrébiotique actif, équilibre le microbiote cutané\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brlp-compo-row\"\u003e\n        \u003cspan class=\"soi-brlp-compo-label\"\u003eXanthan Gum\u003c\/span\u003e\n        \u003cspan class=\"soi-brlp-compo-value\"\u003ePolysaccharide, protège et restructure la barrière cutanée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brlp-compo-row\"\u003e\n        \u003cspan class=\"soi-brlp-compo-label\"\u003eTocopherol\u003c\/span\u003e\n        \u003cspan class=\"soi-brlp-compo-value\"\u003eVitamine E naturelle, antioxydant\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brlp-compo-row\"\u003e\n        \u003cspan class=\"soi-brlp-compo-label\"\u003eSodium Levulinate, Sodium Anisate\u003c\/span\u003e\n        \u003cspan class=\"soi-brlp-compo-value\"\u003eConservateurs d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-brlp-section\"\u003e\n    \u003ch2\u003eComment utiliser ce baume relipidant au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-brlp-timeline\"\u003e\n      \u003cdiv class=\"soi-brlp-step\"\u003e\n        \u003cdiv class=\"soi-brlp-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-brlp-step-content\"\u003e\n          \u003ch3\u003eAprès la douche ou le bain\u003c\/h3\u003e\n          \u003cp\u003eAppliquez le baume sur une peau propre, encore légèrement humide pour optimiser la pénétration des actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brlp-step\"\u003e\n        \u003cdiv class=\"soi-brlp-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-brlp-step-content\"\u003e\n          \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n          \u003cp\u003eProcédez en mouvements circulaires jusqu'à absorption complète. La texture fond rapidement, sans laisser de film gras.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brlp-step\"\u003e\n        \u003cdiv class=\"soi-brlp-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-brlp-step-content\"\u003e\n          \u003ch3\u003eRenouvelez matin et soir\u003c\/h3\u003e\n          \u003cp\u003eInsistez sur les zones les plus sèches ou réactives (coudes, genoux, joues des nourrissons). Ce baume convient à un usage dès la naissance.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-brlp-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce baume relipidant bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-brlp-benefits\"\u003e\n      \u003cdiv class=\"soi-brlp-benefit\"\u003e\n        \u003cdiv class=\"soi-brlp-benefit-icon\"\u003e\u003cspan\u003e🩹\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeaux atopiques\u003c\/h3\u003e\n        \u003cp\u003eContribue à espacer les poussées et à réduire l'inconfort entre deux épisodes d'eczéma.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brlp-benefit\"\u003e\n        \u003cdiv class=\"soi-brlp-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeaux sèches à très sèches\u003c\/h3\u003e\n        \u003cp\u003eRestaure le film lipidique naturel manquant pour retrouver souplesse et douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brlp-benefit\"\u003e\n        \u003cdiv class=\"soi-brlp-benefit-icon\"\u003e\u003cspan\u003e👶\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eBébés dès la naissance\u003c\/h3\u003e\n        \u003cp\u003eTolérance maximale, testé sous contrôle dermatologique pour les peaux les plus délicates.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brlp-benefit\"\u003e\n        \u003cdiv class=\"soi-brlp-benefit-icon\"\u003e\u003cspan\u003e🤰\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFemmes enceintes et allaitantes\u003c\/h3\u003e\n        \u003cp\u003eFormule sans ingrédients controversés, adaptée aux périodes les plus sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brlp-benefit\"\u003e\n        \u003cdiv class=\"soi-brlp-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeaux sensibles aux parfums\u003c\/h3\u003e\n        \u003cp\u003eFormule 100 % non parfumée pour un confort absolu, sans aucun risque de réaction olfactive.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-brlp-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-brlp-grid-compact\"\u003e\n      \u003cdiv class=\"soi-brlp-card-mini\"\u003e\n        \u003cspan class=\"soi-brlp-card-mini-icon\"\u003e📦\u003c\/span\u003e\n        \u003cspan class=\"soi-brlp-card-mini-label\"\u003eContenu\u003c\/span\u003e\n        \u003cspan class=\"soi-brlp-card-mini-value\"\u003e200 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brlp-card-mini\"\u003e\n        \u003cspan class=\"soi-brlp-card-mini-icon\"\u003e🏷️\u003c\/span\u003e\n        \u003cspan class=\"soi-brlp-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-brlp-card-mini-value\"\u003eCosmos Organic Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brlp-card-mini\"\u003e\n        \u003cspan class=\"soi-brlp-card-mini-icon\"\u003e🙋\u003c\/span\u003e\n        \u003cspan class=\"soi-brlp-card-mini-label\"\u003eUsage\u003c\/span\u003e\n        \u003cspan class=\"soi-brlp-card-mini-value\"\u003eCorps \u0026amp; visage, toute la famille\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brlp-card-mini\"\u003e\n        \u003cspan class=\"soi-brlp-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n        \u003cspan class=\"soi-brlp-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n        \u003cspan class=\"soi-brlp-card-mini-value\"\u003e30 % de matières recyclées\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brlp-accordion\"\u003e\n      \u003cdetails class=\"soi-brlp-accordion-item\"\u003e\n        \u003csummary class=\"soi-brlp-accordion-header\"\u003e🚫 Sans substances indésirables\u003c\/summary\u003e\n        \u003cdiv class=\"soi-brlp-accordion-content\"\u003e\n          \u003cp\u003eCe baume est formulé sans parfum, sans colorant, sans phtalate et sans Bisphénol A. Une exigence de pureté pour les peaux les plus réactives.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-brlp-accordion-item\"\u003e\n        \u003csummary class=\"soi-brlp-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-brlp-accordion-content\"\u003e\n          \u003cp\u003eCe produit ne remplace pas un traitement médical. En cas de pathologie cutanée diagnostiquée, 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-brlp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-brlp-cta-box\"\u003e\n      \u003cp class=\"soi-brlp-cta-tag\" style=\"color: white;\"\u003ePrendre soin de soi naturellement, dès la naissance\u003c\/p\u003e\n      \u003cp class=\"soi-brlp-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau et à celle de vos proches le confort d'une formule bio, non parfumée et haute tolérance. Moins de tiraillements, moins de démangeaisons, une peau enfin apaisée, nourrie et protégé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-brlp-marine: #1A2D3D;\n  --soi-brlp-marine-dark: #0F1E2B;\n  --soi-brlp-marine-light: #2C4458;\n  --soi-brlp-pomme: #A1C544;\n  --soi-brlp-pomme-dark: #84A636;\n  --soi-brlp-pomme-light: rgba(161,197,68,0.10);\n  --soi-brlp-white: #FFFFFF;\n  --soi-brlp-off-white: #F8FAF6;\n  --soi-brlp-stone: #F1F3EE;\n  --soi-brlp-line: #E5E8E0;\n  --soi-brlp-primary: #7CBDD4;\n  --soi-brlp-primary-soft: #D6EEF5;\n  --soi-brlp-accent: #5AA8C0;\n  --soi-brlp-text: #1A2D3D;\n  --soi-brlp-text-soft: #4A5B6B;\n  --soi-brlp-text-muted: #7B8693;\n  --soi-brlp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-brlp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-brlp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-brlp-radius: 12px;\n  --soi-brlp-radius-sm: 8px;\n  --soi-brlp-radius-pill: 999px;\n}\n\n.soi-brlp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-brlp-fiche img { max-width: 100%; height: auto; }\n\n.soi-brlp-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-brlp-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-brlp-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-brlp-hero {\n  position: relative;\n  background: var(--soi-brlp-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-brlp-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-brlp-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-brlp-pomme);\n}\n\n.soi-brlp-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-brlp-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-brlp-pomme);\n  border-radius: 50%;\n}\n\n.soi-brlp-hero-title {\n  display: block;\n  color: var(--soi-brlp-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-brlp-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-brlp-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-brlp-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-brlp-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-brlp-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-brlp-label-accent {\n  background: var(--soi-brlp-pomme);\n  border-color: var(--soi-brlp-pomme);\n  color: var(--soi-brlp-marine);\n  font-weight: 600;\n}\n\n.soi-brlp-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-brlp-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-brlp-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-brlp-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-brlp-pomme);\n  border-radius: 2px;\n}\n\n.soi-brlp-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-brlp-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-brlp-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-brlp-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-brlp-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-brlp-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-brlp-benefit {\n  background: var(--soi-brlp-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-brlp-radius);\n  border: 1px solid var(--soi-brlp-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-brlp-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-brlp-shadow-md);\n}\n\n.soi-brlp-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-brlp-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-brlp-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-brlp-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-brlp-benefit:hover .soi-brlp-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-brlp-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-brlp-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-brlp-benefit p {\n  font-size: 13px;\n  color: var(--soi-brlp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-brlp-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-brlp-card {\n  background: var(--soi-brlp-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-brlp-radius);\n  border-left: 3px solid var(--soi-brlp-pomme);\n}\n\n.soi-brlp-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-brlp-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-brlp-card p {\n  font-size: 14px;\n  color: var(--soi-brlp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-brlp-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-brlp-card-mini {\n  background: var(--soi-brlp-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-brlp-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-brlp-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-brlp-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-brlp-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-brlp-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-brlp-marine);\n}\n\n.soi-brlp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-brlp-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-brlp-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-brlp-radius);\n  border: 1px solid var(--soi-brlp-line);\n  align-items: flex-start;\n}\n\n.soi-brlp-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-brlp-marine);\n  color: var(--soi-brlp-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-brlp-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-brlp-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-brlp-step-content p {\n  font-size: 14px;\n  color: var(--soi-brlp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-brlp-compo {\n  background: var(--soi-brlp-off-white);\n  border-radius: var(--soi-brlp-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-brlp-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-brlp-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-brlp-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-brlp-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-brlp-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-brlp-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-brlp-marine);\n  text-align: right;\n}\n\n.soi-brlp-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-brlp-pomme-light);\n  border-left: 4px solid var(--soi-brlp-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-brlp-radius) var(--soi-brlp-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-brlp-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-brlp-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-brlp-marine);\n  margin-bottom: 4px;\n}\n\n.soi-brlp-tip p {\n  font-size: 14px;\n  color: var(--soi-brlp-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-brlp-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-brlp-accordion-item {\n  background: var(--soi-brlp-off-white);\n  border-radius: var(--soi-brlp-radius-sm);\n  border: 1px solid var(--soi-brlp-line);\n  overflow: hidden;\n}\n\n.soi-brlp-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-brlp-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-brlp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-brlp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-brlp-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-brlp-accordion-item[open] .soi-brlp-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-brlp-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-brlp-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-brlp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-brlp-cta-box {\n  background: var(--soi-brlp-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-brlp-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-brlp-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-brlp-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-brlp-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-brlp-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-brlp-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-brlp-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-brlp-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n  .soi-brlp-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n  .soi-brlp-compo-value {\n    text-align: left;\n  }\n  .soi-brlp-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-brlp-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-brlp-fiche {\n    --soi-brlp-text-soft: #2C3E50;\n    --soi-brlp-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603287597386,"sku":"CE0416","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/baume-relipidant-neutre-certifie-bio-centifolia-packshot.webp?v=1782150578"},{"product_id":"creme-hydratante-neutre-centifolia","title":"Crème Hydratante Neutre certifiée bio - Centifolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0417_752360a2-daf1-424c-9b6a-a60116a30f91.jpg?v=1776180563\" alt=\"Photo d'une femme de profil et les yeux fermés\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003e\u003cstrong\u003eLa Crème Hydratante Neutre Centifolia\u003c\/strong\u003e, en flacon de 40 ml et certifiée \u003cstrong\u003eCosmos Organic par Ecocert\u003c\/strong\u003e, est votre alliée idéale pour apaiser et hydrater immédiatement les peaux sensibles et réactives de toute la famille. Sa formule unique procure une sensation de confort immédiat et offre une protection efficace contre les agressions extérieures.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits de la crème hydratante Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation et Apaisement Immédiats\u003c\/strong\u003e : Réduit les pics de sécheresse et les sensations de démangeaisons, offrant un soulagement rapide et durable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection Renforcée\u003c\/strong\u003e : Formule protectrice qui préserve la peau des agressions environnementales.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsage Quotidien\u003c\/strong\u003e : Convient pour une utilisation quotidienne dès la naissance, pour les bébés, enfants, adultes et femmes enceintes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTestée Dermatologiquement\u003c\/strong\u003e : Garantit une tolérance optimale même pour les peaux les plus sensibles.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques de la Crème neutre hydratante\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGamme Neutre\u003c\/strong\u003e : Développée sans parfum, elle répond parfaitement aux besoins des peaux sensibles et réactives.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrébiotique et Polysaccharide Actifs\u003c\/strong\u003e : Une synergie unique pour prévenir le déséquilibre et restaurer le microbiote cutané.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEmballage Écologique\u003c\/strong\u003e : Tube fabriqué à partir de 26 % de matériaux recyclés, garanti sans phtalate ni Bisphénol A.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eOffrez à votre peau la douceur et le confort qu'elle mérite avec la\u003cstrong\u003e Crème Hydratante Neutre Centifolia\u003c\/strong\u003e. Adaptée à toute la famille, elle est le choix parfait pour un soin quotidien respectueux des peaux les plus délicates.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603288678730,"sku":"CE0417","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-hydratante-neutre_7a3082ae-0148-475c-9f56-a333bb397582.jpg?v=1778842854"},{"product_id":"lotion-perfectrice-de-peau-certifiee-bio-centifolia","title":"Lotion Perfectrice de peau certifiée bio - Centifolia","description":"\u003cdiv class=\"soi-lotp-fiche\"\u003e\n\n  \u003csection class=\"soi-lotp-hero\"\u003e\n    \u003cdiv class=\"soi-lotp-hero-tag\"\u003e\n      \u003cspan class=\"soi-lotp-tag-dot\"\u003e\u003c\/span\u003e\n      Lotion tonique visage bio · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-lotp-hero-title\"\u003eLa fraîcheur du thé vert pour un teint net\u003c\/span\u003e\n    \u003cp class=\"soi-lotp-hero-subtitle\"\u003eVotre peau brille dès la fin de matinée et vos pores vous semblent plus visibles en fin de journée ? Cette lotion « Fraîcheur de Thé » vous aide à matifier, à resserrer visuellement le grain de peau et à retrouver un teint plus net, sans agresser.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lotp-hero-labels\"\u003e\n      \u003cspan class=\"soi-lotp-label soi-lotp-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-lotp-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-lotp-label\"\u003e99 % D'ORIGINE NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-lotp-label\"\u003eTESTÉE SOUS CONTRÔLE DERMATOLOGIQUE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lotp-section\"\u003e\n    \u003ch2\u003eUne lotion visage bio pour les peaux mixtes à grasses\u003c\/h2\u003e\n    \u003cp class=\"soi-lotp-section-intro\"\u003eCe flacon s'adresse en priorité aux peaux mixtes à grasses, sujettes aux brillances et aux pores dilatés. Sa texture fluide, fraîche et non collante se glisse facilement dans votre routine, le matin comme le soir. Elle convient aussi si vous cherchez une lotion visage bio légère, sans sensation de film gras.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lotp-grid-compact\"\u003e\n      \u003cdiv class=\"soi-lotp-card-mini\"\u003e\n        \u003cspan class=\"soi-lotp-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-lotp-card-mini-value\"\u003e150 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-card-mini\"\u003e\n        \u003cspan class=\"soi-lotp-card-mini-label\"\u003eType de peau\u003c\/span\u003e\n        \u003cspan class=\"soi-lotp-card-mini-value\"\u003eMixte à grasse\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-card-mini\"\u003e\n        \u003cspan class=\"soi-lotp-card-mini-label\"\u003eTexture\u003c\/span\u003e\n        \u003cspan class=\"soi-lotp-card-mini-value\"\u003eFluide et non collante\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-card-mini\"\u003e\n        \u003cspan class=\"soi-lotp-card-mini-label\"\u003eRoutine\u003c\/span\u003e\n        \u003cspan class=\"soi-lotp-card-mini-value\"\u003eMatin et soir\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lotp-section\"\u003e\n    \u003ch2\u003eLes actifs : thé vert, zinc PCA et hamamélis\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lotp-benefits\"\u003e\n      \u003cdiv class=\"soi-lotp-benefit\"\u003e\n        \u003cdiv class=\"soi-lotp-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHydrolat de thé vert bio\u003c\/h3\u003e\n        \u003cp\u003eIssu de Camellia Sinensis Leaf Extract, il est riche en polyphénols et flavonoïdes. Il apporte une sensation de fraîcheur et participe à l'éclat du teint grâce à ses propriétés antioxydantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-benefit\"\u003e\n        \u003cdiv class=\"soi-lotp-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eZinc PCA\u003c\/h3\u003e\n        \u003cp\u003eSel de zinc de l'acide pyrrolidone carboxylique, il est reconnu en cosmétique pour son action sébo-régulatrice. C'est lui qui contribue à limiter les brillances.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-benefit\"\u003e\n        \u003cdiv class=\"soi-lotp-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHydrolat d'hamamélis bio\u003c\/h3\u003e\n        \u003cp\u003eAstringent naturel, il tonifie la peau et aide à resserrer visuellement les pores, tout en apaisant les inconforts liés aux petites irritations.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-lotp-note\"\u003eLa formule contient \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e. La liste INCI complète figure sur le flacon : vous pouvez donc la vérifier avant votre achat ou à réception.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lotp-section\"\u003e\n    \u003ch2\u003eCe que cette lotion fait (et ce qu'elle ne fait pas)\u003c\/h2\u003e\n    \u003cp class=\"soi-lotp-section-intro\"\u003ePour bien choisir, mieux vaut savoir précisément à quoi sert chaque type de lotion.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lotp-grid\"\u003e\n      \u003cdiv class=\"soi-lotp-card soi-lotp-card-yes\"\u003e\n        \u003cspan class=\"soi-lotp-status soi-lotp-status-yes\"\u003eSa vocation\u003c\/span\u003e\n        \u003ch3\u003eLotion tonique et matifiante\u003c\/h3\u003e\n        \u003cp\u003eElle affine le grain de peau, réduit l'aspect brillant et prépare l'épiderme à recevoir votre soin.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-card soi-lotp-card-yes\"\u003e\n        \u003cspan class=\"soi-lotp-status soi-lotp-status-yes\"\u003eEn complément\u003c\/span\u003e\n        \u003ch3\u003eLotion nettoyante visage bio\u003c\/h3\u003e\n        \u003cp\u003eElle complète votre nettoyage en éliminant les dernières traces d'impuretés, mais ne remplace ni un démaquillant ni un gel nettoyant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-card soi-lotp-card-no\"\u003e\n        \u003cspan class=\"soi-lotp-status soi-lotp-status-no\"\u003eCe n'est pas\u003c\/span\u003e\n        \u003ch3\u003eLotion hydratante visage bio\u003c\/h3\u003e\n        \u003cp\u003eElle n'est pas conçue comme un soin hydratant. Appliquez-la avant votre crème ou votre fluide, qui assurera le confort de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-card soi-lotp-card-no\"\u003e\n        \u003cspan class=\"soi-lotp-status soi-lotp-status-no\"\u003eCe n'est pas\u003c\/span\u003e\n        \u003ch3\u003eLotion exfoliante visage bio\u003c\/h3\u003e\n        \u003cp\u003eElle ne contient pas d'acides de gommage. Vous pouvez donc l'utiliser quotidiennement et la combiner avec votre exfoliation hebdomadaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lotp-section\"\u003e\n    \u003ch2\u003eComment utiliser votre lotion tonique bio\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lotp-timeline\"\u003e\n      \u003cdiv class=\"soi-lotp-step\"\u003e\n        \u003cdiv class=\"soi-lotp-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-lotp-step-content\"\u003e\n          \u003ch3\u003eNettoyez votre visage\u003c\/h3\u003e\n          \u003cp\u003eUtilisez votre produit habituel, puis séchez délicatement votre peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-step\"\u003e\n        \u003cdiv class=\"soi-lotp-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-lotp-step-content\"\u003e\n          \u003ch3\u003ePrélevez la lotion\u003c\/h3\u003e\n          \u003cp\u003eImbibez un disque de coton de lotion, ou versez-en quelques gouttes au creux de la main.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-step\"\u003e\n        \u003cdiv class=\"soi-lotp-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-lotp-step-content\"\u003e\n          \u003ch3\u003eAppliquez sur le visage et le cou\u003c\/h3\u003e\n          \u003cp\u003eInsistez sur la zone T (front, nez, menton), là où la peau brille le plus.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-step\"\u003e\n        \u003cdiv class=\"soi-lotp-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-lotp-step-content\"\u003e\n          \u003ch3\u003eLaissez sécher, puis poursuivez votre routine\u003c\/h3\u003e\n          \u003cp\u003ePatientez quelques secondes, puis appliquez votre sérum ou votre crème.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-lotp-note\"\u003e\u003cstrong\u003eFréquence conseillée :\u003c\/strong\u003e matin et soir. Si votre peau est sensible, commencez par une application par jour pour observer sa réaction.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lotp-section\"\u003e\n    \u003ch2\u003eUne formule exigeante, fabriquée en France\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lotp-compo\"\u003e\n      \u003cdiv class=\"soi-lotp-compo-row\"\u003e\n        \u003cspan class=\"soi-lotp-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-lotp-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-compo-row\"\u003e\n        \u003cspan class=\"soi-lotp-compo-label\"\u003eTolérance\u003c\/span\u003e\n        \u003cspan class=\"soi-lotp-compo-value\"\u003eTestée sous contrôle dermatologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-compo-row\"\u003e\n        \u003cspan class=\"soi-lotp-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-lotp-compo-value\"\u003eConçue et fabriquée en France par Centifolia\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-compo-row\"\u003e\n        \u003cspan class=\"soi-lotp-compo-label\"\u003eFlacon\u003c\/span\u003e\n        \u003cspan class=\"soi-lotp-compo-value\"\u003eRecyclable, composé à 50 % de matériaux recyclés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-compo-row\"\u003e\n        \u003cspan class=\"soi-lotp-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-lotp-compo-value\"\u003ePhtalate ni bisphénol A\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-lotp-note\"\u003eLe label Cosmos Organic encadre l'origine des ingrédients et les procédés de fabrication. Centifolia est une marque de cosméto-botanique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lotp-section\"\u003e\n    \u003ch2\u003eNos conseils pour de meilleurs résultats\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lotp-tip\"\u003e\n      \u003cdiv class=\"soi-lotp-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eAssociez cette lotion à une crème légère adaptée aux peaux mixtes, afin d'éviter que votre peau ne compense en produisant davantage de sébum. En journée, pensez à la protection solaire : elle reste indispensable, même avec une peau grasse.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lotp-accordion\"\u003e\n      \u003cdetails class=\"soi-lotp-accordion-item\"\u003e\n        \u003csummary class=\"soi-lotp-accordion-header\"\u003eConservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-lotp-accordion-content\"\u003e\n          \u003cp\u003eConservez le flacon à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-lotp-accordion-item\"\u003e\n        \u003csummary class=\"soi-lotp-accordion-header\"\u003ePrécautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-lotp-accordion-content\"\u003e\n          \u003cp\u003eÉvitez le contour des yeux et ne l'appliquez pas sur une peau lésée. Faites un test dans le pli du coude en cas de peau réactive. Ce produit cosmétique ne remplace pas un traitement médical : en cas d'acné marquée ou de problème cutané persistant, demandez conseil à 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-lotp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-lotp-cta-box\"\u003e\n      \u003cp class=\"soi-lotp-cta-tag\" style=\"color: white;\"\u003eUn geste frais, matin et soir\u003c\/p\u003e\n      \u003cp class=\"soi-lotp-cta-text\" style=\"color: white;\"\u003eThé vert, zinc et hamamélis s'unissent pour matifier, affiner le grain de peau et révéler un teint net. Une lotion bio, française et délicate, pour un petit moment de fraîcheur 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-lotp-marine: #1A2D3D;\n  --soi-lotp-marine-dark: #0F1E2B;\n  --soi-lotp-marine-light: #2C4458;\n  --soi-lotp-pomme: #A1C544;\n  --soi-lotp-pomme-dark: #84A636;\n  --soi-lotp-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-lotp-white: #FFFFFF;\n  --soi-lotp-off-white: #F8FAF6;\n  --soi-lotp-stone: #F1F3EE;\n  --soi-lotp-line: #E5E8E0;\n\n  --soi-lotp-primary: #4AA46C;\n  --soi-lotp-primary-soft: rgba(74,164,108,0.10);\n  --soi-lotp-accent: #B9C0C6;\n\n  --soi-lotp-text: #1A2D3D;\n  --soi-lotp-text-soft: #4A5B6B;\n  --soi-lotp-text-muted: #7B8693;\n\n  --soi-lotp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-lotp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-lotp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-lotp-radius: 12px;\n  --soi-lotp-radius-sm: 8px;\n  --soi-lotp-radius-pill: 999px;\n}\n\n.soi-lotp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-lotp-fiche img { max-width: 100%; height: auto; }\n\n.soi-lotp-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-lotp-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-lotp-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-lotp-hero {\n  position: relative;\n  background: var(--soi-lotp-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-lotp-radius);\n  text-align: center;\n  overflow: hidden;\n}\n.soi-lotp-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: linear-gradient(90deg, var(--soi-lotp-pomme) 0%, var(--soi-lotp-primary) 100%);\n}\n.soi-lotp-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: clamp(10px, 1.5vw, 11px);\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n.soi-lotp-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-lotp-pomme);\n  border-radius: 50%;\n}\n.soi-lotp-hero-title {\n  display: block;\n  color: var(--soi-lotp-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(24px, 5vw, 35px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n.soi-lotp-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n.soi-lotp-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n.soi-lotp-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-lotp-white);\n  font-size: clamp(10px, 1.5vw, 11px);\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-lotp-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n.soi-lotp-label-accent {\n  background: var(--soi-lotp-pomme);\n  border-color: var(--soi-lotp-pomme);\n  color: var(--soi-lotp-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-lotp-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n.soi-lotp-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-lotp-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n.soi-lotp-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-lotp-pomme);\n  border-radius: 2px;\n}\n.soi-lotp-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-lotp-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n.soi-lotp-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-lotp-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n.soi-lotp-section p:last-child {\n  margin-bottom: 0;\n}\n.soi-lotp-section .soi-lotp-section-intro {\n  color: var(--soi-lotp-text-soft);\n  margin-bottom: 1.5rem;\n}\n.soi-lotp-note {\n  margin-top: 1.25rem;\n  padding-left: 1rem;\n  border-left: 2px solid var(--soi-lotp-primary);\n}\n.soi-lotp-note strong {\n  color: var(--soi-lotp-marine);\n  font-weight: 600;\n}\n\n\/* BENEFITS *\/\n.soi-lotp-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n.soi-lotp-benefit {\n  background: var(--soi-lotp-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-lotp-radius);\n  border: 1px solid var(--soi-lotp-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.soi-lotp-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-lotp-shadow-md);\n}\n.soi-lotp-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-lotp-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n.soi-lotp-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-lotp-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n.soi-lotp-benefit:hover .soi-lotp-benefit-icon::after {\n  opacity: 1;\n}\n.soi-lotp-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(15px, 2vw, 16px);\n  font-weight: 600;\n  color: var(--soi-lotp-marine);\n  margin-bottom: 0.5rem;\n}\n.soi-lotp-section .soi-lotp-benefit p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-lotp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-lotp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n.soi-lotp-card {\n  background: var(--soi-lotp-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lotp-radius);\n  border-left: 3px solid var(--soi-lotp-pomme);\n}\n.soi-lotp-card-no {\n  border-left-color: var(--soi-lotp-accent);\n  background: var(--soi-lotp-stone);\n}\n.soi-lotp-status {\n  display: inline-block;\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  padding: 3px 10px;\n  border-radius: var(--soi-lotp-radius-pill);\n  margin-bottom: 0.6rem;\n}\n.soi-lotp-status-yes {\n  background: var(--soi-lotp-pomme-light);\n  color: var(--soi-lotp-pomme-dark);\n}\n.soi-lotp-status-no {\n  background: var(--soi-lotp-white);\n  color: var(--soi-lotp-text-muted);\n  border: 1px solid var(--soi-lotp-line);\n}\n.soi-lotp-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(15px, 2vw, 16px);\n  font-weight: 600;\n  color: var(--soi-lotp-marine);\n  margin-bottom: 0.5rem;\n}\n.soi-lotp-section .soi-lotp-card p {\n  font-size: 14px;\n  color: var(--soi-lotp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-lotp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n.soi-lotp-card-mini {\n  background: var(--soi-lotp-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-lotp-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  border-top: 3px solid var(--soi-lotp-primary);\n}\n.soi-lotp-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-lotp-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n.soi-lotp-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(14px, 2vw, 15px);\n  font-weight: 600;\n  color: var(--soi-lotp-marine);\n}\n\n\/* TIMELINE *\/\n.soi-lotp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.soi-lotp-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-lotp-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lotp-radius);\n  border: 1px solid var(--soi-lotp-line);\n  align-items: flex-start;\n}\n.soi-lotp-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-lotp-marine);\n  color: var(--soi-lotp-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n.soi-lotp-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(15px, 2vw, 16px);\n  font-weight: 600;\n  color: var(--soi-lotp-marine);\n  margin-bottom: 0.3rem;\n}\n.soi-lotp-section .soi-lotp-step-content p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-lotp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-lotp-compo {\n  background: var(--soi-lotp-off-white);\n  border-radius: var(--soi-lotp-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n.soi-lotp-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-lotp-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.soi-lotp-compo-row:last-child {\n  border-bottom: none;\n}\n.soi-lotp-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-lotp-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n.soi-lotp-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-lotp-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-lotp-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-lotp-pomme-light);\n  border-left: 4px solid var(--soi-lotp-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-lotp-radius) var(--soi-lotp-radius) 0;\n  align-items: flex-start;\n  margin-bottom: 1.25rem;\n}\n.soi-lotp-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n.soi-lotp-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-lotp-marine);\n  margin-bottom: 4px;\n}\n.soi-lotp-section .soi-lotp-tip p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-lotp-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-lotp-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.soi-lotp-accordion-item {\n  background: var(--soi-lotp-off-white);\n  border-radius: var(--soi-lotp-radius-sm);\n  border: 1px solid var(--soi-lotp-line);\n  overflow: hidden;\n}\n.soi-lotp-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-lotp-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.soi-lotp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n.soi-lotp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-lotp-pomme);\n  transition: transform 0.2s ease;\n}\n.soi-lotp-accordion-item[open] .soi-lotp-accordion-header::after {\n  transform: rotate(45deg);\n}\n.soi-lotp-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n.soi-lotp-section .soi-lotp-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-lotp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-lotp-cta-box {\n  background: var(--soi-lotp-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-lotp-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n.soi-lotp-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-lotp-pomme);\n  border-radius: 0 0 4px 4px;\n}\n.soi-lotp-section .soi-lotp-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-lotp-pomme);\n  margin-bottom: 0.75rem;\n}\n.soi-lotp-section .soi-lotp-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-lotp-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-lotp-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n  .soi-lotp-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n  .soi-lotp-compo-value {\n    text-align: left;\n  }\n  .soi-lotp-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-lotp-fiche * {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n@media (prefers-contrast: more) {\n  .soi-lotp-fiche {\n    --soi-lotp-text-soft: #2C3E50;\n    --soi-lotp-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603289923914,"sku":"CE0427","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/lotion-perfectrice-de-peau-certifiee-bio-centifolia-packshot.webp?v=1793788663"},{"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":6.79,"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":6.89,"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":6.89,"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":6.89,"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":6.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-brillance-certifie-bio-centifolia-packshot.webp?v=1779454894"},{"product_id":"baume-demelant-reparateur-centifolia","title":"Baume Démêlant Réparateur Après-Shampoing certifié bio","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eBaume Démêlant Réparateur Après-Shampoing\u003c\/strong\u003e de Centifolia est spécialement conçu pour \u003cstrong\u003eréparer et renforcer les cheveux fragilisés\u003c\/strong\u003e dès la première utilisation. Enrichi en ingrédients naturels et biologiques, ce baume démêlant offre une formule biodégradable et ultra-douce qui \u003cstrong\u003edémêle les cheveux sans les alourdir\u003c\/strong\u003e, tout en leur apportant douceur et légèreté.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eIngrédients clés du Baume démêlant Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cspan style=\"font-weight: bold;\"\u003eHuile de Ricin BIO :\u003c\/span\u003e Cette huile est reconnue pour ses propriétés fortifiantes et nourrissantes, idéale pour renforcer et réparer les cheveux abîmés.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"font-weight: bold;\"\u003eKératine Végétale :\u003c\/span\u003e Constituant essentiel de la fibre capillaire, la kératine végétale protège et gaine les cheveux, les laissant doux, brillants et faciles à coiffer.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0449_49669c59-7216-4097-b7cb-ff8b38c92541.jpg?v=1776180599\" alt=\"Photo d'une femme qui profite de son soin cheveux dans sa salle de bain\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits du Baume démêlant réparateur après-shampoing\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRépare et renforce :\u003c\/strong\u003e grâce à l'huile de Ricin BIO, obtenue par première pression à froid, ce baume fortifie les cheveux fragilisés et cassants, leur redonnant force et vitalité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection et douceur :\u003c\/strong\u003e la Kératine Végétale présente dans la formule préserve la structure interne du cheveu face aux agressions extérieures, limitant l'altération des protéines, un constituant majeur de la fibre capillaire. Elle offre un effet gainant qui enveloppe chaque mèche, laissant les cheveux incroyablement doux et légers.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFacilité de coiffage :\u003c\/strong\u003e après l'application, les cheveux sont instantanément démêlés sans être alourdis, réparés jusqu'aux pointes, et extrêmement faciles à coiffer. Fini les nœuds et les cheveux difficiles à dompter !\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels et écologiques :\u003c\/strong\u003e La formule biodégradable respecte l'environnement tout en prenant soin de vos cheveux. De plus, le tube est fabriqué avec 30% de matériaux recyclés et possède une capsule réduite en plastique pour minimiser l'impact environnemental.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003e\u003cstrong\u003eUtilisation optimale du Baume\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003ePour une efficacité optimale, appliquez le baume démêlant sur cheveux mouillés après le shampoing. Laissez agir quelques minutes pour permettre aux ingrédients de pénétrer et nourrir en profondeur, puis rincez abondamment. Utilisez régulièrement pour des cheveux plus forts et en meilleure santé.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eEngagements de Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule biodégradable :\u003c\/strong\u003e conçue pour respecter l'environnement, cette formule se décompose naturellement sans polluer.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEmballage écologique :\u003c\/strong\u003e le tube est fabriqué à partir de 30% de matériaux recyclés, avec une capsule réduite en plastique pour diminuer les déchets.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProduit en France :\u003c\/strong\u003e certifié Cosmos Organic, conçu et fabriqué en France avec des ingrédients soigneusement sélectionnés pour leur qualité et leur efficacité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eEn choisissant le \u003cstrong\u003eBaume Démêlant Réparateur Après-Shampoing de Centifolia\u003c\/strong\u003e, vous optez pour un soin capillaire respectueux de l'environnement et de vos cheveux. \u003cstrong\u003eRedonnez à votre chevelure force, douceur et éclat\u003c\/strong\u003e avec ce produit naturellement efficace et écologique.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603301392714,"sku":"CE0449","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/026757_baume_demelant_reparateur_apres_shampooing_200ml_a977ded4-bf08-43b5-a8f7-5cd58e854dd2.png?v=1778842861"},{"product_id":"gelee-volume-200ml","title":"Après-Shampoing Volume certifiée bio – Centifolia","description":"\n\u003cdiv class=\"soi-gvol-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-gvol-hero\"\u003e\n    \u003cdiv class=\"soi-gvol-hero-tag\"\u003e\n      \u003cspan class=\"soi-gvol-tag-dot\"\u003e\u003c\/span\u003e\n      Soin capillaire bio · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-gvol-hero-title\"\u003eVolume et légèreté dès la racine\u003c\/span\u003e\n    \u003cp class=\"soi-gvol-hero-subtitle\"\u003eUne gelée après-shampoing certifiée bio à la texture gel innovante, formulée avec des peptides de pois et du pamplemousse rose pour redonner corps et densité aux cheveux fins, sans jamais les alourdir.\u003c\/p\u003e\n    \u003cdiv class=\"soi-gvol-hero-labels\"\u003e\n      \u003cspan class=\"soi-gvol-label soi-gvol-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-gvol-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-gvol-label\"\u003e99% NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-gvol-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-gvol-label\"\u003eSANS SILICONE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 1 : Pourquoi cet après-shampoing volume est différent des autres ? --\u003e\n  \u003csection class=\"soi-gvol-section\"\u003e\n    \u003ch2\u003ePourquoi cet après-shampoing volume est différent des autres ?\u003c\/h2\u003e\n    \u003cp class=\"soi-gvol-section-intro\"\u003eBeaucoup d'après-shampooings volumateurs promettent légèreté et densité, mais laissent au final le cheveu lourd ou terne. Ici, la formule repose sur deux actifs complémentaires d'une efficacité réelle, qui agissent là où les cheveux fins en ont le plus besoin.\u003c\/p\u003e\n    \u003cdiv class=\"soi-gvol-grid\"\u003e\n      \u003cdiv class=\"soi-gvol-card\"\u003e\n        \u003ch3\u003e🌱 Peptides de pois bio\u003c\/h3\u003e\n        \u003cp\u003eIls agissent comme un véritable bouclier filmogène autour de la fibre capillaire. Le cheveu semble visiblement plus épais dès la racine, mieux hydraté, et le cuir chevelu bénéficie d'une activité antioxydante notable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gvol-card\"\u003e\n        \u003ch3\u003e🍊 Pamplemousse rose bio, cultivé en France\u003c\/h3\u003e\n        \u003cp\u003eIl insuffle une légèreté et une fraîcheur immédiates à la chevelure, tout en apportant éclat et souplesse naturels à chaque fibre.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gvol-tip\"\u003e\n      \u003cdiv class=\"soi-gvol-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eLe tube est équipé d'un embout applicateur précis, qui vous permet de déposer la gelée directement à la base des cheveux, sans en mettre partout ni en gaspiller.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : À qui s'adresse cette gelée après-shampoing volume bio ? --\u003e\n  \u003csection class=\"soi-gvol-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse cette gelée volumatrice après-shampoing ?\u003c\/h2\u003e\n    \u003cp\u003eCette gelée convient aussi bien aux femmes qu'aux hommes avec des cheveux fins et plats, qui recherchent un après-shampoing volume efficace sans silicone, sans sulfates agressifs et sans compromis sur la naturalité. Si vous avez déjà essayé des références conventionnelles sans être totalement convaincu(e), cette gelée Centifolia mérite vraiment votre attention.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Comment utiliser la Gelée Volume Après-Shampoing Centifolia ? --\u003e\n  \u003csection class=\"soi-gvol-section\"\u003e\n    \u003ch2\u003eComment utiliser cet après-shampoing volumateur Centifolia ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-gvol-timeline\"\u003e\n      \u003cdiv class=\"soi-gvol-step\"\u003e\n        \u003cdiv class=\"soi-gvol-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-gvol-step-content\"\u003e\n          \u003ch3\u003ePréparez vos cheveux\u003c\/h3\u003e\n          \u003cp\u003eAprès votre shampoing habituel, essorez légèrement vos cheveux humides.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gvol-step\"\u003e\n        \u003cdiv class=\"soi-gvol-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-gvol-step-content\"\u003e\n          \u003ch3\u003eAppliquez à la racine\u003c\/h3\u003e\n          \u003cp\u003eDéposez la gelée directement sur les racines grâce à l'embout applicateur précis. Répartissez sur les longueurs si nécessaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gvol-step\"\u003e\n        \u003cdiv class=\"soi-gvol-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-gvol-step-content\"\u003e\n          \u003ch3\u003eRincez et coiffez\u003c\/h3\u003e\n          \u003cp\u003eLaissez poser 1 à 2 minutes, rincez à l'eau tiède. Coiffez comme à votre habitude : le volume est immédiatement visible.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 4 : Composition et points forts de la formule --\u003e\n  \u003csection class=\"soi-gvol-section\"\u003e\n    \u003ch2\u003eComposition et points forts de la formule\u003c\/h2\u003e\n    \u003cdiv class=\"soi-gvol-grid-compact\"\u003e\n      \u003cdiv class=\"soi-gvol-card-mini\"\u003e\n        \u003cspan class=\"soi-gvol-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-gvol-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n        \u003cspan class=\"soi-gvol-card-mini-value\"\u003e99% naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gvol-card-mini\"\u003e\n        \u003cspan class=\"soi-gvol-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-gvol-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-gvol-card-mini-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gvol-card-mini\"\u003e\n        \u003cspan class=\"soi-gvol-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n        \u003cspan class=\"soi-gvol-card-mini-label\"\u003eTube éco-conçu\u003c\/span\u003e\n        \u003cspan class=\"soi-gvol-card-mini-value\"\u003e12% plastique recyclé\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gvol-card-mini\"\u003e\n        \u003cspan class=\"soi-gvol-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n        \u003cspan class=\"soi-gvol-card-mini-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-gvol-card-mini-value\"\u003eVegan\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"margin-top: 1.25rem;\"\u003eParmi les ingrédients principaux : Aloe Barbadensis Leaf Juice (aloe vera bio, base hydratante), extrait de pamplemousse rose bio, hydrolysats de protéines de pois (peptides volumateurs), ainsi qu'une base conditionnante douce adaptée aux cheveux fins. Sans silicone, pour éviter tout alourdissement de la fibre. Texture gel non collante, à diffusion facile.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 5 : Ce que vous allez remarquer dès les premières utilisations --\u003e\n  \u003csection class=\"soi-gvol-section\"\u003e\n    \u003ch2\u003eCe que vous allez remarquer dès les premières utilisations\u003c\/h2\u003e\n    \u003cdiv class=\"soi-gvol-benefits\"\u003e\n      \u003cdiv class=\"soi-gvol-benefit\"\u003e\n        \u003cdiv class=\"soi-gvol-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eDensité et aération\u003c\/h3\u003e\n        \u003cp\u003eDes cheveux visiblement plus denses et aérés dès la sortie du bain.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gvol-benefit\"\u003e\n        \u003cdiv class=\"soi-gvol-benefit-icon\"\u003e\u003cspan\u003e🪶\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eLégèreté durable\u003c\/h3\u003e\n        \u003cp\u003eUne sensation de légèreté qui tient tout au long de la journée, sans retomber.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gvol-benefit\"\u003e\n        \u003cdiv class=\"soi-gvol-benefit-icon\"\u003e\u003cspan\u003e🍊\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFraîcheur pamplemousse\u003c\/h3\u003e\n        \u003cp\u003eUn parfum délicat de pamplemousse, frais et discret, qui accompagne votre journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gvol-benefit\"\u003e\n        \u003cdiv class=\"soi-gvol-benefit-icon\"\u003e\u003cspan\u003e🎯\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eGeste précis\u003c\/h3\u003e\n        \u003cp\u003eAucune sensation grasse ni résidu, et un geste sans gaspillage grâce à l'embout applicateur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 6 : Informations pratiques --\u003e\n  \u003csection class=\"soi-gvol-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-gvol-compo\"\u003e\n      \u003cdiv class=\"soi-gvol-compo-row\"\u003e\n        \u003cspan class=\"soi-gvol-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-gvol-compo-value\"\u003e200 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gvol-compo-row\"\u003e\n        \u003cspan class=\"soi-gvol-compo-label\"\u003eType de cheveux\u003c\/span\u003e\n        \u003cspan class=\"soi-gvol-compo-value\"\u003eFins, plats, manquant de volume\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gvol-compo-row\"\u003e\n        \u003cspan class=\"soi-gvol-compo-label\"\u003eConvient à\u003c\/span\u003e\n        \u003cspan class=\"soi-gvol-compo-value\"\u003eFemmes et hommes\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gvol-compo-row\"\u003e\n        \u003cspan class=\"soi-gvol-compo-label\"\u003eCertifications\u003c\/span\u003e\n        \u003cspan class=\"soi-gvol-compo-value\"\u003eCosmos Organic, Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gvol-compo-row\"\u003e\n        \u003cspan class=\"soi-gvol-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-gvol-compo-value\"\u003eFrance\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-gvol-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-gvol-cta-box\"\u003e\n      \u003cp class=\"soi-gvol-cta-tag\" style=\"color: white;\"\u003eDu souffle pour vos racines\u003c\/p\u003e\n      \u003cp class=\"soi-gvol-cta-text\" style=\"color: white;\"\u003eFini les cheveux qui s'écrasent dès le matin. Offrez à votre chevelure la densité, l'éclat et la légèreté d'une formule certifiée bio, vegan et fabriquée en France.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-gvol-marine: #1A2D3D;\n  --soi-gvol-marine-dark: #0F1E2B;\n  --soi-gvol-marine-light: #2C4458;\n  --soi-gvol-pomme: #A1C544;\n  --soi-gvol-pomme-dark: #84A636;\n  --soi-gvol-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-gvol-white: #FFFFFF;\n  --soi-gvol-off-white: #F8FAF6;\n  --soi-gvol-stone: #F1F3EE;\n  --soi-gvol-line: #E5E8E0;\n\n  --soi-gvol-primary: #E8A08C;\n  --soi-gvol-primary-soft: #F5DDD4;\n  --soi-gvol-accent: #D4A8A4;\n\n  --soi-gvol-text: #1A2D3D;\n  --soi-gvol-text-soft: #4A5B6B;\n  --soi-gvol-text-muted: #7B8693;\n\n  --soi-gvol-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-gvol-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-gvol-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-gvol-radius: 12px;\n  --soi-gvol-radius-sm: 8px;\n  --soi-gvol-radius-pill: 999px;\n}\n\n.soi-gvol-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gvol-fiche img { max-width: 100%; height: auto; }\n\n.soi-gvol-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-gvol-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-gvol-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gvol-hero {\n  position: relative;\n  background: var(--soi-gvol-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-gvol-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-gvol-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-gvol-pomme);\n}\n\n.soi-gvol-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-gvol-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-gvol-pomme);\n  border-radius: 50%;\n}\n\n.soi-gvol-hero-title {\n  display: block;\n  color: var(--soi-gvol-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-gvol-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-gvol-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-gvol-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-gvol-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-gvol-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-gvol-label-accent {\n  background: var(--soi-gvol-pomme);\n  border-color: var(--soi-gvol-pomme);\n  color: var(--soi-gvol-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gvol-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gvol-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-gvol-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-gvol-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-gvol-pomme);\n  border-radius: 2px;\n}\n\n.soi-gvol-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-gvol-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-gvol-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-gvol-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-gvol-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-gvol-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-gvol-benefit {\n  background: var(--soi-gvol-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-gvol-radius);\n  border: 1px solid var(--soi-gvol-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gvol-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-gvol-shadow-md);\n}\n\n.soi-gvol-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-gvol-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-gvol-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-gvol-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-gvol-benefit:hover .soi-gvol-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-gvol-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gvol-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-gvol-benefit p {\n  font-size: 13px;\n  color: var(--soi-gvol-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gvol-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-gvol-card {\n  background: var(--soi-gvol-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gvol-radius);\n  border-left: 3px solid var(--soi-gvol-pomme);\n}\n\n.soi-gvol-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gvol-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-gvol-card p {\n  font-size: 14px;\n  color: var(--soi-gvol-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-gvol-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-gvol-card-mini {\n  background: var(--soi-gvol-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-gvol-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-gvol-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-gvol-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-gvol-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-gvol-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-gvol-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-gvol-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-gvol-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-gvol-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gvol-radius);\n  border: 1px solid var(--soi-gvol-line);\n  align-items: flex-start;\n}\n\n.soi-gvol-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-gvol-marine);\n  color: var(--soi-gvol-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-gvol-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-gvol-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-gvol-step-content p {\n  font-size: 14px;\n  color: var(--soi-gvol-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-gvol-compo {\n  background: var(--soi-gvol-off-white);\n  border-radius: var(--soi-gvol-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-gvol-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-gvol-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-gvol-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-gvol-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-gvol-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-gvol-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-gvol-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-gvol-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-gvol-pomme-light);\n  border-left: 4px solid var(--soi-gvol-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-gvol-radius) var(--soi-gvol-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-gvol-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-gvol-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-gvol-marine);\n  margin-bottom: 4px;\n}\n\n.soi-gvol-tip p {\n  font-size: 14px;\n  color: var(--soi-gvol-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gvol-cta-box {\n  background: var(--soi-gvol-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-gvol-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-gvol-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-gvol-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-gvol-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-gvol-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-gvol-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-gvol-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-gvol-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-gvol-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-gvol-compo-value {\n    text-align: left;\n  }\n\n  .soi-gvol-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-gvol-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-gvol-fiche {\n    --soi-gvol-text-soft: #2C3E50;\n    --soi-gvol-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603303326026,"sku":"CE0655","price":10.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gelee-volume-apres-shampoing-certifiee-bio-et-vegan-centifol-packshot.webp?v=1785859061"},{"product_id":"masque-soin-brillance-intense-3-en-1-certifie-bio-centifolia","title":"Masque capillaire soin brillance intense 3en1 - Centifolia","description":"\u003cdiv class=\"soi-bril-fiche\"\u003e\n\n\u003csection class=\"soi-bril-hero\"\u003e\n  \u003cdiv class=\"soi-bril-hero-tag\"\u003e\n    \u003cspan class=\"soi-bril-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétique capillaire · Centifolia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-bril-hero-title\"\u003eBrillance miroir et hydratation intense en un seul geste\u003c\/span\u003e\n  \u003cp class=\"soi-bril-hero-subtitle\"\u003eUn masque 3 en 1 certifié bio à l'extrait de framboise et à la kératine végétale, pour des cheveux éclatants, nourris et protégés dès la première application.\u003c\/p\u003e\n  \u003cdiv class=\"soi-bril-hero-labels\"\u003e\n    \u003cspan class=\"soi-bril-label soi-bril-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-bril-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-bril-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-bril-label\"\u003e98% NATUREL\u003c\/span\u003e\n    \u003cspan class=\"soi-bril-label\"\u003e250 ML\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bril-section\"\u003e\n  \u003ch2\u003eLe masque cheveux brillance et hydratation certifié bio qui change tout\u003c\/h2\u003e\n  \u003cp\u003eVous rêvez de cheveux brillants, doux et pleins de vie sans alourdir votre routine ? Le Masque Soin Brillance Intense 3 en 1 Centifolia est exactement ce qu'il vous faut. Formulé à 98% d'ingrédients d'origine naturelle, certifié Cosmos Organic et fabriqué en France, il combine les vertus de l'extrait de framboise bio et de la kératine végétale pour offrir à vos cheveux un éclat naturel dès la première utilisation.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bril-section\"\u003e\n  \u003ch2\u003ePourquoi ce masque brillance cheveux est différent\u003c\/h2\u003e\n  \u003cp\u003eContrairement à un masque cheveux maison pour la brillance (miel, huile d'olive, yaourt…), ce soin 3 en 1 certifié bio vous apporte la rigueur d'une formule cosmétique professionnelle, sans compromis sur la naturalité. Trois actions en un seul geste :\u003c\/p\u003e\n  \u003cdiv class=\"soi-bril-benefits\"\u003e\n    \u003cdiv class=\"soi-bril-benefit\"\u003e\n      \u003cdiv class=\"soi-bril-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eBrillance intense\u003c\/h3\u003e\n      \u003cp\u003eL'extrait de framboise bio lisse la surface du cheveu pour une réflexion optimale de la lumière.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bril-benefit\"\u003e\n      \u003cdiv class=\"soi-bril-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eHydratation profonde\u003c\/h3\u003e\n      \u003cp\u003eLes actifs végétaux nourrissent la fibre capillaire de l'intérieur, idéal pour les cheveux secs et ternes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bril-benefit\"\u003e\n      \u003cdiv class=\"soi-bril-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eRéparation et protection\u003c\/h3\u003e\n      \u003cp\u003eLa kératine végétale renforce le cheveu et le protège des agressions du quotidien (chaleur, pollution, coloration).\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bril-section\"\u003e\n  \u003ch2\u003eLes actifs clés du masque pour cheveux brillance et hydratation\u003c\/h2\u003e\n  \u003cdiv class=\"soi-bril-grid\"\u003e\n    \u003cdiv class=\"soi-bril-card\"\u003e\n      \u003ch3\u003e🍇 Extrait de framboise bio\u003c\/h3\u003e\n      \u003cp\u003eRiche en antioxydants et en vitamines C et E, il ravive l'éclat des cheveux ternes et leur redonne une brillance miroir naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bril-card\"\u003e\n      \u003ch3\u003e🌿 Kératine végétale\u003c\/h3\u003e\n      \u003cp\u003eIssue de protéines d'origine végétale, elle reconstruit la structure du cheveu abîmé, lisse les écailles et facilite le démêlage sans alourdir.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bril-card\"\u003e\n      \u003ch3\u003e♻️ Formule 97,6% biodégradable\u003c\/h3\u003e\n      \u003cp\u003eBonne pour vos cheveux, bonne pour la planète.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bril-section\"\u003e\n  \u003ch2\u003ePour qui est ce masque brillance cheveux ?\u003c\/h2\u003e\n  \u003cp\u003eCe soin convient à \u003cstrong\u003etous les types de cheveux\u003c\/strong\u003e, qu'ils soient lisses, ondulés, bouclés ou colorés. Il est particulièrement recommandé si vos cheveux sont :\u003c\/p\u003e\n  \u003cdiv class=\"soi-bril-grid\"\u003e\n    \u003cdiv class=\"soi-bril-card\"\u003e\n      \u003ch3\u003e🌾 Ternes, secs ou déshydratés\u003c\/h3\u003e\n      \u003cp\u003eDes longueurs en manque d'éclat qui ont besoin d'un soin nourrissant en profondeur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bril-card\"\u003e\n      \u003ch3\u003e🔥 Abîmés par la chaleur ou les colorations\u003c\/h3\u003e\n      \u003cp\u003eDes cheveux fragilisés qui nécessitent une réparation et une protection renforcées.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bril-card\"\u003e\n      \u003ch3\u003e🌀 Difficiles à démêler ou sujets aux frisottis\u003c\/h3\u003e\n      \u003cp\u003eLa kératine végétale lisse les écailles pour un démêlage facilité et des longueurs disciplinées.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bril-card\"\u003e\n      \u003ch3\u003e🪶 En manque de légèreté et de souplesse\u003c\/h3\u003e\n      \u003cp\u003eUn soin qui nourrit sans alourdir, pour des cheveux souples et aériens.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bril-section\"\u003e\n  \u003ch2\u003eComment utiliser ce masque cheveux brillance et hydratation\u003c\/h2\u003e\n  \u003cp\u003ePour des résultats optimaux, voici comment l'intégrer à votre routine capillaire :\u003c\/p\u003e\n  \u003cdiv class=\"soi-bril-timeline\"\u003e\n    \u003cdiv class=\"soi-bril-step\"\u003e\n      \u003cdiv class=\"soi-bril-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-bril-step-content\"\u003e\n        \u003ch3\u003eEssorez vos cheveux\u003c\/h3\u003e\n        \u003cp\u003eAprès le shampooing, essorez légèrement vos cheveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bril-step\"\u003e\n      \u003cdiv class=\"soi-bril-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-bril-step-content\"\u003e\n        \u003ch3\u003eAppliquez le masque\u003c\/h3\u003e\n        \u003cp\u003eDéposez une noisette généreuse sur les longueurs et les pointes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bril-step\"\u003e\n      \u003cdiv class=\"soi-bril-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-bril-step-content\"\u003e\n        \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n        \u003cp\u003ePatientez 2 à 5 minutes (ou plus longtemps pour un soin intensif).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bril-step\"\u003e\n      \u003cdiv class=\"soi-bril-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-bril-step-content\"\u003e\n        \u003ch3\u003eRincez et scellez la brillance\u003c\/h3\u003e\n        \u003cp\u003eRincez abondamment à l'eau tiède, puis terminez par un rinçage à l'eau froide pour sceller les écailles et amplifier la brillance.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-bril-tip\"\u003e\n    \u003cdiv class=\"soi-bril-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eFréquence conseillée : 1 à 2 fois par semaine pour maintenir une brillance et une hydratation durables.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bril-section\"\u003e\n  \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n  \u003cp\u003eFormule certifiée Cosmos Organic, vegan, sans parabènes, sans silicones, sans sulfates :\u003c\/p\u003e\n  \u003cp\u003e\u003cem\u003eAqua, Cetearyl Alcohol, Behentrimonium Chloride, Glycerin*, Rubus Idaeus (Raspberry) Fruit Extract*, Hydrolyzed Wheat Protein (kératine végétale), Parfum (natural), Tocopherol, Citric Acid, Sodium Benzoate, Potassium Sorbate. *Ingrédients issus de l'Agriculture Biologique.\u003c\/em\u003e\u003c\/p\u003e\n  \u003cdiv class=\"soi-bril-compo\"\u003e\n    \u003cdiv class=\"soi-bril-compo-row\"\u003e\n      \u003cspan class=\"soi-bril-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-bril-compo-value\"\u003e250 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bril-compo-row\"\u003e\n      \u003cspan class=\"soi-bril-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-bril-compo-value\"\u003eCosmos Organic (Ecocert)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bril-compo-row\"\u003e\n      \u003cspan class=\"soi-bril-compo-label\"\u003eBiodégradabilité\u003c\/span\u003e\n      \u003cspan class=\"soi-bril-compo-value\"\u003e97,6%\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bril-compo-row\"\u003e\n      \u003cspan class=\"soi-bril-compo-label\"\u003eEmballage\u003c\/span\u003e\n      \u003cspan class=\"soi-bril-compo-value\"\u003ePot 100% recyclé et recyclable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bril-section\"\u003e\n  \u003ch2\u003eLes engagements Centifolia qui font la différence\u003c\/h2\u003e\n  \u003cdiv class=\"soi-bril-grid-compact\"\u003e\n    \u003cdiv class=\"soi-bril-card-mini\"\u003e\n      \u003cspan class=\"soi-bril-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cspan class=\"soi-bril-card-mini-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-bril-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bril-card-mini\"\u003e\n      \u003cspan class=\"soi-bril-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n      \u003cspan class=\"soi-bril-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-bril-card-mini-value\"\u003eFrance\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bril-card-mini\"\u003e\n      \u003cspan class=\"soi-bril-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n      \u003cspan class=\"soi-bril-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n      \u003cspan class=\"soi-bril-card-mini-value\"\u003eVegan, non testé sur les animaux\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bril-card-mini\"\u003e\n      \u003cspan class=\"soi-bril-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n      \u003cspan class=\"soi-bril-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n      \u003cspan class=\"soi-bril-card-mini-value\"\u003e100% recyclé et recyclable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bril-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-bril-cta-box\"\u003e\n    \u003cp class=\"soi-bril-cta-tag\" style=\"color: white;\"\u003eBrillance naturelle, engagement bio\u003c\/p\u003e\n    \u003cp class=\"soi-bril-cta-text\" style=\"color: white;\"\u003eOffrez à vos cheveux un éclat miroir et une hydratation profonde avec ce masque 3 en 1 certifié bio, vegan et fabriqué en France par Centifolia.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-bril-marine: #1A2D3D;\n  --soi-bril-marine-dark: #0F1E2B;\n  --soi-bril-marine-light: #2C4458;\n  --soi-bril-pomme: #A1C544;\n  --soi-bril-pomme-dark: #84A636;\n  --soi-bril-pomme-light: rgba(161,197,68,0.10);\n  --soi-bril-white: #FFFFFF;\n  --soi-bril-off-white: #F8FAF6;\n  --soi-bril-stone: #F1F3EE;\n  --soi-bril-line: #E5E8E0;\n  --soi-bril-primary: #C4365A;\n  --soi-bril-primary-soft: #F2E0E5;\n  --soi-bril-accent: #8B2A3E;\n  --soi-bril-text: #1A2D3D;\n  --soi-bril-text-soft: #4A5B6B;\n  --soi-bril-text-muted: #7B8693;\n  --soi-bril-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-bril-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-bril-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-bril-radius: 12px;\n  --soi-bril-radius-sm: 8px;\n  --soi-bril-radius-pill: 999px;\n}\n\n.soi-bril-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-bril-fiche img { max-width: 100%; height: auto; }\n\n.soi-bril-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-bril-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-bril-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-bril-hero {\n  position: relative;\n  background: var(--soi-bril-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-bril-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-bril-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-bril-pomme);\n}\n\n.soi-bril-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-bril-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-bril-pomme);\n  border-radius: 50%;\n}\n\n.soi-bril-hero-title {\n  display: block;\n  color: var(--soi-bril-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-bril-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-bril-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-bril-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-bril-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-bril-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-bril-label-accent {\n  background: var(--soi-bril-pomme);\n  border-color: var(--soi-bril-pomme);\n  color: var(--soi-bril-marine);\n  font-weight: 600;\n}\n\n.soi-bril-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-bril-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-bril-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-bril-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-bril-pomme);\n  border-radius: 2px;\n}\n\n.soi-bril-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-bril-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-bril-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-bril-section p em {\n  font-size: clamp(12px, 1.8vw, 13px);\n  color: var(--soi-bril-text-soft);\n  line-height: 1.6;\n}\n\n.soi-bril-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-bril-benefit {\n  background: var(--soi-bril-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-bril-radius);\n  border: 1px solid var(--soi-bril-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-bril-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-bril-shadow-md);\n}\n\n.soi-bril-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-bril-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-bril-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-bril-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-bril-benefit:hover .soi-bril-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-bril-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-bril-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-bril-benefit p {\n  font-size: 13px;\n  color: var(--soi-bril-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-bril-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-bril-card {\n  background: var(--soi-bril-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-bril-radius);\n  border-left: 3px solid var(--soi-bril-pomme);\n}\n\n.soi-bril-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-bril-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-bril-card p {\n  font-size: 14px;\n  color: var(--soi-bril-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-bril-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-bril-card-mini {\n  background: var(--soi-bril-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-bril-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-bril-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-bril-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-bril-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-bril-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-bril-marine);\n}\n\n.soi-bril-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-bril-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-bril-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-bril-radius);\n  border: 1px solid var(--soi-bril-line);\n  align-items: flex-start;\n}\n\n.soi-bril-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-bril-marine);\n  color: var(--soi-bril-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-bril-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-bril-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-bril-step-content p {\n  font-size: 14px;\n  color: var(--soi-bril-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-bril-compo {\n  background: var(--soi-bril-off-white);\n  border-radius: var(--soi-bril-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.soi-bril-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-bril-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-bril-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-bril-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-bril-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-bril-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-bril-marine);\n  text-align: right;\n}\n\n.soi-bril-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-bril-pomme-light);\n  border-left: 4px solid var(--soi-bril-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-bril-radius) var(--soi-bril-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-bril-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-bril-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-bril-marine);\n  margin-bottom: 4px;\n}\n\n.soi-bril-tip p {\n  font-size: 14px;\n  color: var(--soi-bril-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-bril-cta-box {\n  background: var(--soi-bril-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-bril-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-bril-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-bril-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-bril-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-bril-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-bril-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-bril-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-bril-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-bril-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-bril-compo-value {\n    text-align: left;\n  }\n\n  .soi-bril-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-bril-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-bril-fiche {\n    --soi-bril-text-soft: #2C3E50;\n    --soi-bril-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603304309066,"sku":"CE0453","price":15.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/masque-soin-brillance-intense-3-en-1-certifie-bio-centifolia-packshot.webp?v=1783174655"},{"product_id":"brume-fixante-et-volume-certifiee-bio-centifolia","title":"Brume Fixante et Volume certifiée bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLa Brume Fixante et Volume certifiée bio de Centifolia\u003c\/strong\u003e est la solution idéale pour \u003cstrong\u003etous les types de cheveux,\u003c\/strong\u003e offrant une \u003cstrong\u003efixation légère sans alourdir ni graisser\u003c\/strong\u003e. Formulée avec des ingrédients biologiques et biodégradables, cette laque ultra-douce et respectueuse de l'environnement garantit un maintien impeccable tout en préservant la santé de vos cheveux.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0454_4ddd0698-93af-4667-89c3-afd1cc9cc302.jpg?v=1776180600\" alt=\"Photo d'une femme dans sa salle de bain en train d'appliquer une brume\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques de la Brume Fixante et Volume Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFixation légère et durable :\u003c\/strong\u003e grâce à sa formule unique, cette brume fixe vos coiffures de manière durable tout en conservant la légèreté naturelle des cheveux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApplication uniforme :\u003c\/strong\u003e équipée d'une pompe à effet brume, elle permet une diffusion légère et uniforme pour une finition parfaite.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels et vegan :\u003c\/strong\u003e contient un agent fixant 100% vegan, un polymère naturel qui forme un film protecteur contre la chaleur, résistant à l'eau, et offrant un meilleur maintien sans effet collant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEffet Anti-Frisottis :\u003c\/strong\u003e parfait pour les cheveux frisés, cette brume aide à contrôler les frisottis pour un style soigné et naturel.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVolume et Épaisseur :\u003c\/strong\u003e enrichie en peptides de pois obtenus par fermentation, elle épaissit et augmente le volume des cheveux tout en apportant des bienfaits antioxydants pour un cuir chevelu et des cheveux en pleine santé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédient star – Pamplemousse Rose Bio :\u003c\/strong\u003e sélectionné pour sa capacité à apporter de la légèreté, ce pamplemousse origine France est un atout majeur de la formule.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eAvantages de la Brume Fixante Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFixation Souple et Naturelle :\u003c\/strong\u003e Les cheveux restent souples, volumineux, et naturellement stylés sans l'effet de rigidité ou de collant des laques traditionnelles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection et Santé des Cheveux :\u003c\/strong\u003e Offre une protection contre la chaleur tout en favorisant la santé du cuir chevelu grâce à son activité antioxydante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉcoresponsable :\u003c\/strong\u003e Formule biodégradable respectueuse de l'environnement, sans compromis sur l'efficacité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication française de qualité :\u003c\/strong\u003e produit certifié Cosmos Organic, conçu et fabriqué en France, gage de qualité naturelle.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eDécouvrez \u003cstrong\u003ela Brume Fixante et Volume certifiée bio de Centifolia\u003c\/strong\u003e et profitez d'une coiffure parfaitement fixée, volumineuse et naturellement belle, jour après jour.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603305750858,"sku":"CE0454","price":10.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0454_centifolia_brumefixante_006c1d1e-5b1e-480f-989e-b7bc5e2f34ab.jpg?v=1778842871"},{"product_id":"soin-jour-multi-actif-bio-centifolia","title":"Soin jour multi-actif certifié bio - Centifolia","description":"\n\u003cdiv class=\"soi-lysac-fiche\"\u003e\n\n  \u003csection class=\"soi-lysac-hero\"\u003e\n    \u003cdiv class=\"soi-lysac-hero-tag\"\u003e\n      \u003cspan class=\"soi-lysac-tag-dot\"\u003e\u003c\/span\u003e\n      Soin visage anti-âge · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-lysac-hero-title\"\u003eSoin Jour Multi-Actif Lys Active®\u003c\/span\u003e\n    \u003cp class=\"soi-lysac-hero-subtitle\"\u003eUn soin certifié bio qui nourrit, redensifie et corrige les rides grâce à deux actifs botaniques d'exception, pour les peaux matures et sensibles.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lysac-hero-labels\"\u003e\n      \u003cspan class=\"soi-lysac-label soi-lysac-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-lysac-label\"\u003eMEILLEUR PRODUIT BIO 2023\u003c\/span\u003e\n      \u003cspan class=\"soi-lysac-label\"\u003e100% VEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-lysac-label\"\u003eORIGINE FRANCE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lysac-section\"\u003e\n    \u003ch2\u003eLe soin naturel pour le visage qui agit dès la première application\u003c\/h2\u003e\n    \u003cp\u003eVous cherchez un soin du visage naturel capable de vraiment tenir ses promesses ? Le Soin Jour Multi-Actif Lys Active® de Centifolia a été élu \u003cstrong\u003eMeilleur Produit Bio 2023\u003c\/strong\u003e par un jury de 100 consommatrices. En 50 ml d'une texture onctueuse certifiée Cosmos Organic, il nourrit, redensifie et corrige les rides, tout en restant parfaitement toléré par les peaux matures et sensibles.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lysac-grid-compact\"\u003e\n      \u003cdiv class=\"soi-lysac-card-mini\"\u003e\n        \u003cspan class=\"soi-lysac-card-mini-icon\"\u003e🏆\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-card-mini-label\"\u003eDistinction\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-card-mini-value\"\u003eMeilleur Produit Bio 2023\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-card-mini\"\u003e\n        \u003cspan class=\"soi-lysac-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-card-mini-value\"\u003e50 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-card-mini\"\u003e\n        \u003cspan class=\"soi-lysac-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-card-mini-value\"\u003eJusqu'à 99%\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-card-mini\"\u003e\n        \u003cspan class=\"soi-lysac-card-mini-icon\"\u003e⏱️\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-card-mini-label\"\u003eEffet visible\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-card-mini-value\"\u003eDès 15 minutes\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lysac-section\"\u003e\n    \u003ch2\u003eDeux actifs d'exception au cœur de ce soin visage naturel\u003c\/h2\u003e\n    \u003cp\u003eCe qui distingue ce soin naturel pour le visage, c'est la précision de sa formulation. Deux ingrédients botaniques de pointe en font un allié anti-âge sérieux.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lysac-benefits\"\u003e\n      \u003cdiv class=\"soi-lysac-benefit\"\u003e\n        \u003cdiv class=\"soi-lysac-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCellules végétales de Lys Blanc\u003c\/h3\u003e\n        \u003cp\u003eIssues de la biotechnologie verte et d'origine France, elles stimulent la production de collagène et restaurent l'élasticité cutanée en profondeur. Votre peau retrouve densité et rebond.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-benefit\"\u003e\n        \u003cdiv class=\"soi-lysac-benefit-icon\"\u003e\u003cspan\u003e🍈\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eActif Rétinol-like de Ramboutan\u003c\/h3\u003e\n        \u003cp\u003eAlternative naturelle au rétinol synthétique, cet extrait de Litchi chevelu accélère le renouvellement cellulaire et atténue rides, ridules et taches, sans irriter les peaux réactives.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysac-tip\"\u003e\n      \u003cdiv class=\"soi-lysac-tip-icon\"\u003e✨\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n        \u003cp\u003eEnsemble, ces deux actifs agissent en synergie pour un effet lissant visible dès 15 minutes après application.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lysac-section\"\u003e\n    \u003ch2\u003eComment utiliser ce soin pour le visage naturel au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lysac-timeline\"\u003e\n      \u003cdiv class=\"soi-lysac-step\"\u003e\n        \u003cdiv class=\"soi-lysac-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-lysac-step-content\"\u003e\n          \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n          \u003cp\u003eAppliquez chaque matin sur un visage propre et sec, en commençant par le contour du visage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-step\"\u003e\n        \u003cdiv class=\"soi-lysac-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-lysac-step-content\"\u003e\n          \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n          \u003cp\u003eRéalisez des mouvements circulaires ascendants jusqu'à absorption complète : la texture fond rapidement sans laisser de film gras.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-step\"\u003e\n        \u003cdiv class=\"soi-lysac-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-lysac-step-content\"\u003e\n          \u003ch3\u003eProtégez votre peau\u003c\/h3\u003e\n          \u003cp\u003eComplétez votre routine avec une protection solaire si vous vous exposez. Ce soin ne contient pas de filtre UV.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysac-tip\"\u003e\n      \u003cdiv class=\"soi-lysac-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour des résultats optimaux, comptez 4 à 6 semaines d'utilisation régulière pour constater une amélioration visible du grain de peau et des rides.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lysac-section\"\u003e\n    \u003ch2\u003eUn soin naturel du visage respectueux de vous et de la planète\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lysac-grid\"\u003e\n      \u003cdiv class=\"soi-lysac-card\"\u003e\n        \u003ch3\u003e🌿 Certifié Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003eFormule composée jusqu'à 99% d'ingrédients d'origine naturelle, sans phtalate ni Bisphénol A.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-card\"\u003e\n        \u003ch3\u003e🐾 100% Vegan\u003c\/h3\u003e\n        \u003cp\u003eAucun ingrédient d'origine animale, aucun test sur les animaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-card\"\u003e\n        \u003ch3\u003e♻️ Emballage éco-responsable\u003c\/h3\u003e\n        \u003cp\u003ePot en verre fabriqué avec 30% de matériaux recyclés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lysac-section\"\u003e\n    \u003ch2\u003eComposition du soin naturel pour visage Centifolia\u003c\/h2\u003e\n    \u003cp\u003eVoici les principaux ingrédients actifs qui composent ce soin visage naturel :\u003c\/p\u003e\n    \u003cdiv class=\"soi-lysac-compo\"\u003e\n      \u003cdiv class=\"soi-lysac-compo-row\"\u003e\n        \u003cspan class=\"soi-lysac-compo-label\"\u003eAqua\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-compo-value\"\u003eEau florale\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-compo-row\"\u003e\n        \u003cspan class=\"soi-lysac-compo-label\"\u003eLilium Candidum Callus Extract\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-compo-value\"\u003eCellules végétales de Lys Blanc, stimulant du collagène\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-compo-row\"\u003e\n        \u003cspan class=\"soi-lysac-compo-label\"\u003eNephelium Lappaceum Seed Extract\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-compo-value\"\u003eActif Rétinol-like issu du Ramboutan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-compo-row\"\u003e\n        \u003cspan class=\"soi-lysac-compo-label\"\u003eHuiles végétales biologiques\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-compo-value\"\u003eNourrissantes, soutien de la barrière cutanée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-compo-row\"\u003e\n        \u003cspan class=\"soi-lysac-compo-label\"\u003eAloe Vera bio\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-compo-value\"\u003eHydratation et apaisement\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-compo-row\"\u003e\n        \u003cspan class=\"soi-lysac-compo-label\"\u003eTocophérol (Vitamine E naturelle)\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-compo-value\"\u003eAntioxydant, protection cellulaire\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eFormule sans silicone, sans paraben, sans parfum de synthèse : l'essentiel du soin, rien de superflu.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lysac-section\"\u003e\n    \u003ch2\u003eCe soin anti-âge naturel est-il fait pour vous ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lysac-grid\"\u003e\n      \u003cdiv class=\"soi-lysac-card\"\u003e\n        \u003ch3\u003e🪞 Peau mature ou en perte de fermeté\u003c\/h3\u003e\n        \u003cp\u003eVous avez une peau mature, sèche ou sensible qui manque d'éclat et de fermeté.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-card\"\u003e\n        \u003ch3\u003e🌱 Alternative naturelle au rétinol\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez réduire l'apparence des rides sans recourir au rétinol synthétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-card\"\u003e\n        \u003ch3\u003e🌍 Sensibilité environnementale\u003c\/h3\u003e\n        \u003cp\u003eVous êtes attentive à la qualité des ingrédients et à l'impact environnemental de vos cosmétiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-card\"\u003e\n        \u003ch3\u003e☀️ Routine matinale simple\u003c\/h3\u003e\n        \u003cp\u003eVous voulez un soin du visage naturel qui s'intègre facilement dans une routine matin simple et efficace.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysac-accordion\"\u003e\n      \u003cdetails class=\"soi-lysac-accordion-item\"\u003e\n        \u003csummary class=\"soi-lysac-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-lysac-accordion-content\"\u003e\n          \u003cp\u003eCe produit cosmétique ne se substitue pas à un avis dermatologique. En cas de peau très réactive ou d'allergie connue, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lysac-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-lysac-cta-box\"\u003e\n      \u003cp class=\"soi-lysac-cta-tag\" style=\"color: white;\"\u003eVotre rituel anti-âge naturel commence ici\u003c\/p\u003e\n      \u003cp class=\"soi-lysac-cta-text\" style=\"color: white;\"\u003eChaque matin, offrez à votre peau la douceur du Lys Blanc et la puissance douce du Rétinol-like végétal. Un soin qui allie exigence botanique et respect de votre peau, jour après jour.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-lysac-marine: #1A2D3D;\n  --soi-lysac-marine-dark: #0F1E2B;\n  --soi-lysac-marine-light: #2C4458;\n  --soi-lysac-pomme: #A1C544;\n  --soi-lysac-pomme-dark: #84A636;\n  --soi-lysac-pomme-light: rgba(161,197,68,0.10);\n  --soi-lysac-white: #FFFFFF;\n  --soi-lysac-off-white: #F8FAF6;\n  --soi-lysac-stone: #F1F3EE;\n  --soi-lysac-line: #E5E8E0;\n  --soi-lysac-primary: #B5005B;\n  --soi-lysac-primary-soft: #F2E4EC;\n  --soi-lysac-accent: #D4A8B5;\n  --soi-lysac-text: #1A2D3D;\n  --soi-lysac-text-soft: #4A5B6B;\n  --soi-lysac-text-muted: #7B8693;\n  --soi-lysac-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-lysac-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-lysac-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-lysac-radius: 12px;\n  --soi-lysac-radius-sm: 8px;\n  --soi-lysac-radius-pill: 999px;\n}\n\n.soi-lysac-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-lysac-fiche img { max-width: 100%; height: auto; }\n\n.soi-lysac-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-lysac-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-lysac-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-lysac-hero {\n  position: relative;\n  background: var(--soi-lysac-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-lysac-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-lysac-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-lysac-pomme);\n}\n\n.soi-lysac-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-lysac-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-lysac-pomme);\n  border-radius: 50%;\n}\n\n.soi-lysac-hero-title {\n  display: block;\n  color: var(--soi-lysac-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-lysac-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-lysac-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-lysac-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-lysac-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-lysac-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-lysac-label-accent {\n  background: var(--soi-lysac-pomme);\n  border-color: var(--soi-lysac-pomme);\n  color: var(--soi-lysac-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-lysac-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-lysac-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-lysac-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-lysac-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-lysac-pomme);\n  border-radius: 2px;\n}\n\n.soi-lysac-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-lysac-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-lysac-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-lysac-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-lysac-benefit {\n  background: var(--soi-lysac-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-lysac-radius);\n  border: 1px solid var(--soi-lysac-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-lysac-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-lysac-shadow-md);\n}\n\n.soi-lysac-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-lysac-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-lysac-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-lysac-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-lysac-benefit:hover .soi-lysac-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-lysac-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lysac-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lysac-benefit p {\n  font-size: 13px;\n  color: var(--soi-lysac-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-lysac-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-lysac-card {\n  background: var(--soi-lysac-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lysac-radius);\n  border-left: 3px solid var(--soi-lysac-pomme);\n}\n\n.soi-lysac-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lysac-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lysac-card p {\n  font-size: 14px;\n  color: var(--soi-lysac-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-lysac-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-lysac-card-mini {\n  background: var(--soi-lysac-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-lysac-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-lysac-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-lysac-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-lysac-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-lysac-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-lysac-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-lysac-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-lysac-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-lysac-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lysac-radius);\n  border: 1px solid var(--soi-lysac-line);\n  align-items: flex-start;\n}\n\n.soi-lysac-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-lysac-marine);\n  color: var(--soi-lysac-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-lysac-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-lysac-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-lysac-step-content p {\n  font-size: 14px;\n  color: var(--soi-lysac-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-lysac-compo {\n  background: var(--soi-lysac-off-white);\n  border-radius: var(--soi-lysac-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-lysac-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-lysac-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-lysac-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-lysac-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-lysac-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-lysac-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-lysac-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-lysac-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-lysac-pomme-light);\n  border-left: 4px solid var(--soi-lysac-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-lysac-radius) var(--soi-lysac-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-lysac-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-lysac-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-lysac-marine);\n  margin-bottom: 4px;\n}\n\n.soi-lysac-tip p {\n  font-size: 14px;\n  color: var(--soi-lysac-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-lysac-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 1.5rem;\n}\n\n.soi-lysac-accordion-item {\n  background: var(--soi-lysac-off-white);\n  border-radius: var(--soi-lysac-radius-sm);\n  border: 1px solid var(--soi-lysac-line);\n  overflow: hidden;\n}\n\n.soi-lysac-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-lysac-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-lysac-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-lysac-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-lysac-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-lysac-accordion-item[open] .soi-lysac-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-lysac-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-lysac-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-lysac-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-lysac-cta-box {\n  background: var(--soi-lysac-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-lysac-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-lysac-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-lysac-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-lysac-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-lysac-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-lysac-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-lysac-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-lysac-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-lysac-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-lysac-compo-value {\n    text-align: left;\n  }\n\n  .soi-lysac-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-lysac-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-lysac-fiche {\n    --soi-lysac-text-soft: #2C3E50;\n    --soi-lysac-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603373056330,"sku":"CE0466","price":27.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soin-jour-multi-actif-certifie-bio-centifolia-packshot.webp?v=1779188731"},{"product_id":"serum-anti-taches-bio-15ml","title":"Sérum concentré Anti-Taches bio - Centifolia","description":"\u003cdiv class=\"soi-lysa-fiche\"\u003e\n\n\u003csection class=\"soi-lysa-hero\"\u003e\n  \u003cdiv class=\"soi-lysa-hero-tag\"\u003e\n    \u003cspan class=\"soi-lysa-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétique bio · Centifolia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-lysa-hero-title\"\u003eSérum Concentré Anti-Taches Lys Active®\u003c\/span\u003e\n  \u003cp class=\"soi-lysa-hero-subtitle\"\u003eUne formule certifiée bio aux cellules végétales de Lys Blanc pour atténuer visiblement les taches pigmentaires et illuminer votre teint, même sur les peaux les plus sensibles.\u003c\/p\u003e\n  \u003cdiv class=\"soi-lysa-hero-labels\"\u003e\n    \u003cspan class=\"soi-lysa-label soi-lysa-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-lysa-label\"\u003e100 % VEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-lysa-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-lysa-label\"\u003eCERTIFIÉ ECOCERT\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lysa-section\"\u003e\n  \u003ch2\u003ePourquoi ce sérum anti-taches se démarque des grandes marques\u003c\/h2\u003e\n  \u003cp\u003eFace aux références comme le sérum anti-taches Caudalie ou le sérum anti-taches La Roche-Posay, le sérum Centifolia joue une carte différente : une formule 100 % vegan, certifiée Cosmos Organic, sans actifs synthétiques agressifs, et pourtant dotée d'ingrédients dépigmentants reconnus. Pas de compromis entre efficacité et naturalité, ce sérum réunit les deux.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lysa-section\"\u003e\n  \u003ch2\u003eLes ingrédients actifs clés du Sérum Centifolia Anti-Taches\u003c\/h2\u003e\n  \u003cdiv class=\"soi-lysa-benefits\"\u003e\n    \u003cdiv class=\"soi-lysa-benefit\"\u003e\n      \u003cdiv class=\"soi-lysa-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eCellules Végétales de Lys Blanc\u003c\/h3\u003e\n      \u003cp\u003eAgissent directement sur le transport de la mélanine pour réduire l'intensité des taches existantes et limiter l'apparition de nouvelles taches brunes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-benefit\"\u003e\n      \u003cdiv class=\"soi-lysa-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eActif Rétinol-like (Ramboutan)\u003c\/h3\u003e\n      \u003cp\u003eCet actif d'origine végétale imite l'action du rétinol en stimulant la production de collagène et d'élastine, pour une peau plus lisse et rebondie, sans les irritations du rétinol classique.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-benefit\"\u003e\n      \u003cdiv class=\"soi-lysa-benefit-icon\"\u003e\u003cspan\u003e🌊\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eExtrait d'Algue Rouge\u003c\/h3\u003e\n      \u003cp\u003eReconnu pour ses propriétés dépigmentantes, il unifie le teint en profondeur et réduit visiblement les taches pigmentaires liées au soleil ou au vieillissement cutané.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lysa-section\"\u003e\n  \u003ch2\u003eComment utiliser ce sérum anti-taches bio au quotidien\u003c\/h2\u003e\n  \u003cdiv class=\"soi-lysa-timeline\"\u003e\n    \u003cdiv class=\"soi-lysa-step\"\u003e\n      \u003cdiv class=\"soi-lysa-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-lysa-step-content\"\u003e\n        \u003ch3\u003eApplication\u003c\/h3\u003e\n        \u003cp\u003eAppliquez 2 à 3 gouttes sur une peau propre et sèche, matin et\/ou soir.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-step\"\u003e\n      \u003cdiv class=\"soi-lysa-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-lysa-step-content\"\u003e\n        \u003ch3\u003ePénétration\u003c\/h3\u003e\n        \u003cp\u003eFaites pénétrer par de légères pressions sur les zones concernées (front, joues, mains, décolleté).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-step\"\u003e\n      \u003cdiv class=\"soi-lysa-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-lysa-step-content\"\u003e\n        \u003ch3\u003eFinition\u003c\/h3\u003e\n        \u003cp\u003eLaissez absorber avant d'appliquer votre soin habituel. Le matin, terminez toujours par une protection solaire pour préserver les résultats.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-lysa-tip\"\u003e\n    \u003cdiv class=\"soi-lysa-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eLes premiers résultats sont généralement visibles au bout de 4 à 6 semaines d'utilisation régulière. Le flacon de 15 ml, compact et précis grâce à sa pipette, garantit une application sans gaspillage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lysa-section\"\u003e\n  \u003ch2\u003eCe sérum est-il fait pour vous ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-lysa-grid\"\u003e\n    \u003cdiv class=\"soi-lysa-card\"\u003e\n      \u003ch3\u003e🎯 Taches brunes et taches de soleil\u003c\/h3\u003e\n      \u003cp\u003eVous souhaitez atténuer des taches brunes ou des taches de soleil sur le visage, le décolleté ou les mains.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-card\"\u003e\n      \u003ch3\u003e✨ Teint unifié et lumineux\u003c\/h3\u003e\n      \u003cp\u003eVous cherchez à unifier votre teint et retrouver de la luminosité sans recourir à des actifs chimiques agressifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-card\"\u003e\n      \u003ch3\u003e🌿 Engagement bio et vegan\u003c\/h3\u003e\n      \u003cp\u003eVous souhaitez prendre soin de votre peau avec un produit certifié bio, vegan et fabriqué en France.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-card\"\u003e\n      \u003ch3\u003e🤍 Peaux sensibles et matures\u003c\/h3\u003e\n      \u003cp\u003eConvient aux peaux sensibles, matures ou mixtes grâce à sa formule douce sans actifs synthétiques agressifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lysa-section\"\u003e\n  \u003ch2\u003eComposition complète du Sérum Anti-Taches Lys Active® Centifolia\u003c\/h2\u003e\n  \u003cdiv class=\"soi-lysa-compo\"\u003e\n    \u003cdiv class=\"soi-lysa-compo-row\"\u003e\n      \u003cspan class=\"soi-lysa-compo-label\"\u003eListe INCI\u003c\/span\u003e\n      \u003cspan class=\"soi-lysa-compo-value\" style=\"text-align:left; font-weight:400; font-size:13px; line-height:1.6;\"\u003eAqua, Glycerin*, Methylpropanediol, Niacinamide, Lilium Candidum Callus Culture Extract*, Nephelium Lappaceum Seed Extract*, Palmaria Palmata Extract*, Xanthan Gum, Sodium Hydroxymethylglycinate, Parfum**, Citric Acid, Linalool**.\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-compo-row\"\u003e\n      \u003cspan class=\"soi-lysa-compo-label\"\u003eMention\u003c\/span\u003e\n      \u003cspan class=\"soi-lysa-compo-value\"\u003e* Ingrédients issus de l'agriculture biologique. ** Composants naturels de parfums naturels.\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-compo-row\"\u003e\n      \u003cspan class=\"soi-lysa-compo-label\"\u003eSans\u003c\/span\u003e\n      \u003cspan class=\"soi-lysa-compo-value\"\u003ePhtalates, Bisphénol A\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-compo-row\"\u003e\n      \u003cspan class=\"soi-lysa-compo-label\"\u003eFlacon\u003c\/span\u003e\n      \u003cspan class=\"soi-lysa-compo-value\"\u003eVerre avec 30 % de matériau recyclé\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-compo-row\"\u003e\n      \u003cspan class=\"soi-lysa-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-lysa-compo-value\"\u003e15 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lysa-section\"\u003e\n  \u003ch2\u003eEngagement qualité et écoresponsabilité\u003c\/h2\u003e\n  \u003cp\u003eCentifolia est une marque française engagée dans la cosmétique botanique depuis plus de 25 ans. Ce sérum est certifié Cosmos Organic par Ecocert, garantie d'une formule transparente, tracée et respectueuse de l'environnement. Produit et conditionné en France, il répond aux normes les plus strictes de la cosmétique naturelle.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lysa-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-lysa-cta-box\"\u003e\n    \u003cp class=\"soi-lysa-cta-tag\" style=\"color: white;\"\u003eVotre allié teint unifié et lumineux\u003c\/p\u003e\n    \u003cp class=\"soi-lysa-cta-text\" style=\"color: white;\"\u003eDiscret dans son flacon en verre, puissant dans sa formule : le Sérum Lys Active® de Centifolia vous accompagne au quotidien pour retrouver un teint unifié, 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-lysa-marine: #1A2D3D;\n  --soi-lysa-marine-dark: #0F1E2B;\n  --soi-lysa-marine-light: #2C4458;\n  --soi-lysa-pomme: #A1C544;\n  --soi-lysa-pomme-dark: #84A636;\n  --soi-lysa-pomme-light: rgba(161,197,68,0.10);\n  --soi-lysa-white: #FFFFFF;\n  --soi-lysa-off-white: #F8FAF6;\n  --soi-lysa-stone: #F1F3EE;\n  --soi-lysa-line: #E5E8E0;\n  --soi-lysa-primary: #A84868;\n  --soi-lysa-primary-soft: #F2E6EB;\n  --soi-lysa-accent: #D4A8B5;\n  --soi-lysa-text: #1A2D3D;\n  --soi-lysa-text-soft: #4A5B6B;\n  --soi-lysa-text-muted: #7B8693;\n  --soi-lysa-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-lysa-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-lysa-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-lysa-radius: 12px;\n  --soi-lysa-radius-sm: 8px;\n  --soi-lysa-radius-pill: 999px;\n}\n\n.soi-lysa-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-lysa-fiche img { max-width: 100%; height: auto; }\n\n.soi-lysa-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-lysa-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-lysa-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-lysa-hero {\n  position: relative;\n  background: var(--soi-lysa-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-lysa-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-lysa-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-lysa-pomme);\n}\n\n.soi-lysa-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-lysa-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-lysa-pomme);\n  border-radius: 50%;\n}\n\n.soi-lysa-hero-title {\n  display: block;\n  color: var(--soi-lysa-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-lysa-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-lysa-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-lysa-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-lysa-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-lysa-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-lysa-label-accent {\n  background: var(--soi-lysa-pomme);\n  border-color: var(--soi-lysa-pomme);\n  color: var(--soi-lysa-marine);\n  font-weight: 600;\n}\n\n.soi-lysa-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-lysa-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-lysa-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-lysa-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-lysa-pomme);\n  border-radius: 2px;\n}\n\n.soi-lysa-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-lysa-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-lysa-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-lysa-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-lysa-benefit {\n  background: var(--soi-lysa-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-lysa-radius);\n  border: 1px solid var(--soi-lysa-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-lysa-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-lysa-shadow-md);\n}\n\n.soi-lysa-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-lysa-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-lysa-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-lysa-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-lysa-benefit:hover .soi-lysa-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-lysa-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lysa-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lysa-benefit p {\n  font-size: 13px;\n  color: var(--soi-lysa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lysa-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-lysa-card {\n  background: var(--soi-lysa-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lysa-radius);\n  border-left: 3px solid var(--soi-lysa-pomme);\n}\n\n.soi-lysa-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lysa-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lysa-card p {\n  font-size: 14px;\n  color: var(--soi-lysa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lysa-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-lysa-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-lysa-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lysa-radius);\n  border: 1px solid var(--soi-lysa-line);\n  align-items: flex-start;\n}\n\n.soi-lysa-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-lysa-marine);\n  color: var(--soi-lysa-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-lysa-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-lysa-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-lysa-step-content p {\n  font-size: 14px;\n  color: var(--soi-lysa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lysa-compo {\n  background: var(--soi-lysa-off-white);\n  border-radius: var(--soi-lysa-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-lysa-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-lysa-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-lysa-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-lysa-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-lysa-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  flex-shrink: 0;\n}\n\n.soi-lysa-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-lysa-marine);\n  text-align: right;\n}\n\n.soi-lysa-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-lysa-pomme-light);\n  border-left: 4px solid var(--soi-lysa-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-lysa-radius) var(--soi-lysa-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-lysa-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-lysa-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-lysa-marine);\n  margin-bottom: 4px;\n}\n\n.soi-lysa-tip p {\n  font-size: 14px;\n  color: var(--soi-lysa-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lysa-cta-box {\n  background: var(--soi-lysa-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-lysa-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-lysa-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-lysa-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-lysa-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-lysa-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-lysa-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-lysa-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-lysa-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-lysa-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-lysa-compo-value {\n    text-align: left;\n  }\n\n  .soi-lysa-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-lysa-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-lysa-fiche {\n    --soi-lysa-text-soft: #2C3E50;\n    --soi-lysa-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603373252938,"sku":"CE0468","price":22.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/serum-concentre-anti-taches-certifie-bio-centifolia-packshot.webp?v=1779454544"},{"product_id":"soin-des-mains-anti-taches-certifie-bio-centifolia","title":"Soin des mains anti-taches certifié bio - Centifolia","description":"\n\u003cdiv class=\"soi-lysa-fiche\"\u003e\n\n  \u003csection class=\"soi-lysa-hero\"\u003e\n    \u003cdiv class=\"soi-lysa-hero-tag\"\u003e\n      \u003cspan class=\"soi-lysa-tag-dot\"\u003e\u003c\/span\u003e\n      Soin des mains · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-lysa-hero-title\"\u003eSoin des Mains Anti-Taches Lys Active®\u003c\/span\u003e\n    \u003cp class=\"soi-lysa-hero-subtitle\"\u003eHydrate, lisse et réduit visiblement les taches brunes grâce à un actif Rétinol-like végétal issu du Lys Blanc, certifié bio Cosmos Organic.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lysa-hero-labels\"\u003e\n      \u003cspan class=\"soi-lysa-label soi-lysa-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-lysa-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-lysa-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-lysa-label\"\u003e50 ML\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lysa-section\"\u003e\n    \u003cp class=\"soi-lysa-section-intro\"\u003eVos mains méritent autant d'attention que votre visage. Exposées au soleil, aux changements de température et aux agressions quotidiennes, elles sont souvent les premières à révéler les signes du temps, notamment sous forme de taches brunes. Le Soin des Mains Anti-Taches Lys Active® de Centifolia a été formulé pour y répondre avec des actifs botaniques certifiés bio, doux et réellement efficaces.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lysa-section\"\u003e\n    \u003ch2\u003eUne crème anti-taches mains qui agit en profondeur\u003c\/h2\u003e\n    \u003cp\u003eCe que vous cherchez dans une crème anti-taches pour les mains, c'est un soin qui hydrate sans laisser de film poisseux, qui estompe les taches brunes visiblement et qui respecte les peaux les plus sensibles. C'est exactement ce que propose cette formule Centifolia, enrichie d'une synergie d'actifs végétaux soigneusement sélectionnés.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lysa-benefits\"\u003e\n      \u003cdiv class=\"soi-lysa-benefit\"\u003e\n        \u003cdiv class=\"soi-lysa-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCellules végétales de Lys Blanc\u003c\/h3\u003e\n        \u003cp\u003eCet actif Rétinol-like d'origine 100 % végétale stimule le renouvellement cellulaire, améliore la fermeté et contribue à l'éclat naturel de la peau, sans l'irritation d'un rétinol classique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysa-benefit\"\u003e\n        \u003cdiv class=\"soi-lysa-benefit-icon\"\u003e\u003cspan\u003e🌊\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eExtrait d'Algue Rouge\u003c\/h3\u003e\n        \u003cp\u003eReconnu pour ses propriétés dépigmentantes, il cible les taches pigmentaires existantes et aide à prévenir leur réapparition en uniformisant progressivement le teint.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysa-benefit\"\u003e\n        \u003cdiv class=\"soi-lysa-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAgents hydratants botaniques\u003c\/h3\u003e\n        \u003cp\u003eLa peau est nourrie en profondeur, durablement souple et douce au toucher dès les premières applications.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lysa-section\"\u003e\n    \u003ch2\u003eComment utiliser cette crème mains anti-taches ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lysa-timeline\"\u003e\n      \u003cdiv class=\"soi-lysa-step\"\u003e\n        \u003cdiv class=\"soi-lysa-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-lysa-step-content\"\u003e\n          \u003ch3\u003eAppliquez matin et soir\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de crème sur le dos des mains, en insistant sur les zones tachées.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysa-step\"\u003e\n        \u003cdiv class=\"soi-lysa-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-lysa-step-content\"\u003e\n          \u003ch3\u003eMassez jusqu'à absorption complète\u003c\/h3\u003e\n          \u003cp\u003eLa texture légère pénètre rapidement sans résidu gras.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysa-step\"\u003e\n        \u003cdiv class=\"soi-lysa-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-lysa-step-content\"\u003e\n          \u003ch3\u003eAssociez à une protection solaire\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats optimaux, appliquez une protection solaire sur les mains en journée afin de limiter l'apparition de nouvelles taches.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lysa-section\"\u003e\n    \u003ch2\u003ePourquoi cette crème mains anti-taches brunes se distingue de la concurrence ?\u003c\/h2\u003e\n    \u003cp\u003eContrairement à de nombreuses crèmes anti-taches mains qui misent uniquement sur la vitamine C ou la glabridine, la formule Lys Active® de Centifolia combine un actif Rétinol-like végétal (issu des cellules de Lys Blanc) avec un extrait d'Algue Rouge dépigmentant. Résultat : une action double sur la régénération cellulaire et la réduction des taches, adaptée même aux peaux matures et sensibles.\u003c\/p\u003e\n    \u003cp\u003eDe plus, la certification Cosmos Organic garantit une formule à 99 % d'ingrédients d'origine naturelle, vegan et sans perturbateurs endocriniens (sans phtalates, sans Bisphénol A). Le tube contient 22 % de plastique recyclé. Chaque geste beauté devient aussi un geste pour la planète.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lysa-tip\"\u003e\n      \u003cdiv class=\"soi-lysa-tip-icon\"\u003e🌿\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eL'actif Rétinol-like végétal issu du Lys Blanc offre les bénéfices du rétinol (renouvellement cellulaire, éclat, fermeté) sans provoquer l'irritation associée aux rétinols classiques. Un choix idéal pour les peaux sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lysa-section\"\u003e\n    \u003ch2\u003eComposition (ingrédients principaux)\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lysa-compo\"\u003e\n      \u003cdiv class=\"soi-lysa-compo-row\"\u003e\n        \u003cspan class=\"soi-lysa-compo-label\"\u003eActif phare\u003c\/span\u003e\n        \u003cspan class=\"soi-lysa-compo-value\"\u003eCellules végétales actives de Lys Blanc (Lys Active®), actif Rétinol-like végétal\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysa-compo-row\"\u003e\n        \u003cspan class=\"soi-lysa-compo-label\"\u003eActif dépigmentant\u003c\/span\u003e\n        \u003cspan class=\"soi-lysa-compo-value\"\u003eExtrait d'Algue Rouge\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysa-compo-row\"\u003e\n        \u003cspan class=\"soi-lysa-compo-label\"\u003eHydratation\u003c\/span\u003e\n        \u003cspan class=\"soi-lysa-compo-value\"\u003eAgents hydratants d'origine végétale\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysa-compo-row\"\u003e\n        \u003cspan class=\"soi-lysa-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-lysa-compo-value\"\u003eCosmos Organic, 99 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysa-compo-row\"\u003e\n        \u003cspan class=\"soi-lysa-compo-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-lysa-compo-value\"\u003eVegan, sans phtalates, sans Bisphénol A, sans film gras\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysa-compo-row\"\u003e\n        \u003cspan class=\"soi-lysa-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-lysa-compo-value\"\u003e50 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysa-compo-row\"\u003e\n        \u003cspan class=\"soi-lysa-compo-label\"\u003eÉco-conception\u003c\/span\u003e\n        \u003cspan class=\"soi-lysa-compo-value\"\u003eTube contenant 22 % de plastique recyclé\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lysa-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce soin des mains ?\u003c\/h2\u003e\n    \u003cp\u003eCe soin est idéal si vous avez des peaux matures ou sensibles et que vous souhaitez agir efficacement contre les taches de vieillesse sur les mains, les taches solaires ou les irrégularités de pigmentation. Il convient également aux personnes à la recherche d'une alternative naturelle et bio au rétinol classique, souvent irritant.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lysa-grid\"\u003e\n      \u003cdiv class=\"soi-lysa-card\"\u003e\n        \u003ch3\u003e🤲 Peaux matures\u003c\/h3\u003e\n        \u003cp\u003eVous constatez l'apparition de taches brunes sur le dos des mains et souhaitez retrouver un teint uniforme et lumineux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysa-card\"\u003e\n        \u003ch3\u003e🌷 Peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eVotre peau réagit aux rétinols classiques : l'actif Rétinol-like végétal du Lys Blanc offre efficacité sans irritation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lysa-section\"\u003e\n    \u003cdiv class=\"soi-lysa-accordion\"\u003e\n      \u003cdetails class=\"soi-lysa-accordion-item\"\u003e\n        \u003csummary class=\"soi-lysa-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-lysa-accordion-content\"\u003e\n          \u003cp\u003eCe soin cosmétique ne constitue pas un traitement médical. En cas de taches persistantes ou de modification cutanée inhabituelle, 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-lysa-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-lysa-cta-box\"\u003e\n      \u003cp class=\"soi-lysa-cta-tag\" style=\"color: white;\"\u003eDes mains lumineuses, naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-lysa-cta-text\" style=\"color: white;\"\u003eOffrez à vos mains la douceur et l'éclat qu'elles méritent. Avec le Lys Blanc et la certification Cosmos Organic, ce soin Centifolia estompe les taches, hydrate en profondeur et respecte les peaux les plus délicates.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-lysa-marine: #1A2D3D;\n  --soi-lysa-marine-dark: #0F1E2B;\n  --soi-lysa-marine-light: #2C4458;\n  --soi-lysa-pomme: #A1C544;\n  --soi-lysa-pomme-dark: #84A636;\n  --soi-lysa-pomme-light: rgba(161,197,68,0.10);\n  --soi-lysa-white: #FFFFFF;\n  --soi-lysa-off-white: #F8FAF6;\n  --soi-lysa-stone: #F1F3EE;\n  --soi-lysa-line: #E5E8E0;\n  --soi-lysa-primary: #8B2252;\n  --soi-lysa-primary-soft: #F5EAF0;\n  --soi-lysa-accent: #D4A8B5;\n  --soi-lysa-text: #1A2D3D;\n  --soi-lysa-text-soft: #4A5B6B;\n  --soi-lysa-text-muted: #7B8693;\n  --soi-lysa-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-lysa-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-lysa-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-lysa-radius: 12px;\n  --soi-lysa-radius-sm: 8px;\n  --soi-lysa-radius-pill: 999px;\n}\n\n.soi-lysa-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-lysa-fiche img { max-width: 100%; height: auto; }\n\n.soi-lysa-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-lysa-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-lysa-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-lysa-hero {\n  position: relative;\n  background: var(--soi-lysa-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-lysa-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-lysa-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-lysa-pomme);\n}\n\n.soi-lysa-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-lysa-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-lysa-pomme);\n  border-radius: 50%;\n}\n\n.soi-lysa-hero-title {\n  display: block;\n  color: var(--soi-lysa-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-lysa-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-lysa-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-lysa-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-lysa-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-lysa-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-lysa-label-accent {\n  background: var(--soi-lysa-pomme);\n  border-color: var(--soi-lysa-pomme);\n  color: var(--soi-lysa-marine);\n  font-weight: 600;\n}\n\n.soi-lysa-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-lysa-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-lysa-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-lysa-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-lysa-pomme);\n  border-radius: 2px;\n}\n\n.soi-lysa-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-lysa-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-lysa-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-lysa-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-lysa-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-lysa-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-top: 1.5rem;\n}\n\n.soi-lysa-benefit {\n  background: var(--soi-lysa-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-lysa-radius);\n  border: 1px solid var(--soi-lysa-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-lysa-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-lysa-shadow-md);\n}\n\n.soi-lysa-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-lysa-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-lysa-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-lysa-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-lysa-benefit:hover .soi-lysa-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-lysa-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lysa-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lysa-benefit p {\n  font-size: 13px;\n  color: var(--soi-lysa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lysa-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.soi-lysa-card {\n  background: var(--soi-lysa-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lysa-radius);\n  border-left: 3px solid var(--soi-lysa-pomme);\n}\n\n.soi-lysa-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lysa-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lysa-card p {\n  font-size: 14px;\n  color: var(--soi-lysa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lysa-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-lysa-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-lysa-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lysa-radius);\n  border: 1px solid var(--soi-lysa-line);\n  align-items: flex-start;\n}\n\n.soi-lysa-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-lysa-marine);\n  color: var(--soi-lysa-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-lysa-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-lysa-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-lysa-step-content p {\n  font-size: 14px;\n  color: var(--soi-lysa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lysa-compo {\n  background: var(--soi-lysa-off-white);\n  border-radius: var(--soi-lysa-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-lysa-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-lysa-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-lysa-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-lysa-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-lysa-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-lysa-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-lysa-marine);\n  text-align: right;\n}\n\n.soi-lysa-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-lysa-pomme-light);\n  border-left: 4px solid var(--soi-lysa-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-lysa-radius) var(--soi-lysa-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-lysa-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-lysa-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-lysa-marine);\n  margin-bottom: 4px;\n}\n\n.soi-lysa-tip p {\n  font-size: 14px;\n  color: var(--soi-lysa-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lysa-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-lysa-accordion-item {\n  background: var(--soi-lysa-off-white);\n  border-radius: var(--soi-lysa-radius-sm);\n  border: 1px solid var(--soi-lysa-line);\n  overflow: hidden;\n}\n\n.soi-lysa-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-lysa-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-lysa-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-lysa-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-lysa-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-lysa-accordion-item[open] .soi-lysa-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-lysa-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-lysa-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-lysa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lysa-cta-box {\n  background: var(--soi-lysa-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-lysa-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-lysa-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-lysa-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-lysa-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-lysa-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-lysa-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-lysa-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-lysa-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-lysa-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-lysa-compo-value {\n    text-align: left;\n  }\n\n  .soi-lysa-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-lysa-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-lysa-fiche {\n    --soi-lysa-text-soft: #2C3E50;\n    --soi-lysa-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603374399818,"sku":"CE0470","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soin-des-mains-anti-taches-certifie-bio-centifolia-packshot.webp?v=1779261637"},{"product_id":"lait-nettoyant-hydratant-certifie-bio-centifolia","title":"Lait nettoyant hydratant certifié bio - Centifolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0011_beef3a97-aedf-45e1-b46c-30a21eccd8ab.jpg?v=1776180673\" alt=\"Photo d'un couple qui rigole en prenant soin de leur peau\" 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\u003eDécouvrez le \u003cstrong\u003eLait Nettoyant Hydratant de Centifolia\u003c\/strong\u003e, la solution idéale pour préserver la douceur et la fraîcheur de la peau de toute la famille \u003cstrong\u003esans risque d'assèchement\u003c\/strong\u003e. Ce lait nettoyant agit en douceur pour éliminer les impuretés, les résidus de pollution et même le maquillage waterproof, tout en respectant l'équilibre naturel de votre peau.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits du Lait nettoyant Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNettoyage en douceur\u003c\/strong\u003e : élimine délicatement les impuretés et le maquillage waterproof sans agresser la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation optimale\u003c\/strong\u003e : enrichi en extrait de ginkgo biloba biologique d'origine française, reconnu pour ses propriétés hydratantes exceptionnelles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection et apaisement\u003c\/strong\u003e : apaise la peau et la protège des dommages causés par les rayons UV grâce aux composés actifs du Ginkgo Biloba.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConvient à tous\u003c\/strong\u003e : adapté à tous les types de peau, même les plus sensibles.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques du Lait nettoyant hydratant\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédient principal\u003c\/strong\u003e : extrait de feuilles de ginkgo biloba biologique, riche en composés actifs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule douce\u003c\/strong\u003e : respecte l'équilibre naturel de la peau, la laissant propre, douce et confortable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEco-responsable\u003c\/strong\u003e : flacon recyclable de 200 ml, sans phtalate ni bisphénol A.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication française\u003c\/strong\u003e : conçu et fabriqué en France avec des ingrédients de haute qualité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eUne peau propre, douce et confortable, hydratée et protégée au quotidien.\u003c\/p\u003e\n\u003cp\u003eOptez pour le Lait Nettoyant Hydratant de Centifolia pour une routine de soin efficace et respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603375251786,"sku":"CE0011","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0011_-_centifolia_lait_nettoyant_hydratant_2b759f39-d128-4f67-ab11-80f2168ba7eb.jpg?v=1778842898"},{"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":11.89,"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":"lait-corps-hydratant-pour-toute-la-famille-certifie-bio","title":"Lait corps hydratant pour toute la famille certifié bio","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003cp\u003e\u003cstrong\u003eLe Lait Corps Hydratant pour Toute la Famille de Centifolia\u003c\/strong\u003e est un soin spécialement formulé pour apporter une hydratation optimale et une douceur incomparable à la peau. Disponible en flacon de 500 ml, ce lait corporel fluide est conçu pour une absorption rapide, convenant à divers types de peaux, y compris les plus sensibles.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eIngrédient principal du Lait Corps hydratant Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eEnrichi en Ginkgo Biloba d'origine biologique et française, ce lait corporel utilise les propriétés reconnues de cet ingrédient pour améliorer l'hydratation de la peau, l'apaiser et la protéger des dommages liés aux rayons UV.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0021_05a20471-cac7-471e-acec-ffd53122d140.jpg?v=1776180676\" alt=\"Photo d'une personne qui se met de la crème sur ses mains\" 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\u003eEfficacité prouvée du Lait Corps\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eDes études ont démontré qu'après seulement 8 heures d'application, ce lait corporel augmente l'hydratation de la peau de 55 %, offrant une sensation de confort durable. Sa texture légère et fluide permet une absorption rapide sans laisser de film gras, laissant la peau douce et sans résidus désagréables.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eLes nombreux avantage du Lait Corps de Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation Intense:\u003c\/strong\u003e Augmente l'hydratation de la peau de 55 % en 8 heures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdapté à Tous:\u003c\/strong\u003e Convient à tous les types de peaux, y compris les plus sensibles, et est adapté pour les enfants à partir de trois ans.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAbsorption Rapide:\u003c\/strong\u003e Ne laisse pas de film gras, pour une peau douce et confortable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉco-responsabilité:\u003c\/strong\u003e Flacon recyclable à 50 %, sans phtalates ni Bisphénol A.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifications:\u003c\/strong\u003e Fabriqué en France et certifié COSMOS ORGANIC par Ecocert Greenlife.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum Délicat:\u003c\/strong\u003e Formules délicatement parfumées pour une utilisation agréable au quotidien.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLe Lait Corps Hydratant pour Toute la Famille de Centifolia\u003c\/strong\u003e est la solution idéale pour ceux qui recherchent\u003cstrong\u003e un soin hydratant efficace et doux\u003c\/strong\u003e, adapté à tous les membres de la famille, et respectueux de l'environnement.\u003c\/p\u003e\n\u003cp\u003eFaites l'expérience d'une peau hydratée, apaisée et protégée avec Centifolia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603376398666,"sku":"CE0021","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0021_lait_corps_hydratant_famille_f242e064-0ffb-42c3-a8ed-7dded2dcd25f.jpg?v=1778842898"},{"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":false}],"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":"gel-daloe-vera-bio-et-equitable-certifie-bio-centifolia","title":"Gel d'Aloe Vera bio et équitable certifié Bio - Centifolia","description":"\u003cdiv class=\"soi-aloe-fiche\"\u003e\n\n\u003csection class=\"soi-aloe-hero\"\u003e\n  \u003cdiv class=\"soi-aloe-hero-tag\"\u003e\n    \u003cspan class=\"soi-aloe-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétique bio · Centifolia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-aloe-hero-title\"\u003eL'hydratation végétale pure, du visage aux cheveux\u003c\/span\u003e\n  \u003cp class=\"soi-aloe-hero-subtitle\"\u003eUn gel d'aloe vera équitable et biologique, certifié Cosmos Organic, à 99 % d'ingrédients d'origine naturelle. Hydratant, apaisant et protecteur pour le corps et les cheveux.\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\u003c\/span\u003e\n    \u003cspan class=\"soi-aloe-label\"\u003e100 % VÉGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-aloe-label\"\u003eÉQUITABLE\u003c\/span\u003e\n    \u003cspan class=\"soi-aloe-label\"\u003eSANS PARABEN\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-aloe-section\"\u003e\n  \u003ch2\u003ePourquoi choisir ce gel aloe vera bio ?\u003c\/h2\u003e\n  \u003cp\u003eTous les gels d'aloe vera ne se valent pas. Ce qui distingue la formule Centifolia, c'est la qualité de son aloe vera équitable : issu de l'agriculture biologique, il est récolté dans des conditions respectueuses des producteurs et de l'environnement. Le résultat est un gel à la texture légère, non grasse, qui pénètre rapidement et convient même aux peaux les plus sensibles.\u003c\/p\u003e\n\n  \u003cdiv class=\"soi-aloe-benefits\"\u003e\n    \u003cdiv class=\"soi-aloe-benefit\"\u003e\n      \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eHydratation intense\u003c\/h3\u003e\n      \u003cp\u003eL'aloe vera forme un film protecteur qui retient l'eau dans l'épiderme, idéal après le soleil ou sous la climatisation.\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\u003eAction apaisante\u003c\/h3\u003e\n      \u003cp\u003eIl soulage les rougeurs, les irritations et les légères brûlures (soleil, épilation). Un réflexe naturel à garder dans votre salle de bain.\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\u003eRevitalisation cheveux\u003c\/h3\u003e\n      \u003cp\u003eAppliqué sur les longueurs, il redonne brillance et légèreté aux cheveux ternes ou fragilisés.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-aloe-section\"\u003e\n  \u003ch2\u003eComment l'utiliser au quotidien ?\u003c\/h2\u003e\n\n  \u003cdiv class=\"soi-aloe-grid\"\u003e\n    \u003cdiv class=\"soi-aloe-card\"\u003e\n      \u003ch3\u003e🌸 Visage et corps\u003c\/h3\u003e\n      \u003cp\u003eAppliquez une noisette de gel sur la peau propre, matin ou soir. Il peut s'utiliser seul comme soin hydratant léger, ou en base avant votre crème habituelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-aloe-card\"\u003e\n      \u003ch3\u003e💆 Cheveux\u003c\/h3\u003e\n      \u003cp\u003eDéposez une petite quantité sur les longueurs humides pour démêler, nourrir et apporter de la légèreté. Vous pouvez aussi l'utiliser en masque express 10 minutes avant le shampooing.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-aloe-card\"\u003e\n      \u003ch3\u003e🧴 Cosmétique maison\u003c\/h3\u003e\n      \u003cp\u003eCe gel remplace l'eau dans vos préparations DIY (crèmes, sérums, shampooings solides). Sa texture neutre s'intègre facilement à toutes les formules.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-aloe-card\"\u003e\n      \u003ch3\u003e❄️ Astuce fraîcheur\u003c\/h3\u003e\n      \u003cp\u003eConservez le tube au réfrigérateur pour un effet coup de froid instantané après l'exposition au soleil ou une séance de sport.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-aloe-section\"\u003e\n  \u003ch2\u003eComposition\u003c\/h2\u003e\n  \u003cp\u003eLa formule est à 99 % d'ingrédients d'origine naturelle et 100 % végane, certifiée Cosmos Organic par Ecocert. Elle ne contient ni paraben, ni silicone, ni colorant synthétique.\u003c\/p\u003e\n  \u003cp\u003e\u003cstrong\u003eIngrédient principal :\u003c\/strong\u003e \u003cem\u003eAloe barbadensis leaf juice\u003c\/em\u003e (gel de feuille d'aloe vera biologique équitable), complété par des agents gélifiants naturels, un conservateur d'origine naturelle et un ajusteur de pH doux.\u003c\/p\u003e\n\n  \u003cdiv class=\"soi-aloe-compo\"\u003e\n    \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n      \u003cspan class=\"soi-aloe-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-aloe-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n      \u003cspan class=\"soi-aloe-compo-label\"\u003eIngrédients d'origine naturelle\u003c\/span\u003e\n      \u003cspan class=\"soi-aloe-compo-value\"\u003e99 %\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n      \u003cspan class=\"soi-aloe-compo-label\"\u003eIngrédients biologiques\u003c\/span\u003e\n      \u003cspan class=\"soi-aloe-compo-value\"\u003e98 %\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n      \u003cspan class=\"soi-aloe-compo-label\"\u003eFormule\u003c\/span\u003e\n      \u003cspan class=\"soi-aloe-compo-value\"\u003e100 % végane\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n      \u003cspan class=\"soi-aloe-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-aloe-compo-value\"\u003e200 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n      \u003cspan class=\"soi-aloe-compo-label\"\u003eEmballage\u003c\/span\u003e\n      \u003cspan class=\"soi-aloe-compo-value\"\u003eTube allégé, 55 % moins de plastique\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\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\u003eL'aloe vera utilisé dans ce gel est issu de l'agriculture biologique et du commerce équitable, pour un soin qui respecte autant votre peau que les producteurs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-aloe-section\"\u003e\n  \u003ch2\u003ePour qui est fait ce gel à l'aloe vera ?\u003c\/h2\u003e\n  \u003cp\u003eCe soin convient à toutes les peaux, y compris les peaux réactives, sèches ou exposées au soleil. Il est particulièrement apprécié des personnes qui recherchent un soin naturel multifonction, sans liste d'ingrédients à rallonge, et qui souhaitent réduire leur impact environnemental sans compromis sur l'efficacité.\u003c\/p\u003e\n\n  \u003cdiv class=\"soi-aloe-accordion\"\u003e\n    \u003cdetails class=\"soi-aloe-accordion-item\"\u003e\n      \u003csummary class=\"soi-aloe-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n      \u003cdiv class=\"soi-aloe-accordion-content\"\u003e\n        \u003cp\u003eCe produit est un soin cosmétique. Il ne remplace pas un avis médical en cas de problème cutané persistant.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-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;\"\u003eHydratation, apaisement, légèreté\u003c\/p\u003e\n    \u003cp class=\"soi-aloe-cta-text\" style=\"color: white;\"\u003eDoux, efficace et respectueux de la planète, le Gel d'Aloe Vera Bio Centifolia s'invite dans votre routine comme un geste simple qui fait vraiment la différence.\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: #4BA89C;\n  --soi-aloe-primary-soft: #E8F5F2;\n  --soi-aloe-accent: #2E9E8F;\n\n  --soi-aloe-text: #1A2D3D;\n  --soi-aloe-text-soft: #4A5B6B;\n  --soi-aloe-text-muted: #7B8693;\n\n  --soi-aloe-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-aloe-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-aloe-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-aloe-radius: 12px;\n  --soi-aloe-radius-sm: 8px;\n  --soi-aloe-radius-pill: 999px;\n}\n\n.soi-aloe-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-aloe-fiche img { max-width: 100%; height: auto; }\n\n.soi-aloe-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-aloe-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-aloe-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-aloe-hero {\n  position: relative;\n  background: var(--soi-aloe-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-aloe-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-aloe-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-aloe-pomme);\n}\n\n.soi-aloe-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-aloe-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-aloe-pomme);\n  border-radius: 50%;\n}\n\n.soi-aloe-hero-title {\n  display: block;\n  color: var(--soi-aloe-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(24px, 5vw, 35px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-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 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  margin-top: 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: 15px;\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\/* === COMPOSITION === *\/\n.soi-aloe-compo {\n  background: var(--soi-aloe-off-white);\n  border-radius: var(--soi-aloe-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-top: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-aloe-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-aloe-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-aloe-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-aloe-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-aloe-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-aloe-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-aloe-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-aloe-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-aloe-pomme-light);\n  border-left: 4px solid var(--soi-aloe-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-aloe-radius) var(--soi-aloe-radius) 0;\n  align-items: flex-start;\n}\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: 15px;\n  color: var(--soi-aloe-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-aloe-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 1.25rem;\n}\n\n.soi-aloe-accordion-item {\n  background: var(--soi-aloe-off-white);\n  border-radius: var(--soi-aloe-radius-sm);\n  border: 1px solid var(--soi-aloe-line);\n  overflow: hidden;\n}\n\n.soi-aloe-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-aloe-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-aloe-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-aloe-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-aloe-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-aloe-accordion-item[open] .soi-aloe-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-aloe-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-aloe-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-aloe-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-aloe-cta-box {\n  background: var(--soi-aloe-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-aloe-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-aloe-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-aloe-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-aloe-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-aloe-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-aloe-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(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-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-aloe-compo-value {\n    text-align: left;\n  }\n\n  .soi-aloe-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-aloe-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-aloe-fiche {\n    --soi-aloe-text-soft: #2C3E50;\n    --soi-aloe-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603399336266,"sku":"CE0540","price":6.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-daloe-vera-bio-et-equitable-certifie-bio-centifolia-packshot.webp?v=1792053299"},{"product_id":"shampoing-demelant-violet-certifie-bio-centifolia","title":"Shampoing démêlant violet certifié bio - Centifolia","description":"\u003cdiv class=\"soi-shvio-fiche\"\u003e\n\n\u003csection class=\"soi-shvio-hero\"\u003e\n  \u003cdiv class=\"soi-shvio-hero-tag\"\u003e\n    \u003cspan class=\"soi-shvio-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétiques et soins capillaires · Centifolia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-shvio-hero-title\"\u003eShampoing démêlant violet certifié bio\u003c\/span\u003e\n  \u003cp class=\"soi-shvio-hero-subtitle\"\u003eNeutralisez les reflets jaunes et orangés de vos cheveux blonds, blancs ou gris grâce aux pigments naturels de myrtille bio française, dans une formule 2 en 1 validée par des coiffeurs professionnels.\u003c\/p\u003e\n  \u003cdiv class=\"soi-shvio-hero-labels\"\u003e\n    \u003cspan class=\"soi-shvio-label soi-shvio-label-accent\"\u003eBIO\u003c\/span\u003e\n    \u003cspan class=\"soi-shvio-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-shvio-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-shvio-label\"\u003ePIGMENTS 100% NATURELS\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eLe shampoing violet bio qui neutralise vraiment les reflets jaunes\u003c\/h2\u003e\n  \u003cp\u003eVous avez des cheveux blonds, blancs ou gris et ces reflets dorés, jaunes ou orangés qui ternissent votre couleur vous agacent ? Le \u003cstrong\u003eshampoing démêlant violet déjaunisseur 2 en 1 Centifolia\u003c\/strong\u003e apporte une réponse concrète, naturelle et certifiée bio. Contrairement aux formules conventionnelles, celui-ci mise sur des \u003cstrong\u003epigments violets et bleus 100% naturels\u003c\/strong\u003e issus de la myrtille bio française pour neutraliser les indésirables, sans compromettre la santé de votre fibre capillaire.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eComment fonctionne un shampoing violet déjaunisseur ?\u003c\/h2\u003e\n  \u003cp\u003eLe principe repose sur la \u003cstrong\u003ethéorie des couleurs complémentaires\u003c\/strong\u003e : le violet annule le jaune, le bleu neutralise l'orange. Appliqués sur cheveux clairs, les pigments colorants se déposent temporairement sur la fibre pour \u003cstrong\u003erééquilibrer la teinte\u003c\/strong\u003e et redonner un éclat nacré ou cendré selon votre couleur naturelle. Le résultat est visible dès la première utilisation, avec un effet cumulatif au fil des lavages.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eCe qui distingue la formule Centifolia\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shvio-benefits\"\u003e\n    \u003cdiv class=\"soi-shvio-benefit\"\u003e\n      \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e🫐\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eMyrtille bio de France\u003c\/h3\u003e\n      \u003cp\u003eRiche en antioxydants et en pigments bleus-violets naturels, elle nourrit et apaise le cuir chevelu tout en agissant sur le reflet.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-benefit\"\u003e\n      \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eDouble action 2 en 1\u003c\/h3\u003e\n      \u003cp\u003eCe produit combine shampoing lavant et après-shampoing démêlant en un seul geste, idéal pour gagner du temps sans sacrifier le soin.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-benefit\"\u003e\n      \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eFormule certifiée bio et vegan\u003c\/h3\u003e\n      \u003cp\u003eSans ingrédients d'origine animale, sans sulfates agressifs, validée par des coiffeurs professionnels.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-benefit\"\u003e\n      \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eNe tache pas la peau\u003c\/h3\u003e\n      \u003cp\u003eContrairement à de nombreux shampoings violets du marché, la formule est conçue pour ne pas laisser de traces sur le front ou les mains.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shvio-grid\"\u003e\n    \u003cdiv class=\"soi-shvio-card\"\u003e\n      \u003ch3\u003e💛 Blonds naturels, méchés ou décolorés\u003c\/h3\u003e\n      \u003cp\u003eVous entretenez une coloration blonde froide ou souhaitez raviver l'éclat de votre blond naturel en atténuant les tons chauds indésirables.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-card\"\u003e\n      \u003ch3\u003e🤍 Cheveux gris ou blancs\u003c\/h3\u003e\n      \u003cp\u003eVous laissez pousser vos cheveux blancs naturellement et recherchez une chevelure plus lumineuse et unifiée, sans jaunissement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-shvio-tip\"\u003e\n    \u003cdiv class=\"soi-shvio-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eL'effet est subtil mais réel : les tons chauds s'atténuent, la chevelure paraît plus lumineuse et unifiée dès les premières utilisations.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eComment l'utiliser pour un résultat optimal ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shvio-timeline\"\u003e\n    \u003cdiv class=\"soi-shvio-step\"\u003e\n      \u003cdiv class=\"soi-shvio-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-shvio-step-content\"\u003e\n        \u003ch3\u003eAppliquez et faites mousser\u003c\/h3\u003e\n        \u003cp\u003eDéposez une noix de produit sur cheveux mouillés et massez délicatement le cuir chevelu pour faire mousser.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-step\"\u003e\n      \u003cdiv class=\"soi-shvio-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-shvio-step-content\"\u003e\n        \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n        \u003cp\u003ePatientez \u003cstrong\u003e2 à 5 minutes\u003c\/strong\u003e selon l'intensité des reflets à neutraliser, puis rincez abondamment.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-step\"\u003e\n      \u003cdiv class=\"soi-shvio-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-shvio-step-content\"\u003e\n        \u003ch3\u003eFréquence recommandée\u003c\/h3\u003e\n        \u003cp\u003eUtilisez \u003cstrong\u003e1 à 2 fois par semaine\u003c\/strong\u003e en alternance avec votre shampoing habituel pour éviter un effet trop cendreux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eComposition (liste INCI principale)\u003c\/h2\u003e\n  \u003cp\u003eFormule enrichie en \u003cstrong\u003eextrait de myrtille bio (Vaccinium myrtillus)\u003c\/strong\u003e, pigments naturels violets et bleus d'origine végétale, agents démêlants doux. Formule vegan, sans silicone, sans colorants synthétiques.\u003c\/p\u003e\n  \u003cp\u003e\u003cem\u003ePour la liste INCI complète, référez-vous à l'étiquetage du produit.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shvio-compo\"\u003e\n    \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n      \u003cspan class=\"soi-shvio-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-shvio-compo-value\"\u003e200 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n      \u003cspan class=\"soi-shvio-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-shvio-compo-value\"\u003eBio, Vegan, Pigments 100% naturels\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n      \u003cspan class=\"soi-shvio-compo-label\"\u003eValidé par\u003c\/span\u003e\n      \u003cspan class=\"soi-shvio-compo-value\"\u003eDes coiffeurs professionnels\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n      \u003cspan class=\"soi-shvio-compo-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-shvio-compo-value\"\u003eFrance\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-shvio-cta-box\"\u003e\n    \u003cp class=\"soi-shvio-cta-tag\" style=\"color: white;\"\u003eVos cheveux méritent un éclat naturel\u003c\/p\u003e\n    \u003cp class=\"soi-shvio-cta-text\" style=\"color: white;\"\u003eFini les reflets qui trahissent votre couleur. Le shampoing violet bio Centifolia prend soin de vos cheveux blonds, blancs ou gris avec des pigments naturels issus de la myrtille française, sans agresser la fibre ni tacher la peau. Un geste simple, une formule honnête, un éclat retrouvé.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-shvio-marine: #1A2D3D;\n  --soi-shvio-marine-dark: #0F1E2B;\n  --soi-shvio-marine-light: #2C4458;\n  --soi-shvio-pomme: #A1C544;\n  --soi-shvio-pomme-dark: #84A636;\n  --soi-shvio-pomme-light: rgba(161,197,68,0.10);\n  --soi-shvio-white: #FFFFFF;\n  --soi-shvio-off-white: #F8FAF6;\n  --soi-shvio-stone: #F1F3EE;\n  --soi-shvio-line: #E5E8E0;\n  --soi-shvio-primary: #5B3FA0;\n  --soi-shvio-primary-soft: #7B68AE;\n  --soi-shvio-accent: #3D2B6E;\n  --soi-shvio-text: #1A2D3D;\n  --soi-shvio-text-soft: #4A5B6B;\n  --soi-shvio-text-muted: #7B8693;\n  --soi-shvio-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-shvio-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-shvio-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-shvio-radius: 12px;\n  --soi-shvio-radius-sm: 8px;\n  --soi-shvio-radius-pill: 999px;\n}\n\n.soi-shvio-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shvio-fiche img { max-width: 100%; height: auto; }\n\n.soi-shvio-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-shvio-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-shvio-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shvio-hero {\n  position: relative;\n  background: var(--soi-shvio-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-shvio-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-shvio-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-shvio-pomme);\n}\n\n.soi-shvio-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-shvio-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-shvio-pomme);\n  border-radius: 50%;\n}\n\n.soi-shvio-hero-title {\n  display: block;\n  color: var(--soi-shvio-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-shvio-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-shvio-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-shvio-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-shvio-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-shvio-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-shvio-label-accent {\n  background: var(--soi-shvio-pomme);\n  border-color: var(--soi-shvio-pomme);\n  color: var(--soi-shvio-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shvio-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shvio-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-shvio-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-shvio-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-shvio-pomme);\n  border-radius: 2px;\n}\n\n.soi-shvio-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-shvio-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-shvio-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shvio-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-shvio-benefit {\n  background: var(--soi-shvio-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-shvio-radius);\n  border: 1px solid var(--soi-shvio-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shvio-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-shvio-shadow-md);\n}\n\n.soi-shvio-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-shvio-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-shvio-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-shvio-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-shvio-benefit:hover .soi-shvio-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-shvio-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shvio-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shvio-benefit p {\n  font-size: 13px;\n  color: var(--soi-shvio-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shvio-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-shvio-card {\n  background: var(--soi-shvio-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shvio-radius);\n  border-left: 3px solid var(--soi-shvio-pomme);\n}\n\n.soi-shvio-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shvio-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shvio-card p {\n  font-size: 14px;\n  color: var(--soi-shvio-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shvio-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-shvio-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-shvio-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shvio-radius);\n  border: 1px solid var(--soi-shvio-line);\n  align-items: flex-start;\n}\n\n.soi-shvio-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-shvio-marine);\n  color: var(--soi-shvio-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-shvio-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shvio-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-shvio-step-content p {\n  font-size: 14px;\n  color: var(--soi-shvio-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shvio-compo {\n  background: var(--soi-shvio-off-white);\n  border-radius: var(--soi-shvio-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-shvio-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-shvio-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-shvio-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-shvio-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-shvio-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-shvio-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-shvio-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shvio-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-shvio-pomme-light);\n  border-left: 4px solid var(--soi-shvio-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-shvio-radius) var(--soi-shvio-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-shvio-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-shvio-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-shvio-marine);\n  margin-bottom: 4px;\n}\n\n.soi-shvio-tip p {\n  font-size: 14px;\n  color: var(--soi-shvio-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shvio-cta-box {\n  background: var(--soi-shvio-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-shvio-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-shvio-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-shvio-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-shvio-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-shvio-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-shvio-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 500;\n  color: var(--soi-shvio-white);\n  line-height: 1.5;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-shvio-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-shvio-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-shvio-compo-value {\n    text-align: left;\n  }\n\n  .soi-shvio-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-shvio-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-shvio-fiche {\n    --soi-shvio-text-soft: #2C3E50;\n    --soi-shvio-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603400581450,"sku":"CE0560","price":9.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-demelant-violet-certifie-bio-centifolia-packshot_ef705352-d9c2-4eb1-b327-c30cd63929d2.webp?v=1779448758"},{"product_id":"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":7.89,"currency_code":"EUR","in_stock":false}],"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":"masque-dejaunisseur-certifie-bio-centifolia","title":"Masque Déjaunisseur certifié Bio - Centifolia","description":"\u003cdiv class=\"soi-mduv-fiche\"\u003e\n\n\u003csection class=\"soi-mduv-hero\"\u003e\n  \u003cdiv class=\"soi-mduv-hero-tag\"\u003e\n    \u003cspan class=\"soi-mduv-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétique capillaire · Centifolia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-mduv-hero-title\"\u003eL'éclat retrouvé de vos cheveux clairs\u003c\/span\u003e\n  \u003cp class=\"soi-mduv-hero-subtitle\"\u003eUn masque déjaunisseur certifié bio aux pigments 100 % naturels, qui neutralise les reflets jaunes et orangés tout en nourrissant vos cheveux pendant 48 heures.\u003c\/p\u003e\n  \u003cdiv class=\"soi-mduv-hero-labels\"\u003e\n    \u003cspan class=\"soi-mduv-label soi-mduv-label-accent\"\u003eBIO CERTIFIÉ\u003c\/span\u003e\n    \u003cspan class=\"soi-mduv-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-mduv-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-mduv-label\"\u003e100 % PIGMENTS NATURELS\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mduv-section\"\u003e\n  \u003ch2\u003ePourquoi ce masque déjaunisseur est différent des autres ?\u003c\/h2\u003e\n  \u003cp\u003eSur le marché, la plupart des masques déjaunisseurs misent sur des pigments synthétiques ou des formules agressives. Centifolia prend le contre-pied avec le premier masque déjaunisseur certifié bio, enrichi de pigments violets et bleus 100 % naturels. Le résultat ? Un blond plus pur, des cheveux blancs vraiment lumineux, sans effet violacé trop marqué ni fibres fragilisées.\u003c\/p\u003e\n  \u003cdiv class=\"soi-mduv-grid\"\u003e\n    \u003cdiv class=\"soi-mduv-card\"\u003e\n      \u003ch3\u003e🫐 Pigments 100 % naturels\u003c\/h3\u003e\n      \u003cp\u003eAucun colorant synthétique : une efficacité douce et progressive pour neutraliser les reflets indésirables.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mduv-card\"\u003e\n      \u003ch3\u003e🌿 Formule vegan\u003c\/h3\u003e\n      \u003cp\u003eAucun ingrédient d'origine animale dans la composition de ce soin capillaire certifié bio.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mduv-card\"\u003e\n      \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n      \u003cp\u003eConçu et fabriqué en France, avec un parfum 100 % naturel éco-conçu (Index A).\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mduv-card\"\u003e\n      \u003ch3\u003e🙌 Ne tache pas la peau\u003c\/h3\u003e\n      \u003cp\u003eVous pouvez l'appliquer sereinement à la maison, sans crainte de taches sur les mains ou le cuir chevelu.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mduv-card\"\u003e\n      \u003ch3\u003e✂️ Validé par des professionnels\u003c\/h3\u003e\n      \u003cp\u003eCe masque a été testé et approuvé par des coiffeurs professionnels pour une efficacité de salon.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mduv-section\"\u003e\n  \u003ch2\u003eLes ingrédients clés qui font la différence\u003c\/h2\u003e\n  \u003cp\u003eChaque actif a été sélectionné pour son rôle précis, botanique et prouvé :\u003c\/p\u003e\n  \u003cdiv class=\"soi-mduv-benefits\"\u003e\n    \u003cdiv class=\"soi-mduv-benefit\"\u003e\n      \u003cdiv class=\"soi-mduv-benefit-icon\"\u003e\u003cspan\u003e🫐\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eMyrtille bio\u003c\/h3\u003e\n      \u003cp\u003eRiche en antioxydants, elle protège la fibre capillaire des agressions extérieures (UV, pollution) tout en apportant une hydratation ciblée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mduv-benefit\"\u003e\n      \u003cdiv class=\"soi-mduv-benefit-icon\"\u003e\u003cspan\u003e🍠\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eRacines de patate douce\u003c\/h3\u003e\n      \u003cp\u003eSource naturelle de pigments violets, elles contrebalancent les reflets jaunes indésirables qui ternissent les blonds et les blancs.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mduv-benefit\"\u003e\n      \u003cdiv class=\"soi-mduv-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eJasmin du Cap (Gardénia)\u003c\/h3\u003e\n      \u003cp\u003eSes pigments bleus naturels (issus de l'iridoïde) neutralisent efficacement les reflets orangés et cuivrés des cheveux décolorés ou gris.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mduv-section\"\u003e\n  \u003ch2\u003eCe que vous obtenez concrètement après chaque application\u003c\/h2\u003e\n  \u003cdiv class=\"soi-mduv-benefits\"\u003e\n    \u003cdiv class=\"soi-mduv-benefit\"\u003e\n      \u003cdiv class=\"soi-mduv-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eReflets neutralisés\u003c\/h3\u003e\n      \u003cp\u003eLes reflets jaunes et orangés sont corrigés dès la première utilisation.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mduv-benefit\"\u003e\n      \u003cdiv class=\"soi-mduv-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eNutrition 48 heures\u003c\/h3\u003e\n      \u003cp\u003eLa texture est visiblement plus douce, plus soyeuse, avec une nutrition qui dure 48 heures.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mduv-benefit\"\u003e\n      \u003cdiv class=\"soi-mduv-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eRéparation en profondeur\u003c\/h3\u003e\n      \u003cp\u003eLes fibres sensibilisées par la décoloration ou les traitements chimiques sont réparées en profondeur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mduv-benefit\"\u003e\n      \u003cdiv class=\"soi-mduv-benefit-icon\"\u003e\u003cspan\u003e💎\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eÉclat retrouvé\u003c\/h3\u003e\n      \u003cp\u003eBlanc plus pur, blond plus lumineux, gris plus argenté : vos cheveux retrouvent toute leur lumière.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mduv-section\"\u003e\n  \u003ch2\u003eComment utiliser le masque déjaunisseur Centifolia à la maison ?\u003c\/h2\u003e\n  \u003cp\u003eBonne nouvelle : vous n'avez pas besoin d'aller chez le coiffeur pour obtenir un résultat professionnel. Voici comment procéder simplement :\u003c\/p\u003e\n  \u003cdiv class=\"soi-mduv-timeline\"\u003e\n    \u003cdiv class=\"soi-mduv-step\"\u003e\n      \u003cdiv class=\"soi-mduv-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-mduv-step-content\"\u003e\n        \u003ch3\u003eAppliquez généreusement\u003c\/h3\u003e\n        \u003cp\u003eDéposez une noix généreuse de masque sur cheveux propres et essorés, mèche par mèche, pour une répartition homogène.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mduv-step\"\u003e\n      \u003cdiv class=\"soi-mduv-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-mduv-step-content\"\u003e\n        \u003ch3\u003eLaissez poser 2 à 10 minutes\u003c\/h3\u003e\n        \u003cp\u003eAdaptez le temps de pause selon l'intensité de correction souhaitée. Plus les reflets sont prononcés, plus vous pouvez prolonger la pose.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mduv-step\"\u003e\n      \u003cdiv class=\"soi-mduv-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-mduv-step-content\"\u003e\n        \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n        \u003cp\u003eRincez à l'eau tiède. Utilisez le masque 1 à 2 fois par semaine pour maintenir un résultat optimal.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-mduv-tip\"\u003e\n    \u003cdiv class=\"soi-mduv-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003ePour les cheveux très poreux ou très abîmés, couvrez d'une charlotte chauffante pendant la pose. La chaleur ouvre la cuticule et permet aux actifs de pénétrer plus profondément.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mduv-section\"\u003e\n  \u003ch2\u003ePour qui est fait ce masque ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-mduv-grid\"\u003e\n    \u003cdiv class=\"soi-mduv-card\"\u003e\n      \u003ch3\u003e👱‍♀️ Cheveux blonds naturels ou décolorés\u003c\/h3\u003e\n      \u003cp\u003eVos cheveux blonds jaunissent avec le temps ? Ce masque neutralise ces reflets pour retrouver un blond pur et lumineux.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mduv-card\"\u003e\n      \u003ch3\u003e🤍 Cheveux blancs ou gris\u003c\/h3\u003e\n      \u003cp\u003eVos cheveux blancs manquent d'éclat ou prennent des reflets jaunes ? Ce soin leur redonne une luminosité argentée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mduv-card\"\u003e\n      \u003ch3\u003e💆‍♀️ Cheveux sensibilisés ou abîmés\u003c\/h3\u003e\n      \u003cp\u003eLes colorations ou décolorations répétées fragilisent vos fibres ? Ce masque nourrit et répare en profondeur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mduv-card\"\u003e\n      \u003ch3\u003e🌱 Adeptes du naturel\u003c\/h3\u003e\n      \u003cp\u003eVous cherchez une alternative bio et naturelle aux masques déjaunisseurs conventionnels ? Cette formule certifiée bio est faite pour vous.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mduv-section\"\u003e\n  \u003ch2\u003eInformations produit\u003c\/h2\u003e\n  \u003cdiv class=\"soi-mduv-compo\"\u003e\n    \u003cdiv class=\"soi-mduv-compo-row\"\u003e\n      \u003cspan class=\"soi-mduv-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-mduv-compo-value\"\u003e250 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mduv-compo-row\"\u003e\n      \u003cspan class=\"soi-mduv-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-mduv-compo-value\"\u003eBio, formule vegan\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mduv-compo-row\"\u003e\n      \u003cspan class=\"soi-mduv-compo-label\"\u003ePigments\u003c\/span\u003e\n      \u003cspan class=\"soi-mduv-compo-value\"\u003e100 % naturels (violets et bleus)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mduv-compo-row\"\u003e\n      \u003cspan class=\"soi-mduv-compo-label\"\u003eParfum\u003c\/span\u003e\n      \u003cspan class=\"soi-mduv-compo-value\"\u003e100 % naturel, éco-conçu (Index A)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mduv-compo-row\"\u003e\n      \u003cspan class=\"soi-mduv-compo-label\"\u003eOrigine\u003c\/span\u003e\n      \u003cspan class=\"soi-mduv-compo-value\"\u003eConçu et fabriqué en France\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mduv-compo-row\"\u003e\n      \u003cspan class=\"soi-mduv-compo-label\"\u003eValidation\u003c\/span\u003e\n      \u003cspan class=\"soi-mduv-compo-value\"\u003eCoiffeurs professionnels\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mduv-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-mduv-cta-box\"\u003e\n    \u003cp class=\"soi-mduv-cta-tag\" style=\"color: white;\"\u003eRavivez l'éclat de vos cheveux clairs\u003c\/p\u003e\n    \u003cp class=\"soi-mduv-cta-text\" style=\"color: white;\"\u003eDes cheveux blonds, blancs ou gris qui retrouvent leur pureté et leur lumière naturelle, sans compromis sur la naturalité. Deux minutes suffisent pour neutraliser les reflets jaunes et nourrir vos fibres pendant 48 heures.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-mduv-marine: #1A2D3D;\n  --soi-mduv-marine-dark: #0F1E2B;\n  --soi-mduv-marine-light: #2C4458;\n  --soi-mduv-pomme: #A1C544;\n  --soi-mduv-pomme-dark: #84A636;\n  --soi-mduv-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-mduv-white: #FFFFFF;\n  --soi-mduv-off-white: #F8FAF6;\n  --soi-mduv-stone: #F1F3EE;\n  --soi-mduv-line: #E5E8E0;\n\n  --soi-mduv-primary: #5B3FA0;\n  --soi-mduv-primary-soft: #E8E0F5;\n  --soi-mduv-accent: #3D4A8A;\n\n  --soi-mduv-text: #1A2D3D;\n  --soi-mduv-text-soft: #4A5B6B;\n  --soi-mduv-text-muted: #7B8693;\n\n  --soi-mduv-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-mduv-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-mduv-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-mduv-radius: 12px;\n  --soi-mduv-radius-sm: 8px;\n  --soi-mduv-radius-pill: 999px;\n}\n\n.soi-mduv-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mduv-fiche img { max-width: 100%; height: auto; }\n\n.soi-mduv-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-mduv-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-mduv-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-mduv-hero {\n  position: relative;\n  background: var(--soi-mduv-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-mduv-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-mduv-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-mduv-pomme);\n}\n\n.soi-mduv-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-mduv-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-mduv-pomme);\n  border-radius: 50%;\n}\n\n.soi-mduv-hero-title {\n  display: block;\n  color: var(--soi-mduv-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-mduv-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-mduv-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-mduv-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-mduv-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-mduv-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-mduv-label-accent {\n  background: var(--soi-mduv-pomme);\n  border-color: var(--soi-mduv-pomme);\n  color: var(--soi-mduv-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-mduv-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mduv-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-mduv-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-mduv-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-mduv-pomme);\n  border-radius: 2px;\n}\n\n.soi-mduv-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-mduv-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-mduv-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-mduv-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-mduv-benefit {\n  background: var(--soi-mduv-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-mduv-radius);\n  border: 1px solid var(--soi-mduv-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mduv-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-mduv-shadow-md);\n}\n\n.soi-mduv-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-mduv-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-mduv-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-mduv-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-mduv-benefit:hover .soi-mduv-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-mduv-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mduv-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mduv-benefit p {\n  font-size: 13px;\n  color: var(--soi-mduv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-mduv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-mduv-card {\n  background: var(--soi-mduv-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mduv-radius);\n  border-left: 3px solid var(--soi-mduv-pomme);\n}\n\n.soi-mduv-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mduv-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mduv-card p {\n  font-size: 14px;\n  color: var(--soi-mduv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-mduv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-mduv-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-mduv-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mduv-radius);\n  border: 1px solid var(--soi-mduv-line);\n  align-items: flex-start;\n}\n\n.soi-mduv-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-mduv-marine);\n  color: var(--soi-mduv-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-mduv-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-mduv-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-mduv-step-content p {\n  font-size: 14px;\n  color: var(--soi-mduv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-mduv-compo {\n  background: var(--soi-mduv-off-white);\n  border-radius: var(--soi-mduv-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-mduv-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-mduv-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-mduv-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-mduv-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-mduv-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-mduv-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-mduv-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-mduv-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-mduv-pomme-light);\n  border-left: 4px solid var(--soi-mduv-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-mduv-radius) var(--soi-mduv-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-mduv-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-mduv-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-mduv-marine);\n  margin-bottom: 4px;\n}\n\n.soi-mduv-tip p {\n  font-size: 14px;\n  color: var(--soi-mduv-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-mduv-cta-box {\n  background: var(--soi-mduv-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-mduv-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-mduv-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-mduv-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-mduv-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-mduv-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-mduv-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-mduv-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-mduv-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-mduv-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-mduv-compo-value {\n    text-align: left;\n  }\n\n  .soi-mduv-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-mduv-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-mduv-fiche {\n    --soi-mduv-text-soft: #2C3E50;\n    --soi-mduv-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603402350922,"sku":"CE0570","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/masque-dejaunisseur-certifie-bio-centifolia-packshot.webp?v=1785767088"},{"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.89,"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":"glycerine-vegetale-centifolia","title":"Glycérine végétale – Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLa glycérine végétale de Centifolia\u003c\/strong\u003e est un incontournable pour toutes vos formulations cosmétiques. Issue d’une fabrication française et obtenue à partir d’huile végétale de colza, elle se distingue par sa pureté, sa qualité, et son respect de l’environnement. \u003cstrong\u003eCet agent hydratant et humectant naturel \u003c\/strong\u003eest idéal \u003cstrong\u003epour apporter douceur et confort à la peau dans une multitude de soins\u003c\/strong\u003e.\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_CE0575_4460fc56-be67-480f-9cff-8dcd9eeb50d2.jpg?v=1776181204\" alt=\"Femme en train de s'appliquer un soin\" 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 de la Glycérine végétale de Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\u003cstrong\u003eUne composition naturelle et certifiée :\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul style=\"list-style-type: square;\"\u003e\n\u003cli\u003e100 % d’origine naturelle, la glycérine végétale de Centifolia est certifiée Cosmos Natural, garantissant une formulation sans ingrédients synthétiques ou polluants.\u003c\/li\u003e\n\u003cli\u003eFabriquée en France, elle respecte des normes strictes de qualité et de durabilité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\u003cstrong\u003ePropriétés hydratantes et humectantes :\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul style=\"list-style-type: square;\"\u003e\n\u003cli\u003eGrâce à ses capacités humectantes, la glycérine retient l’eau dans la peau, améliorant ainsi l’hydratation des produits cosmétiques tels que crèmes, gels, laits ou shampoings.\u003c\/li\u003e\n\u003cli\u003eElle convient parfaitement aux peaux sèches ou sensibles, favorisant un toucher doux et souple.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\u003cstrong\u003eFacilité d’intégration dans les formulations :\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul style=\"list-style-type: square;\"\u003e\n\u003cli\u003eSa texture liquide et épaisse est soluble dans l’eau et l’alcool, mais non dans l’huile, ce qui en fait un ingrédient clé pour la phase aqueuse des préparations.\u003c\/li\u003e\n\u003cli\u003eElle est simple à doser, avec des recommandations de 1 à 5 % du poids total des formulations pour un effet optimal.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\u003cstrong\u003eRespectueuse de l’environnement et de la santé :\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul style=\"list-style-type: square;\"\u003e\n\u003cli\u003eConditionnée dans un emballage recyclable, sans phtalate ni Bisphénol A, la glycérine Centifolia s’inscrit dans une démarche écologique et sûre.\u003c\/li\u003e\n\u003cli\u003eProduit non testé sur les animaux, il répond aux attentes des consommateurs engagés.\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 glycérine végétale de Centifolia\u003c\/strong\u003e est ainsi un ingrédient de choix pour tous ceux qui recherchent \u003cstrong\u003eune hydratation naturelle, performante et respectueuse de l’environnement\u003c\/strong\u003e. Grâce à ses propriétés uniques et sa \u003cstrong\u003egrande polyvalence\u003c\/strong\u003e, elle s’intègre parfaitement dans toutes vos créations cosmétiques, des soins visage aux produits capillaires. Avec Centifolia, optez pour une beauté naturelle et responsable, sans compromis sur la qualité.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603666657610,"sku":"CE0575","price":6.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/centifolia_ce0575_glycerine_vegetale_0ef86f04-e810-4e8b-ad6f-6f1148a3f61d.jpg?v=1778843317"},{"product_id":"shampoing-demelant-boucles-anti-frisottis-2en1-certifie-bio","title":"Shampoing \u0026 Démêlant Boucles Anti-frisottis bio - Centifolia","description":"\n\u003cdiv class=\"soi-jbcl-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-jbcl-hero\"\u003e\n    \u003cdiv class=\"soi-jbcl-hero-tag\"\u003e\n      \u003cspan class=\"soi-jbcl-tag-dot\"\u003e\u003c\/span\u003e\n      Soin capillaire bio · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-jbcl-hero-title\"\u003eShampoing \u0026amp; Démêlant Boucles Anti-Frisottis 2en1\u003c\/span\u003e\n    \u003cp class=\"soi-jbcl-hero-subtitle\"\u003eNettoyage doux, démêlage actif et boucles redéfinies en un seul geste. Une formule certifiée bio à 99 % d'origine naturelle, validée par des coiffeurs professionnels.\u003c\/p\u003e\n    \u003cdiv class=\"soi-jbcl-hero-labels\"\u003e\n      \u003cspan class=\"soi-jbcl-label soi-jbcl-label-accent\"\u003eCERTIFIÉ BIO\u003c\/span\u003e\n      \u003cspan class=\"soi-jbcl-label\"\u003eECOCERT COSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-jbcl-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-jbcl-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-jbcl-label\"\u003e200 ML\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 1 : Introduction --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003e2 actions en 1 produit : Shampoinge \u0026amp; Démêle les Boucles \u003c\/h2\u003e\n    \u003cp\u003eVos cheveux bouclés, frisés ou crépus méritent mieux qu'un shampoing générique. Le shampoing démêlant boucles anti-frisottis 2en1 Centifolia est conçu spécifiquement pour les chevelures à boucles fragilisées : il nettoie en douceur, démêle sans effort et redéfinit chaque boucle dès le premier lavage. Une formule certifiée bio, validée par des coiffeurs professionnels, à 99 % d'origine naturelle.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : Pourquoi choisir --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce shampoing naturel pour cheveux bouclés ?\u003c\/h2\u003e\n    \u003cp\u003eLes cheveux bouclés ont une structure particulière : ils sont naturellement plus secs, plus poreux et plus sensibles aux frisottis. Un shampoing classique peut casser les boucles, les alourdir ou dessécher les longueurs.\u003c\/p\u003e\n    \u003cp\u003eCentifolia a pensé ce produit comme un véritable soin capillaire 2en1, alliant nettoyage doux et démêlage actif en une seule étape. Vous gagnez du temps, et vos boucles y gagnent en santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Actifs clés --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003eLes actifs clés de la formule\u003c\/h2\u003e\n    \u003cdiv class=\"soi-jbcl-grid\"\u003e\n      \u003cdiv class=\"soi-jbcl-card\"\u003e\n        \u003ch3\u003e🥭 Mangue bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en vitamines A et C, elle nourrit en profondeur et restaure la souplesse des fibres fragilisées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card\"\u003e\n        \u003ch3\u003e🌴 Huile de buriti bio\u003c\/h3\u003e\n        \u003cp\u003eExceptionnellement riche en bêta-carotène, elle revitalise les boucles et leur donne un éclat naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card\"\u003e\n        \u003ch3\u003e🌿 Gel d'aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eHydrate, apaise le cuir chevelu et facilite le glissement pour un démêlage sans tiraillement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card\"\u003e\n        \u003ch3\u003e✨ Protéines d'amande douce\u003c\/h3\u003e\n        \u003cp\u003eRenforcent la fibre capillaire de l'intérieur et apportent de la brillance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card\"\u003e\n        \u003ch3\u003e🌾 Actif biosourcé d'amidon\u003c\/h3\u003e\n        \u003cp\u003e100 % naturel, il contrôle les frisottis, redessine les boucles et résiste à l'humidité pour une tenue longue durée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 4 : Comment utiliser --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003eComment utiliser ce shampoing pour cheveux bouclés ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-jbcl-timeline\"\u003e\n      \u003cdiv class=\"soi-jbcl-step\"\u003e\n        \u003cdiv class=\"soi-jbcl-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-jbcl-step-content\"\u003e\n          \u003ch3\u003eAppliquer\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette généreuse sur cheveux mouillés. Massez doucement le cuir chevelu pour activer la mousse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-step\"\u003e\n        \u003cdiv class=\"soi-jbcl-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-jbcl-step-content\"\u003e\n          \u003ch3\u003eRépartir et démêler\u003c\/h3\u003e\n          \u003cp\u003eRépartissez le produit sur toutes les longueurs en travaillant boucle par boucle. La formule 2en1 remplace votre après-shampoing démêlant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-step\"\u003e\n        \u003cdiv class=\"soi-jbcl-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-jbcl-step-content\"\u003e\n          \u003ch3\u003eRincer\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment. Pour optimiser la définition des boucles, terminez avec un rinçage à l'eau froide.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-jbcl-tip\"\u003e\n      \u003cdiv class=\"soi-jbcl-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eFréquence conseillée : 2 à 3 lavages par semaine selon la nature de vos cheveux et votre routine capillaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 5 : Composition --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003eComposition complète du shampoing Centifolia Jolies Boucles\u003c\/h2\u003e\n    \u003cdiv class=\"soi-jbcl-compo\"\u003e\n      \u003cdiv class=\"soi-jbcl-compo-row\"\u003e\n        \u003cspan class=\"soi-jbcl-compo-label\"\u003eListe INCI\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-compo-value soi-jbcl-compo-inci\"\u003eAqua, Cocamidopropyl Betaine, Sodium Cocoyl Isethionate, Glycerin, Mangifera Indica (Mango) Fruit Extract*, Mauritia Flexuosa (Buriti) Fruit Oil*, Aloe Barbadensis Leaf Juice Powder*, Prunus Amygdalus Dulcis (Sweet Almond) Protein, Zea Mays (Corn) Starch, Parfum (Fragrance), Sodium Benzoate, Potassium Sorbate, Citric Acid\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-compo-row\"\u003e\n        \u003cspan class=\"soi-jbcl-compo-label\"\u003eNote\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-compo-value\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-jbcl-grid-compact soi-jbcl-formule-tags\"\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eSulfates\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eSilicones\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eParabènes\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eColorants de synthèse\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eFlacon recyclable\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 6 : Résultats constatés --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003eRésultats constatés après utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"soi-jbcl-benefits\"\u003e\n      \u003cdiv class=\"soi-jbcl-benefit\"\u003e\n        \u003cdiv class=\"soi-jbcl-benefit-icon\"\u003e\u003cspan\u003e🌀\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eBoucles redéfinies\u003c\/h3\u003e\n        \u003cp\u003eNettement plus définies et rebondies dès le premier shampoing.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-benefit\"\u003e\n        \u003cdiv class=\"soi-jbcl-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eDouceur et brillance\u003c\/h3\u003e\n        \u003cp\u003eCheveux plus doux au toucher, plus brillants et plus faciles à coiffer.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-benefit\"\u003e\n        \u003cdiv class=\"soi-jbcl-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFrisottis maîtrisés\u003c\/h3\u003e\n        \u003cp\u003eFrisottis visiblement réduits, y compris par temps humide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-benefit\"\u003e\n        \u003cdiv class=\"soi-jbcl-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCuir chevelu respecté\u003c\/h3\u003e\n        \u003cp\u003eCuir chevelu respecté grâce à l'absence de tensioactifs sulfatés agressifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 7 : Pour qui --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n    \u003cp\u003eCe shampoing naturel pour cheveux bouclés convient à toutes les textures ondulées, bouclées, frisées et crépues. Il est particulièrement recommandé pour les cheveux fragilisés, secs ou abîmés par des colorations. Sa formule douce le rend compatible avec un usage régulier sans risque d'effet cumulatif indésirable.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 8 : Certifications --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003eCertifications \u0026amp; engagements\u003c\/h2\u003e\n    \u003cdiv class=\"soi-jbcl-grid-compact\"\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eEcocert Cosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eVegan certifiée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003e99 % d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e✂️\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eValidation\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eCoiffeurs professionnels\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Précaution en accordéon --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003cdiv class=\"soi-jbcl-accordion\"\u003e\n      \u003cdetails class=\"soi-jbcl-accordion-item\"\u003e\n        \u003csummary class=\"soi-jbcl-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-jbcl-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne remplace pas l'avis d'un professionnel de santé en cas de problème capillaire ou de pathologie du cuir chevelu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-jbcl-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-jbcl-cta-box\"\u003e\n      \u003cp class=\"soi-jbcl-cta-tag\" style=\"color: white;\"\u003eSe coiffer naturellement, boucle après boucle\u003c\/p\u003e\n      \u003cp class=\"soi-jbcl-cta-text\" style=\"color: white;\"\u003eDes boucles définies, douces, brillantes et libérées des frisottis dès le premier lavage. Offrez à vos cheveux ce qu'ils méritent vraiment.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-jbcl-marine: #1A2D3D;\n  --soi-jbcl-marine-dark: #0F1E2B;\n  --soi-jbcl-marine-light: #2C4458;\n  --soi-jbcl-pomme: #A1C544;\n  --soi-jbcl-pomme-dark: #84A636;\n  --soi-jbcl-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-jbcl-white: #FFFFFF;\n  --soi-jbcl-off-white: #F8FAF6;\n  --soi-jbcl-stone: #F1F3EE;\n  --soi-jbcl-line: #E5E8E0;\n\n  --soi-jbcl-primary: #D88542;\n  --soi-jbcl-primary-soft: #F5E6D4;\n  --soi-jbcl-accent: #4A3028;\n\n  --soi-jbcl-text: #1A2D3D;\n  --soi-jbcl-text-soft: #4A5B6B;\n  --soi-jbcl-text-muted: #7B8693;\n\n  --soi-jbcl-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-jbcl-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-jbcl-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-jbcl-radius: 12px;\n  --soi-jbcl-radius-sm: 8px;\n  --soi-jbcl-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-jbcl-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-jbcl-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-jbcl-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-jbcl-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-jbcl-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-jbcl-hero {\n  position: relative;\n  background: var(--soi-jbcl-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-jbcl-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-jbcl-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-jbcl-pomme);\n}\n\n.soi-jbcl-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-jbcl-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-jbcl-pomme);\n  border-radius: 50%;\n}\n\n.soi-jbcl-hero-title {\n  display: block;\n  color: var(--soi-jbcl-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-jbcl-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-jbcl-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-jbcl-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-jbcl-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-jbcl-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-jbcl-label-accent {\n  background: var(--soi-jbcl-pomme);\n  border-color: var(--soi-jbcl-pomme);\n  color: var(--soi-jbcl-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-jbcl-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-jbcl-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-jbcl-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-jbcl-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-jbcl-pomme);\n  border-radius: 2px;\n}\n\n.soi-jbcl-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-jbcl-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-jbcl-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-jbcl-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-jbcl-benefit {\n  background: var(--soi-jbcl-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-jbcl-radius);\n  border: 1px solid var(--soi-jbcl-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-jbcl-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-jbcl-shadow-md);\n}\n\n.soi-jbcl-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-jbcl-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-jbcl-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-jbcl-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-jbcl-benefit:hover .soi-jbcl-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-jbcl-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-jbcl-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-jbcl-benefit p {\n  font-size: 13px;\n  color: var(--soi-jbcl-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-jbcl-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-jbcl-card {\n  background: var(--soi-jbcl-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-jbcl-radius);\n  border-left: 3px solid var(--soi-jbcl-pomme);\n}\n\n.soi-jbcl-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-jbcl-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-jbcl-card p {\n  font-size: 14px;\n  color: var(--soi-jbcl-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-jbcl-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-jbcl-formule-tags {\n  margin-top: 1.25rem;\n}\n\n.soi-jbcl-card-mini {\n  background: var(--soi-jbcl-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-jbcl-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-jbcl-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-jbcl-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-jbcl-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-jbcl-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-jbcl-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-jbcl-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-jbcl-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-jbcl-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-jbcl-radius);\n  border: 1px solid var(--soi-jbcl-line);\n  align-items: flex-start;\n}\n\n.soi-jbcl-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-jbcl-marine);\n  color: var(--soi-jbcl-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-jbcl-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-jbcl-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-jbcl-step-content p {\n  font-size: 14px;\n  color: var(--soi-jbcl-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-jbcl-compo {\n  background: var(--soi-jbcl-off-white);\n  border-radius: var(--soi-jbcl-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-jbcl-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-jbcl-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-jbcl-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-jbcl-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-jbcl-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  flex-shrink: 0;\n}\n\n.soi-jbcl-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-jbcl-marine);\n  text-align: right;\n}\n\n.soi-jbcl-compo-inci {\n  font-size: 12px;\n  font-weight: 400;\n  font-family: 'Inter', sans-serif;\n  color: var(--soi-jbcl-text-soft);\n  line-height: 1.6;\n  text-align: left;\n  flex-basis: 100%;\n}\n\n\/* === TIP === *\/\n.soi-jbcl-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-jbcl-pomme-light);\n  border-left: 4px solid var(--soi-jbcl-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-jbcl-radius) var(--soi-jbcl-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-jbcl-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-jbcl-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-jbcl-marine);\n  margin-bottom: 4px;\n}\n\n.soi-jbcl-tip p {\n  font-size: 14px;\n  color: var(--soi-jbcl-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-jbcl-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-jbcl-accordion-item {\n  background: var(--soi-jbcl-off-white);\n  border-radius: var(--soi-jbcl-radius-sm);\n  border: 1px solid var(--soi-jbcl-line);\n  overflow: hidden;\n}\n\n.soi-jbcl-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-jbcl-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-jbcl-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-jbcl-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-jbcl-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-jbcl-accordion-item[open] .soi-jbcl-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-jbcl-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-jbcl-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-jbcl-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-jbcl-cta-box {\n  background: var(--soi-jbcl-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-jbcl-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-jbcl-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-jbcl-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-jbcl-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-jbcl-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-jbcl-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-jbcl-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-jbcl-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-jbcl-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-jbcl-compo-value {\n    text-align: left;\n  }\n\n  .soi-jbcl-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-jbcl-grid-compact {\n    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-jbcl-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-jbcl-fiche {\n    --soi-jbcl-text-soft: #2C3E50;\n    --soi-jbcl-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603668132170,"sku":"CE0580","price":8.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-demelant-boucles-anti-frisottis-2en1-certifie-bio-packshot.webp?v=1779453931"},{"product_id":"gel-creme-definisseur-boucles-2en1-centifolia","title":"Gel Crème Définisseur Boucles 2en1 – Centifolia","description":"\u003cdiv class=\"soi-bouc-fiche\"\u003e\n\n\u003csection class=\"soi-bouc-hero\"\u003e\n  \u003cdiv class=\"soi-bouc-hero-tag\"\u003e\n    \u003cspan class=\"soi-bouc-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétiques et soins capillaires · Centifolia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-bouc-hero-title\"\u003eDes boucles sublimées, sans frisottis\u003c\/span\u003e\n  \u003cp class=\"soi-bouc-hero-subtitle\"\u003eUn gel crème 2en1 qui réunit la puissance d'un gel fixateur et la douceur d'une crème nourrissante pour des boucles définies, rebondies et hydratées du matin au soir.\u003c\/p\u003e\n  \u003cdiv class=\"soi-bouc-hero-labels\"\u003e\n    \u003cspan class=\"soi-bouc-label soi-bouc-label-accent\"\u003eBIO ECOCERT\u003c\/span\u003e\n    \u003cspan class=\"soi-bouc-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-bouc-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n    \u003cspan class=\"soi-bouc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bouc-section\"\u003e\n  \u003ch2\u003ePourquoi ce gel crème pour boucles fait la différence\u003c\/h2\u003e\n  \u003cp\u003eLà où beaucoup de produits définisseurs alourdissent ou créent un effet carton, ce gel crème définisseur boucles 2en1 adopte une double approche : il gaine chaque mèche pour une tenue durable tout en préservant le moelleux naturel de la fibre capillaire. Validé par des coiffeurs professionnels, il offre 2 fois plus de définition comparé à une crème classique, grâce à un actif végétal clé : la mangue BIO.\u003c\/p\u003e\n  \u003cdiv class=\"soi-bouc-benefits\"\u003e\n    \u003cdiv class=\"soi-bouc-benefit\"\u003e\n      \u003cdiv class=\"soi-bouc-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eDéfinition longue durée\u003c\/h3\u003e\n      \u003cp\u003eLes boucles sont dessinées de la racine aux pointes, sans résidu ni effet collant.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bouc-benefit\"\u003e\n      \u003cdiv class=\"soi-bouc-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAnti-frisottis résistant\u003c\/h3\u003e\n      \u003cp\u003eVos boucles restent impeccables même par temps humide grâce à une protection durable.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bouc-benefit\"\u003e\n      \u003cdiv class=\"soi-bouc-benefit-icon\"\u003e\u003cspan\u003e🪶\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eTexture légère\u003c\/h3\u003e\n      \u003cp\u003eLes mèches rebondissent librement, sans être alourdies ni figées.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bouc-benefit\"\u003e\n      \u003cdiv class=\"soi-bouc-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eHydratation profonde\u003c\/h3\u003e\n      \u003cp\u003eLes cheveux crépus et frisés, naturellement plus secs, sont nourris en continu.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bouc-section\"\u003e\n  \u003ch2\u003eLes actifs naturels qui prennent soin de vos boucles\u003c\/h2\u003e\n  \u003cdiv class=\"soi-bouc-grid\"\u003e\n    \u003cdiv class=\"soi-bouc-card\"\u003e\n      \u003ch3\u003e🥭 Mangue BIO\u003c\/h3\u003e\n      \u003cp\u003eRiche en vitamines A, C et E, le beurre de mangue nourrit en profondeur la fibre capillaire, améliore la brillance et répare les longueurs fragilisées.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bouc-card\"\u003e\n      \u003ch3\u003e🌿 Aloe Vera BIO\u003c\/h3\u003e\n      \u003cp\u003eHydratant et apaisant, il renforce la souplesse des boucles et protège le cuir chevelu.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bouc-card\"\u003e\n      \u003ch3\u003e🧴 Beurre de Karité\u003c\/h3\u003e\n      \u003cp\u003eActif nourrissant par excellence pour les cheveux crépus, il scelle l'hydratation et adoucit durablement les mèches les plus rebelles.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bouc-card\"\u003e\n      \u003ch3\u003e🌴 Huile de Buriti\u003c\/h3\u003e\n      \u003cp\u003eSource naturelle de bêta-carotène, elle protège les cheveux des agressions extérieures et ravive leur éclat.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bouc-card\"\u003e\n      \u003ch3\u003e🌾 Amidon naturel biosourcé\u003c\/h3\u003e\n      \u003cp\u003eC'est lui qui assure la tenue sans rigidité : il gaine chaque boucle pour un maintien naturel et léger, sans effet carton.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bouc-section\"\u003e\n  \u003ch2\u003eComment appliquer le gel crème définisseur Centifolia\u003c\/h2\u003e\n  \u003cdiv class=\"soi-bouc-timeline\"\u003e\n    \u003cdiv class=\"soi-bouc-step\"\u003e\n      \u003cdiv class=\"soi-bouc-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-bouc-step-content\"\u003e\n        \u003ch3\u003eSur cheveux lavés et essorés\u003c\/h3\u003e\n        \u003cp\u003eAppliquez une noisette généreuse de gel crème dans la paume de la main.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bouc-step\"\u003e\n      \u003cdiv class=\"soi-bouc-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-bouc-step-content\"\u003e\n        \u003ch3\u003eRépartissez mèche par mèche\u003c\/h3\u003e\n        \u003cp\u003eTravaillez de la racine aux pointes pour une définition uniforme sur l'ensemble de la chevelure.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bouc-step\"\u003e\n      \u003cdiv class=\"soi-bouc-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-bouc-step-content\"\u003e\n        \u003ch3\u003eScrunch ou diffuseur\u003c\/h3\u003e\n        \u003cp\u003eFroissez les cheveux vers le haut pour encourager le rebond naturel des boucles. Séchez à l'air libre ou au diffuseur basse température.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bouc-step\"\u003e\n      \u003cdiv class=\"soi-bouc-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-bouc-step-content\"\u003e\n        \u003ch3\u003eNe pas peigner après séchage\u003c\/h3\u003e\n        \u003cp\u003ePour éviter l'effet « gonfle » et conserver la définition de vos boucles tout au long de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-bouc-tip\"\u003e\n    \u003cdiv class=\"soi-bouc-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eCe produit convient à toutes les textures : cheveux bouclés (type 2), frisés (type 3) et crépus (type 4). Vous pouvez aussi l'utiliser comme crème coiffante sur cheveux légèrement humides pour rafraîchir vos boucles entre deux shampooings.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bouc-section\"\u003e\n  \u003ch2\u003eUne formule engagée, certifiée et fabriquée en France\u003c\/h2\u003e\n  \u003cp\u003eCentifolia est une marque pionnière de la cosméto-botanique française. Ce gel crème affiche 99% d'ingrédients d'origine naturelle, une certification BIO ECOCERT, une formule 100% vegan et un parfum éco-conçu. Aucun silicone, aucun sulfate agressif : uniquement ce dont vos boucles ont besoin.\u003c\/p\u003e\n  \u003cdiv class=\"soi-bouc-compo\"\u003e\n    \u003cdiv class=\"soi-bouc-compo-row\"\u003e\n      \u003cspan class=\"soi-bouc-compo-label\"\u003eFormat\u003c\/span\u003e\n      \u003cspan class=\"soi-bouc-compo-value\"\u003e150 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bouc-compo-row\"\u003e\n      \u003cspan class=\"soi-bouc-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-bouc-compo-value\"\u003eBIO ECOCERT, Vegan\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bouc-compo-row\"\u003e\n      \u003cspan class=\"soi-bouc-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n      \u003cspan class=\"soi-bouc-compo-value\"\u003e99% d'ingrédients d'origine naturelle\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bouc-compo-row\"\u003e\n      \u003cspan class=\"soi-bouc-compo-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-bouc-compo-value\"\u003eFabriqué en France\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bouc-compo-row\"\u003e\n      \u003cspan class=\"soi-bouc-compo-label\"\u003eValidation\u003c\/span\u003e\n      \u003cspan class=\"soi-bouc-compo-value\"\u003eValidé par des coiffeurs professionnels\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bouc-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-bouc-cta-box\"\u003e\n    \u003cp class=\"soi-bouc-cta-tag\" style=\"color: white;\"\u003eLe soin naturel de vos boucles\u003c\/p\u003e\n    \u003cp class=\"soi-bouc-cta-text\" style=\"color: white;\"\u003eDes boucles définies, hydratées et libérées des frisottis. La formule bio à la mangue, au karité et à l'aloe vera prend soin de vos cheveux bouclés, frisés ou crépus avec douceur et efficacité. Offrez à vos boucles le soin qu'elles méritent vraiment.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-bouc-marine: #1A2D3D;\n  --soi-bouc-marine-dark: #0F1E2B;\n  --soi-bouc-marine-light: #2C4458;\n  --soi-bouc-pomme: #A1C544;\n  --soi-bouc-pomme-dark: #84A636;\n  --soi-bouc-pomme-light: rgba(161,197,68,0.10);\n  --soi-bouc-white: #FFFFFF;\n  --soi-bouc-off-white: #F8FAF6;\n  --soi-bouc-stone: #F1F3EE;\n  --soi-bouc-line: #E5E8E0;\n  --soi-bouc-primary: #D88542;\n  --soi-bouc-primary-soft: #F5DFC8;\n  --soi-bouc-accent: #5C2D1A;\n  --soi-bouc-text: #1A2D3D;\n  --soi-bouc-text-soft: #4A5B6B;\n  --soi-bouc-text-muted: #7B8693;\n  --soi-bouc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-bouc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-bouc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-bouc-radius: 12px;\n  --soi-bouc-radius-sm: 8px;\n  --soi-bouc-radius-pill: 999px;\n}\n\n.soi-bouc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-bouc-fiche img { max-width: 100%; height: auto; }\n\n.soi-bouc-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-bouc-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-bouc-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-bouc-hero {\n  position: relative;\n  background: var(--soi-bouc-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-bouc-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-bouc-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-bouc-pomme);\n}\n\n.soi-bouc-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-bouc-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-bouc-pomme);\n  border-radius: 50%;\n}\n\n.soi-bouc-hero-title {\n  display: block;\n  color: var(--soi-bouc-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-bouc-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-bouc-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-bouc-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-bouc-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-bouc-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-bouc-label-accent {\n  background: var(--soi-bouc-pomme);\n  border-color: var(--soi-bouc-pomme);\n  color: var(--soi-bouc-marine);\n  font-weight: 600;\n}\n\n.soi-bouc-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-bouc-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-bouc-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-bouc-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-bouc-pomme);\n  border-radius: 2px;\n}\n\n.soi-bouc-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-bouc-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-bouc-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-bouc-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-top: 1.5rem;\n}\n\n.soi-bouc-benefit {\n  background: var(--soi-bouc-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-bouc-radius);\n  border: 1px solid var(--soi-bouc-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-bouc-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-bouc-shadow-md);\n}\n\n.soi-bouc-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-bouc-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-bouc-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-bouc-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-bouc-benefit:hover .soi-bouc-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-bouc-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-bouc-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-bouc-benefit p {\n  font-size: 13px;\n  color: var(--soi-bouc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-bouc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-bouc-card {\n  background: var(--soi-bouc-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-bouc-radius);\n  border-left: 3px solid var(--soi-bouc-pomme);\n}\n\n.soi-bouc-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-bouc-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-bouc-card p {\n  font-size: 14px;\n  color: var(--soi-bouc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-bouc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-bouc-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-bouc-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-bouc-radius);\n  border: 1px solid var(--soi-bouc-line);\n  align-items: flex-start;\n}\n\n.soi-bouc-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-bouc-marine);\n  color: var(--soi-bouc-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-bouc-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-bouc-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-bouc-step-content p {\n  font-size: 14px;\n  color: var(--soi-bouc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-bouc-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-bouc-pomme-light);\n  border-left: 4px solid var(--soi-bouc-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-bouc-radius) var(--soi-bouc-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-bouc-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-bouc-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-bouc-marine);\n  margin-bottom: 4px;\n}\n\n.soi-bouc-tip p {\n  font-size: 14px;\n  color: var(--soi-bouc-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-bouc-compo {\n  background: var(--soi-bouc-off-white);\n  border-radius: var(--soi-bouc-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-top: 1.5rem;\n}\n\n.soi-bouc-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-bouc-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-bouc-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-bouc-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-bouc-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-bouc-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-bouc-marine);\n  text-align: right;\n}\n\n.soi-bouc-cta-box {\n  background: var(--soi-bouc-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-bouc-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-bouc-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-bouc-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-bouc-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-bouc-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-bouc-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 500;\n  color: var(--soi-bouc-white);\n  line-height: 1.5;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-bouc-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-bouc-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-bouc-compo-value {\n    text-align: left;\n  }\n\n  .soi-bouc-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-bouc-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-bouc-fiche {\n    --soi-bouc-text-soft: #2C3E50;\n    --soi-bouc-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603669082442,"sku":"CE0585","price":13.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-creme-definisseur-boucles-2en1-centifolia-packshot.webp?v=1785766118"},{"product_id":"soin-activateur-de-boucles-anti-frisottis-certifie-bio-centifolia","title":"Soin Activateur de Boucles Anti-Frisottis certifié bio – Centifolia","description":"\u003cdiv class=\"soi-bouc-fiche\"\u003e\n\n  \u003csection class=\"soi-bouc-hero\"\u003e\n    \u003cdiv class=\"soi-bouc-hero-tag\"\u003e\n      \u003cspan class=\"soi-bouc-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétiques et soins capillaires · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-bouc-hero-title\"\u003eSoin Activateur de Boucles Anti-Frisottis certifié bio\u003c\/span\u003e\n    \u003cp class=\"soi-bouc-hero-subtitle\"\u003eUn spray biphase sans rinçage, validé par des coiffeurs professionnels, pour des boucles redéfinies, hydratées et libérées des frisottis.\u003c\/p\u003e\n    \u003cdiv class=\"soi-bouc-hero-labels\"\u003e\n      \u003cspan class=\"soi-bouc-label soi-bouc-label-accent\"\u003eCOSMOS ORGANIC ECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-bouc-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-bouc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-bouc-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-bouc-section\"\u003e\n    \u003ch2\u003ePourquoi ce spray activateur de boucles se distingue-t-il ?\u003c\/h2\u003e\n    \u003cp\u003eLa plupart des soins anti-frisottis alourdissent la fibre ou créent un effet carton. Ici, la formule biphase joue sur deux niveaux simultanément : une \u003cstrong\u003ephase aqueuse\u003c\/strong\u003e pour hydrater en profondeur, et une \u003cstrong\u003ephase huileuse légère\u003c\/strong\u003e pour gainer chaque boucle et en fixer la forme. Vos boucles rebondissent, ne collent pas et restent naturelles toute la journée.\u003c\/p\u003e\n    \u003cdiv class=\"soi-bouc-benefits\"\u003e\n      \u003cdiv class=\"soi-bouc-benefit\"\u003e\n        \u003cdiv class=\"soi-bouc-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAnti-frisottis immédiat\u003c\/h3\u003e\n        \u003cp\u003eEfficacité prouvée y compris par forte humidité, pour des boucles nettes en toute circonstance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bouc-benefit\"\u003e\n        \u003cdiv class=\"soi-bouc-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVolume maîtrisé\u003c\/h3\u003e\n        \u003cp\u003eAucun effet gonflé ni résidus : vos boucles gardent leur forme naturelle sans alourdissement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bouc-benefit\"\u003e\n        \u003cdiv class=\"soi-bouc-benefit-icon\"\u003e\u003cspan\u003e🌀\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eBoucles redéfinies\u003c\/h3\u003e\n        \u003cp\u003eDès la première application, chaque boucle retrouve sa définition, sa souplesse et sa brillance.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-bouc-section\"\u003e\n    \u003ch2\u003eLes actifs clés pour des boucles parfaites\u003c\/h2\u003e\n    \u003cdiv class=\"soi-bouc-grid\"\u003e\n      \u003cdiv class=\"soi-bouc-card\"\u003e\n        \u003ch3\u003e🥭 Mangue bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en acides gras et vitamines, elle nourrit en profondeur la fibre capillaire, adoucit les longueurs et apporte une brillance visible dès le premier geste.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bouc-card\"\u003e\n        \u003ch3\u003e🌿 Aloe vera bio et équitable\u003c\/h3\u003e\n        \u003cp\u003eHydratant naturel de référence, il pénètre au cœur du cheveu pour restaurer le niveau d'hydratation et limiter la casse sur les boucles les plus sèches.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bouc-card\"\u003e\n        \u003ch3\u003e🌾 Amidon biosourcé 100% naturel\u003c\/h3\u003e\n        \u003cp\u003eCet actif coiffant d'origine végétale enveloppe chaque boucle d'un film protecteur invisible qui bloque l'humidité et supprime les frisottis sans rigidifier.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bouc-card\"\u003e\n        \u003ch3\u003e🌸 Parfum 100% naturel\u003c\/h3\u003e\n        \u003cp\u003eIssu d'extraits végétaux, il laisse un sillage subtil et frais, sans allergènes ajoutés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-bouc-section\"\u003e\n    \u003ch2\u003eComment utiliser le spray activateur de boucles Centifolia ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-bouc-timeline\"\u003e\n      \u003cdiv class=\"soi-bouc-step\"\u003e\n        \u003cdiv class=\"soi-bouc-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-bouc-step-content\"\u003e\n          \u003ch3\u003eAgitez bien\u003c\/h3\u003e\n          \u003cp\u003eSecouez le flacon avant chaque utilisation pour mélanger les deux phases et activer la formule biphase.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bouc-step\"\u003e\n        \u003cdiv class=\"soi-bouc-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-bouc-step-content\"\u003e\n          \u003ch3\u003eVaporisez\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur cheveux humides ou secs, mèche par mèche ou sur l'ensemble de la chevelure selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bouc-step\"\u003e\n        \u003cdiv class=\"soi-bouc-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-bouc-step-content\"\u003e\n          \u003ch3\u003eLaissez agir sans rincer\u003c\/h3\u003e\n          \u003cp\u003eDiffusez ou laissez sécher à l'air libre. Ne peignez pas après application pour préserver la définition de vos boucles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bouc-tip\"\u003e\n      \u003cdiv class=\"soi-bouc-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eUtilisez ce soin en refresh entre deux lavages pour raviver vos boucles endormies en quelques secondes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-bouc-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cp\u003eAqua, Aloe Barbadensis Leaf Juice*, Helianthus Annuus Seed Oil*, Mangifera Indica Seed Butter*, Zea Mays Starch, Glycerin, Alcohol*, Cetearyl Alcohol, Parfum (Natural), Xanthan Gum, Sodium Benzoate, Potassium Sorbate, Citric Acid.\u003c\/p\u003e\n    \u003cp\u003e\u003cem\u003e(*) Ingrédients issus de l'agriculture biologique. 99% des ingrédients sont d'origine naturelle. Produit certifié Cosmos Organic par Ecocert Greenlife.\u003c\/em\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-bouc-section\"\u003e\n    \u003ch2\u003ePour quels cheveux est fait ce soin anti-frisottis ?\u003c\/h2\u003e\n    \u003cp\u003eCe spray convient à toutes les textures de cheveux avec du mouvement : boucles larges (type 2), boucles serrées (type 3) ou cheveux crépus (type 4). Il s'adapte aussi bien à une routine \u003cstrong\u003eméthode Curly\u003c\/strong\u003e qu'à une utilisation quotidienne classique. Sans sulfates, sans silicones, sans ingrédients d'origine animale : il respecte à la fois votre chevelure et la planète.\u003c\/p\u003e\n    \u003cdiv class=\"soi-bouc-grid-compact\"\u003e\n      \u003cdiv class=\"soi-bouc-card-mini\"\u003e\n        \u003cspan class=\"soi-bouc-card-mini-icon\"\u003e📏\u003c\/span\u003e\n        \u003cspan class=\"soi-bouc-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-bouc-card-mini-value\"\u003e200 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bouc-card-mini\"\u003e\n        \u003cspan class=\"soi-bouc-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-bouc-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-bouc-card-mini-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bouc-card-mini\"\u003e\n        \u003cspan class=\"soi-bouc-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-bouc-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-bouc-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bouc-card-mini\"\u003e\n        \u003cspan class=\"soi-bouc-card-mini-icon\"\u003e🐇\u003c\/span\u003e\n        \u003cspan class=\"soi-bouc-card-mini-label\"\u003eEngagement\u003c\/span\u003e\n        \u003cspan class=\"soi-bouc-card-mini-value\"\u003eVegan\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-bouc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-bouc-cta-box\"\u003e\n      \u003cp class=\"soi-bouc-cta-tag\" style=\"color: white;\"\u003eVos boucles, sublimées naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-bouc-cta-text\" style=\"color: white;\"\u003eDes boucles vivantes, définies et sans frisottis : c'est exactement ce que vous offre ce spray activateur certifié bio signé Centifolia. Avec sa mangue bio, son aloe vera équitable et son actif coiffant végétal, il prend soin de vos boucles au quotidien, en toute légèreté.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-bouc-marine: #1A2D3D;\n  --soi-bouc-marine-dark: #0F1E2B;\n  --soi-bouc-marine-light: #2C4458;\n  --soi-bouc-pomme: #A1C544;\n  --soi-bouc-pomme-dark: #84A636;\n  --soi-bouc-pomme-light: rgba(161,197,68,0.10);\n  --soi-bouc-white: #FFFFFF;\n  --soi-bouc-off-white: #F8FAF6;\n  --soi-bouc-stone: #F1F3EE;\n  --soi-bouc-line: #E5E8E0;\n  --soi-bouc-primary: #D4762A;\n  --soi-bouc-primary-soft: #FDF6EE;\n  --soi-bouc-accent: #E8A54C;\n  --soi-bouc-text: #1A2D3D;\n  --soi-bouc-text-soft: #4A5B6B;\n  --soi-bouc-text-muted: #7B8693;\n  --soi-bouc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-bouc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-bouc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-bouc-radius: 12px;\n  --soi-bouc-radius-sm: 8px;\n  --soi-bouc-radius-pill: 999px;\n}\n\n.soi-bouc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-bouc-fiche img { max-width: 100%; height: auto; }\n\n.soi-bouc-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-bouc-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-bouc-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-bouc-hero {\n  position: relative;\n  background: var(--soi-bouc-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-bouc-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-bouc-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-bouc-pomme);\n}\n\n.soi-bouc-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-bouc-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-bouc-pomme);\n  border-radius: 50%;\n}\n\n.soi-bouc-hero-title {\n  display: block;\n  color: var(--soi-bouc-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-bouc-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-bouc-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-bouc-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-bouc-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-bouc-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-bouc-label-accent {\n  background: var(--soi-bouc-pomme);\n  border-color: var(--soi-bouc-pomme);\n  color: var(--soi-bouc-marine);\n  font-weight: 600;\n}\n\n.soi-bouc-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-bouc-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-bouc-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-bouc-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-bouc-pomme);\n  border-radius: 2px;\n}\n\n.soi-bouc-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-bouc-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-bouc-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-bouc-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-top: 1.5rem;\n}\n\n.soi-bouc-benefit {\n  background: var(--soi-bouc-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-bouc-radius);\n  border: 1px solid var(--soi-bouc-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-bouc-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-bouc-shadow-md);\n}\n\n.soi-bouc-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-bouc-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-bouc-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-bouc-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-bouc-benefit:hover .soi-bouc-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-bouc-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-bouc-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-bouc-benefit p {\n  font-size: 13px;\n  color: var(--soi-bouc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-bouc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-bouc-card {\n  background: var(--soi-bouc-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-bouc-radius);\n  border-left: 3px solid var(--soi-bouc-pomme);\n}\n\n.soi-bouc-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-bouc-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-bouc-card p {\n  font-size: 14px;\n  color: var(--soi-bouc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-bouc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-top: 1.5rem;\n}\n\n.soi-bouc-card-mini {\n  background: var(--soi-bouc-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-bouc-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-bouc-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-bouc-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-bouc-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-bouc-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-bouc-marine);\n}\n\n.soi-bouc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-bouc-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-bouc-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-bouc-radius);\n  border: 1px solid var(--soi-bouc-line);\n  align-items: flex-start;\n}\n\n.soi-bouc-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-bouc-marine);\n  color: var(--soi-bouc-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-bouc-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-bouc-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-bouc-step-content p {\n  font-size: 14px;\n  color: var(--soi-bouc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-bouc-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-bouc-pomme-light);\n  border-left: 4px solid var(--soi-bouc-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-bouc-radius) var(--soi-bouc-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-bouc-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-bouc-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-bouc-marine);\n  margin-bottom: 4px;\n}\n\n.soi-bouc-tip p {\n  font-size: 14px;\n  color: var(--soi-bouc-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-bouc-cta-box {\n  background: var(--soi-bouc-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-bouc-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-bouc-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-bouc-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-bouc-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-bouc-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-bouc-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-bouc-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-bouc-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-bouc-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-bouc-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-bouc-fiche {\n    --soi-bouc-text-soft: #2C3E50;\n    --soi-bouc-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603669344586,"sku":"CE0590","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soin-activateur-de-boucles-anti-frisottis-certifie-bio-centi-packshot.webp?v=1779178497"},{"product_id":"serum-apaisant-neutre-anti-rougeurs-certifie-bio-centifolia","title":"Sérum apaisant Anti-Rougeurs Bio - Centifolia","description":"\u003cdiv class=\"soi-sera-fiche\"\u003e\n\n\u003csection class=\"soi-sera-hero\"\u003e\n  \u003cdiv class=\"soi-sera-hero-tag\"\u003e\n    \u003cspan class=\"soi-sera-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétique bio · Centifolia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-sera-hero-title\"\u003eSérum Apaisant Neutre Anti-Rougeurs\u003c\/span\u003e\n  \u003cp class=\"soi-sera-hero-subtitle\"\u003eUne formule haute tolérance aux actifs prébiotiques, probiotiques et postbiotiques, conçue pour apaiser les peaux sensibles, réactives et à tendance atopique, dès la naissance.\u003c\/p\u003e\n  \u003cdiv class=\"soi-sera-hero-labels\"\u003e\n    \u003cspan class=\"soi-sera-label soi-sera-label-accent\"\u003eBIO CERTIFIÉ\u003c\/span\u003e\n    \u003cspan class=\"soi-sera-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-sera-label\"\u003eSANS PARFUM\u003c\/span\u003e\n    \u003cspan class=\"soi-sera-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n    \u003cspan class=\"soi-sera-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sera-section\"\u003e\n  \u003ch2\u003ePourquoi choisir un sérum anti-rougeurs bio ?\u003c\/h2\u003e\n  \u003cp\u003eLes rougeurs persistantes, les tiraillements et les sensations d'inconfort sont souvent le signe d'une barrière cutanée fragilisée. Contrairement à un simple soin hydratant, un sérum anti-rougeurs bio cible en profondeur les mécanismes de l'hypersensibilité cutanée. La formule Centifolia va plus loin grâce à une synergie de trois types d'actifs biotiques complémentaires.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sera-section\"\u003e\n  \u003ch2\u003eLes actifs clés : prébiotiques, probiotiques et postbiotiques\u003c\/h2\u003e\n  \u003cdiv class=\"soi-sera-benefits\"\u003e\n    \u003cdiv class=\"soi-sera-benefit\"\u003e\n      \u003cdiv class=\"soi-sera-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePrébiotiques\u003c\/h3\u003e\n      \u003cp\u003eIls nourrissent le microbiome cutané et renforcent la barrière de protection naturelle de la peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sera-benefit\"\u003e\n      \u003cdiv class=\"soi-sera-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eProbiotiques\u003c\/h3\u003e\n      \u003cp\u003eIls rééquilibrent la flore cutanée, réduisent les réactions inflammatoires et aident la peau à mieux tolérer les agressions extérieures.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sera-benefit\"\u003e\n      \u003cdiv class=\"soi-sera-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePostbiotiques\u003c\/h3\u003e\n      \u003cp\u003eLeurs métabolites actifs apaisent les rougeurs et améliorent le seuil de réactivité de l'épiderme.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sera-benefit\"\u003e\n      \u003cdiv class=\"soi-sera-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePolysaccharides actifs\u003c\/h3\u003e\n      \u003cp\u003eUne hydratation profonde et durable pour une peau visiblement plus souple et unifiée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-sera-tip\"\u003e\n    \u003cdiv class=\"soi-sera-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eRésultat dès la première application : les rougeurs s'estompent, la peau respire et l'inconfort recule.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sera-section\"\u003e\n  \u003ch2\u003eUne texture gel pensée pour les peaux réactives\u003c\/h2\u003e\n  \u003cp\u003eSa texture gel légère et aqueuse, enrichie de micro-gouttelettes d'huile, pénètre instantanément sans film gras ni résidu collant. Elle convient parfaitement en soin de jour comme de nuit, sous une crème hydratante ou seule, selon vos besoins. Un fini frais qui transforme l'application en un vrai moment de confort.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sera-section\"\u003e\n  \u003ch2\u003eComment utiliser le sérum apaisant Centifolia ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-sera-timeline\"\u003e\n    \u003cdiv class=\"soi-sera-step\"\u003e\n      \u003cdiv class=\"soi-sera-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-sera-step-content\"\u003e\n        \u003ch3\u003eAppliquez matin et\/ou soir\u003c\/h3\u003e\n        \u003cp\u003eSur une peau propre et sèche, visage et cou.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sera-step\"\u003e\n      \u003cdiv class=\"soi-sera-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-sera-step-content\"\u003e\n        \u003ch3\u003eDéposez quelques gouttes\u003c\/h3\u003e\n        \u003cp\u003eDans le creux de la main et réchauffez légèrement entre les paumes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sera-step\"\u003e\n      \u003cdiv class=\"soi-sera-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-sera-step-content\"\u003e\n        \u003ch3\u003ePressez doucement sur le visage\u003c\/h3\u003e\n        \u003cp\u003eSans frotter, en évitant le contour des yeux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sera-step\"\u003e\n      \u003cdiv class=\"soi-sera-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-sera-step-content\"\u003e\n        \u003ch3\u003eComplétez avec une crème adaptée\u003c\/h3\u003e\n        \u003cp\u003eSi besoin. Convient à toute la famille, dès la naissance.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sera-section\"\u003e\n  \u003ch2\u003eCe sérum est fait pour vous si...\u003c\/h2\u003e\n  \u003cdiv class=\"soi-sera-grid\"\u003e\n    \u003cdiv class=\"soi-sera-card\"\u003e\n      \u003ch3\u003e🌡️ Peau réactive aux changements\u003c\/h3\u003e\n      \u003cp\u003eVotre peau rougit facilement au froid, à la chaleur ou au stress.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sera-card\"\u003e\n      \u003ch3\u003e🩹 Tendance atopique ou couperosée\u003c\/h3\u003e\n      \u003cp\u003eVous avez une peau à tendance atopique ou couperosée qui nécessite un soin ciblé.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sera-card\"\u003e\n      \u003ch3\u003e🌿 Exigence bio et sans parfum\u003c\/h3\u003e\n      \u003cp\u003eVous recherchez un sérum anti-rougeurs bio certifié, sans parfum ni perturbateur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sera-card\"\u003e\n      \u003ch3\u003e👨‍👩‍👧‍👦 Soin pour toute la famille\u003c\/h3\u003e\n      \u003cp\u003eVous souhaitez un soin adapté à toute la famille, y compris aux bébés.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sera-card\"\u003e\n      \u003ch3\u003e⚠️ Sensibilité aux cosmétiques classiques\u003c\/h3\u003e\n      \u003cp\u003eLes cosmétiques classiques vous irritent ou ne suffisent plus à calmer votre peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sera-section\"\u003e\n  \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n  \u003cp\u003eAqua, Glycerin (hydratant), Inulin (prébiotique), Lactobacillus Ferment (probiotique\/postbiotique), Pullulan (polysaccharide apaisant), Xanthan Gum, Sodium Hyaluronate, Panthenol (provitamine B5), Tocopherol (vitamine E), Benzyl Alcohol, Dehydroacetic Acid.\u003c\/p\u003e\n  \u003cp\u003e\u003cem\u003eFormule à 99% d'origine naturelle, certifiée bio, vegan, sans parfum, fabriquée en France.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sera-section\"\u003e\n  \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n  \u003cdiv class=\"soi-sera-compo\"\u003e\n    \u003cdiv class=\"soi-sera-compo-row\"\u003e\n      \u003cspan class=\"soi-sera-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-sera-compo-value\"\u003e30 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sera-compo-row\"\u003e\n      \u003cspan class=\"soi-sera-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-sera-compo-value\"\u003eBio, Vegan\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sera-compo-row\"\u003e\n      \u003cspan class=\"soi-sera-compo-label\"\u003eTolérance\u003c\/span\u003e\n      \u003cspan class=\"soi-sera-compo-value\"\u003eSans parfum, sans colorant, haute tolérance\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sera-compo-row\"\u003e\n      \u003cspan class=\"soi-sera-compo-label\"\u003eConvient à\u003c\/span\u003e\n      \u003cspan class=\"soi-sera-compo-value\"\u003eToute la famille, dès la naissance\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sera-compo-row\"\u003e\n      \u003cspan class=\"soi-sera-compo-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-sera-compo-value\"\u003eFrance, par Centifolia, expert en cosmétique botanique depuis plus de 25 ans\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-sera-accordion\"\u003e\n    \u003cdetails class=\"soi-sera-accordion-item\"\u003e\n      \u003csummary class=\"soi-sera-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n      \u003cdiv class=\"soi-sera-accordion-content\"\u003e\n        \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue pas à un traitement médical. En cas de dermatite atopique sévère ou de rougeurs 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-sera-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-sera-cta-box\"\u003e\n    \u003cp class=\"soi-sera-cta-tag\" style=\"color: white;\"\u003eUn microbiome renforcé, une peau apaisée\u003c\/p\u003e\n    \u003cp class=\"soi-sera-cta-text\" style=\"color: white;\"\u003eChaque matin, votre peau mérite un soin qui la comprend vraiment. Ce sérum apaisant Centifolia, c'est la promesse d'une peau apaisée dès la première application, d'un microbiome renforcé semaine après semaine, et d'une formule bio irréprochable pour vous et vos proches, en toute confiance.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-sera-marine: #1A2D3D;\n  --soi-sera-marine-dark: #0F1E2B;\n  --soi-sera-marine-light: #2C4458;\n  --soi-sera-pomme: #A1C544;\n  --soi-sera-pomme-dark: #84A636;\n  --soi-sera-pomme-light: rgba(161,197,68,0.10);\n  --soi-sera-white: #FFFFFF;\n  --soi-sera-off-white: #F8FAF6;\n  --soi-sera-stone: #F1F3EE;\n  --soi-sera-line: #E5E8E0;\n  --soi-sera-primary: #C4577A;\n  --soi-sera-primary-soft: #F2E0E7;\n  --soi-sera-accent: #8DC9D9;\n  --soi-sera-text: #1A2D3D;\n  --soi-sera-text-soft: #4A5B6B;\n  --soi-sera-text-muted: #7B8693;\n  --soi-sera-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-sera-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-sera-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-sera-radius: 12px;\n  --soi-sera-radius-sm: 8px;\n  --soi-sera-radius-pill: 999px;\n}\n\n.soi-sera-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sera-fiche img { max-width: 100%; height: auto; }\n\n.soi-sera-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-sera-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-sera-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-sera-hero {\n  position: relative;\n  background: var(--soi-sera-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-sera-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-sera-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-sera-pomme);\n}\n\n.soi-sera-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-sera-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-sera-pomme);\n  border-radius: 50%;\n}\n\n.soi-sera-hero-title {\n  display: block;\n  color: var(--soi-sera-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-sera-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-sera-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-sera-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-sera-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-sera-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-sera-label-accent {\n  background: var(--soi-sera-pomme);\n  border-color: var(--soi-sera-pomme);\n  color: var(--soi-sera-marine);\n  font-weight: 600;\n}\n\n.soi-sera-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sera-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-sera-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-sera-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-sera-pomme);\n  border-radius: 2px;\n}\n\n.soi-sera-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-sera-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-sera-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-sera-section p em {\n  color: var(--soi-sera-text-soft);\n  font-size: clamp(13px, 1.8vw, 14px);\n}\n\n.soi-sera-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-sera-benefit {\n  background: var(--soi-sera-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-sera-radius);\n  border: 1px solid var(--soi-sera-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sera-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-sera-shadow-md);\n}\n\n.soi-sera-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-sera-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-sera-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-sera-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-sera-benefit:hover .soi-sera-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-sera-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-sera-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-sera-benefit p {\n  font-size: 13px;\n  color: var(--soi-sera-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sera-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-sera-card {\n  background: var(--soi-sera-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-sera-radius);\n  border-left: 3px solid var(--soi-sera-pomme);\n}\n\n.soi-sera-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-sera-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-sera-card p {\n  font-size: 14px;\n  color: var(--soi-sera-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sera-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-sera-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-sera-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-sera-radius);\n  border: 1px solid var(--soi-sera-line);\n  align-items: flex-start;\n}\n\n.soi-sera-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-sera-marine);\n  color: var(--soi-sera-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-sera-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-sera-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-sera-step-content p {\n  font-size: 14px;\n  color: var(--soi-sera-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sera-compo {\n  background: var(--soi-sera-off-white);\n  border-radius: var(--soi-sera-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-sera-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-sera-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-sera-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-sera-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-sera-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-sera-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-sera-marine);\n  text-align: right;\n}\n\n.soi-sera-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-sera-pomme-light);\n  border-left: 4px solid var(--soi-sera-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-sera-radius) var(--soi-sera-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-sera-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-sera-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-sera-marine);\n  margin-bottom: 4px;\n}\n\n.soi-sera-tip p {\n  font-size: 14px;\n  color: var(--soi-sera-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sera-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-sera-accordion-item {\n  background: var(--soi-sera-off-white);\n  border-radius: var(--soi-sera-radius-sm);\n  border: 1px solid var(--soi-sera-line);\n  overflow: hidden;\n}\n\n.soi-sera-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-sera-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-sera-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-sera-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-sera-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-sera-accordion-item[open] .soi-sera-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-sera-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-sera-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-sera-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sera-cta-box {\n  background: var(--soi-sera-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-sera-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-sera-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-sera-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-sera-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-sera-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-sera-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-sera-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-sera-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-sera-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-sera-compo-value {\n    text-align: left;\n  }\n\n  .soi-sera-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-sera-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-sera-fiche {\n    --soi-sera-text-soft: #2C3E50;\n    --soi-sera-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603669541194,"sku":"CE0595","price":12.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/serum-apaisant-neutre-anti-rougeurs-bio-centifolia-packshot.webp?v=1779456313"},{"product_id":"lait-dermo-nettoyant-demaquillant-neutre-certifie-bio-centifolia","title":"Lait Dermo-Nettoyant Démaquillant Neutre certifié bio – Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eOffrez à votre peau sensible la douceur et la protection qu’elle mérite grâce au \u003cstrong\u003eLait Dermo-Nettoyant Démaquillant Neutre de Centifolia\u003c\/strong\u003e. Spécifiquement conçu pour les peaux sensibles, réactives, et même à tendance atopique, ce soin haute tolérance nettoie, démaquille et apaise en un seul geste. Idéal pour toute la famille, y compris les nourrissons dès la naissance, il s'impose comme un indispensable de votre routine quotidienne.\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_CE0600_077974cb-d720-48ce-b23f-de878df3d139.jpg?v=1776181207\" alt=\"Femme asiatique se démaquillant devant un 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 bienfaits du Lait Dermo-Nettoyant Démaquillant Neutre de Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\u003cstrong\u003eNettoie en douceur\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eGrâce à sa formule dermo-douceur enrichie en prébiotique et polysaccharide actifs, ce lait nettoie délicatement les impuretés, les traces de pollution et le maquillage, même waterproof. Il convient au visage, aux yeux et aux lèvres, sans agresser la peau.\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\u003cstrong\u003eApaise et protège\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLes actifs présents dans ce lait agissent pour apaiser les rougeurs et diminuer les sensations d’inconfort. Sa synergie unique renforce la barrière cutanée tout en restaurant l’équilibre naturel du microbiote de la peau.\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\u003cstrong\u003eHaute tolérance\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eSa formule sans parfum, vegan et hypoallergénique garantit une tolérance optimale, même pour les peaux les plus réactives. Convient aux bébés dès la naissance, faisant de ce lait un soin universel et familial.\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\u003cstrong\u003eRespecte la peau et l’environnement\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eConçu et fabriqué en France, ce lait respecte non seulement votre peau mais également notre planète grâce à sa certification biologique. Il laisse une sensation de douceur et de confort durable, en harmonie avec l’équilibre naturel de la peau.\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\u003eLe \u003cstrong\u003eLait Dermo-Nettoyant Démaquillant Neutre de Centifolia\u003c\/strong\u003e est bien plus qu’un simple lait nettoyant. C’est une véritable promesse de confort et de bien-être pour les peaux sensibles, réactives et fragiles. Avec sa formulation douce, respectueuse et efficace, il s’adapte à toutes les peaux, à tous les âges, pour offrir un soin quotidien qui nettoie, apaise et protège en profondeur. Ajoutez-le à votre routine et faites de ce lait un allié incontournable pour votre peau et celle de vos proches.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603669639498,"sku":"CE0600","price":11.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/centifolia_ce0600_lait_dermonettoyant_demaquillant_9e6aed02-a555-4d40-8a93-111c183f9c3c.jpg?v=1778843317"},{"product_id":"gel-douche-soin-surgras-fruits-exotiques-certifie-bio-250ml-1l","title":"Gel Douche Soin Surgras Fruits Exotiques certifié Bio – 250ml\/1L","description":"\u003cdiv class=\"soi-gdse-fiche\"\u003e\n\n\u003csection class=\"soi-gdse-hero\"\u003e\n  \u003cdiv class=\"soi-gdse-hero-tag\"\u003e\n    \u003cspan class=\"soi-gdse-tag-dot\"\u003e\u003c\/span\u003e\n    Hygiène corporelle · Centifolia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-gdse-hero-title\"\u003eLa douceur surgras aux parfums d'évasion\u003c\/span\u003e\n  \u003cp class=\"soi-gdse-hero-subtitle\"\u003eUn gel douche bio sans savon qui nourrit, protège et enveloppe votre peau d'une fragrance naturelle de fruits exotiques, pour une routine corporelle aussi agréable qu'efficace.\u003c\/p\u003e\n  \u003cdiv class=\"soi-gdse-hero-labels\"\u003e\n    \u003cspan class=\"soi-gdse-label soi-gdse-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-gdse-label\"\u003eECOCERT\u003c\/span\u003e\n    \u003cspan class=\"soi-gdse-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-gdse-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-gdse-label\"\u003eSANS SAVON\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdse-section\"\u003e\n  \u003ch2\u003ePourquoi choisir un gel douche surgras plutôt qu'un gel classique ?\u003c\/h2\u003e\n  \u003cp\u003eContrairement à un gel douche ordinaire, un gel surgras contient des agents surgraissants, comme des huiles végétales biologiques, qui se déposent sur la peau pendant le rinçage. Résultat : le film hydrolipidique reste intact, la peau ne tire pas, elle reste douce et souple dès la sortie de douche. C'est particulièrement précieux si votre peau est normale à sèche, ou si elle réagit facilement aux produits classiques.\u003c\/p\u003e\n  \u003cp\u003eCe gel est sans savon : il respecte le pH physiologique de votre peau et évite l'effet \"peau cartonnée\" que l'on connaît trop bien après une douche avec un pain de savon traditionnel.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdse-section\"\u003e\n  \u003ch2\u003eCe que ce gel douche bio apporte concrètement à votre peau\u003c\/h2\u003e\n  \u003cdiv class=\"soi-gdse-benefits\"\u003e\n    \u003cdiv class=\"soi-gdse-benefit\"\u003e\n      \u003cdiv class=\"soi-gdse-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eHydratation préservée\u003c\/h3\u003e\n      \u003cp\u003eL'huile végétale bio forme un voile protecteur léger qui limite la perte en eau cutanée, sans laisser de film gras.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdse-benefit\"\u003e\n      \u003cdiv class=\"soi-gdse-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eNettoyage tout en douceur\u003c\/h3\u003e\n      \u003cp\u003eSans savon, la formule élimine impuretés et résidus sans agresser la barrière naturelle de la peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdse-benefit\"\u003e\n      \u003cdiv class=\"soi-gdse-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePeau douce et confortable\u003c\/h3\u003e\n      \u003cp\u003eDès la première utilisation, la peau est visiblement plus souple et agréable au toucher.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdse-benefit\"\u003e\n      \u003cdiv class=\"soi-gdse-benefit-icon\"\u003e\u003cspan\u003e🍍\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eParfum naturel envoûtant\u003c\/h3\u003e\n      \u003cp\u003eLa fragrance aux fruits exotiques (notes d'ananas, passion fruit, kumquat) est 100% naturelle, sans parfum de synthèse.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-gdse-tip\"\u003e\n    \u003cdiv class=\"soi-gdse-tip-icon\"\u003e👨‍👩‍👧‍👦\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eCe gel convient à toute la famille : peaux sensibles, peaux normales à sèches, adultes comme adolescents.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdse-section\"\u003e\n  \u003ch2\u003eComposition et ingrédients clés\u003c\/h2\u003e\n  \u003cp\u003eLa formule repose sur l'aloe vera équitable et biologique, reconnu pour ses propriétés apaisantes et hydratantes, combiné à une huile végétale certifiée bio aux vertus nourrissantes. Chaque ingrédient est sélectionné pour son origine naturelle et sa tolérance cutanée.\u003c\/p\u003e\n  \u003cdiv class=\"soi-gdse-grid\"\u003e\n    \u003cdiv class=\"soi-gdse-card\"\u003e\n      \u003ch3\u003e🌿 Aloe vera bio (équitable)\u003c\/h3\u003e\n      \u003cp\u003eApaisant et hydratant, il soutient le confort des peaux réactives.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdse-card\"\u003e\n      \u003ch3\u003e🫒 Huile végétale biologique\u003c\/h3\u003e\n      \u003cp\u003eNourrissante, elle protège et assouplit la peau dès le rinçage.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdse-card\"\u003e\n      \u003ch3\u003e🧼 Agents lavants doux d'origine végétale\u003c\/h3\u003e\n      \u003cp\u003eNettoient efficacement sans détruire le film hydrolipidique.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdse-card\"\u003e\n      \u003ch3\u003e🍊 Parfum naturel de fruits exotiques\u003c\/h3\u003e\n      \u003cp\u003eUne senteur solaire et enveloppante, sans perturbateurs endocriniens.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-gdse-compo\"\u003e\n    \u003cdiv class=\"soi-gdse-compo-row\"\u003e\n      \u003cspan class=\"soi-gdse-compo-label\"\u003eIngrédients d'origine naturelle\u003c\/span\u003e\n      \u003cspan class=\"soi-gdse-compo-value\"\u003e99%\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdse-compo-row\"\u003e\n      \u003cspan class=\"soi-gdse-compo-label\"\u003eFormule\u003c\/span\u003e\n      \u003cspan class=\"soi-gdse-compo-value\"\u003eVegan, sans savon, sans sulfates agressifs, sans silicones\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdse-compo-row\"\u003e\n      \u003cspan class=\"soi-gdse-compo-label\"\u003eFlacon\u003c\/span\u003e\n      \u003cspan class=\"soi-gdse-compo-value\"\u003e50% plastique recyclé, 100% recyclable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdse-section\"\u003e\n  \u003ch2\u003eComment utiliser ce gel douche surgras au quotidien ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-gdse-timeline\"\u003e\n    \u003cdiv class=\"soi-gdse-step\"\u003e\n      \u003cdiv class=\"soi-gdse-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-gdse-step-content\"\u003e\n        \u003ch3\u003ePréparez\u003c\/h3\u003e\n        \u003cp\u003eVersez une noisette de gel dans vos mains ou sur un gant de toilette humide.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdse-step\"\u003e\n      \u003cdiv class=\"soi-gdse-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-gdse-step-content\"\u003e\n        \u003ch3\u003eMassez\u003c\/h3\u003e\n        \u003cp\u003eFaites mousser en massant doucement l'ensemble du corps en mouvements circulaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdse-step\"\u003e\n      \u003cdiv class=\"soi-gdse-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-gdse-step-content\"\u003e\n        \u003ch3\u003eRincez\u003c\/h3\u003e\n        \u003cp\u003eRincez à l'eau tiède. Séchez délicatement en tamponnant, sans frotter, pour préserver l'effet surgras.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-gdse-tip\"\u003e\n    \u003cdiv class=\"soi-gdse-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eUtilisable chaque jour, y compris sur les peaux sensibles ou sujettes à la sécheresse. Pour un confort optimal en hiver, combinez-le avec une crème corps hydratante après la douche.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdse-section\"\u003e\n  \u003ch2\u003eCertifications et engagements Centifolia\u003c\/h2\u003e\n  \u003cdiv class=\"soi-gdse-grid-compact\"\u003e\n    \u003cdiv class=\"soi-gdse-card-mini\"\u003e\n      \u003cspan class=\"soi-gdse-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cspan class=\"soi-gdse-card-mini-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-gdse-card-mini-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdse-card-mini\"\u003e\n      \u003cspan class=\"soi-gdse-card-mini-icon\"\u003e🧪\u003c\/span\u003e\n      \u003cspan class=\"soi-gdse-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n      \u003cspan class=\"soi-gdse-card-mini-value\"\u003e99% d'origine naturelle\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdse-card-mini\"\u003e\n      \u003cspan class=\"soi-gdse-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n      \u003cspan class=\"soi-gdse-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-gdse-card-mini-value\"\u003eFrance, ateliers Centifolia\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdse-card-mini\"\u003e\n      \u003cspan class=\"soi-gdse-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n      \u003cspan class=\"soi-gdse-card-mini-label\"\u003eFlacon\u003c\/span\u003e\n      \u003cspan class=\"soi-gdse-card-mini-value\"\u003e50% recyclé, 100% recyclable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-gdse-accordion\"\u003e\n    \u003cdetails class=\"soi-gdse-accordion-item\"\u003e\n      \u003csummary class=\"soi-gdse-accordion-header\"\u003e🐰 Engagement éthique\u003c\/summary\u003e\n      \u003cdiv class=\"soi-gdse-accordion-content\"\u003e\n        \u003cp\u003eFormule vegan, sans test sur les animaux. Centifolia, marque pionnière de la cosméto-botanique depuis 1995, s'engage pour une beauté respectueuse du vivant.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdse-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-gdse-cta-box\"\u003e\n    \u003cp class=\"soi-gdse-cta-text\" style=\"color: white;\"\u003eUn gel douche surgras bio qui sent l'exotisme et respecte votre peau à chaque douche. Une formule honnête, efficace et agréable, pour prendre soin de vous sans compromis sur la naturalité ni sur le plaisir des sens.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-gdse-marine: #1A2D3D;\n  --soi-gdse-marine-dark: #0F1E2B;\n  --soi-gdse-marine-light: #2C4458;\n  --soi-gdse-pomme: #A1C544;\n  --soi-gdse-pomme-dark: #84A636;\n  --soi-gdse-pomme-light: rgba(161,197,68,0.10);\n  --soi-gdse-white: #FFFFFF;\n  --soi-gdse-off-white: #F8FAF6;\n  --soi-gdse-stone: #F1F3EE;\n  --soi-gdse-line: #E5E8E0;\n  --soi-gdse-primary: #F4A520;\n  --soi-gdse-primary-soft: #FFF3E0;\n  --soi-gdse-accent: #E88B3A;\n  --soi-gdse-text: #1A2D3D;\n  --soi-gdse-text-soft: #4A5B6B;\n  --soi-gdse-text-muted: #7B8693;\n  --soi-gdse-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-gdse-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-gdse-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-gdse-radius: 12px;\n  --soi-gdse-radius-sm: 8px;\n  --soi-gdse-radius-pill: 999px;\n}\n\n.soi-gdse-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gdse-fiche img { max-width: 100%; height: auto; }\n\n.soi-gdse-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-gdse-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-gdse-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-gdse-hero {\n  position: relative;\n  background: var(--soi-gdse-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-gdse-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-gdse-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-gdse-pomme);\n}\n\n.soi-gdse-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-gdse-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-gdse-pomme);\n  border-radius: 50%;\n}\n\n.soi-gdse-hero-title {\n  display: block;\n  color: var(--soi-gdse-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(24px, 5vw, 35px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-gdse-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-gdse-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-gdse-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-gdse-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-gdse-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-gdse-label-accent {\n  background: var(--soi-gdse-pomme);\n  border-color: var(--soi-gdse-pomme);\n  color: var(--soi-gdse-marine);\n  font-weight: 600;\n}\n\n.soi-gdse-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gdse-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-gdse-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-gdse-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-gdse-pomme);\n  border-radius: 2px;\n}\n\n.soi-gdse-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-gdse-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-gdse-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-gdse-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-gdse-benefit {\n  background: var(--soi-gdse-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-gdse-radius);\n  border: 1px solid var(--soi-gdse-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gdse-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-gdse-shadow-md);\n}\n\n.soi-gdse-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-gdse-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-gdse-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-gdse-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-gdse-benefit:hover .soi-gdse-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-gdse-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gdse-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-gdse-benefit p {\n  font-size: 15px;\n  color: var(--soi-gdse-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-gdse-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-gdse-card {\n  background: var(--soi-gdse-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gdse-radius);\n  border-left: 3px solid var(--soi-gdse-pomme);\n}\n\n.soi-gdse-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gdse-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-gdse-card p {\n  font-size: 14px;\n  color: var(--soi-gdse-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-gdse-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.25rem;\n}\n\n.soi-gdse-card-mini {\n  background: var(--soi-gdse-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-gdse-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-gdse-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-gdse-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-gdse-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-gdse-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-gdse-marine);\n}\n\n.soi-gdse-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-gdse-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-gdse-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gdse-radius);\n  border: 1px solid var(--soi-gdse-line);\n  align-items: flex-start;\n}\n\n.soi-gdse-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-gdse-marine);\n  color: var(--soi-gdse-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-gdse-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gdse-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-gdse-step-content p {\n  font-size: 15px;\n  color: var(--soi-gdse-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-gdse-compo {\n  background: var(--soi-gdse-off-white);\n  border-radius: var(--soi-gdse-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-gdse-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-gdse-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-gdse-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-gdse-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-gdse-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-gdse-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-gdse-marine);\n  text-align: right;\n}\n\n.soi-gdse-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-gdse-pomme-light);\n  border-left: 4px solid var(--soi-gdse-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-gdse-radius) var(--soi-gdse-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-gdse-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-gdse-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-gdse-marine);\n  margin-bottom: 4px;\n}\n\n.soi-gdse-tip p {\n  font-size: 15px;\n  color: var(--soi-gdse-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-gdse-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-gdse-accordion-item {\n  background: var(--soi-gdse-off-white);\n  border-radius: var(--soi-gdse-radius-sm);\n  border: 1px solid var(--soi-gdse-line);\n  overflow: hidden;\n}\n\n.soi-gdse-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-gdse-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-gdse-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-gdse-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-gdse-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-gdse-accordion-item[open] .soi-gdse-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-gdse-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-gdse-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-gdse-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-gdse-cta-box {\n  background: var(--soi-gdse-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-gdse-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-gdse-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-gdse-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-gdse-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-gdse-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-gdse-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-gdse-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-gdse-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-gdse-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-gdse-compo-value {\n    text-align: left;\n  }\n\n  .soi-gdse-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-gdse-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-gdse-fiche {\n    --soi-gdse-text-soft: #2C3E50;\n    --soi-gdse-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61612339265866,"sku":"CE0443","price":4.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-soin-surgras-fruits-exotiques-certifie-bio-250ml1-packshot.webp?v=1792054366"},{"product_id":"gel-douche-soin-surgras-fleur-doranger-certifie-bio-250ml-1l-centifolia","title":"Gel Douche Soin Surgras Fleur d'Oranger Bio – Centifolia","description":"\u003cdiv class=\"soi-gdso-fiche\"\u003e\n\n\u003csection class=\"soi-gdso-hero\"\u003e\n  \u003cdiv class=\"soi-gdso-hero-tag\"\u003e\n    \u003cspan class=\"soi-gdso-tag-dot\"\u003e\u003c\/span\u003e\n    Hygiène · Centifolia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-gdso-hero-title\"\u003eLa douceur enveloppante de la fleur d'oranger\u003c\/span\u003e\n  \u003cp class=\"soi-gdso-hero-subtitle\"\u003eUn gel douche surgras certifié bio, sans savon, enrichi en aloe vera équitable pour une peau douce, nourrie et apaisée au quotidien.\u003c\/p\u003e\n  \u003cdiv class=\"soi-gdso-hero-labels\"\u003e\n    \u003cspan class=\"soi-gdso-label soi-gdso-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-gdso-label\"\u003eECOCERT\u003c\/span\u003e\n    \u003cspan class=\"soi-gdso-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-gdso-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-gdso-label\"\u003e99% NATUREL\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdso-section\"\u003e\n  \u003ch2\u003ePourquoi choisir un gel douche surgras plutôt qu'un gel classique ?\u003c\/h2\u003e\n  \u003cp\u003eUn gel douche surgras contient une proportion plus élevée d'huiles végétales que les formules classiques. Résultat : il nettoie sans éliminer le film hydrolipidique naturel de votre peau, cette barrière protectrice essentielle à son confort.\u003c\/p\u003e\n  \u003cp\u003eSi votre peau tire après la douche, se desquame facilement ou réagit aux produits courants, un gel douche surgras sans savon comme celui de Centifolia est exactement ce qu'il vous faut. Une solution douce, disponible en pharmacie, parapharmacie ou directement en ligne.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdso-section\"\u003e\n  \u003ch2\u003eCe qui rend ce gel douche bio vraiment différent\u003c\/h2\u003e\n  \u003cdiv class=\"soi-gdso-benefits\"\u003e\n    \u003cdiv class=\"soi-gdso-benefit\"\u003e\n      \u003cdiv class=\"soi-gdso-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAloe vera équitable et bio\u003c\/h3\u003e\n      \u003cp\u003eApaisant et hydratant, il soutient l'éclat et le confort de votre peau dès la première utilisation.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdso-benefit\"\u003e\n      \u003cdiv class=\"soi-gdso-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eSans savon\u003c\/h3\u003e\n      \u003cp\u003eRespecte le pH physiologique de la peau (entre 4,5 et 5,5), contrairement au savon classique qui l'alcalinise.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdso-benefit\"\u003e\n      \u003cdiv class=\"soi-gdso-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eParfum naturel de fleur d'oranger\u003c\/h3\u003e\n      \u003cp\u003eUne fragrance florale douce et apaisante, non synthétique, qui transforme la douche en moment de détente.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdso-benefit\"\u003e\n      \u003cdiv class=\"soi-gdso-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eMousse onctueuse et crémeuse\u003c\/h3\u003e\n      \u003cp\u003eUne texture qui rince parfaitement sans laisser de résidu gras sur la peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"soi-gdso-grid-compact\"\u003e\n    \u003cdiv class=\"soi-gdso-card-mini\"\u003e\n      \u003cspan class=\"soi-gdso-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n      \u003cspan class=\"soi-gdso-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-gdso-card-mini-value\"\u003eFrance\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdso-card-mini\"\u003e\n      \u003cspan class=\"soi-gdso-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n      \u003cspan class=\"soi-gdso-card-mini-label\"\u003eFlacon\u003c\/span\u003e\n      \u003cspan class=\"soi-gdso-card-mini-value\"\u003e50% recyclé, 100% recyclable\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdso-card-mini\"\u003e\n      \u003cspan class=\"soi-gdso-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cspan class=\"soi-gdso-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n      \u003cspan class=\"soi-gdso-card-mini-value\"\u003e99% naturelle\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdso-card-mini\"\u003e\n      \u003cspan class=\"soi-gdso-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n      \u003cspan class=\"soi-gdso-card-mini-label\"\u003eFormule\u003c\/span\u003e\n      \u003cspan class=\"soi-gdso-card-mini-value\"\u003eVégane\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdso-section\"\u003e\n  \u003ch2\u003ePour qui est-il recommandé ?\u003c\/h2\u003e\n  \u003cp\u003eCe gel douche fleur d'oranger bio convient à toute la famille, adultes comme enfants en bas âge (après avis pédiatrique). Il est particulièrement adapté aux peaux sèches, sensibles ou sujettes aux tiraillements, et peut s'utiliser au quotidien sans risque d'irritation.\u003c\/p\u003e\n  \u003cp\u003eUne alternative naturelle et performante aux références bien connues du rayon pharmacie.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdso-section\"\u003e\n  \u003ch2\u003eComment l'utiliser pour en profiter pleinement ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-gdso-timeline\"\u003e\n    \u003cdiv class=\"soi-gdso-step\"\u003e\n      \u003cdiv class=\"soi-gdso-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-gdso-step-content\"\u003e\n        \u003ch3\u003eAppliquez\u003c\/h3\u003e\n        \u003cp\u003eDéposez une noisette de gel sur une peau mouillée ou sur un gant de toilette.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdso-step\"\u003e\n      \u003cdiv class=\"soi-gdso-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-gdso-step-content\"\u003e\n        \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n        \u003cp\u003eEffectuez des mouvements circulaires doux sur tout le corps pour développer la mousse onctueuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdso-step\"\u003e\n      \u003cdiv class=\"soi-gdso-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-gdso-step-content\"\u003e\n        \u003ch3\u003eRincez\u003c\/h3\u003e\n        \u003cp\u003eRincez à l'eau tiède. Évitez l'eau trop chaude qui accentue la sécheresse cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gdso-step\"\u003e\n      \u003cdiv class=\"soi-gdso-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-gdso-step-content\"\u003e\n        \u003ch3\u003eSéchez délicatement\u003c\/h3\u003e\n        \u003cp\u003eTamponnez sans frotter. Votre peau reste douce sans avoir besoin de crème systématique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdso-section\"\u003e\n  \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n  \u003cp\u003eAqua, Sodium Coco-Glucoside Tartrate, Aloe Barbadensis Leaf Juice*, Coco-Glucoside, Glycerin**, Sodium Chloride, Parfum (naturel de fleur d'oranger), Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n  \u003cp\u003e\u003cem\u003e* Issu de l'agriculture biologique. ** D'origine végétale.\u003c\/em\u003e\u003c\/p\u003e\n  \u003cdiv class=\"soi-gdso-tip\"\u003e\n    \u003cdiv class=\"soi-gdso-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003e99 % des ingrédients sont d'origine naturelle. Formule végane, sans paraben, sans silicone, sans colorant synthétique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003csection class=\"soi-gdso-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-gdso-cta-box\"\u003e\n    \u003cp class=\"soi-gdso-cta-tag\" style=\"color: white;\"\u003eUn rituel douche naturel et enveloppant\u003c\/p\u003e\n    \u003cp class=\"soi-gdso-cta-text\" style=\"color: white;\"\u003eLaissez la fleur d'oranger s'inviter dans votre douche : un parfum naturel, une peau qui ressort douce, nourrie et apaisée. Le soin bio sincère, sans compromis sur le plaisir.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-gdso-marine: #1A2D3D;\n  --soi-gdso-marine-dark: #0F1E2B;\n  --soi-gdso-marine-light: #2C4458;\n  --soi-gdso-pomme: #A1C544;\n  --soi-gdso-pomme-dark: #84A636;\n  --soi-gdso-pomme-light: rgba(161,197,68,0.10);\n  --soi-gdso-white: #FFFFFF;\n  --soi-gdso-off-white: #F8FAF6;\n  --soi-gdso-stone: #F1F3EE;\n  --soi-gdso-line: #E5E8E0;\n  --soi-gdso-primary: #E8943A;\n  --soi-gdso-primary-soft: #FDF3E8;\n  --soi-gdso-accent: #F5C16C;\n  --soi-gdso-text: #1A2D3D;\n  --soi-gdso-text-soft: #4A5B6B;\n  --soi-gdso-text-muted: #7B8693;\n  --soi-gdso-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-gdso-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-gdso-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-gdso-radius: 12px;\n  --soi-gdso-radius-sm: 8px;\n  --soi-gdso-radius-pill: 999px;\n}\n\n.soi-gdso-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gdso-fiche img { max-width: 100%; height: auto; }\n\n.soi-gdso-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-gdso-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-gdso-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-gdso-hero {\n  position: relative;\n  background: var(--soi-gdso-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-gdso-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-gdso-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-gdso-pomme);\n}\n\n.soi-gdso-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-gdso-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-gdso-pomme);\n  border-radius: 50%;\n}\n\n.soi-gdso-hero-title {\n  display: block;\n  color: var(--soi-gdso-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(24px, 5vw, 35px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-gdso-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-gdso-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-gdso-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-gdso-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-gdso-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-gdso-label-accent {\n  background: var(--soi-gdso-pomme);\n  border-color: var(--soi-gdso-pomme);\n  color: var(--soi-gdso-marine);\n  font-weight: 600;\n}\n\n.soi-gdso-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gdso-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-gdso-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-gdso-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-gdso-pomme);\n  border-radius: 2px;\n}\n\n.soi-gdso-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-gdso-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-gdso-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-gdso-section p em {\n  font-size: clamp(12px, 1.8vw, 13px);\n  color: var(--soi-gdso-text-muted);\n}\n\n.soi-gdso-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-gdso-benefit {\n  background: var(--soi-gdso-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-gdso-radius);\n  border: 1px solid var(--soi-gdso-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gdso-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-gdso-shadow-md);\n}\n\n.soi-gdso-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-gdso-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-gdso-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-gdso-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-gdso-benefit:hover .soi-gdso-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-gdso-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gdso-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-gdso-benefit p {\n  font-size: 15px;\n  color: var(--soi-gdso-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-gdso-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-gdso-card {\n  background: var(--soi-gdso-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gdso-radius);\n  border-left: 3px solid var(--soi-gdso-pomme);\n}\n\n.soi-gdso-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gdso-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-gdso-card p {\n  font-size: 14px;\n  color: var(--soi-gdso-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-gdso-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-gdso-card-mini {\n  background: var(--soi-gdso-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-gdso-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-gdso-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-gdso-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-gdso-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-gdso-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-gdso-marine);\n}\n\n.soi-gdso-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-gdso-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-gdso-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gdso-radius);\n  border: 1px solid var(--soi-gdso-line);\n  align-items: flex-start;\n}\n\n.soi-gdso-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-gdso-marine);\n  color: var(--soi-gdso-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-gdso-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gdso-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-gdso-step-content p {\n  font-size: 15px;\n  color: var(--soi-gdso-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-gdso-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-gdso-pomme-light);\n  border-left: 4px solid var(--soi-gdso-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-gdso-radius) var(--soi-gdso-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-gdso-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-gdso-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-gdso-marine);\n  margin-bottom: 4px;\n}\n\n.soi-gdso-tip p {\n  font-size: 15px;\n  color: var(--soi-gdso-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-gdso-cta-box {\n  background: var(--soi-gdso-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-gdso-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-gdso-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-gdso-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-gdso-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-gdso-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-gdso-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-gdso-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-gdso-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-gdso-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-gdso-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-gdso-fiche {\n    --soi-gdso-text-soft: #2C3E50;\n    --soi-gdso-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61612339298634,"sku":"CE0442","price":4.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-soin-surgras-fleur-doranger-certifie-bio-250ml1l--packshot.webp?v=1792054892"},{"product_id":"gel-douche-surgras-verveine-citronnee","title":"Gel Douche Soin Surgras Verveine Citronnée certifié Bio – 250ml\/1L – Centifolia","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 \u0026amp; Soin du corps · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-gdvc-hero-title\"\u003eLa douceur surgras certifiée pour votre peau\u003c\/span\u003e\n    \u003cp class=\"soi-gdvc-hero-subtitle\"\u003eUn gel douche bio à l'aloe vera équitable et au parfum naturel de verveine citronnée, formulé pour nettoyer sans jamais agresser, même les peaux les plus sensibles.\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\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-gdvc-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-gdvc-label\"\u003eFABRIQUÉ EN FRANCE\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 surgras bio Verveine Citronnée : la douceur certifiée pour peaux sensibles\u003c\/h2\u003e\n    \u003cp\u003eVous cherchez un gel douche surgras qui nettoie vraiment sans agresser, avec une formule bio et un parfum qui donne envie de rester sous la douche ? Le Gel Douche Soin Surgras Verveine Citronnée de Centifolia est fait pour vous. Certifié Cosmos Organic par Ecocert, composé à 99% d'ingrédients d'origine naturelle, il prend soin de votre peau chaque jour, même la plus fragile.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-gdvc-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un gel douche surgras plutôt qu'un gel classique ?\u003c\/h2\u003e\n    \u003cp\u003eUn gel douche classique peut déséquilibrer le film hydrolipidique de la peau et provoquer tiraillements ou sécheresse. La formule surgras, elle, enrichit l'eau de rinçage d'une fine pellicule nourrissante. Résultat : votre peau reste souple, douce et confortable après chaque utilisation, sans avoir besoin d'appliquer une crème en urgence.\u003c\/p\u003e\n    \u003cp\u003eIdéal pour les peaux sèches, sensibles ou réactives, ce gel douche bio Centifolia respecte scrupuleusement le pH physiologique de la peau et se distingue des formules courantes que l'on trouve en pharmacie ou parapharmacie.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-gdvc-section\"\u003e\n    \u003ch2\u003eLes actifs clés qui font la différence\u003c\/h2\u003e\n    \u003cdiv class=\"soi-gdvc-grid\"\u003e\n      \u003cdiv class=\"soi-gdvc-card\"\u003e\n        \u003ch3\u003e🌱 Aloe vera bio équitable\u003c\/h3\u003e\n        \u003cp\u003eHydratant, apaisant et réparateur, il calme les peaux irritées et renforce le confort cutané dès la première utilisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gdvc-card\"\u003e\n        \u003ch3\u003e🫧 Huile végétale bio\u003c\/h3\u003e\n        \u003cp\u003eElle nourrit en profondeur, protège la barrière cutanée et prévient le dessèchement sans laisser de film gras.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gdvc-card\"\u003e\n        \u003ch3\u003e🍋 Parfum naturel de verveine citronnée\u003c\/h3\u003e\n        \u003cp\u003eUne fragrance fraîche, légère et vivifiante qui accompagne votre rituel douche avec une touche de nature authentique.\u003c\/p\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\u003eÉco-responsable jusqu'au flacon\u003c\/strong\u003e\n        \u003cp\u003eSans savon, sans sulfates agressifs, la formule est douce pour la peau et pour la planète. Le flacon est fabriqué à 50% de matière recyclée et est 100% recyclable.\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\u003eCe que vous ressentez vraiment après la douche\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\u003ePeau hydratée\u003c\/h3\u003e\n        \u003cp\u003eFinis les tiraillements post-douche grâce à l'aloe vera et l'huile végétale bio.\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\u003eNettoyage doux\u003c\/h3\u003e\n        \u003cp\u003eConvient aux peaux les plus sensibles, pour une utilisation quotidienne en toute sérénité.\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\u003eParfum frais\u003c\/h3\u003e\n        \u003cp\u003eLa verveine citronnée naturelle dépose un voile olfactif léger et vivifiant sur 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\u003eComment utiliser ce gel douche surgras bio ?\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\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de gel sur peau humide ou sur un gant de toilette.\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\u003eFaites mousser\u003c\/h3\u003e\n          \u003cp\u003eMassez en mouvements circulaires sur l'ensemble du corps. Sa texture légère mousse agréablement sans laisser de résidu collant.\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\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau claire. Utilisez-le chaque jour sous la douche ou le bain, pour adultes et enfants à partir de 3 ans.\u003c\/p\u003e\n        \u003c\/div\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\u003c\/h2\u003e\n    \u003cdiv class=\"soi-gdvc-compo\"\u003e\n      \u003cdiv class=\"soi-gdvc-compo-row\"\u003e\n        \u003cspan class=\"soi-gdvc-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-gdvc-compo-value\"\u003eCosmos Organic par Ecocert Greenlife\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gdvc-compo-row\"\u003e\n        \u003cspan class=\"soi-gdvc-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n        \u003cspan class=\"soi-gdvc-compo-value\"\u003e99% d'ingrédients d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gdvc-compo-row\"\u003e\n        \u003cspan class=\"soi-gdvc-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-gdvc-compo-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\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-Glucoside Tartrate, Coco-Glucoside, Aloe Barbadensis Leaf Juice*, Glycerin*, Parfum (Natural), Sodium Chloride, Citric Acid, Sodium Benzoate, Potassium Sorbate, Linalool, Limonene, Geraniol.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-gdvc-section\"\u003e\n    \u003ch2\u003eDisponible en deux formats\u003c\/h2\u003e\n    \u003cdiv class=\"soi-gdvc-grid-compact\"\u003e\n      \u003cdiv class=\"soi-gdvc-card-mini\"\u003e\n        \u003cspan class=\"soi-gdvc-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-gdvc-card-mini-label\"\u003eFormat découverte\u003c\/span\u003e\n        \u003cspan class=\"soi-gdvc-card-mini-value\"\u003e250 ml\u003c\/span\u003e\n        \u003cspan class=\"soi-gdvc-card-mini-desc\"\u003eParfait pour tester ou en voyage\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gdvc-card-mini\"\u003e\n        \u003cspan class=\"soi-gdvc-card-mini-icon\"\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\n        \u003cspan class=\"soi-gdvc-card-mini-label\"\u003eFormat famille\u003c\/span\u003e\n        \u003cspan class=\"soi-gdvc-card-mini-value\"\u003e1 L\u003c\/span\u003e\n        \u003cspan class=\"soi-gdvc-card-mini-desc\"\u003eLe format économique pour le quotidien\u003c\/span\u003e\n      \u003c\/div\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 geste simple, une formule honnête\u003c\/p\u003e\n      \u003cp class=\"soi-gdvc-cta-text\" style=\"color: white;\"\u003eChaque matin sous la douche peut être un vrai moment de soin. Votre peau est nettoyée en douceur, nourrie en profondeur et enveloppée d'un parfum naturel de verveine citronnée qui réveille les sens.\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: #6B9E3A;\n  --soi-gdvc-primary-soft: #EAF2E0;\n  --soi-gdvc-accent: #C8D96F;\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(24px, 5vw, 35px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-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 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: 15px;\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  margin-bottom: 1.5rem;\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\/* === GRID COMPACT === *\/\n.soi-gdvc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 12px;\n}\n\n.soi-gdvc-card-mini {\n  background: var(--soi-gdvc-stone);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gdvc-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-gdvc-card-mini-icon {\n  font-size: 24px;\n  margin-bottom: 4px;\n}\n\n.soi-gdvc-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-gdvc-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-gdvc-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 22px;\n  font-weight: 600;\n  color: var(--soi-gdvc-marine);\n}\n\n.soi-gdvc-card-mini-desc {\n  font-size: 13px;\n  color: var(--soi-gdvc-text-soft);\n  line-height: 1.5;\n  margin-top: 2px;\n}\n\n\/* === TIMELINE === *\/\n.soi-gdvc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\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: 16px;\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: 15px;\n  color: var(--soi-gdvc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-gdvc-compo {\n  background: var(--soi-gdvc-off-white);\n  border-radius: var(--soi-gdvc-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1rem;\n}\n\n.soi-gdvc-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-gdvc-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-gdvc-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-gdvc-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-gdvc-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-gdvc-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-gdvc-marine);\n  text-align: right;\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: 15px;\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-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-gdvc-compo-value {\n    text-align: left;\n  }\n\n  .soi-gdvc-hero {\n    padding: 1.75rem 1.25rem;\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":"Centifolia","offers":[{"title":"Default Title","offer_id":61612339331402,"sku":"CE0441","price":4.59,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-soin-surgras-verveine-citronnee-certifie-bio-250m-packshot.webp?v=1792054417"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/Centifolia.png?v=1779893487","url":"https:\/\/firmtoaromatherapy.com\/collections\/centifolia.oembed","provider":"Soinature","version":"1.0","type":"link"}