{"title":"L'hygiène au naturel","description":"","products":[{"product_id":"deovert-deodorant-corporel","title":"Déodorant Fraîcheur Tonic","description":"\u003cdiv class=\"soi-deov-fiche\"\u003e\n\n \u003csection class=\"soi-deov-hero\"\u003e\n \u003cdiv class=\"soi-deov-hero-tag\"\u003e\n \u003cspan class=\"soi-deov-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Déovert (Saint Côme)\n \u003c\/div\u003e\n \u003cspan class=\"soi-deov-hero-title\"\u003eLa fraîcheur des agrumes, sans aluminium\u003c\/span\u003e\n \u003cp class=\"soi-deov-hero-subtitle\"\u003eUn spray corporel aux huiles essentielles qui neutralise les odeurs tout au long de la journée, sans bloquer la transpiration naturelle de votre corps.\u003c\/p\u003e\n \u003cdiv class=\"soi-deov-hero-labels\"\u003e\n \u003cspan class=\"soi-deov-label soi-deov-label-accent\"\u003eSANS ALUMINIUM\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eSANS PARABENS\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eHUILES ESSENTIELLES 100 % PURES ET NATURELLES\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eTESTÉ SOUS CONTRÔLE DERMATOLOGIQUE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deov-section\"\u003e\n \u003cp class=\"soi-deov-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel\u003c\/strong\u003e qui tienne toute la journée, sans \u003cstrong\u003esels d'aluminium\u003c\/strong\u003e ? Le \u003cstrong\u003edéodorant Fraîcheur Tonic'\u003c\/strong\u003e de Déovert (Saint Côme) est un spray corporel aux huiles essentielles. Il neutralise les odeurs sans bloquer la transpiration, avec une fraîcheur d'agrumes qui plaît autant aux femmes qu'aux hommes.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003ePourquoi choisir un déodorant sans aluminium ?\u003c\/h2\u003e\n \u003cp\u003eLa sueur est presque inodore à la sortie des pores. L'odeur apparaît lorsqu'elle rencontre les bactéries naturellement présentes sur la peau. Un \u003cstrong\u003edéodorant sans sel d'aluminium\u003c\/strong\u003e agit précisément à ce niveau : il limite la formation des mauvaises odeurs, tout en laissant votre corps transpirer librement, là où un antitranspirant obstrue les pores.\u003c\/p\u003e\n \u003cp\u003eSi vous souhaitez faire évoluer vos habitudes, ce spray constitue une transition simple et douce.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eCe que Tonic' vous apporte au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-deov-benefits\"\u003e\n \u003cdiv class=\"soi-deov-benefit\"\u003e\n \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e🍋\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDes odeurs neutralisées\u003c\/h3\u003e\n \u003cp\u003eLes odeurs sont neutralisées dès leur formation, sans modifier le processus naturel de la transpiration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-benefit\"\u003e\n \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUne fraîcheur tonique\u003c\/h3\u003e\n \u003cp\u003eSes huiles essentielles aux notes d'agrumes vous apportent une sensation de fraîcheur vivifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-benefit\"\u003e\n \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e🤍\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUne bonne tolérance\u003c\/h3\u003e\n \u003cp\u003eUne formule testée sous contrôle dermatologique et sans parabens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-benefit\"\u003e\n \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e💨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUn spray pratique\u003c\/h3\u003e\n \u003cp\u003eAucun contact direct avec la peau, pour une application rapide le matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-grid-compact\"\u003e\n \u003cdiv class=\"soi-deov-card-mini\"\u003e\n \u003cspan class=\"soi-deov-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-deov-card-mini-value\"\u003e100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-card-mini\"\u003e\n \u003cspan class=\"soi-deov-card-mini-label\"\u003ePulvérisations\u003c\/span\u003e\n \u003cspan class=\"soi-deov-card-mini-value\"\u003eEnviron 500\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-card-mini\"\u003e\n \u003cspan class=\"soi-deov-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-deov-card-mini-value\"\u003eBourgogne, Saint Côme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eComposition de la formule\u003c\/h2\u003e\n \u003cdiv class=\"soi-deov-compo\"\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eSels d'aluminium\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003eSans aluminium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eParabens\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003eSans parabens\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eParfum et fraîcheur\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003eHuiles essentielles 100 % pures et naturelles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eListe INCI complète\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003eImprimée sur l'étiquette du flacon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-tip\"\u003e\n \u003cdiv class=\"soi-deov-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLes huiles essentielles contiennent des allergènes naturels (le limonène, par exemple). Si vous êtes sensible à certains composants, consultez la liste INCI. En cas de peau réactive, faites un test au creux du coude avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eComment l'utiliser en 3 gestes\u003c\/h2\u003e\n \u003cdiv class=\"soi-deov-timeline\"\u003e\n \u003cdiv class=\"soi-deov-step\"\u003e\n \u003cdiv class=\"soi-deov-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step-content\"\u003e\n \u003ch3\u003ePréparez la peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur une peau propre et bien sèche, après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step\"\u003e\n \u003cdiv class=\"soi-deov-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step-content\"\u003e\n \u003ch3\u003eVaporisez\u003c\/h3\u003e\n \u003cp\u003ePulvérisez à environ 15 cm sous chaque aisselle, une à deux fois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step\"\u003e\n \u003cdiv class=\"soi-deov-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003eAttendez quelques secondes avant de vous habiller.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-deov-after\"\u003eÉvitez les yeux ainsi que les peaux lésées ou fraîchement rasées. En cas de forte chaleur ou d'activité sportive, une pulvérisation supplémentaire en cours de journée vous aidera à retrouver de la fraîcheur.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eUn déodorant naturel pour homme, femme et même pour les pieds\u003c\/h2\u003e\n \u003cdiv class=\"soi-deov-grid\"\u003e\n \u003cdiv class=\"soi-deov-card\"\u003e\n \u003ch3\u003ePour toute la famille\u003c\/h3\u003e\n \u003cp\u003eSa senteur fraîche et non sucrée en fait un \u003cstrong\u003edéodorant naturel pour homme\u003c\/strong\u003e très apprécié. Il convient aussi aux femmes et se partage facilement au sein d'une famille. Le spray se glisse dans un sac de sport ou de voyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-card\"\u003e\n \u003ch3\u003ePour les pieds et les chaussures\u003c\/h3\u003e\n \u003cp\u003eVous pouvez le vaporiser sur des pieds propres et secs. En \u003cstrong\u003edéodorant naturel chaussures\u003c\/strong\u003e, certains l'utilisent aussi à l'intérieur de leurs baskets : testez d'abord sur une petite zone du tissu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eDéodorant maison naturel ou spray prêt à l'emploi ?\u003c\/h2\u003e\n \u003cp\u003eDe nombreuses recettes de \u003cstrong\u003edéodorant maison naturel\u003c\/strong\u003e reposent sur le bicarbonate de sodium. Or, celui-ci est abrasif et peut irriter les aisselles, surtout en usage quotidien. Un spray formulé et testé dermatologiquement vous évite les dosages approximatifs, les mélanges qui tournent et les mauvaises surprises sur la peau.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\n \u003csection class=\"soi-deov-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-deov-cta-box\"\u003e\n \u003cp class=\"soi-deov-cta-tag\" style=\"color: white;\"\u003eUn geste le matin, la fraîcheur toute la journée\u003c\/p\u003e\n \u003cp class=\"soi-deov-cta-text\" style=\"color: white;\"\u003eOffrez à vos journées une fraîcheur d'agrumes, sans aluminium, avec la douceur d'une formule française aux huiles essentielles. Parce que se sentir bien dans sa peau commence par de beaux gestes quotidiens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.soi-deov-fiche {\n --soi-deov-marine: #1A2D3D;\n --soi-deov-marine-dark: #0F1E2B;\n --soi-deov-marine-light: #2C4458;\n --soi-deov-pomme: #A1C544;\n --soi-deov-pomme-dark: #84A636;\n --soi-deov-pomme-light: rgba(161,197,68,0.10);\n --soi-deov-white: #FFFFFF;\n --soi-deov-off-white: #F8FAF6;\n --soi-deov-stone: #F1F3EE;\n --soi-deov-line: #E5E8E0;\n --soi-deov-primary: #E3B23C;\n --soi-deov-primary-soft: #FBF4DF;\n --soi-deov-accent: #4E6E3A;\n --soi-deov-text: #1A2D3D;\n --soi-deov-text-soft: #4A5B6B;\n --soi-deov-text-muted: #7B8693;\n --soi-deov-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-deov-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-deov-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-deov-radius: 12px;\n --soi-deov-radius-sm: 8px;\n --soi-deov-radius-pill: 999px;\n}\n\n.soi-deov-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-deov-fiche img { max-width: 100%; height: auto; }\n\n.soi-deov-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-deov-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-deov-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-deov-hero {\n position: relative;\n background: var(--soi-deov-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-deov-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-deov-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--soi-deov-pomme) 0%, var(--soi-deov-pomme) 70%, var(--soi-deov-primary) 100%);\n}\n\n.soi-deov-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\n.soi-deov-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-deov-pomme);\n border-radius: 50%;\n}\n\n.soi-deov-hero-title {\n display: block;\n color: var(--soi-deov-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(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-deov-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-deov-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-deov-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-deov-white);\n font-size: clamp(10px, 1.5vw, 11px);\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-deov-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-deov-label-accent {\n background: var(--soi-deov-pomme);\n border-color: var(--soi-deov-pomme);\n color: var(--soi-deov-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-deov-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-deov-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-deov-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-deov-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-deov-pomme);\n border-radius: 2px;\n}\n\n.soi-deov-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-deov-text-soft);\n max-width: 760px;\n padding-left: 1rem;\n border-left: 3px solid var(--soi-deov-primary);\n}\n\n.soi-deov-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-deov-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-deov-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-deov-section strong {\n color: var(--soi-deov-marine);\n font-weight: 600;\n}\n\n.soi-deov-after {\n margin-top: 1.25rem;\n}\n\n.soi-deov-section .soi-deov-note {\n margin-top: 1.25rem;\n font-size: clamp(12px, 1.6vw, 13px);\n font-style: italic;\n color: var(--soi-deov-text-muted);\n}\n\n\/* === BENEFITS === *\/\n.soi-deov-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-deov-benefit {\n background: var(--soi-deov-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-deov-radius);\n border: 1px solid var(--soi-deov-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-deov-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-deov-shadow-md);\n}\n\n.soi-deov-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-deov-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-deov-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-deov-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-deov-benefit:hover .soi-deov-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-deov-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deov-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deov-benefit p {\n font-size: 15px;\n color: var(--soi-deov-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-deov-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-deov-card {\n background: var(--soi-deov-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deov-radius);\n border-left: 3px solid var(--soi-deov-pomme);\n}\n\n.soi-deov-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deov-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deov-card p {\n font-size: 14px;\n color: var(--soi-deov-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-deov-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-deov-card-mini {\n background: var(--soi-deov-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-deov-radius-sm);\n border-top: 3px solid var(--soi-deov-primary);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-deov-card-mini-label {\n font-size: 11px;\n color: var(--soi-deov-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-deov-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deov-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-deov-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-deov-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-deov-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deov-radius);\n border: 1px solid var(--soi-deov-line);\n align-items: flex-start;\n}\n\n.soi-deov-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-deov-marine);\n color: var(--soi-deov-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-deov-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deov-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-deov-step-content p {\n font-size: 15px;\n color: var(--soi-deov-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-deov-compo {\n background: var(--soi-deov-off-white);\n border-radius: var(--soi-deov-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-deov-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-deov-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-deov-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-deov-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-deov-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-deov-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-deov-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-deov-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-deov-pomme-light);\n border-left: 4px solid var(--soi-deov-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-deov-radius) var(--soi-deov-radius) 0;\n align-items: flex-start;\n}\n\n.soi-deov-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-deov-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-deov-marine);\n margin-bottom: 4px;\n}\n\n.soi-deov-tip p {\n font-size: 15px;\n color: var(--soi-deov-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-deov-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-deov-accordion-item {\n background: var(--soi-deov-off-white);\n border-radius: var(--soi-deov-radius-sm);\n border: 1px solid var(--soi-deov-line);\n overflow: hidden;\n}\n\n.soi-deov-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-deov-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n}\n\n.soi-deov-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-deov-accordion-header::after {\n content: '+';\n flex-shrink: 0;\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-deov-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-deov-accordion-item[open] .soi-deov-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-deov-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-deov-accordion-content p {\n font-size: 14px;\n color: var(--soi-deov-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-deov-cta-box {\n background: var(--soi-deov-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-deov-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-deov-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-deov-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-deov-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-deov-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-deov-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 2.6vw, 20px);\n font-weight: 500;\n color: var(--soi-deov-white);\n line-height: 1.5;\n margin: 0;\n max-width: 640px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-deov-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-deov-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-deov-compo-value {\n text-align: left;\n }\n\n .soi-deov-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-deov-fiche * {\n animation: none !important;\n transition: none !important;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-deov-fiche {\n --soi-deov-text-soft: #2C3E50;\n --soi-deov-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61602743779658,"sku":"SC8575","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-fraicheur-tonic-packshot.webp?v=1792055576"},{"product_id":"dentifrice-propolis-menthe","title":"Dentifrice Propolis \u0026 Menthe - 75ml - Propolia","description":"\n\n\u003cdiv class=\"soi-dent-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\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 · Propolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-dent-hero-title\"\u003eLa propolis au service de votre sourire\u003c\/span\u003e\n \u003cp class=\"soi-dent-hero-subtitle\"\u003eUn dentifrice naturel à la propolis et à la menthe douce, formulé pour purifier, apaiser vos gencives et vous offrir une haleine fraîche sans compromis chimique.\u003c\/p\u003e\n \u003cdiv class=\"soi-dent-hero-labels\"\u003e\n \u003cspan class=\"soi-dent-label soi-dent-label-accent\"\u003e96 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003eSANS FLUOR\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003eADULTES \u0026amp; ENFANTS DÈS 3 ANS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi choisir un dentifrice à la propolis ? --\u003e\n \u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003ePourquoi choisir un dentifrice à la propolis ?\u003c\/h2\u003e\n \u003cp\u003eLa propolis est une résine naturelle produite par les abeilles pour protéger la ruche. Reconnue depuis des siècles pour ses propriétés purifiantes et apaisantes, elle est aujourd'hui un ingrédient phare des soins bucco-dentaires naturels. Dans ce dentifrice, elle agit directement sur les gencives sensibles et contribue à limiter l'accumulation de plaque dentaire, sans agresser l'émail ni altérer la flore buccale naturelle.\u003c\/p\u003e\n \u003cp\u003eAssociée à la menthe douce, à la cardamome et à l'anis vert, elle vous offre une sensation de fraîcheur immédiate et durable, bien éloignée du goût chimique de certains dentifrices conventionnels.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Ce que ce dentifrice propolis apporte concrètement --\u003e\n \u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eCe que ce dentifrice propolis apporte concrètement\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\u003eGencives apaisées\u003c\/h3\u003e\n \u003cp\u003eLa propolis réduit les irritations et soutient la santé de vos gencives au quotidien.\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\u003ePlaque dentaire limitée\u003c\/h3\u003e\n \u003cp\u003eUne action nettoyante efficace pour une bouche saine à chaque 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\u003eHaleine fraîche et naturelle\u003c\/h3\u003e\n \u003cp\u003eLe trio menthe, cardamome et anis vert vous garantit une haleine agréable sans artifices.\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\u003eFormule sans fluor\u003c\/h3\u003e\n \u003cp\u003eIdéal si vous souhaitez éviter le fluor, notamment dans le cadre d'un traitement homéopathique. Sa menthe douce, non agressive, convient parfaitement.\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\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eAdapté aux adultes comme aux enfants dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition du dentifrice Propolia --\u003e\n \u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eComposition du dentifrice Propolia\u003c\/h2\u003e\n \u003cp class=\"soi-dent-section-intro\"\u003eVoici les ingrédients principaux qui composent ce soin dentaire naturel :\u003c\/p\u003e\n \u003cdiv class=\"soi-dent-grid\"\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🐝 Extrait de propolis\u003c\/h3\u003e\n \u003cp\u003eActif purificateur et apaisant d'origine apicole.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🌱 Huile essentielle de menthe\u003c\/h3\u003e\n \u003cp\u003eFraîcheur et sensation de propreté durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🫚 Cardamome \u0026amp; anis vert\u003c\/h3\u003e\n \u003cp\u003ePour une haleine naturellement agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🪨 Silice naturelle\u003c\/h3\u003e\n \u003cp\u003eAbrasif doux pour un nettoyage efficace sans abîmer l'émail.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🍃 Xylitol\u003c\/h3\u003e\n \u003cp\u003eSucre végétal reconnu pour son action sur la prévention des caries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo\"\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eFluor\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eSans fluor\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eColorants\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eSans colorants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eActifs de synthèse\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eSans actifs de synthèse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eFrance (Occitanie)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser ce dentifrice à la menthe propolis ? --\u003e\n \u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eComment utiliser ce dentifrice à la menthe propolis ?\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 votre brosse à dents.\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, matin et soir, en insistant sur le bord des gencives.\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\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment. Pour un résultat optimal sur les gencives, vous pouvez compléter par un bain de bouche à la propolis.\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\u003eCe dentifrice à la menthe douce convient aussi bien aux personnes sensibles qu'à celles qui recherchent un soin sans menthe agressive : le parfum reste discret, loin des formules piquantes des dentifrices conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les engagements Propolia --\u003e\n \u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eLes engagements Propolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-dent-grid-compact\"\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-value\"\u003eFrance, Occitanie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-value\"\u003e96 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-value\"\u003eSans fluor, sans colorants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-icon\"\u003e👶\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003ePublic\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-value\"\u003eAdultes \u0026amp; enfants dès 3 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-value\"\u003eTube de 75 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Précautions --\u003e\n \u003csection class=\"soi-dent-section\"\u003e\n \u003cdiv class=\"soi-dent-accordion\"\u003e\n \u003cdetails class=\"soi-dent-accordion-item\"\u003e\n \u003csummary class=\"soi-dent-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-dent-accordion-content\"\u003e\n \u003cp\u003eCe dentifrice est un produit cosmétique. Il ne se substitue pas à un suivi dentaire régulier ni à un avis médical en cas de problème bucco-dentaire persistant.\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-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;\"\u003eOffrez à votre sourire le meilleur de la ruche : la puissance protectrice de la propolis, la fraîcheur douce de la menthe, le tout fabriqué en France. Une routine bucco-dentaire naturelle, familiale et vraiment efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-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: #9FC9C9;\n --soi-dent-primary-soft: #D4E8E8;\n --soi-dent-accent: #D4A82A;\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 * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-dent-fiche img { max-width: 100%; height: auto; }\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; left: 0; 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(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-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-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-dent-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\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: 15px;\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 margin-bottom: 1.5rem;\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\/* === GRID COMPACT === *\/\n.soi-dent-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-dent-card-mini {\n background: var(--soi-dent-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-dent-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-dent-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-dent-card-mini-label {\n font-size: 11px;\n color: var(--soi-dent-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-dent-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-dent-marine);\n}\n\n\/* === COMPOSITION (data rows) === *\/\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}\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: 16px;\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: 15px;\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: 15px;\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":"Propolia","offers":[{"title":"Default Title","offer_id":61602813968714,"sku":"AP0011","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dentifrice-propolis-menthe-75ml-propolia-packshot.webp?v=1791127498"},{"product_id":"silahair-shampooing-anti-chute","title":"Silahair - Shampooing Anti-Chute","description":"\n\n\u003cdiv class=\"soi-silh-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-silh-hero\"\u003e\n \u003cdiv class=\"soi-silh-hero-tag\"\u003e\n \u003cspan class=\"soi-silh-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire · Dr. Saubens®\n \u003c\/div\u003e\n \u003cspan class=\"soi-silh-hero-title\"\u003eSilahair®\u003c\/span\u003e\n \u003cp class=\"soi-silh-hero-subtitle\"\u003eLa formule 2-en-1 complète contre la chute et le déséquilibre du cuir chevelu. Nourrir, renforcer et revitaliser du cuir chevelu à la pointe, en un seul geste.\u003c\/p\u003e\n \u003cdiv class=\"soi-silh-hero-labels\"\u003e\n \u003cspan class=\"soi-silh-label soi-silh-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-silh-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003cspan class=\"soi-silh-label\"\u003eACTIFS NATURELS\u003c\/span\u003e\n \u003cspan class=\"soi-silh-label\"\u003e200 ML\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : INTRO --\u003e\n \u003csection class=\"soi-silh-section\"\u003e\n \u003ch2\u003eShampooing Silahair® : la formule complète contre la chute et le déséquilibre du cuir chevelu\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un shampooing capable de s'adapter à vos vrais besoins capillaires, qu'il s'agisse de \u003cstrong\u003echeveux gras\u003c\/strong\u003e, abîmés, colorés ou bouclés ? Le \u003cstrong\u003eSilahair® Shampooing de Labo Santé Silice (Dr. Saubens, France)\u003c\/strong\u003e est une formule 2-en-1 inédite, alliant les propriétés d'un shampooing nettoyant et d'une lotion capillaire active. Un seul geste, une action profonde : nourrir, renforcer et revitaliser du cuir chevelu à la pointe.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : TYPES DE CHEVEUX --\u003e\n \u003csection class=\"soi-silh-section\"\u003e\n \u003ch2\u003eUne formule pensée pour tous les types de cheveux\u003c\/h2\u003e\n \u003cp class=\"soi-silh-section-intro\"\u003eQu'ils soient gras, colorés, bouclés ou fragilisés, vos cheveux méritent un soin à la hauteur de leurs besoins. Silahair® répond à chacune de ces situations grâce à ses actifs complémentaires.\u003c\/p\u003e\n \u003cdiv class=\"soi-silh-grid\"\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e💧 Cheveux gras\u003c\/h3\u003e\n \u003cp\u003eLe Fucus (extrait d'algue) et l'Ortie piquante régulent l'excès de sébum et rééquilibrent le cuir chevelu durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🎨 Cheveux colorés\u003c\/h3\u003e\n \u003cp\u003eLes Microprotéines Hydrolysées et le Collagène Marin scellent la fibre capillaire, protègent la couleur et prolongent l'éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🌀 Cheveux bouclés\u003c\/h3\u003e\n \u003cp\u003eL'Aloe Vera et le Collagène Marin apportent élasticité, hydratation et définition sans alourdir la boucle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🛡️ Cheveux en chute ou fragilisés\u003c\/h3\u003e\n \u003cp\u003eLe Silicium Organique renforce la structure interne du cheveu tandis que les huiles essentielles de Menthe poivrée et Lavande vraie stimulent la microcirculation du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : COMPOSITION --\u003e\n \u003csection class=\"soi-silh-section\"\u003e\n \u003ch2\u003eComposition complète et rôle de chaque actif\u003c\/h2\u003e\n \u003cp class=\"soi-silh-section-intro\"\u003eChaque ingrédient de Silahair® a été sélectionné pour son efficacité prouvée, sans remplissage inutile.\u003c\/p\u003e\n \u003cdiv class=\"soi-silh-grid soi-silh-grid-compo\"\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🔬 Silicium Organique\u003c\/h3\u003e\n \u003cp\u003eMinéral structurant essentiel, il renforce la kératine et contribue à prévenir la chute capillaire dès les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🐚 Collagène Marin\u003c\/h3\u003e\n \u003cp\u003eRestitue élasticité et souplesse à la fibre, idéal pour les cheveux colorés ou décolorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🧬 Microprotéines Hydrolysées\u003c\/h3\u003e\n \u003cp\u003eS'infiltrent dans le cortex du cheveu pour réparer les dommages de l'intérieur et renforcer la résistance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🌊 Fucus (algue brune)\u003c\/h3\u003e\n \u003cp\u003eRiche en iode, vitamines et oligo-éléments, il hydrate en profondeur et régule le sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🌿 Huile Essentielle de Menthe Poivrée\u003c\/h3\u003e\n \u003cp\u003eSensation de fraîcheur immédiate et stimulation de la circulation sanguine du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e💜 Huile Essentielle de Lavande Vraie\u003c\/h3\u003e\n \u003cp\u003eApaisante, elle calme les irritations et équilibre le microbiome cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🌱 Aloe Vera\u003c\/h3\u003e\n \u003cp\u003eHydratation intense, apaisement des démangeaisons et douceur accrue, même sur les cheveux bouclés sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-card\"\u003e\n \u003ch3\u003e🌾 Ortie Piquante\u003c\/h3\u003e\n \u003cp\u003eConcentrée en silice naturelle, fer et vitamines B, elle fortifie le bulbe et contribue à réduire la chute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : UTILISATION --\u003e\n \u003csection class=\"soi-silh-section\"\u003e\n \u003ch2\u003eComment utiliser le Shampooing Silahair® ?\u003c\/h2\u003e\n \u003cp class=\"soi-silh-section-intro\"\u003ePour des résultats optimaux, voici le protocole recommandé.\u003c\/p\u003e\n \u003cdiv class=\"soi-silh-timeline\"\u003e\n \u003cdiv class=\"soi-silh-step\"\u003e\n \u003cdiv class=\"soi-silh-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-silh-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eAppliquez le shampooing sur cheveux mouillés, en quantité généreuse selon la longueur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-step\"\u003e\n \u003cdiv class=\"soi-silh-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-silh-step-content\"\u003e\n \u003ch3\u003eMasser\u003c\/h3\u003e\n \u003cp\u003eMassez en mouvements circulaires pendant \u003cstrong\u003e1 à 2 minutes\u003c\/strong\u003e pour activer la circulation et maximiser la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-step\"\u003e\n \u003cdiv class=\"soi-silh-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-silh-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez soigneusement à l'eau tiède, jamais trop chaude pour préserver la couleur et le film hydrolipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-step\"\u003e\n \u003cdiv class=\"soi-silh-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-silh-step-content\"\u003e\n \u003ch3\u003eRépéter\u003c\/h3\u003e\n \u003cp\u003eRépétez \u003cstrong\u003e2 à 3 fois par semaine\u003c\/strong\u003e pour un effet revitalisant durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-tip\"\u003e\n \u003cdiv class=\"soi-silh-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e6 à 8 semaines\u003c\/strong\u003e est généralement nécessaire pour observer des résultats visibles sur la densité et la qualité du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : INFORMATIONS PRATIQUES --\u003e\n \u003csection class=\"soi-silh-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-silh-compo\"\u003e\n \u003cdiv class=\"soi-silh-compo-row\"\u003e\n \u003cspan class=\"soi-silh-compo-label\"\u003eContenu\u003c\/span\u003e\n \u003cspan class=\"soi-silh-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-compo-row\"\u003e\n \u003cspan class=\"soi-silh-compo-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-silh-compo-value\"\u003eDr. Saubens® \/ Labo Santé Silice, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-compo-row\"\u003e\n \u003cspan class=\"soi-silh-compo-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"soi-silh-compo-value\"\u003eCheveux gras, colorés, bouclés, fragilisés, cuir chevelu sensible ou séborrhéique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-compo-row\"\u003e\n \u003cspan class=\"soi-silh-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-silh-compo-value\"\u003e2 à 3 lavages par semaine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-compo-row\"\u003e\n \u003cspan class=\"soi-silh-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-silh-compo-value\"\u003eSans paraben, actifs naturels majoritaires\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-silh-accordion\"\u003e\n \u003cdetails class=\"soi-silh-accordion-item\"\u003e\n \u003csummary class=\"soi-silh-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-silh-accordion-content\"\u003e\n \u003cp\u003eCe produit ne se substitue pas à un avis médical en cas de chute importante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-silh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-silh-cta-box\"\u003e\n \u003cp class=\"soi-silh-cta-tag\" style=\"color: white;\"\u003ePrendre soin de soi naturellement, lavage après lavage\u003c\/p\u003e\n \u003cp class=\"soi-silh-cta-text\" style=\"color: white;\"\u003ePrendre soin de vos cheveux, c'est aussi prendre soin de vous. Silahair® réunit en un seul flacon tout ce dont votre cuir chevelu a besoin : équilibre, force et vitalité retrouvée. Faites confiance à la science naturelle de Labo Santé Silice pour une chevelure transformée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-silh-marine: #1A2D3D;\n --soi-silh-marine-dark: #0F1E2B;\n --soi-silh-marine-light: #2C4458;\n --soi-silh-pomme: #A1C544;\n --soi-silh-pomme-dark: #84A636;\n --soi-silh-pomme-light: rgba(161,197,68,0.10);\n --soi-silh-white: #FFFFFF;\n --soi-silh-off-white: #F8FAF6;\n --soi-silh-stone: #F1F3EE;\n --soi-silh-line: #E5E8E0;\n --soi-silh-primary: #7EC8B5;\n --soi-silh-primary-soft: rgba(126,200,181,0.12);\n --soi-silh-accent: #94C5A8;\n --soi-silh-text: #1A2D3D;\n --soi-silh-text-soft: #4A5B6B;\n --soi-silh-text-muted: #7B8693;\n --soi-silh-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-silh-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-silh-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-silh-radius: 12px;\n --soi-silh-radius-sm: 8px;\n --soi-silh-radius-pill: 999px;\n}\n\n.soi-silh-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-silh-fiche img { max-width: 100%; height: auto; }\n\n.soi-silh-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-silh-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-silh-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-silh-hero {\n position: relative;\n background: var(--soi-silh-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-silh-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-silh-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-silh-pomme);\n}\n\n.soi-silh-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-silh-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-silh-pomme);\n border-radius: 50%;\n}\n\n.soi-silh-hero-title {\n display: block;\n color: var(--soi-silh-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-silh-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-silh-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-silh-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-silh-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-silh-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-silh-label-accent {\n background: var(--soi-silh-pomme);\n border-color: var(--soi-silh-pomme);\n color: var(--soi-silh-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-silh-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-silh-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-silh-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-silh-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-silh-pomme);\n border-radius: 2px;\n}\n\n.soi-silh-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-silh-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-silh-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-silh-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-silh-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-silh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-silh-grid-compo {\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\n}\n\n.soi-silh-card {\n background: var(--soi-silh-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-silh-radius);\n border-left: 3px solid var(--soi-silh-primary);\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-silh-card:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-silh-shadow-md);\n}\n\n.soi-silh-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-silh-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-silh-card p {\n font-size: 14px;\n color: var(--soi-silh-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-silh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-silh-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-silh-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-silh-radius);\n border: 1px solid var(--soi-silh-line);\n align-items: flex-start;\n}\n\n.soi-silh-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-silh-marine);\n color: var(--soi-silh-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-silh-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-silh-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-silh-step-content p {\n font-size: 14px;\n color: var(--soi-silh-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-silh-compo {\n background: var(--soi-silh-off-white);\n border-radius: var(--soi-silh-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-silh-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-silh-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-silh-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-silh-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-silh-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-silh-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-silh-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-silh-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-silh-pomme-light);\n border-left: 4px solid var(--soi-silh-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-silh-radius) var(--soi-silh-radius) 0;\n align-items: flex-start;\n}\n\n.soi-silh-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-silh-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-silh-marine);\n margin-bottom: 4px;\n}\n\n.soi-silh-tip p {\n font-size: 14px;\n color: var(--soi-silh-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-silh-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-silh-accordion-item {\n background: var(--soi-silh-off-white);\n border-radius: var(--soi-silh-radius-sm);\n border: 1px solid var(--soi-silh-line);\n overflow: hidden;\n}\n\n.soi-silh-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-silh-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-silh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-silh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-silh-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-silh-accordion-item[open] .soi-silh-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-silh-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-silh-accordion-content p {\n font-size: 14px;\n color: var(--soi-silh-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-silh-cta-box {\n background: var(--soi-silh-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-silh-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-silh-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-silh-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-silh-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-silh-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-silh-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-silh-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-silh-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-silh-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-silh-compo-value {\n text-align: left;\n }\n\n .soi-silh-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-silh-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-silh-grid-compo {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-silh-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-silh-fiche {\n --soi-silh-text-soft: #2C3E50;\n --soi-silh-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Labo Santé Silice","offers":[{"title":"Default Title","offer_id":61602989506890,"sku":"LS0160","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/Silahair-Shampooing-Anti-Chute_11zon.webp?v=1781261242"},{"product_id":"silagencyl-en-flacon","title":"SILAGENCYL en flacon","description":"\u003cdiv class=\"soi-sila-fiche\"\u003e\n\n \u003csection class=\"soi-sila-hero\"\u003e\n \u003cdiv class=\"soi-sila-hero-tag\"\u003e\n \u003cspan class=\"soi-sila-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène bucco-dentaire · Labo Santé Silice\n \u003c\/div\u003e\n \u003cspan class=\"soi-sila-hero-title\"\u003eSilagencyl®\u003c\/span\u003e\n \u003cp class=\"soi-sila-hero-subtitle\"\u003eBain de bouche au silicium organique pour la tonicité des gencives, l'hydratation des muqueuses et une hygiène bucco-dentaire naturelle au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-sila-hero-labels\"\u003e\n \u003cspan class=\"soi-sila-label soi-sila-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-sila-label\"\u003eSANS CHLORHEXIDINE\u003c\/span\u003e\n \u003cspan class=\"soi-sila-label\"\u003eSANS ALCOOL IRRITANT\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sila-section\"\u003e\n \u003ch2\u003ePourquoi choisir Silagencyl® plutôt qu'un bain de bouche antiseptique classique ?\u003c\/h2\u003e\n \u003cp\u003eLes bains de bouche antiseptiques à la chlorhexidine (Paroex, Eludril, etc.) sont efficaces contre les bactéries, mais leur usage prolongé peut déséquilibrer la flore buccale et irriter les muqueuses. Silagencyl® adopte une approche différente : plutôt que de combattre l'environnement buccal, il le \u003cstrong\u003enourrit et le renforce\u003c\/strong\u003e grâce à trois actifs complémentaires soigneusement sélectionnés. Une alternative naturelle et ciblée pour celles et ceux qui recherchent un soin quotidien respectueux de leur bouche.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sila-section\"\u003e\n \u003ch2\u003eLes 3 actifs clés de Silagencyl®\u003c\/h2\u003e\n \u003cdiv class=\"soi-sila-benefits\"\u003e\n \u003cdiv class=\"soi-sila-benefit\"\u003e\n \u003cdiv class=\"soi-sila-benefit-icon\"\u003e\u003cspan\u003e🧬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSilicium organique\u003c\/h3\u003e\n \u003cp\u003eActif phare de la formule, il stimule la synthèse du collagène et favorise la tonicité ainsi que la souplesse des tissus gingivaux. Particulièrement adapté en cas de gencives fragilisées ou qui se déchaussent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-benefit\"\u003e\n \u003cdiv class=\"soi-sila-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile essentielle de girofle\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes et tonifiantes, elle procure un confort buccal immédiat et renforce la résistance des gencives aux agressions du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-benefit\"\u003e\n \u003cdiv class=\"soi-sila-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAcide hyaluronique\u003c\/h3\u003e\n \u003cp\u003eIl hydrate les muqueuses en profondeur, maintient la cohésion des tissus et favorise une meilleure cicatrisation en cas de micro-lésions gingivales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sila-section\"\u003e\n \u003ch2\u003eComment utiliser Silagencyl® efficacement ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-sila-timeline\"\u003e\n \u003cdiv class=\"soi-sila-step\"\u003e\n \u003cdiv class=\"soi-sila-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-sila-step-content\"\u003e\n \u003ch3\u003eBrossage habituel\u003c\/h3\u003e\n \u003cp\u003eBrossez et rincez vos dents normalement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-step\"\u003e\n \u003cdiv class=\"soi-sila-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-sila-step-content\"\u003e\n \u003ch3\u003eDosage\u003c\/h3\u003e\n \u003cp\u003ePrélevez \u003cstrong\u003e20 ml de Silagencyl®\u003c\/strong\u003e à l'aide du bouchon doseur fourni.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-step\"\u003e\n \u003cdiv class=\"soi-sila-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-sila-step-content\"\u003e\n \u003ch3\u003eBain de bouche\u003c\/h3\u003e\n \u003cp\u003eFaites circuler le liquide dans votre bouche pendant \u003cstrong\u003e2 à 3 minutes\u003c\/strong\u003e, en veillant à bien entourer les gencives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-step\"\u003e\n \u003cdiv class=\"soi-sila-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-sila-step-content\"\u003e\n \u003ch3\u003eFréquence\u003c\/h3\u003e\n \u003cp\u003eRépétez \u003cstrong\u003edeux fois par jour\u003c\/strong\u003e, matin et soir, pour des résultats optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-tip\"\u003e\n \u003cdiv class=\"soi-sila-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eVeillez à bien faire circuler le liquide autour des gencives pour permettre aux actifs d'agir efficacement sur les zones sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sila-section\"\u003e\n \u003ch2\u003eComposition de Silagencyl®\u003c\/h2\u003e\n \u003cdiv class=\"soi-sila-compo\"\u003e\n \u003cdiv class=\"soi-sila-compo-row\"\u003e\n \u003cspan class=\"soi-sila-compo-label\"\u003eListe INCI\u003c\/span\u003e\n \u003cspan class=\"soi-sila-compo-value\"\u003eAqua, Glycerin, Sorbitol, Silicium organique (acide orthosilicique stabilisé), Acide hyaluronique, Huile essentielle d'Eugenia caryophyllus (girofle), Sodium Benzoate, Potassium Sorbate, Citric Acid, Aroma\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-compo-row\"\u003e\n \u003cspan class=\"soi-sila-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-sila-compo-value\"\u003eFrance, Labo Santé Silice (Dr. Saubens)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-compo-row\"\u003e\n \u003cspan class=\"soi-sila-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-sila-compo-value\"\u003eChlorhexidine, alcool irritant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sila-section\"\u003e\n \u003ch2\u003ePour qui est recommandé Silagencyl® ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-sila-grid\"\u003e\n \u003cdiv class=\"soi-sila-card\"\u003e\n \u003ch3\u003e🩸 Gencives sensibles ou qui saignent\u003c\/h3\u003e\n \u003cp\u003eVous souffrez de gencives gonflées, sensibles ou sujettes aux saignements ? Silagencyl® contribue à renforcer la tonicité des tissus gingivaux grâce au silicium organique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-card\"\u003e\n \u003ch3\u003e🦷 Déchaussement dentaire\u003c\/h3\u003e\n \u003cp\u003eSi vous êtes concerné(e) par le déchaussement dentaire, ce bain de bouche favorise la souplesse et la résistance des gencives au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-card\"\u003e\n \u003ch3\u003e🛡️ Hygiène sans antiseptique agressif\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez renforcer votre hygiène bucco-dentaire sans recourir à un bain de bouche antiseptique classique ? Silagencyl® offre une alternative naturelle et respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-card\"\u003e\n \u003ch3\u003e💦 Bouches sèches et muqueuses fragilisées\u003c\/h3\u003e\n \u003cp\u003eL'acide hyaluronique contenu dans la formule hydrate les muqueuses en profondeur, apportant confort et soulagement aux bouches sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sila-accordion\"\u003e\n \u003cdetails class=\"soi-sila-accordion-item\"\u003e\n \u003csummary class=\"soi-sila-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-sila-accordion-content\"\u003e\n \u003cp\u003eCe produit ne remplace pas un traitement médical ou un suivi chez votre dentiste. En cas de problème gingival persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sila-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-sila-cta-box\"\u003e\n \u003cp class=\"soi-sila-cta-tag\" style=\"color: white;\"\u003ePrenez soin de vos gencives comme vous prenez soin de votre peau\u003c\/p\u003e\n \u003cp class=\"soi-sila-cta-text\" style=\"color: white;\"\u003eSilagencyl® allie silicium organique, acide hyaluronique et huile essentielle de girofle dans un bain de bouche doux, complet et fabriqué en France. Deux minutes matin et soir suffisent pour retrouver des gencives plus fermes, une bouche confortable et un sourire qui respire la santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-sila-marine: #1A2D3D;\n --soi-sila-marine-dark: #0F1E2B;\n --soi-sila-marine-light: #2C4458;\n --soi-sila-pomme: #A1C544;\n --soi-sila-pomme-dark: #84A636;\n --soi-sila-pomme-light: rgba(161,197,68,0.10);\n --soi-sila-white: #FFFFFF;\n --soi-sila-off-white: #F8FAF6;\n --soi-sila-stone: #F1F3EE;\n --soi-sila-line: #E5E8E0;\n --soi-sila-primary: #2A6496;\n --soi-sila-primary-soft: #E8F1F8;\n --soi-sila-accent: #94C5A8;\n --soi-sila-text: #1A2D3D;\n --soi-sila-text-soft: #4A5B6B;\n --soi-sila-text-muted: #7B8693;\n --soi-sila-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-sila-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-sila-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-sila-radius: 12px;\n --soi-sila-radius-sm: 8px;\n --soi-sila-radius-pill: 999px;\n}\n\n.soi-sila-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sila-fiche img { max-width: 100%; height: auto; }\n\n.soi-sila-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-sila-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-sila-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-sila-hero {\n position: relative;\n background: var(--soi-sila-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-sila-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-sila-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-sila-pomme);\n}\n\n.soi-sila-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-sila-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-sila-pomme);\n border-radius: 50%;\n}\n\n.soi-sila-hero-title {\n display: block;\n color: var(--soi-sila-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-sila-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-sila-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-sila-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-sila-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-sila-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-sila-label-accent {\n background: var(--soi-sila-pomme);\n border-color: var(--soi-sila-pomme);\n color: var(--soi-sila-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-sila-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sila-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-sila-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-sila-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-sila-pomme);\n border-radius: 2px;\n}\n\n.soi-sila-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-sila-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-sila-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-sila-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-sila-benefit {\n background: var(--soi-sila-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-sila-radius);\n border: 1px solid var(--soi-sila-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sila-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-sila-shadow-md);\n}\n\n.soi-sila-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-sila-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-sila-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-sila-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-sila-benefit:hover .soi-sila-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-sila-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sila-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sila-benefit p {\n font-size: 13px;\n color: var(--soi-sila-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-sila-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-sila-card {\n background: var(--soi-sila-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sila-radius);\n border-left: 3px solid var(--soi-sila-pomme);\n}\n\n.soi-sila-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sila-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sila-card p {\n font-size: 14px;\n color: var(--soi-sila-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-sila-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-sila-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-sila-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sila-radius);\n border: 1px solid var(--soi-sila-line);\n align-items: flex-start;\n}\n\n.soi-sila-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-sila-marine);\n color: var(--soi-sila-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-sila-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sila-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-sila-step-content p {\n font-size: 14px;\n color: var(--soi-sila-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-sila-compo {\n background: var(--soi-sila-off-white);\n border-radius: var(--soi-sila-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-sila-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-sila-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-sila-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-sila-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-sila-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-sila-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-sila-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-sila-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-sila-pomme-light);\n border-left: 4px solid var(--soi-sila-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-sila-radius) var(--soi-sila-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-sila-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-sila-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-sila-marine);\n margin-bottom: 4px;\n}\n\n.soi-sila-tip p {\n font-size: 14px;\n color: var(--soi-sila-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-sila-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-sila-accordion-item {\n background: var(--soi-sila-off-white);\n border-radius: var(--soi-sila-radius-sm);\n border: 1px solid var(--soi-sila-line);\n overflow: hidden;\n}\n\n.soi-sila-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-sila-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-sila-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-sila-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-sila-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-sila-accordion-item[open] .soi-sila-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-sila-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-sila-accordion-content p {\n font-size: 14px;\n color: var(--soi-sila-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-sila-cta-box {\n background: var(--soi-sila-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-sila-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-sila-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-sila-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-sila-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-sila-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-sila-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 500;\n color: var(--soi-sila-white);\n line-height: 1.5;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-sila-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-sila-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-sila-compo-value {\n text-align: left;\n }\n\n .soi-sila-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-sila-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-sila-fiche {\n --soi-sila-text-soft: #2C3E50;\n --soi-sila-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Labo Santé Silice","offers":[{"title":"Default Title","offer_id":61602994323786,"sku":"LS0230","price":15.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/silagencyl-en-flacon-packshot.webp?v=1779435496"},{"product_id":"deovert-hesperid-deodorant","title":"Déodorant fraîcheur Hespérid - 100 ml - Aromaspray","description":"\u003cdiv class=\"soi-hesp-fiche\"\u003e\n\n \u003csection class=\"soi-hesp-hero\"\u003e\n \u003cdiv class=\"soi-hesp-hero-tag\"\u003e\n \u003cspan class=\"soi-hesp-tag-dot\"\u003e\u003c\/span\u003e\n Déodorant corporel · Deovert, Saint Côme cosmétiques\n \u003c\/div\u003e\n \u003cspan class=\"soi-hesp-hero-title\"\u003eLa fraîcheur des agrumes, sans aluminium\u003c\/span\u003e\n \u003cp class=\"soi-hesp-hero-subtitle\"\u003eUn spray de 100 ml aux huiles essentielles pures et naturelles, qui agit sur les odeurs sans bloquer la transpiration de votre peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-hesp-hero-labels\"\u003e\n \u003cspan class=\"soi-hesp-label soi-hesp-label-accent\"\u003eSANS ALUMINIUM\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-label\"\u003eSANS PARABENS\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-label\"\u003eHUILES ESSENTIELLES PURES ET NATURELLES\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-label\"\u003eTESTÉ DERMATOLOGIQUEMENT\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-label\"\u003eFABRIQUÉ EN BOURGOGNE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-hesp-section\"\u003e\n \u003ch2\u003eUn déodorant naturel qui laisse votre peau respirer\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un \u003cstrong\u003edéodorant naturel efficace\u003c\/strong\u003e, sans aluminium, qui ne bloque pas la transpiration ? Le \u003cstrong\u003edéodorant fraîcheur Hespérid'\u003c\/strong\u003e de Deovert (Saint Côme cosmétiques) est un spray de 100 ml parfumé aux agrumes, formulé avec des huiles essentielles pures et naturelles. Il agit sur les odeurs au moment où elles se forment, sans empêcher la transpiration, qui reste un mécanisme normal du corps.\u003c\/p\u003e\n \u003cp\u003eSa senteur fraîche de citron, d'orange et de pamplemousse, relevée par des notes résineuses, convient aussi bien comme \u003cstrong\u003edéodorant naturel pour homme\u003c\/strong\u003e que pour les femmes qui apprécient les parfums vifs et propres.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-hesp-section\"\u003e\n \u003ch2\u003eCe qui le distingue d'un déodorant classique\u003c\/h2\u003e\n \u003cdiv class=\"soi-hesp-benefits\"\u003e\n \u003cdiv class=\"soi-hesp-benefit\"\u003e\n \u003cdiv class=\"soi-hesp-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans aluminium et sans parabens\u003c\/h3\u003e\n \u003cp\u003eIl ne cherche pas à obstruer les pores de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-benefit\"\u003e\n \u003cdiv class=\"soi-hesp-benefit-icon\"\u003e\u003cspan\u003e💨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormat spray\u003c\/h3\u003e\n \u003cp\u003ePas de contact direct, pas de résidus blancs, une application rapide même après le sport.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-benefit\"\u003e\n \u003cdiv class=\"soi-hesp-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉconomique\u003c\/h3\u003e\n \u003cp\u003eUn flacon de 100 ml offre environ 500 pulvérisations, soit plusieurs mois d'utilisation selon votre rythme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-benefit\"\u003e\n \u003cdiv class=\"soi-hesp-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTesté dermatologiquement\u003c\/h3\u003e\n \u003cp\u003eUne formule testée dermatologiquement et fabriquée en Bourgogne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-hesp-after\"\u003eSi vous hésitez à passer au \u003cstrong\u003edéodorant homme naturel\u003c\/strong\u003e, sachez que l'adaptation de la peau prend souvent quelques jours. C'est normal : une transpiration non bloquée se ressent différemment, mais la fraîcheur des huiles essentielles vous accompagne pendant cette transition.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-hesp-section\"\u003e\n \u003ch2\u003eComposition : 8 huiles essentielles aux rôles complémentaires\u003c\/h2\u003e\n \u003cp class=\"soi-hesp-section-intro\"\u003eLa formule repose sur des huiles essentielles reconnues pour leur parfum et leur usage traditionnel en soin d'hygiène.\u003c\/p\u003e\n \u003cdiv class=\"soi-hesp-compo\"\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003eCèdre\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eNote boisée, utilisée traditionnellement pour assainir et neutraliser les odeurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003eCitron\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eFraîcheur acidulée et senteur nette\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003eLavandin\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eNote aromatique apaisante pour la peau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003eLemongrass\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eTouche citronnée et tonique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003eOrange\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eSenteur douce et enveloppante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003ePamplemousse\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eEffet tonique et pétillant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003ePin\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eNote résineuse purifiante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003eRomarin\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eParfum camphré et stimulant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-hesp-after\"\u003e\u003cstrong\u003eDosage :\u003c\/strong\u003e environ 500 pulvérisations par flacon de 100 ml. Les pourcentages exacts par huile essentielle ne sont pas communiqués par la marque. Les AJR\/VNR ne concernent pas ce produit, qui est un cosmétique et non un complément alimentaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-hesp-section\"\u003e\n \u003ch2\u003eComment l'utiliser au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-hesp-timeline\"\u003e\n \u003cdiv class=\"soi-hesp-step\"\u003e\n \u003cdiv class=\"soi-hesp-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003e2 à 3 pulvérisations par aisselle, sur une peau propre et bien sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-step\"\u003e\n \u003cdiv class=\"soi-hesp-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-step-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003ePatientez quelques secondes avant de vous habiller.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-step\"\u003e\n \u003cdiv class=\"soi-hesp-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-step-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003eDans la journée si nécessaire, par exemple après une séance de sport ou en cas de forte chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-tip\"\u003e\n \u003cdiv class=\"soi-hesp-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eAprès le rasage ou l'épilation, attendez que la peau soit calmée avant d'appliquer : les huiles essentielles peuvent être piquantes sur une peau fraîchement irritée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003csection class=\"soi-hesp-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-hesp-accordion\"\u003e\n \u003cdetails class=\"soi-hesp-accordion-item\"\u003e\n \u003csummary class=\"soi-hesp-accordion-header\"\u003eContact et application\u003c\/summary\u003e\n \u003cdiv class=\"soi-hesp-accordion-content\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux et les muqueuses. Ne l'appliquez pas sur une peau lésée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-hesp-accordion-item\"\u003e\n \u003csummary class=\"soi-hesp-accordion-header\"\u003eExposition au soleil\u003c\/summary\u003e\n \u003cdiv class=\"soi-hesp-accordion-content\"\u003e\n \u003cp\u003eLes agrumes peuvent être photosensibilisants : évitez l'exposition solaire directe sur la zone traitée juste après application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-hesp-accordion-item\"\u003e\n \u003csummary class=\"soi-hesp-accordion-header\"\u003eGrossesse, allaitement et allergies\u003c\/summary\u003e\n \u003cdiv class=\"soi-hesp-accordion-content\"\u003e\n \u003cp\u003eDemandez conseil à un professionnel de santé en cas de grossesse, d'allaitement ou d'allergie connue aux huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-hesp-accordion-item\"\u003e\n \u003csummary class=\"soi-hesp-accordion-header\"\u003eEnfants\u003c\/summary\u003e\n \u003cdiv class=\"soi-hesp-accordion-content\"\u003e\n \u003cp\u003eTenez le flacon hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-hesp-after\"\u003eCe déodorant est un produit cosmétique d'hygiène : il ne remplace pas un traitement médical. En cas de transpiration excessive persistante, parlez-en à votre médecin.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-hesp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-hesp-cta-box\"\u003e\n \u003cp class=\"soi-hesp-cta-tag\" style=\"color: white;\"\u003eUne fraîcheur vive et sincère, au quotidien\u003c\/p\u003e\n \u003cp class=\"soi-hesp-cta-text\" style=\"color: white;\"\u003eAvec Hespérid', les agrumes et les huiles essentielles vous accompagnent sans aluminium, dans le respect de votre peau. Un geste simple, une senteur lumineuse, un flacon fabriqué en Bourgogne qui dure longtemps : sentez-vous bien, naturellement, du matin jusqu'au soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.soi-hesp-fiche {\n \/* === Couleurs Soinat (fixes) === *\/\n --soi-hesp-marine: #1A2D3D;\n --soi-hesp-marine-dark: #0F1E2B;\n --soi-hesp-marine-light: #2C4458;\n --soi-hesp-pomme: #A1C544;\n --soi-hesp-pomme-dark: #84A636;\n --soi-hesp-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-hesp-white: #FFFFFF;\n --soi-hesp-off-white: #F8FAF6;\n --soi-hesp-stone: #F1F3EE;\n --soi-hesp-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (agrumes du packaging) === *\/\n --soi-hesp-primary: #E08A3C;\n --soi-hesp-primary-soft: #FBEEDF;\n --soi-hesp-accent: #E8C53A;\n\n \/* === Textes === *\/\n --soi-hesp-text: #1A2D3D;\n --soi-hesp-text-soft: #4A5B6B;\n --soi-hesp-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-hesp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-hesp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-hesp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-hesp-radius: 12px;\n --soi-hesp-radius-sm: 8px;\n --soi-hesp-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-hesp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-hesp-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-hesp-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-hesp-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-hesp-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-hesp-hero {\n position: relative;\n background: linear-gradient(160deg, var(--soi-hesp-marine) 0%, var(--soi-hesp-marine) 70%, var(--soi-hesp-marine-light) 100%);\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-hesp-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-hesp-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-hesp-pomme);\n}\n\n.soi-hesp-hero::after {\n content: '';\n position: absolute;\n bottom: 0; left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: var(--soi-hesp-primary);\n border-radius: 3px 3px 0 0;\n}\n\n.soi-hesp-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-hesp-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-hesp-pomme);\n border-radius: 50%;\n}\n\n.soi-hesp-hero-title {\n display: block;\n color: var(--soi-hesp-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-hesp-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-hesp-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-hesp-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-hesp-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-hesp-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-hesp-label-accent {\n background: var(--soi-hesp-pomme);\n border-color: var(--soi-hesp-pomme);\n color: var(--soi-hesp-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-hesp-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-hesp-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-hesp-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-hesp-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-hesp-pomme);\n border-radius: 2px;\n}\n\n.soi-hesp-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-hesp-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-hesp-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-hesp-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-hesp-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-hesp-section strong {\n color: var(--soi-hesp-marine);\n font-weight: 600;\n}\n\n.soi-hesp-section .soi-hesp-after {\n margin-top: 1.5rem;\n color: var(--soi-hesp-text-soft);\n}\n\n\/* === BENEFITS === *\/\n.soi-hesp-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-hesp-benefit {\n background: var(--soi-hesp-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-hesp-radius);\n border: 1px solid var(--soi-hesp-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-hesp-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-hesp-shadow-md);\n}\n\n.soi-hesp-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-hesp-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-hesp-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-hesp-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-hesp-benefit:hover .soi-hesp-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-hesp-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-hesp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-hesp-benefit p {\n font-size: 15px;\n color: var(--soi-hesp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-hesp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-hesp-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-hesp-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-hesp-radius);\n border: 1px solid var(--soi-hesp-line);\n align-items: flex-start;\n}\n\n.soi-hesp-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-hesp-marine);\n color: var(--soi-hesp-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 box-shadow: 0 0 0 3px var(--soi-hesp-primary-soft);\n}\n\n.soi-hesp-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-hesp-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-hesp-step-content p {\n font-size: 15px;\n color: var(--soi-hesp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-hesp-compo {\n background: var(--soi-hesp-off-white);\n border-radius: var(--soi-hesp-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n border-top: 3px solid var(--soi-hesp-primary);\n}\n\n.soi-hesp-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-hesp-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-hesp-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-hesp-compo-label {\n font-size: 12px;\n font-weight: 600;\n color: var(--soi-hesp-marine);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-hesp-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 400;\n color: var(--soi-hesp-text-soft);\n text-align: right;\n max-width: 70%;\n}\n\n\/* === TIP === *\/\n.soi-hesp-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-hesp-pomme-light);\n border-left: 4px solid var(--soi-hesp-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-hesp-radius) var(--soi-hesp-radius) 0;\n align-items: flex-start;\n}\n\n.soi-hesp-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-hesp-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-hesp-marine);\n margin-bottom: 4px;\n}\n\n.soi-hesp-tip p {\n font-size: 15px;\n color: var(--soi-hesp-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-hesp-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-hesp-accordion-item {\n background: var(--soi-hesp-off-white);\n border-radius: var(--soi-hesp-radius-sm);\n border: 1px solid var(--soi-hesp-line);\n overflow: hidden;\n}\n\n.soi-hesp-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-hesp-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 gap: 1rem;\n}\n\n.soi-hesp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-hesp-accordion-header::after {\n content: '+';\n flex-shrink: 0;\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-hesp-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-hesp-accordion-item[open] .soi-hesp-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-hesp-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-hesp-accordion-content p {\n font-size: 14px;\n color: var(--soi-hesp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-hesp-cta-box {\n background: var(--soi-hesp-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-hesp-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-hesp-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-hesp-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-hesp-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-hesp-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-hesp-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 500;\n color: var(--soi-hesp-white);\n line-height: 1.5;\n margin: 0;\n max-width: 640px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-hesp-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-hesp-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-hesp-compo-value {\n text-align: left;\n max-width: 100%;\n }\n\n .soi-hesp-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-hesp-fiche * {\n animation: none !important;\n transition: none !important;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-hesp-fiche {\n --soi-hesp-text-soft: #2C3E50;\n --soi-hesp-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603036397898,"sku":"SC8590","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-fraicheur-hesperid-100-ml-aromaspray-packshot.webp?v=1792056124"},{"product_id":"deovert-oceanic","title":"Déodorant Fraîcheur Océanic","description":"\u003cdiv class=\"soi-ocea-fiche\"\u003e\n\n \u003csection class=\"soi-ocea-hero\"\u003e\n \u003cdiv class=\"soi-ocea-hero-tag\"\u003e\n \u003cspan class=\"soi-ocea-tag-dot\"\u003e\u003c\/span\u003e\n Déodorant corporel · Saint Côme\n \u003c\/div\u003e\n \u003cspan class=\"soi-ocea-hero-title\"\u003eUne bouffée d'air marin, sans aluminium\u003c\/span\u003e\n \u003cp class=\"soi-ocea-hero-subtitle\"\u003eUn spray corporel de la gamme Deovert, formulé avec huit huiles essentielles pures et naturelles. Il agit sur les odeurs et laisse votre peau respirer.\u003c\/p\u003e\n \u003cdiv class=\"soi-ocea-hero-labels\"\u003e\n \u003cspan class=\"soi-ocea-label soi-ocea-label-accent\"\u003eSANS ALUMINIUM\u003c\/span\u003e\n \u003cspan class=\"soi-ocea-label\"\u003eSANS PARABENS\u003c\/span\u003e\n \u003cspan class=\"soi-ocea-label\"\u003eHUILES ESSENTIELLES PURES ET NATURELLES\u003c\/span\u003e\n \u003cspan class=\"soi-ocea-label\"\u003eFABRIQUÉ EN BOURGOGNE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ocea-section\"\u003e\n \u003cp class=\"soi-ocea-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel efficace\u003c\/strong\u003e qui ne bloque pas la transpiration ? Le \u003cstrong\u003edéodorant Fraîcheur Océanic\u003c\/strong\u003e de Saint Côme (gamme Deovert) est un spray corporel \u003cstrong\u003esans aluminium et sans parabens\u003c\/strong\u003e, formulé avec des huiles essentielles pures et naturelles. Son parfum évoque l'air marin : citrus, notes résineuses et touche herbacée. Fabriqué en Bourgogne, il trouve facilement sa place dans votre quotidien, au bureau comme à la salle de sport.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ocea-section\"\u003e\n \u003ch2\u003eDéodorant ou anti-transpirant : quelle différence ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-ocea-grid\"\u003e\n \u003cdiv class=\"soi-ocea-card soi-ocea-card-alt\"\u003e\n \u003ch3\u003e🧪 L'anti-transpirant\u003c\/h3\u003e\n \u003cp\u003eLe plus souvent, il utilise des sels d'aluminium pour limiter la sudation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-card\"\u003e\n \u003ch3\u003e🌿 Le déodorant\u003c\/h3\u003e\n \u003cp\u003eIl agit sur les \u003cstrong\u003eodeurs\u003c\/strong\u003e et laisse la sueur s'évacuer. C'est le principe d'Océanic.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-ocea-after\"\u003eLa transpiration est un mécanisme naturel de régulation de la température. Ce sont les bactéries présentes sur la peau qui, en la décomposant, créent l'odeur. Les huiles essentielles de la formule visent à limiter ce phénomène, sans empêcher votre corps de faire son travail.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ocea-section\"\u003e\n \u003ch2\u003eLes huiles essentielles de la formule\u003c\/h2\u003e\n \u003cp class=\"soi-ocea-section-intro\"\u003eLa composition repose sur \u003cstrong\u003e8 huiles essentielles\u003c\/strong\u003e, chacune avec son rôle dans la senteur et le confort d'usage.\u003c\/p\u003e\n \u003cdiv class=\"soi-ocea-notes\"\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003eCèdre\u003c\/h3\u003e\n \u003cp\u003eUne base boisée, traditionnellement utilisée en parfumerie pour ses notes assainissantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003eCitron\u003c\/h3\u003e\n \u003cp\u003eL'éclat vif et pétillant du parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003eOrange\u003c\/h3\u003e\n \u003cp\u003eUne facette douce et solaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003ePamplemousse\u003c\/h3\u003e\n \u003cp\u003eUne fraîcheur tonique, légèrement amère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003eLemongrass\u003c\/h3\u003e\n \u003cp\u003eUne note herbacée et citronnée très rafraîchissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003eLavandin\u003c\/h3\u003e\n \u003cp\u003eUne touche aromatique, apaisante à l'odorat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003ePin\u003c\/h3\u003e\n \u003cp\u003eLe côté forêt et air marin, purifiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003eRomarin\u003c\/h3\u003e\n \u003cp\u003eUne note camphrée et dynamisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-tip\"\u003e\n \u003cdiv class=\"soi-ocea-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLe dosage exact par pulvérisation n'étant pas communiqué, nous vous invitons à consulter la liste INCI complète figurant sur le flacon, notamment pour repérer les allergènes naturels des huiles essentielles (limonène, linalol...).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ocea-section\"\u003e\n \u003ch2\u003eComment l'utiliser au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-ocea-timeline\"\u003e\n \u003cdiv class=\"soi-ocea-step\"\u003e\n \u003cdiv class=\"soi-ocea-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-step-content\"\u003e\n \u003ch3\u003ePréparez la peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur des aisselles propres et bien sèches, après la douche par exemple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-step\"\u003e\n \u003cdiv class=\"soi-ocea-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-step-content\"\u003e\n \u003ch3\u003eVaporisez à environ 15 cm\u003c\/h3\u003e\n \u003cp\u003eUne ou deux pulvérisations par aisselle suffisent généralement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-step\"\u003e\n \u003cdiv class=\"soi-ocea-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-step-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003eQuelques secondes suffisent avant de vous habiller. Renouvelez dans la journée si vous en ressentez le besoin (sport, forte chaleur).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-compo\"\u003e\n \u003cdiv class=\"soi-ocea-compo-row\"\u003e\n \u003cspan class=\"soi-ocea-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-ocea-compo-value\"\u003eFlacon de 100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-compo-row\"\u003e\n \u003cspan class=\"soi-ocea-compo-label\"\u003eNombre de pulvérisations\u003c\/span\u003e\n \u003cspan class=\"soi-ocea-compo-value\"\u003eEnviron 500 par flacon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-compo-row\"\u003e\n \u003cspan class=\"soi-ocea-compo-label\"\u003eForme\u003c\/span\u003e\n \u003cspan class=\"soi-ocea-compo-value\"\u003eSpray corporel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-ocea-after\"\u003eIl dure longtemps : un usage qui reste économique au fil des semaines.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ocea-section\"\u003e\n \u003ch2\u003eUn déodorant naturel pour homme comme pour femme\u003c\/h2\u003e\n \u003cp\u003eCette senteur fraîche et unisexe plaît aussi bien en \u003cstrong\u003edéodorant naturel pour homme\u003c\/strong\u003e qu'en déodorant féminin. Si vous cherchiez un \u003cstrong\u003edéodorant homme naturel\u003c\/strong\u003e sans parfum lourd ni sillage sucré, son côté marin et boisé est un bon compromis. Le format spray, léger et non gras, ne laisse ni traces blanches ni film collant sur les vêtements.\u003c\/p\u003e\n \u003cdiv class=\"soi-ocea-tip\"\u003e\n \u003cdiv class=\"soi-ocea-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat pour la transition\u003c\/strong\u003e\n \u003cp\u003eSi vous quittez un anti-transpirant, votre corps peut mettre quelques semaines à retrouver son équilibre. Soyez patient, et lavez vos aisselles quotidiennement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ocea-section\"\u003e\n \u003ch2\u003eDéodorant maison naturel ou produit formulé : que choisir ?\u003c\/h2\u003e\n \u003cp\u003eBeaucoup de personnes testent d'abord un \u003cstrong\u003edéodorant maison naturel\u003c\/strong\u003e à base de bicarbonate de soude. Il absorbe l'humidité, mais il est abrasif et son pH alcalin peut provoquer rougeurs et picotements sur les peaux sensibles ou après rasage. Un \u003cstrong\u003edéodorant naturel maison\u003c\/strong\u003e demande aussi des dosages précis et une conservation rigoureuse.\u003c\/p\u003e\n \u003cp\u003eUn produit comme Océanic vous apporte une formule déjà équilibrée, un spray hygiénique et une texture sans poudre. Ces avantages en font un \u003cstrong\u003edéodorant efficace naturel\u003c\/strong\u003e pratique, si vous n'avez pas le temps de bricoler.\u003c\/p\u003e\n \u003cp\u003eÀ noter : Océanic est conçu pour le corps. Pour un \u003cstrong\u003edéodorant naturel pour chaussures\u003c\/strong\u003e, choisissez plutôt un produit dédié, et pensez à bien sécher vos pieds et à aérer vos paires.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ocea-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-ocea-accordion\"\u003e\n \u003cdetails class=\"soi-ocea-accordion-item\"\u003e\n \u003csummary class=\"soi-ocea-accordion-header\"\u003eAvant la première utilisation\u003c\/summary\u003e\n \u003cdiv class=\"soi-ocea-accordion-content\"\u003e\n \u003cp\u003eFaites un test dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-ocea-accordion-item\"\u003e\n \u003csummary class=\"soi-ocea-accordion-header\"\u003eZones et peaux à éviter\u003c\/summary\u003e\n \u003cdiv class=\"soi-ocea-accordion-content\"\u003e\n \u003cp\u003eNe l'appliquez pas sur une peau irritée, lésée ou fraîchement rasée. Évitez les yeux et les muqueuses. Tenez hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-ocea-accordion-item\"\u003e\n \u003csummary class=\"soi-ocea-accordion-header\"\u003ePublics particuliers\u003c\/summary\u003e\n \u003cdiv class=\"soi-ocea-accordion-content\"\u003e\n \u003cp\u003eFemmes enceintes ou allaitantes, personnes allergiques : demandez conseil à un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-ocea-accordion-item\"\u003e\n \u003csummary class=\"soi-ocea-accordion-header\"\u003eExposition au soleil\u003c\/summary\u003e\n \u003cdiv class=\"soi-ocea-accordion-content\"\u003e\n \u003cp\u003eLes agrumes pouvant être photosensibilisants, évitez l'exposition solaire directe sur la zone traitée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-ocea-accordion-item\"\u003e\n \u003csummary class=\"soi-ocea-accordion-header\"\u003eTranspiration excessive\u003c\/summary\u003e\n \u003cdiv class=\"soi-ocea-accordion-content\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace pas un traitement médical. En cas de transpiration excessive (hyperhidrose), consultez votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003csection class=\"soi-ocea-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-ocea-cta-box\"\u003e\n \u003cp class=\"soi-ocea-cta-tag\" style=\"color: white;\"\u003eVotre routine, version air marin\u003c\/p\u003e\n \u003cp class=\"soi-ocea-cta-text\" style=\"color: white;\"\u003eHuit huiles essentielles, sans aluminium ni parabens, et une fabrication bourguignonne : un geste simple et vivifiant qui respecte le fonctionnement naturel de votre peau, du matin jusqu'au soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.soi-ocea-fiche {\n --soi-ocea-marine: #1A2D3D;\n --soi-ocea-marine-dark: #0F1E2B;\n --soi-ocea-marine-light: #2C4458;\n --soi-ocea-pomme: #A1C544;\n --soi-ocea-pomme-dark: #84A636;\n --soi-ocea-pomme-light: rgba(161,197,68,0.10);\n --soi-ocea-white: #FFFFFF;\n --soi-ocea-off-white: #F8FAF6;\n --soi-ocea-stone: #F1F3EE;\n --soi-ocea-line: #E5E8E0;\n --soi-ocea-primary: #2F3B7A;\n --soi-ocea-primary-soft: #EEF0F8;\n --soi-ocea-accent: #F2C230;\n --soi-ocea-text: #1A2D3D;\n --soi-ocea-text-soft: #4A5B6B;\n --soi-ocea-text-muted: #7B8693;\n --soi-ocea-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-ocea-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-ocea-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-ocea-radius: 12px;\n --soi-ocea-radius-sm: 8px;\n --soi-ocea-radius-pill: 999px;\n}\n\n.soi-ocea-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ocea-fiche img { max-width: 100%; height: auto; }\n\n.soi-ocea-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-ocea-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-ocea-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-ocea-hero {\n position: relative;\n background: var(--soi-ocea-marine);\n background-image: linear-gradient(160deg, var(--soi-ocea-marine) 0%, var(--soi-ocea-marine) 60%, var(--soi-ocea-primary) 130%);\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-ocea-radius);\n text-align: center;\n overflow: hidden;\n}\n.soi-ocea-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-ocea-pomme);\n}\n.soi-ocea-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-ocea-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-ocea-pomme);\n border-radius: 50%;\n}\n.soi-ocea-hero-title {\n display: block;\n color: var(--soi-ocea-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-ocea-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-ocea-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n.soi-ocea-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-ocea-white);\n font-size: clamp(10px, 1.5vw, 11px);\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-ocea-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n.soi-ocea-label-accent {\n background: var(--soi-ocea-pomme);\n border-color: var(--soi-ocea-pomme);\n color: var(--soi-ocea-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-ocea-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n.soi-ocea-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-ocea-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-ocea-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-ocea-pomme);\n border-radius: 2px;\n}\n.soi-ocea-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-ocea-text-soft);\n margin-bottom: 1.5rem;\n max-width: 760px;\n}\n.soi-ocea-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-ocea-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n.soi-ocea-section p:last-child {\n margin-bottom: 0;\n}\n.soi-ocea-section .soi-ocea-section-intro {\n color: var(--soi-ocea-text-soft);\n font-size: clamp(14px, 2vw, 16px);\n}\n.soi-ocea-section strong {\n color: var(--soi-ocea-marine);\n font-weight: 600;\n}\n.soi-ocea-after {\n margin-top: 1.25rem;\n}\n\n\/* GRID + CARDS *\/\n.soi-ocea-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n.soi-ocea-card {\n background: var(--soi-ocea-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-ocea-radius);\n border-left: 3px solid var(--soi-ocea-pomme);\n}\n.soi-ocea-card-alt {\n background: var(--soi-ocea-stone);\n border-left-color: var(--soi-ocea-text-muted);\n}\n.soi-ocea-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(15px, 2vw, 16px);\n font-weight: 600;\n color: var(--soi-ocea-marine);\n margin-bottom: 0.5rem;\n}\n.soi-ocea-section .soi-ocea-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--soi-ocea-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* NOTES (huiles essentielles) *\/\n.soi-ocea-notes {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\n gap: 12px;\n margin-bottom: 1.5rem;\n}\n.soi-ocea-note {\n background: var(--soi-ocea-white);\n border: 1px solid var(--soi-ocea-line);\n border-top: 3px solid var(--soi-ocea-primary);\n border-radius: var(--soi-ocea-radius-sm);\n padding: 1rem 1.25rem;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.soi-ocea-note:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-ocea-shadow-md);\n}\n.soi-ocea-note h3 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(14px, 2vw, 15px);\n font-weight: 600;\n color: var(--soi-ocea-marine);\n margin-bottom: 0.3rem;\n}\n.soi-ocea-section .soi-ocea-note p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--soi-ocea-text-soft);\n line-height: 1.55;\n margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-ocea-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n.soi-ocea-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-ocea-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-ocea-radius);\n border: 1px solid var(--soi-ocea-line);\n align-items: flex-start;\n}\n.soi-ocea-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-ocea-marine);\n color: var(--soi-ocea-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 box-shadow: 0 0 0 3px var(--soi-ocea-pomme-light);\n}\n.soi-ocea-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(15px, 2vw, 16px);\n font-weight: 600;\n color: var(--soi-ocea-marine);\n margin-bottom: 0.3rem;\n}\n.soi-ocea-section .soi-ocea-step-content p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-ocea-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-ocea-compo {\n background: var(--soi-ocea-primary-soft);\n border-radius: var(--soi-ocea-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n.soi-ocea-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-ocea-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n.soi-ocea-compo-row:last-child {\n border-bottom: none;\n}\n.soi-ocea-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-ocea-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n.soi-ocea-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-ocea-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-ocea-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-ocea-pomme-light);\n border-left: 4px solid var(--soi-ocea-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-ocea-radius) var(--soi-ocea-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n.soi-ocea-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n.soi-ocea-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-ocea-marine);\n margin-bottom: 4px;\n}\n.soi-ocea-section .soi-ocea-tip p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-ocea-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-ocea-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.soi-ocea-accordion-item {\n background: var(--soi-ocea-off-white);\n border-radius: var(--soi-ocea-radius-sm);\n border: 1px solid var(--soi-ocea-line);\n overflow: hidden;\n}\n.soi-ocea-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-ocea-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 gap: 1rem;\n}\n.soi-ocea-accordion-header::-webkit-details-marker {\n display: none;\n}\n.soi-ocea-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-ocea-pomme-dark);\n transition: transform 0.2s ease;\n}\n.soi-ocea-accordion-item[open] .soi-ocea-accordion-header::after {\n transform: rotate(45deg);\n}\n.soi-ocea-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n.soi-ocea-section .soi-ocea-accordion-content p {\n font-size: 14px;\n color: var(--soi-ocea-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA *\/\n.soi-ocea-cta-box {\n background: var(--soi-ocea-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-ocea-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n.soi-ocea-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-ocea-pomme);\n border-radius: 0 0 4px 4px;\n}\n.soi-ocea-section .soi-ocea-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-ocea-pomme);\n margin-bottom: 0.75rem;\n}\n.soi-ocea-section .soi-ocea-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(17px, 3vw, 21px);\n font-weight: 500;\n color: var(--soi-ocea-white);\n line-height: 1.45;\n margin: 0 auto;\n max-width: 620px;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n .soi-ocea-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n .soi-ocea-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n .soi-ocea-compo-value {\n text-align: left;\n }\n .soi-ocea-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-ocea-fiche * {\n animation: none !important;\n transition: none !important;\n }\n}\n@media (prefers-contrast: more) {\n .soi-ocea-fiche {\n --soi-ocea-text-soft: #2C3E50;\n --soi-ocea-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603037610314,"sku":"SC8595","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-fraicheur-oceanic-packshot.webp?v=1792055497"},{"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":"gel-douche-doux-bio-miel","title":"Gel douche doux Bio Miel, Aloe Vera et Lait d'Amande - Propolia","description":"\n\u003cdiv class=\"soi-gdmiel-fiche\"\u003e\n\n\u003csection class=\"soi-gdmiel-hero\"\u003e\n\u003cdiv class=\"soi-gdmiel-hero-tag\"\u003e\n\u003cspan class=\"soi-gdmiel-tag-dot\"\u003e\u003c\/span\u003e\nHygiène · Propolia\n\u003c\/div\u003e\n\u003cspan class=\"soi-gdmiel-hero-title\"\u003eLa douceur du miel sous la douche\u003c\/span\u003e\n\u003cp class=\"soi-gdmiel-hero-subtitle\"\u003eFormulé à 99 % d'ingrédients d'origine naturelle, ce gel douche bio au miel, à l'aloe vera et au lait d'amande hydrate et adoucit votre peau au quotidien, pour toute la famille dès 3 ans.\u003c\/p\u003e\n\u003cdiv class=\"soi-gdmiel-hero-labels\"\u003e\n\u003cspan class=\"soi-gdmiel-label soi-gdmiel-label-accent\"\u003eBIO ECOCERT\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-label\"\u003eSANS SULFATES\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-label\"\u003eTESTÉ DERMATOLOGIQUEMENT\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-label\"\u003eDÈS 3 ANS\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdmiel-section\"\u003e\n\u003ch2\u003eCe que ce gel douche ultra doux apporte concrètement à votre peau\u003c\/h2\u003e\n\u003cp class=\"soi-gdmiel-section-intro\"\u003eDerrière son parfum gourmand d'amande douce se cache une formule pensée pour respecter et chouchouter votre peau, pas seulement la laver.\u003c\/p\u003e\n\u003cdiv class=\"soi-gdmiel-benefits\"\u003e\n\u003cdiv class=\"soi-gdmiel-benefit\"\u003e\n\u003cdiv class=\"soi-gdmiel-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eMiel bio\u003c\/h3\u003e\n\u003cp\u003eActif naturellement humectant, il attire et retient l'eau dans les cellules cutanées. Résultat : une peau souple et nourrie, sans effet gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-benefit\"\u003e\n\u003cdiv class=\"soi-gdmiel-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 soulage les petites irritations et laisse la peau fraîche après la douche, même en cas de peau sèche ou réactive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-benefit\"\u003e\n\u003cdiv class=\"soi-gdmiel-benefit-icon\"\u003e\u003cspan\u003e🥛\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eLait d'amande\u003c\/h3\u003e\n\u003cp\u003eRiche en acides gras, il enveloppe la peau d'un voile protecteur et adoucissant qui limite les tiraillements après le rinçage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-tip\"\u003e\n\u003cdiv class=\"soi-gdmiel-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003eEnsemble, ces trois actifs forment un trio complémentaire qui nettoie en douceur, hydrate et adoucit sans perturber le film hydrolipidique naturel de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdmiel-section\"\u003e\n\u003ch2\u003eUn gel douche bio ultra doux pour toute la famille\u003c\/h2\u003e\n\u003cp class=\"soi-gdmiel-section-intro\"\u003eSa formule hypoallergénique, sans savon et sans tensioactifs sulfatés, le rend adapté à une utilisation quotidienne, y compris pour :\u003c\/p\u003e\n\u003cdiv class=\"soi-gdmiel-grid\"\u003e\n\u003cdiv class=\"soi-gdmiel-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n\u003cp\u003eConvient aux peaux sujettes aux rougeurs grâce à sa formule douce et apaisante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-card\"\u003e\n\u003ch3\u003e💧 Peaux sèches ou très sèches\u003c\/h3\u003e\n\u003cp\u003eSes actifs hydratants et nourrissants préviennent les sensations de tiraillement après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-card\"\u003e\n\u003ch3\u003e👶 Enfants dès 3 ans\u003c\/h3\u003e\n\u003cp\u003eUsage familial confirmé : sa tolérance a été testée sous contrôle dermatologique, même pour les épidermes les plus délicats.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-card\"\u003e\n\u003ch3\u003e🌱 Adeptes du bio exigeants\u003c\/h3\u003e\n\u003cp\u003eUn gel douche doux certifié bio, sans compromis sur l'efficacité ni sur le plaisir d'utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdmiel-section\"\u003e\n\u003ch2\u003eComposition complète du gel douche doux Propolia\u003c\/h2\u003e\n\u003cdiv class=\"soi-gdmiel-compo\"\u003e\n\u003cdiv class=\"soi-gdmiel-compo-row\"\u003e\n\u003cspan class=\"soi-gdmiel-compo-label\"\u003eContenance\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-compo-value\"\u003e200 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-compo-row\"\u003e\n\u003cspan class=\"soi-gdmiel-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-compo-value\"\u003e99 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-compo-row\"\u003e\n\u003cspan class=\"soi-gdmiel-compo-label\"\u003eAgriculture biologique\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-compo-value\"\u003e16 % du total des ingrédients\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-compo-row\"\u003e\n\u003cspan class=\"soi-gdmiel-compo-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-compo-value\"\u003eEcocert\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-compo-row\"\u003e\n\u003cspan class=\"soi-gdmiel-compo-label\"\u003eFabrication\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-compo-value\"\u003eFrance (Occitanie)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-accordion\"\u003e\n\u003cdetails class=\"soi-gdmiel-accordion-item\"\u003e\n\u003csummary class=\"soi-gdmiel-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"soi-gdmiel-accordion-content\"\u003e\n\u003cp\u003eAqua, Sodium Cocoyl Glutamate, Coco-Glucoside, Glycerin*, Glyceryl Oleate, Prunus Amygdalus Dulcis (Sweet Almond) Milk, Aloe Barbadensis Leaf Juice*, Mel* (Honey), Sodium Chloride, Parfum, Sodium Benzoate, Potassium Sorbate, Citric Acid, Lactic Acid.\u003c\/p\u003e\n\u003cp\u003e* Ingrédients issus 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\u003csection class=\"soi-gdmiel-section\"\u003e\n\u003ch2\u003eComment utiliser ce gel douche doux au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"soi-gdmiel-timeline\"\u003e\n\u003cdiv class=\"soi-gdmiel-step\"\u003e\n\u003cdiv class=\"soi-gdmiel-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-step-content\"\u003e\n\u003ch3\u003eAppliquer\u003c\/h3\u003e\n\u003cp\u003eVersez une noisette de gel sur une éponge ou directement sur la peau humide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-step\"\u003e\n\u003cdiv class=\"soi-gdmiel-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-step-content\"\u003e\n\u003ch3\u003eFaire mousser\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement l'ensemble du corps avec des gestes circulaires pour faire mousser le gel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-step\"\u003e\n\u003cdiv class=\"soi-gdmiel-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-step-content\"\u003e\n\u003ch3\u003eRincer\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau tiède. Profitez du parfum gourmand d'amande douce qui persiste après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdmiel-section\"\u003e\n\u003ch2\u003eLes engagements Propolia qui font la différence\u003c\/h2\u003e\n\u003cdiv class=\"soi-gdmiel-grid-compact\"\u003e\n\u003cdiv class=\"soi-gdmiel-card-mini\"\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-value\"\u003eBio Ecocert\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-card-mini\"\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-value\"\u003eFrance (Occitanie)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-card-mini\"\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-label\"\u003eFormule\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-value\"\u003eSans sulfates\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-card-mini\"\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-icon\"\u003e🔬\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-label\"\u003eTolérance\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-value\"\u003eTesté dermatologiquement\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-card-mini\"\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-icon\"\u003e👶\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-label\"\u003eUsage familial\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-value\"\u003eDès 3 ans\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdmiel-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-gdmiel-cta-box\"\u003e\n\u003cp class=\"soi-gdmiel-cta-tag\" style=\"color: white;\"\u003eUn rituel de douceur pour toute la famille\u003c\/p\u003e\n\u003cp class=\"soi-gdmiel-cta-text\" style=\"color: white;\"\u003eBien plus qu'un simple nettoyant, ce gel douche bio Propolia transforme chaque douche en un geste de soin naturel, doux sur les peaux sensibles et parfumé comme un instant de gourmandise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-gdmiel-marine: #1A2D3D;\n --soi-gdmiel-marine-dark: #0F1E2B;\n --soi-gdmiel-marine-light: #2C4458;\n --soi-gdmiel-pomme: #A1C544;\n --soi-gdmiel-pomme-dark: #84A636;\n --soi-gdmiel-pomme-light: rgba(161,197,68,0.10);\n\n --soi-gdmiel-white: #FFFFFF;\n --soi-gdmiel-off-white: #F8FAF6;\n --soi-gdmiel-stone: #F1F3EE;\n --soi-gdmiel-line: #E5E8E0;\n\n --soi-gdmiel-primary: #8B5FA0;\n --soi-gdmiel-primary-soft: rgba(139,95,160,0.10);\n --soi-gdmiel-accent: #D4A82A;\n\n --soi-gdmiel-text: #1A2D3D;\n --soi-gdmiel-text-soft: #4A5B6B;\n --soi-gdmiel-text-muted: #7B8693;\n\n --soi-gdmiel-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gdmiel-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gdmiel-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gdmiel-radius: 12px;\n --soi-gdmiel-radius-sm: 8px;\n --soi-gdmiel-radius-pill: 999px;\n}\n\n.soi-gdmiel-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gdmiel-fiche img { max-width: 100%; height: auto; }\n\n.soi-gdmiel-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gdmiel-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gdmiel-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gdmiel-hero {\n position: relative;\n background: var(--soi-gdmiel-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-gdmiel-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gdmiel-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gdmiel-pomme);\n}\n\n.soi-gdmiel-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-gdmiel-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gdmiel-pomme);\n border-radius: 50%;\n}\n\n.soi-gdmiel-hero-title {\n display: block;\n color: var(--soi-gdmiel-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-gdmiel-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-gdmiel-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gdmiel-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-gdmiel-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gdmiel-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gdmiel-label-accent {\n background: var(--soi-gdmiel-pomme);\n border-color: var(--soi-gdmiel-pomme);\n color: var(--soi-gdmiel-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gdmiel-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gdmiel-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gdmiel-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-gdmiel-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gdmiel-pomme);\n border-radius: 2px;\n}\n\n.soi-gdmiel-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gdmiel-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-gdmiel-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gdmiel-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gdmiel-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-gdmiel-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-gdmiel-benefit {\n background: var(--soi-gdmiel-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gdmiel-radius);\n border: 1px solid var(--soi-gdmiel-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gdmiel-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gdmiel-shadow-md);\n}\n\n.soi-gdmiel-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gdmiel-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-gdmiel-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gdmiel-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gdmiel-benefit:hover .soi-gdmiel-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gdmiel-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdmiel-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gdmiel-benefit p {\n font-size: 15px;\n color: var(--soi-gdmiel-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gdmiel-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-gdmiel-card {\n background: var(--soi-gdmiel-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gdmiel-radius);\n border-left: 3px solid var(--soi-gdmiel-pomme);\n}\n\n.soi-gdmiel-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdmiel-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gdmiel-card p {\n font-size: 14px;\n color: var(--soi-gdmiel-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-gdmiel-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-gdmiel-card-mini {\n background: var(--soi-gdmiel-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-gdmiel-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-gdmiel-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-gdmiel-card-mini-label {\n font-size: 11px;\n color: var(--soi-gdmiel-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-gdmiel-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gdmiel-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-gdmiel-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-gdmiel-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gdmiel-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gdmiel-radius);\n border: 1px solid var(--soi-gdmiel-line);\n align-items: flex-start;\n}\n\n.soi-gdmiel-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gdmiel-marine);\n color: var(--soi-gdmiel-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-gdmiel-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdmiel-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gdmiel-step-content p {\n font-size: 15px;\n color: var(--soi-gdmiel-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-gdmiel-compo {\n background: var(--soi-gdmiel-off-white);\n border-radius: var(--soi-gdmiel-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.soi-gdmiel-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-gdmiel-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-gdmiel-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-gdmiel-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-gdmiel-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-gdmiel-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-gdmiel-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-gdmiel-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gdmiel-pomme-light);\n border-left: 4px solid var(--soi-gdmiel-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gdmiel-radius) var(--soi-gdmiel-radius) 0;\n align-items: flex-start;\n}\n\n.soi-gdmiel-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gdmiel-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gdmiel-marine);\n margin-bottom: 4px;\n}\n\n.soi-gdmiel-tip p {\n font-size: 15px;\n color: var(--soi-gdmiel-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gdmiel-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gdmiel-accordion-item {\n background: var(--soi-gdmiel-off-white);\n border-radius: var(--soi-gdmiel-radius-sm);\n border: 1px solid var(--soi-gdmiel-line);\n overflow: hidden;\n}\n\n.soi-gdmiel-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gdmiel-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-gdmiel-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gdmiel-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gdmiel-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gdmiel-accordion-item[open] .soi-gdmiel-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gdmiel-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gdmiel-accordion-content p {\n font-size: 14px;\n color: var(--soi-gdmiel-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem 0;\n}\n\n.soi-gdmiel-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gdmiel-cta-box {\n background: var(--soi-gdmiel-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gdmiel-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gdmiel-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-gdmiel-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gdmiel-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-gdmiel-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gdmiel-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gdmiel-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-gdmiel-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gdmiel-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-gdmiel-compo-value {\n text-align: left;\n }\n\n .soi-gdmiel-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-gdmiel-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gdmiel-fiche {\n --soi-gdmiel-text-soft: #2C3E50;\n --soi-gdmiel-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603178611018,"sku":"AP0103","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-doux-bio-miel-aloe-vera-et-lait-damande-propolia-packshot.webp?v=1788683708"},{"product_id":"savon-actif-propolis-miel-karite","title":"Savon actif Bio - Propolis, Miel \u0026 Karité - Propolia","description":"\n\u003cdiv class=\"soi-sav-fiche\"\u003e\n\n \u003csection class=\"soi-sav-hero\"\u003e\n \u003cdiv class=\"soi-sav-hero-tag\"\u003e\n \u003cspan class=\"soi-sav-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Apithérapie · Propolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-sav-hero-title\"\u003ePropolis, Miel \u0026amp; Karité réunis dans un savon\u003c\/span\u003e\n \u003cp class=\"soi-sav-hero-subtitle\"\u003eTrois trésors de la ruche et du karité réunis dans un savon purifiant certifié bio, pour une peau nette, apaisée et nourrie au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-sav-hero-labels\"\u003e\n \u003cspan class=\"soi-sav-label soi-sav-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-sav-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-sav-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-sav-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003cspan class=\"soi-sav-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003ePourquoi ce savon miel propolis bio fait la différence\u003c\/h2\u003e\n \u003cp\u003eLa propolis est une résine naturelle produite par les abeilles pour protéger leur ruche. Riche en flavonoïdes et en composés phénoliques, elle est reconnue pour ses puissantes propriétés purifiantes et assainissantes. Associée au miel bio, hydratant et apaisant, et au beurre de karité, fondant et nourrissant, ce trio forme une formule cohérente et complémentaire, particulièrement adaptée aux peaux mixtes, grasses ou à tendance acnéique.\u003c\/p\u003e\n \u003cp\u003eContrairement à de nombreux savons du commerce, celui-ci est certifié Cosmos Organic par Ecocert, composé à 99 % d'ingrédients d'origine naturelle, sans sulfates agressifs ni parabènes. Il est fabriqué en France, en Occitanie, selon des exigences de qualité rigoureuses.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce savon actif bio propolis ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-sav-grid\"\u003e\n \u003cdiv class=\"soi-sav-card\"\u003e\n \u003ch3\u003e🌱 Peaux jeunes et juvéniles\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les adolescents confrontés aux imperfections et aux excès de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card\"\u003e\n \u003ch3\u003e✨ Peaux à problèmes\u003c\/h3\u003e\n \u003cp\u003eBoutons, points noirs, pores dilatés, peau terne : ce savon purifiant vous aide à retrouver un teint plus net.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eLa douceur du karité et du miel équilibre le pouvoir purifiant de la propolis, pour un nettoyage sans agression.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux adultes et aux enfants dès 3 ans, pour le visage comme pour le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003eComposition du savon karité miel propolis\u003c\/h2\u003e\n \u003cp class=\"soi-sav-section-intro\"\u003eCe savon repose sur une recette enrichie en propolis bio, pensée pour allier efficacité et respect cutané.\u003c\/p\u003e\n \u003cdiv class=\"soi-sav-benefits\"\u003e\n \u003cdiv class=\"soi-sav-benefit\"\u003e\n \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🐝\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePropolis bio\u003c\/h3\u003e\n \u003cp\u003eAction purifiante, assainissante et protectrice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-benefit\"\u003e\n \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMiel bio\u003c\/h3\u003e\n \u003cp\u003eHydratant et apaisant, il aide à maintenir le film hydrolipidique naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-benefit\"\u003e\n \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🌰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBeurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrit, adoucit et protège la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-benefit\"\u003e\n \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBase saponifiée végétale\u003c\/h3\u003e\n \u003cp\u003eRiche et onctueuse, pour une mousse douce et enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1.25rem;\"\u003e\u003cem\u003eIngrédients INCI complets disponibles sur l'emballage. Formule sans sulfates (SLS\/SLES), sans parabènes, sans huile de palme.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon bio pour le visage et le corps ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-sav-timeline\"\u003e\n \u003cdiv class=\"soi-sav-step\"\u003e\n \u003cdiv class=\"soi-sav-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-sav-step-content\"\u003e\n \u003ch3\u003eHumidifiez\u003c\/h3\u003e\n \u003cp\u003eMouillez votre peau avec de l'eau tiède pour ouvrir les pores et préparer le nettoyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-step\"\u003e\n \u003cdiv class=\"soi-sav-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-sav-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains ou directement sur la peau en effectuant des mouvements circulaires doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-step\"\u003e\n \u003cdiv class=\"soi-sav-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-sav-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire. Pour une conservation optimale du pain de savon, laissez-le sécher entre deux utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-tip\"\u003e\n \u003cdiv class=\"soi-sav-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUne utilisation quotidienne, matin et soir, est idéale pour les peaux à tendance acnéique. Pour les peaux plus sèches, réservez-le à une utilisation le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003eCertifications et engagements Propolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-sav-grid-compact\"\u003e\n \u003cdiv class=\"soi-sav-card-mini\"\u003e\n \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-value\"\u003eCosmos Organic Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card-mini\"\u003e\n \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-value\"\u003eFrance, Occitanie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card-mini\"\u003e\n \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🐝\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-label\"\u003eSavoir-faire\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-value\"\u003ePlus de 30 ans d'expertise apicole\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card-mini\"\u003e\n \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-value\"\u003e99 % d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-sav-cta-box\"\u003e\n \u003cp class=\"soi-sav-cta-tag\" style=\"color: white;\"\u003ePropolis, miel et karité : le trio purifiant de la ruche\u003c\/p\u003e\n \u003cp class=\"soi-sav-cta-text\" style=\"color: white;\"\u003eUn savon bio fabriqué en France, conçu pour toute la famille. Une routine simple, naturelle et efficace pour retrouver une peau nette et douce au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-sav-marine: #1A2D3D;\n --soi-sav-marine-dark: #0F1E2B;\n --soi-sav-marine-light: #2C4458;\n --soi-sav-pomme: #A1C544;\n --soi-sav-pomme-dark: #84A636;\n --soi-sav-pomme-light: rgba(161,197,68,0.10);\n\n --soi-sav-white: #FFFFFF;\n --soi-sav-off-white: #F8FAF6;\n --soi-sav-stone: #F1F3EE;\n --soi-sav-line: #E5E8E0;\n\n --soi-sav-primary: #7B4FA6;\n --soi-sav-primary-soft: #F5F0FA;\n --soi-sav-accent: #D4A42A;\n\n --soi-sav-text: #1A2D3D;\n --soi-sav-text-soft: #4A5B6B;\n --soi-sav-text-muted: #7B8693;\n\n --soi-sav-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-sav-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-sav-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-sav-radius: 12px;\n --soi-sav-radius-sm: 8px;\n --soi-sav-radius-pill: 999px;\n}\n\n.soi-sav-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sav-fiche img { max-width: 100%; height: auto; }\n\n.soi-sav-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-sav-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-sav-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-sav-hero {\n position: relative;\n background: var(--soi-sav-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-sav-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-sav-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-sav-pomme);\n}\n\n.soi-sav-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-sav-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-sav-pomme);\n border-radius: 50%;\n}\n\n.soi-sav-hero-title {\n display: block;\n color: var(--soi-sav-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-sav-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-sav-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-sav-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-sav-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-sav-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-sav-label-accent {\n background: var(--soi-sav-pomme);\n border-color: var(--soi-sav-pomme);\n color: var(--soi-sav-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-sav-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sav-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-sav-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-sav-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-sav-pomme);\n border-radius: 2px;\n}\n\n.soi-sav-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-sav-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-sav-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-sav-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-sav-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-sav-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-sav-benefit {\n background: var(--soi-sav-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-sav-radius);\n border: 1px solid var(--soi-sav-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sav-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-sav-shadow-md);\n}\n\n.soi-sav-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-sav-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-sav-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-sav-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-sav-benefit:hover .soi-sav-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-sav-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sav-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sav-benefit p {\n font-size: 13px;\n color: var(--soi-sav-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-sav-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-sav-card {\n background: var(--soi-sav-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sav-radius);\n border-left: 3px solid var(--soi-sav-pomme);\n}\n\n.soi-sav-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sav-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sav-card p {\n font-size: 14px;\n color: var(--soi-sav-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-sav-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-sav-card-mini {\n background: var(--soi-sav-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-sav-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-sav-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-sav-card-mini-label {\n font-size: 11px;\n color: var(--soi-sav-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-sav-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sav-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-sav-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-sav-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-sav-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sav-radius);\n border: 1px solid var(--soi-sav-line);\n align-items: flex-start;\n}\n\n.soi-sav-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-sav-marine);\n color: var(--soi-sav-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-sav-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sav-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-sav-step-content p {\n font-size: 14px;\n color: var(--soi-sav-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-sav-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-sav-pomme-light);\n border-left: 4px solid var(--soi-sav-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-sav-radius) var(--soi-sav-radius) 0;\n align-items: flex-start;\n}\n\n.soi-sav-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-sav-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-sav-marine);\n margin-bottom: 4px;\n}\n\n.soi-sav-tip p {\n font-size: 14px;\n color: var(--soi-sav-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-sav-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-sav-accordion-item {\n background: var(--soi-sav-off-white);\n border-radius: var(--soi-sav-radius-sm);\n border: 1px solid var(--soi-sav-line);\n overflow: hidden;\n}\n\n.soi-sav-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-sav-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-sav-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-sav-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-sav-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-sav-accordion-item[open] .soi-sav-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-sav-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-sav-accordion-content p {\n font-size: 14px;\n color: var(--soi-sav-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-sav-cta-box {\n background: var(--soi-sav-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-sav-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-sav-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-sav-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-sav-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-sav-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-sav-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-sav-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-sav-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-sav-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-sav-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-sav-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-sav-fiche {\n --soi-sav-text-soft: #2C3E50;\n --soi-sav-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603179659594,"sku":"AP0104","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-actif-certifie-bio-propolis-miel-et-karite-propolia-packshot_caa0d251-f3b7-4bc3-ba91-480aa3949b4f.webp?v=1779809098"},{"product_id":"dentifrice-certifie-bio-neem-triphala-ayurvana","title":"Dentifrice certifié bio Neem \u0026 Triphala - Ayurvana","description":"\u003cdiv class=\"soi-neem-fiche\"\u003e\n\n \u003csection class=\"soi-neem-hero\"\u003e\n \u003cdiv class=\"soi-neem-hero-tag\"\u003e\n \u003cspan class=\"soi-neem-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène bucco-dentaire · Ayurvana\n \u003c\/div\u003e\n \u003cspan class=\"soi-neem-hero-title\"\u003eNeem \u0026amp; Triphala aux service de votre hygiène bucco-dentaire\u003c\/span\u003e\n \u003cp class=\"soi-neem-hero-subtitle\"\u003eLa sagesse ayurvédique au service de vos dents et de vos gencives : un soin complet, sans fluor, sans compromis sur l'efficacité ni sur la transparence des ingrédients.\u003c\/p\u003e\n \u003cdiv class=\"soi-neem-hero-labels\"\u003e\n \u003cspan class=\"soi-neem-label soi-neem-label-accent\"\u003eCOSMOS ORGANIC ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-neem-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-neem-label\"\u003eSANS FLUOR\u003c\/span\u003e\n \u003cspan class=\"soi-neem-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003cspan class=\"soi-neem-label\"\u003eSANS SLS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-neem-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce dentifrice bio Neem \u0026amp; Triphala ?\u003c\/h2\u003e\n \u003cp\u003eLa plupart des dentifrices conventionnels contiennent du SLS, des arômes synthétiques ou du dioxyde de titane. Ici, rien de tout cela. La formule Ayurvana est construite sur des actifs botaniques reconnus, sans compromis sur l'efficacité ni sur la transparence des ingrédients.\u003c\/p\u003e\n \u003cdiv class=\"soi-neem-benefits\"\u003e\n \u003cdiv class=\"soi-neem-benefit\"\u003e\n \u003cdiv class=\"soi-neem-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCosmos Organic Ecocert\u003c\/h3\u003e\n \u003cp\u003eGarantie indépendante sur la qualité et l'origine biologique des ingrédients.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-benefit\"\u003e\n \u003cdiv class=\"soi-neem-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eTraçabilité assurée, de la formulation au conditionnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-benefit\"\u003e\n \u003cdiv class=\"soi-neem-benefit-icon\"\u003e\u003cspan\u003e🚫\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormule sans controverses\u003c\/h3\u003e\n \u003cp\u003eSans fluor, sans paraben, sans aluminium, sans SLS, sans dioxyde de titane, sans conservateur chimique : idéal pour les personnes sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-neem-section\"\u003e\n \u003ch2\u003eLes actifs clés : ce que chaque ingrédient apporte concrètement\u003c\/h2\u003e\n \u003cdiv class=\"soi-neem-grid\"\u003e\n \u003cdiv class=\"soi-neem-card\"\u003e\n \u003ch3\u003e🌱 Neem (Azadirachta indica)\u003c\/h3\u003e\n \u003cp\u003eUtilisé depuis des millénaires en Ayurveda, le neem est reconnu pour ses propriétés assainissantes. Il aide à limiter le développement des bactéries responsables de la plaque dentaire et des caries, tout en fortifiant les gencives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-card\"\u003e\n \u003ch3\u003e🍇 Triphala\u003c\/h3\u003e\n \u003cp\u003eMélange de trois fruits (Amalaki, Bibhitaki, Haritaki), le Triphala est un classique ayurvédique aux vertus antioxydantes et purifiantes. Il contribue à l'équilibre de la flore buccale et aide à révéler l'éclat naturel des dents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-card\"\u003e\n \u003ch3\u003e🤍 Argile blanche\u003c\/h3\u003e\n \u003cp\u003eAbrasif doux et naturel, elle polit délicatement l'émail sans l'abîmer, favorisant des dents plus blanches et une haleine fraîche dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-card\"\u003e\n \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés apaisantes et cicatrisantes, il protège les gencives irritées et renforce la muqueuse buccale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-card\"\u003e\n \u003ch3\u003e🍃 Huiles essentielles de menthe poivrée et de citron\u003c\/h3\u003e\n \u003cp\u003ePour une fraîcheur longue durée et une sensation de bouche propre qui dure tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-neem-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cp class=\"soi-neem-inci\"\u003eAqua, Kaolin, Glycerin*, Sodium Bicarbonate, Aloe Barbadensis Leaf Juice*, Azadirachta Indica Leaf Extract*, Emblica Officinalis Fruit Extract*, Terminalia Belerica Fruit Extract*, Terminalia Chebula Fruit Extract*, Mentha Piperita Oil*, Citrus Limon Peel Oil*, Xanthan Gum, Sodium Benzoate, Potassium Sorbate, Citric Acid.\u003c\/p\u003e\n \u003cp class=\"soi-neem-inci-note\"\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-neem-section\"\u003e\n \u003ch2\u003eComment utiliser ce dentifrice bio au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-neem-timeline\"\u003e\n \u003cdiv class=\"soi-neem-step\"\u003e\n \u003cdiv class=\"soi-neem-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-neem-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de dentifrice sur une brosse à dents humide, de préférence à soies souples.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-step\"\u003e\n \u003cdiv class=\"soi-neem-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-neem-step-content\"\u003e\n \u003ch3\u003eBrossez\u003c\/h3\u003e\n \u003cp\u003eBrossez pendant 2 minutes minimum, en insistant sur la jonction dents-gencives, matin et soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-step\"\u003e\n \u003cdiv class=\"soi-neem-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-neem-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire. L'absence de mousse est normale : ce dentifrice ne contient pas de SLS.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-tip\"\u003e\n \u003cdiv class=\"soi-neem-tip-icon\"\u003e👶\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eEt pour les enfants ?\u003c\/strong\u003e\n \u003cp\u003eCe dentifrice ne contient ni fluor ni colorants. Pour les enfants de moins de 6 ans, demandez conseil à votre pédiatre ou dentiste avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-neem-section\"\u003e\n \u003ch2\u003eCe que vous n'y trouverez pas\u003c\/h2\u003e\n \u003cdiv class=\"soi-neem-grid-compact\"\u003e\n \u003cdiv class=\"soi-neem-card-mini\"\u003e\n \u003cspan class=\"soi-neem-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-label\"\u003eFluor\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-value\"\u003eAucun\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-card-mini\"\u003e\n \u003cspan class=\"soi-neem-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-label\"\u003eSLS \/ Agent moussant\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-value\"\u003eAucun\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-card-mini\"\u003e\n \u003cspan class=\"soi-neem-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-label\"\u003eParaben \/ Conservateur chimique\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-value\"\u003eAucun\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-card-mini\"\u003e\n \u003cspan class=\"soi-neem-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-label\"\u003eAluminium\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-value\"\u003eAucun\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-card-mini\"\u003e\n \u003cspan class=\"soi-neem-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-label\"\u003eDioxyde de titane\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-value\"\u003eAucun\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-card-mini\"\u003e\n \u003cspan class=\"soi-neem-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-label\"\u003eArôme \/ Colorant synthétique\u003c\/span\u003e\n \u003cspan class=\"soi-neem-card-mini-value\"\u003eAucun\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-neem-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-neem-compo\"\u003e\n \u003cdiv class=\"soi-neem-compo-row\"\u003e\n \u003cspan class=\"soi-neem-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-neem-compo-value\"\u003e75 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-compo-row\"\u003e\n \u003cspan class=\"soi-neem-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-neem-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-compo-row\"\u003e\n \u003cspan class=\"soi-neem-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-neem-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-compo-row\"\u003e\n \u003cspan class=\"soi-neem-compo-label\"\u003eConservation\u003c\/span\u003e\n \u003cspan class=\"soi-neem-compo-value\"\u003eÀ l'abri de la chaleur et de l'humidité excessive\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-neem-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-neem-cta-box\"\u003e\n \u003cp class=\"soi-neem-cta-tag\" style=\"color: white;\"\u003eUn rituel bucco-dentaire ancré dans la tradition ayurvédique\u003c\/p\u003e\n \u003cp class=\"soi-neem-cta-text\" style=\"color: white;\"\u003eDes gencives apaisées, des dents purifiées, une haleine fraîche : offrez-vous la sérénité d'une formule certifiée bio, fabriquée en France, sans aucun ingrédient superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-neem-marine: #1A2D3D;\n --soi-neem-marine-dark: #0F1E2B;\n --soi-neem-marine-light: #2C4458;\n --soi-neem-pomme: #A1C544;\n --soi-neem-pomme-dark: #84A636;\n --soi-neem-pomme-light: rgba(161,197,68,0.10);\n --soi-neem-white: #FFFFFF;\n --soi-neem-off-white: #F8FAF6;\n --soi-neem-stone: #F1F3EE;\n --soi-neem-line: #E5E8E0;\n --soi-neem-primary: #8BBFCF;\n --soi-neem-primary-soft: #D6ECF2;\n --soi-neem-accent: #D4A52A;\n --soi-neem-text: #1A2D3D;\n --soi-neem-text-soft: #4A5B6B;\n --soi-neem-text-muted: #7B8693;\n --soi-neem-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-neem-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-neem-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-neem-radius: 12px;\n --soi-neem-radius-sm: 8px;\n --soi-neem-radius-pill: 999px;\n}\n\n.soi-neem-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-neem-fiche img { max-width: 100%; height: auto; }\n\n.soi-neem-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-neem-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-neem-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-neem-hero {\n position: relative;\n background: var(--soi-neem-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-neem-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-neem-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-neem-pomme);\n}\n\n.soi-neem-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-neem-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-neem-pomme);\n border-radius: 50%;\n}\n\n.soi-neem-hero-title {\n display: block;\n color: var(--soi-neem-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-neem-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-neem-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-neem-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-neem-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-neem-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-neem-label-accent {\n background: var(--soi-neem-pomme);\n border-color: var(--soi-neem-pomme);\n color: var(--soi-neem-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-neem-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-neem-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-neem-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-neem-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-neem-pomme);\n border-radius: 2px;\n}\n\n.soi-neem-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-neem-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-neem-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-neem-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-neem-benefit {\n background: var(--soi-neem-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-neem-radius);\n border: 1px solid var(--soi-neem-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-neem-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-neem-shadow-md);\n}\n\n.soi-neem-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-neem-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-neem-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-neem-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-neem-benefit:hover .soi-neem-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-neem-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-neem-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-neem-benefit p {\n font-size: 13px;\n color: var(--soi-neem-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-neem-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-neem-card {\n background: var(--soi-neem-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-neem-radius);\n border-left: 3px solid var(--soi-neem-pomme);\n}\n\n.soi-neem-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-neem-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-neem-card p {\n font-size: 14px;\n color: var(--soi-neem-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === INCI === *\/\n.soi-neem-inci {\n background: var(--soi-neem-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-neem-radius);\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-neem-text-soft);\n line-height: 1.8;\n font-family: 'Inter', sans-serif;\n word-break: break-word;\n}\n\n.soi-neem-inci-note {\n font-size: 13px;\n color: var(--soi-neem-text-muted);\n font-style: italic;\n margin-top: 0.5rem;\n}\n\n\/* === TIMELINE === *\/\n.soi-neem-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-neem-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-neem-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-neem-radius);\n border: 1px solid var(--soi-neem-line);\n align-items: flex-start;\n}\n\n.soi-neem-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-neem-marine);\n color: var(--soi-neem-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-neem-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-neem-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-neem-step-content p {\n font-size: 14px;\n color: var(--soi-neem-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-neem-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-neem-pomme-light);\n border-left: 4px solid var(--soi-neem-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-neem-radius) var(--soi-neem-radius) 0;\n align-items: flex-start;\n}\n\n.soi-neem-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-neem-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-neem-marine);\n margin-bottom: 4px;\n}\n\n.soi-neem-tip p {\n font-size: 14px;\n color: var(--soi-neem-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-neem-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-neem-card-mini {\n background: var(--soi-neem-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-neem-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-neem-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-neem-card-mini-label {\n font-size: 11px;\n color: var(--soi-neem-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-neem-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-neem-marine);\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-neem-compo {\n background: var(--soi-neem-off-white);\n border-radius: var(--soi-neem-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-neem-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-neem-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-neem-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-neem-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-neem-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-neem-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-neem-marine);\n text-align: right;\n}\n\n\/* === CTA BOX === *\/\n.soi-neem-cta-box {\n background: var(--soi-neem-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-neem-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-neem-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-neem-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-neem-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-neem-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-neem-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-neem-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-neem-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-neem-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-neem-compo-value {\n text-align: left;\n }\n\n .soi-neem-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-neem-tip {\n flex-direction: column;\n gap: 0.5rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-neem-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-neem-fiche {\n --soi-neem-text-soft: #2C3E50;\n --soi-neem-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603268264266,"sku":"AY9954","price":9.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dentifrice-neem-triphala-ayurvana_11zon.webp?v=1781967044"},{"product_id":"deovert-pieds-chaussures","title":"Déodorant pour Pieds et Chaussures","description":"\n\u003cdiv class=\"soi-deov-fiche\"\u003e\n\n\u003csection class=\"soi-deov-hero\"\u003e\n \u003cdiv class=\"soi-deov-hero-tag\"\u003e\n \u003cspan class=\"soi-deov-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène podologique · Saint Côme Cosmétiques\n \u003c\/div\u003e\n \u003cspan class=\"soi-deov-hero-title\"\u003eFraîcheur naturelle pour vos pieds au quotidien\u003c\/span\u003e\n \u003cp class=\"soi-deov-hero-subtitle\"\u003eLe Déovert Podologique neutralise les odeurs et assainit vos chaussures grâce à ses huiles essentielles 100 % naturelles, sans sels d'aluminium ni conservateurs.\u003c\/p\u003e\n \u003cdiv class=\"soi-deov-hero-labels\"\u003e\n \u003cspan class=\"soi-deov-label soi-deov-label-accent\"\u003e100 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eSANS SELS D'ALUMINIUM\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eSANS COLORANTS\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eUn déodorant naturel pour les pieds qui va à l'essentiel\u003c\/h2\u003e\n \u003cp\u003eContrairement à de nombreux déodorants pour chaussures chargés de conservateurs ou de colorants, le Déovert Podologique mise sur des huiles essentielles 100 % naturelles aux propriétés déodorantes, assainissantes et apaisantes. Résultat : pas de simple masquage d'odeur, mais une action réelle à la source de la transpiration excessive.\u003c\/p\u003e\n \u003cp\u003eSa formule sans sels d'aluminium, sans colorants et sans conservateurs en fait un déodorant pour les pieds particulièrement adapté aux peaux sensibles, même utilisé quotidiennement. Il s'applique aussi bien directement sur les pieds que dans les chaussures, pour une double protection durable.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eCe que ce déodorant pour pieds fait concrètement pour vous\u003c\/h2\u003e\n \u003cdiv class=\"soi-deov-benefits\"\u003e\n \u003cdiv class=\"soi-deov-benefit\"\u003e\n \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNeutralise les odeurs\u003c\/h3\u003e\n \u003cp\u003eLes huiles essentielles agissent directement sur les bactéries responsables des odeurs, sans simplement les camoufler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-benefit\"\u003e\n \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRégule la transpiration\u003c\/h3\u003e\n \u003cp\u003eLimite les sensations d'humidité et d'inconfort à l'intérieur des chaussures, même lors des journées actives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-benefit\"\u003e\n \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAssainit les chaussures\u003c\/h3\u003e\n \u003cp\u003eEn pulvérisant dans vos chaussures le soir, vous empêchez la prolifération des bactéries et des odeurs persistantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-benefit\"\u003e\n \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaise et rafraîchit\u003c\/h3\u003e\n \u003cp\u003eLes actifs naturels procurent une sensation de fraîcheur immédiate, idéale après le sport ou une longue marche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eComment utiliser votre déodorant pour chaussures et pieds ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-deov-timeline\"\u003e\n \u003cdiv class=\"soi-deov-step\"\u003e\n \u003cdiv class=\"soi-deov-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step-content\"\u003e\n \u003ch3\u003eSur les pieds propres et secs\u003c\/h3\u003e\n \u003cp\u003ePulvérisez à environ 15 cm, en insistant sur la plante et entre les orteils. Laissez sécher quelques secondes avant d'enfiler vos chaussettes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step\"\u003e\n \u003cdiv class=\"soi-deov-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step-content\"\u003e\n \u003ch3\u003eDans les chaussures\u003c\/h3\u003e\n \u003cp\u003e2 à 3 pulvérisations à l'intérieur de chaque chaussure, idéalement la veille ou le matin. Laissez agir quelques minutes avant de les enfiler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step\"\u003e\n \u003cdiv class=\"soi-deov-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step-content\"\u003e\n \u003ch3\u003eFréquence recommandée\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le chaque jour pour un confort optimal. Le flacon de 100 ml offre environ 500 pulvérisations, soit plusieurs mois d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-tip\"\u003e\n \u003cdiv class=\"soi-deov-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePulvérisez dans vos chaussures de sport le soir après l'entraînement : les huiles essentielles agissent toute la nuit pour assainir et désodoriser en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eComposition du Déovert Podologique\u003c\/h2\u003e\n \u003cp\u003eLa formule est construite autour d'huiles essentielles 100 % naturelles aux vertus reconnues pour l'hygiène des pieds : notes végétales fraîches, propriétés purifiantes et assainissantes. Elle est conçue sans colorants, sans conservateurs synthétiques, dans le respect des exigences cosmétiques françaises.\u003c\/p\u003e\n \u003cdiv class=\"soi-deov-compo\"\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eActifs principaux\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003eHuiles essentielles 100 % naturelles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003e100 ml (≈ 500 pulvérisations)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003eBourgogne, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003eSels d'aluminium, colorants, conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le déodorant pour les pieds\u003c\/h2\u003e\n \u003cdiv class=\"soi-deov-accordion\"\u003e\n \u003cdetails class=\"soi-deov-accordion-item\"\u003e\n \u003csummary class=\"soi-deov-accordion-header\"\u003e💊 Ce déodorant pieds remplace-t-il un traitement antifongique ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-deov-accordion-content\"\u003e\n \u003cp\u003eNon. Si vous souffrez d'une mycose avérée, consultez un professionnel de santé. Ce produit est un déodorant cosmétique, non un médicament.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-deov-accordion-item\"\u003e\n \u003csummary class=\"soi-deov-accordion-header\"\u003e👟 Peut-on l'utiliser sur toutes les chaussures ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-deov-accordion-content\"\u003e\n \u003cp\u003eOui, y compris les chaussures de sport, les mocassins et les bottes. Évitez simplement de pulvériser directement sur des matières délicates comme le cuir verni.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-deov-accordion-item\"\u003e\n \u003csummary class=\"soi-deov-accordion-header\"\u003e👨‍👩‍👧‍👦 Convient-il à toute la famille ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-deov-accordion-content\"\u003e\n \u003cp\u003eIl est formulé pour les adultes. Pour les enfants, demandez l'avis d'un professionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-deov-cta-box\"\u003e\n \u003cp class=\"soi-deov-cta-tag\" style=\"color: white;\"\u003eLe confort commence dès le premier pas\u003c\/p\u003e\n \u003cp class=\"soi-deov-cta-text\" style=\"color: white;\"\u003eFini les chaussures que l'on cache. Le Déovert Podologique Saint Côme est le compagnon discret de vos journées : une formule naturelle, fabriquée en France, qui prend soin de vos pieds et de vos chaussures en toute simplicité.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-deov-marine: #1A2D3D;\n --soi-deov-marine-dark: #0F1E2B;\n --soi-deov-marine-light: #2C4458;\n --soi-deov-pomme: #A1C544;\n --soi-deov-pomme-dark: #84A636;\n --soi-deov-pomme-light: rgba(161,197,68,0.10);\n --soi-deov-white: #FFFFFF;\n --soi-deov-off-white: #F8FAF6;\n --soi-deov-stone: #F1F3EE;\n --soi-deov-line: #E5E8E0;\n --soi-deov-primary: #6BAF8D;\n --soi-deov-primary-soft: rgba(107,175,141,0.12);\n --soi-deov-accent: #E2C94A;\n --soi-deov-text: #1A2D3D;\n --soi-deov-text-soft: #4A5B6B;\n --soi-deov-text-muted: #7B8693;\n --soi-deov-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-deov-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-deov-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-deov-radius: 12px;\n --soi-deov-radius-sm: 8px;\n --soi-deov-radius-pill: 999px;\n}\n\n.soi-deov-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-deov-fiche img { max-width: 100%; height: auto; }\n\n.soi-deov-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-deov-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-deov-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-deov-hero {\n position: relative;\n background: var(--soi-deov-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-deov-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-deov-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-deov-pomme);\n}\n\n.soi-deov-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-deov-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-deov-pomme);\n border-radius: 50%;\n}\n\n.soi-deov-hero-title {\n display: block;\n color: var(--soi-deov-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-deov-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-deov-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-deov-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-deov-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-deov-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-deov-label-accent {\n background: var(--soi-deov-pomme);\n border-color: var(--soi-deov-pomme);\n color: var(--soi-deov-marine);\n font-weight: 600;\n}\n\n.soi-deov-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-deov-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-deov-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-deov-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-deov-pomme);\n border-radius: 2px;\n}\n\n.soi-deov-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-deov-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-deov-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-deov-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-deov-benefit {\n background: var(--soi-deov-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-deov-radius);\n border: 1px solid var(--soi-deov-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-deov-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-deov-shadow-md);\n}\n\n.soi-deov-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-deov-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-deov-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-deov-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-deov-benefit:hover .soi-deov-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-deov-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deov-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deov-benefit p {\n font-size: 13px;\n color: var(--soi-deov-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deov-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-deov-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-deov-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deov-radius);\n border: 1px solid var(--soi-deov-line);\n align-items: flex-start;\n}\n\n.soi-deov-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-deov-marine);\n color: var(--soi-deov-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-deov-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deov-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-deov-step-content p {\n font-size: 14px;\n color: var(--soi-deov-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deov-compo {\n background: var(--soi-deov-off-white);\n border-radius: var(--soi-deov-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-deov-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-deov-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-deov-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-deov-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-deov-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-deov-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-deov-marine);\n text-align: right;\n}\n\n.soi-deov-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-deov-pomme-light);\n border-left: 4px solid var(--soi-deov-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-deov-radius) var(--soi-deov-radius) 0;\n align-items: flex-start;\n}\n\n.soi-deov-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-deov-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-deov-marine);\n margin-bottom: 4px;\n}\n\n.soi-deov-tip p {\n font-size: 14px;\n color: var(--soi-deov-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deov-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-deov-accordion-item {\n background: var(--soi-deov-off-white);\n border-radius: var(--soi-deov-radius-sm);\n border: 1px solid var(--soi-deov-line);\n overflow: hidden;\n}\n\n.soi-deov-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-deov-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-deov-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-deov-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-deov-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-deov-accordion-item[open] .soi-deov-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-deov-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-deov-accordion-content p {\n font-size: 14px;\n color: var(--soi-deov-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deov-cta-box {\n background: var(--soi-deov-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-deov-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-deov-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-deov-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-deov-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-deov-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-deov-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-deov-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-deov-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n .soi-deov-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n .soi-deov-compo-value {\n text-align: left;\n }\n .soi-deov-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-deov-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-deov-fiche {\n --soi-deov-text-soft: #2C3E50;\n --soi-deov-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603283173706,"sku":"SC8605","price":11.25,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deovert-vapo-podologique-deodorant-pieds-chaussures_11zon.webp?v=1780733061"},{"product_id":"hygiene-intime-200ml-centifolia","title":"Soin Hygiène Intime Neutre certifié bio – Centifolia","description":"\n\u003cdiv class=\"soi-hint-fiche\"\u003e\n\n\u003csection class=\"soi-hint-hero\"\u003e\n \u003cdiv class=\"soi-hint-hero-tag\"\u003e\n \u003cspan class=\"soi-hint-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène intime · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-hint-hero-title\"\u003eSoin Hygiène Intime Neutre certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-hint-hero-subtitle\"\u003eUn gel nettoyant intime à la douceur exemplaire, enrichi en prébiotique actif, pour respecter et protéger les muqueuses sensibles au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-hint-hero-labels\"\u003e\n \u003cspan class=\"soi-hint-label soi-hint-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-hint-label\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003cspan class=\"soi-hint-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-hint-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-hint-label\"\u003eTESTÉ SOUS CONTRÔLE GYNÉCOLOGIQUE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce soin hygiène intime certifié bio ?\u003c\/h2\u003e\n \u003cp class=\"soi-hint-section-intro\"\u003ePrendre soin de votre hygiène intime ne s'improvise pas. La zone intime possède un pH naturellement acide (entre 3,8 et 4,5) qu'il est essentiel de préserver pour éviter irritations, démangeaisons et déséquilibres de la flore. Contrairement à un savon classique, ce gel nettoyant intime bio est conçu pour respecter cet équilibre fragile, sans agresser les muqueuses.\u003c\/p\u003e\n \u003cdiv class=\"soi-hint-benefits\"\u003e\n \u003cdiv class=\"soi-hint-benefit\"\u003e\n \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003epH physiologique respecté\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur sans perturber l'environnement naturel de votre flore intime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-benefit\"\u003e\n \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans parfum\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les peaux réactives et les muqueuses sensibles, sans aucune fragrance ajoutée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-benefit\"\u003e\n \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e99% d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eFormule certifiée Cosmos Organic, propre et transparente, pour une toilette en toute confiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-benefit\"\u003e\n \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAdapté à toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux femmes enceintes, allaitantes, et aux enfants dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003eLa technologie prébiotique active : ce qui fait la différence\u003c\/h2\u003e\n \u003cp class=\"soi-hint-section-intro\"\u003eCe qui distingue le soin hygiène intime Centifolia des autres nettoyants intimes, c'est sa synergie unique entre un prébiotique actif et un polysaccharide apaisant. Concrètement, ces deux actifs travaillent ensemble pour vous offrir une protection complète.\u003c\/p\u003e\n \u003cdiv class=\"soi-hint-grid\"\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e🦠 Nourrir le microbiote\u003c\/h3\u003e\n \u003cp\u003eLe prébiotique actif nourrit les bonnes bactéries de votre microbiote intime et cutané, favorisant un environnement sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e🛡️ Renforcer la barrière naturelle\u003c\/h3\u003e\n \u003cp\u003eLes muqueuses sont protégées contre les agressions extérieures grâce au renforcement de leur barrière naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e✨ Prévenir les inconforts\u003c\/h3\u003e\n \u003cp\u003eContribue à prévenir les déséquilibres responsables des inconforts récurrents : sécheresse, tiraillements, irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-tip\"\u003e\n \u003cdiv class=\"soi-hint-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eDès la première utilisation, vous retrouvez une zone intime propre, apaisée et protégée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003eComment utiliser ce nettoyant intime bio au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-hint-timeline\"\u003e\n \u003cdiv class=\"soi-hint-step\"\u003e\n \u003cdiv class=\"soi-hint-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step-content\"\u003e\n \u003ch3\u003eDosez avec parcimonie\u003c\/h3\u003e\n \u003cp\u003eUne petite noisette suffit pour une toilette intime efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step\"\u003e\n \u003cdiv class=\"soi-hint-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step-content\"\u003e\n \u003ch3\u003eAppliquez à la main uniquement\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur la vulve externe, sans pénétrer. Évitez les gants de toilette qui peuvent être source de bactéries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step\"\u003e\n \u003cdiv class=\"soi-hint-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède, puis séchez délicatement par tamponnements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step\"\u003e\n \u003cdiv class=\"soi-hint-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step-content\"\u003e\n \u003ch3\u003eUne fois par jour maximum\u003c\/h3\u003e\n \u003cp\u003ePour éviter de trop nettoyer et déséquilibrer le microbiote, limitez la toilette intime à une fois par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003eComposition du Soin Hygiène Intime Neutre Centifolia\u003c\/h2\u003e\n \u003cp class=\"soi-hint-section-intro\"\u003eFormule épurée, à 99% d'ingrédients d'origine naturelle, sans parfum, sans phtalate, sans bisphénol A.\u003c\/p\u003e\n \u003cdiv class=\"soi-hint-compo\"\u003e\n \u003cdiv class=\"soi-hint-compo-row\"\u003e\n \u003cspan class=\"soi-hint-compo-label\"\u003ePrébiotique actif\u003c\/span\u003e\n \u003cspan class=\"soi-hint-compo-value\"\u003eXylitol\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-compo-row\"\u003e\n \u003cspan class=\"soi-hint-compo-label\"\u003eActifs complémentaires\u003c\/span\u003e\n \u003cspan class=\"soi-hint-compo-value\"\u003ePolysaccharides apaisants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-compo-row\"\u003e\n \u003cspan class=\"soi-hint-compo-label\"\u003eOrigine des ingrédients\u003c\/span\u003e\n \u003cspan class=\"soi-hint-compo-value\"\u003e99% d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-compo-row\"\u003e\n \u003cspan class=\"soi-hint-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-hint-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-compo-row\"\u003e\n \u003cspan class=\"soi-hint-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-hint-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"soi-hint-accordion-item\"\u003e\n \u003csummary class=\"soi-hint-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-hint-accordion-content\"\u003e\n \u003cp\u003eAqua, Sodium Coco-Glucoside Tartrate, Coco-Glucoside, Glycerin, Xylitylglucoside, Anhydroxylitol, Xylitol, Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003eLes engagements Centifolia qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-hint-grid\"\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertification biologique indépendante et rigoureuse, garantissant une formule respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France, dans le respect des matières premières et du savoir-faire cosmétique français.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon recyclable, composé à 50% de plastique recyclé, pour une démarche plus respectueuse de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003ePour qui est recommandé ce soin intime bio ?\u003c\/h2\u003e\n \u003cp\u003eCe nettoyant intime bio convient particulièrement aux femmes qui souffrent d'irritations récurrentes, aux peaux très sensibles, aux femmes enceintes ou allaitantes, et à toute personne souhaitant adopter une routine intime plus naturelle et respectueuse. Il peut également être utilisé par les enfants dès 3 ans, sous surveillance parentale.\u003c\/p\u003e\n \u003cdiv class=\"soi-hint-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"soi-hint-accordion-item\"\u003e\n \u003csummary class=\"soi-hint-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-hint-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne remplace pas un avis médical en cas d'infection ou de symptômes persistants. Pour les enfants dès 3 ans, utilisez sous surveillance parentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-hint-cta-box\"\u003e\n \u003cp class=\"soi-hint-cta-tag\" style=\"color: white;\"\u003eVotre rituel de douceur au quotidien\u003c\/p\u003e\n \u003cp class=\"soi-hint-cta-text\" style=\"color: white;\"\u003ePrenez soin de vous avec une formule bio pensée pour les zones les plus délicates. Une toilette intime douce, protectrice et vraiment naturelle, chaque jour, pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-hint-marine: #1A2D3D;\n --soi-hint-marine-dark: #0F1E2B;\n --soi-hint-marine-light: #2C4458;\n --soi-hint-pomme: #A1C544;\n --soi-hint-pomme-dark: #84A636;\n --soi-hint-pomme-light: rgba(161,197,68,0.10);\n\n --soi-hint-white: #FFFFFF;\n --soi-hint-off-white: #F8FAF6;\n --soi-hint-stone: #F1F3EE;\n --soi-hint-line: #E5E8E0;\n\n --soi-hint-primary: #7BB8CE;\n --soi-hint-primary-soft: #D0EAF5;\n --soi-hint-accent: #5A9AB5;\n\n --soi-hint-text: #1A2D3D;\n --soi-hint-text-soft: #4A5B6B;\n --soi-hint-text-muted: #7B8693;\n\n --soi-hint-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-hint-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-hint-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-hint-radius: 12px;\n --soi-hint-radius-sm: 8px;\n --soi-hint-radius-pill: 999px;\n}\n\n.soi-hint-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-hint-fiche img { max-width: 100%; height: auto; }\n\n.soi-hint-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-hint-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-hint-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-hint-hero {\n position: relative;\n background: var(--soi-hint-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-hint-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-hint-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-hint-pomme);\n}\n\n.soi-hint-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-hint-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-hint-pomme);\n border-radius: 50%;\n}\n\n.soi-hint-hero-title {\n display: block;\n color: var(--soi-hint-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-hint-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-hint-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-hint-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-hint-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-hint-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-hint-label-accent {\n background: var(--soi-hint-pomme);\n border-color: var(--soi-hint-pomme);\n color: var(--soi-hint-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-hint-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-hint-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-hint-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-hint-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-hint-pomme);\n border-radius: 2px;\n}\n\n.soi-hint-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-hint-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-hint-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-hint-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-hint-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-hint-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-hint-benefit {\n background: var(--soi-hint-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-hint-radius);\n border: 1px solid var(--soi-hint-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-hint-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-hint-shadow-md);\n}\n\n.soi-hint-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-hint-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-hint-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-hint-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-hint-benefit:hover .soi-hint-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-hint-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-hint-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-hint-benefit p {\n font-size: 13px;\n color: var(--soi-hint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-hint-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-hint-card {\n background: var(--soi-hint-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-hint-radius);\n border-left: 3px solid var(--soi-hint-pomme);\n}\n\n.soi-hint-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-hint-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-hint-card p {\n font-size: 14px;\n color: var(--soi-hint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-hint-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-hint-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-hint-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-hint-radius);\n border: 1px solid var(--soi-hint-line);\n align-items: flex-start;\n}\n\n.soi-hint-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-hint-marine);\n color: var(--soi-hint-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-hint-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-hint-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-hint-step-content p {\n font-size: 14px;\n color: var(--soi-hint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-hint-compo {\n background: var(--soi-hint-off-white);\n border-radius: var(--soi-hint-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-hint-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-hint-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-hint-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-hint-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-hint-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-hint-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-hint-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-hint-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-hint-pomme-light);\n border-left: 4px solid var(--soi-hint-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-hint-radius) var(--soi-hint-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-hint-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-hint-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-hint-marine);\n margin-bottom: 4px;\n}\n\n.soi-hint-tip p {\n font-size: 14px;\n color: var(--soi-hint-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-hint-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-hint-accordion-item {\n background: var(--soi-hint-off-white);\n border-radius: var(--soi-hint-radius-sm);\n border: 1px solid var(--soi-hint-line);\n overflow: hidden;\n}\n\n.soi-hint-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-hint-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-hint-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-hint-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-hint-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-hint-accordion-item[open] .soi-hint-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-hint-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-hint-accordion-content p {\n font-size: 14px;\n color: var(--soi-hint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-hint-cta-box {\n background: var(--soi-hint-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-hint-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-hint-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-hint-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-hint-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-hint-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-hint-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-hint-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-hint-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-hint-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-hint-compo-value {\n text-align: left;\n }\n\n .soi-hint-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-hint-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-hint-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-hint-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-hint-fiche {\n --soi-hint-text-soft: #2C3E50;\n --soi-hint-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603297853770,"sku":"CE0444","price":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":"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":"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":"soin-s-o-s-bucco-dentaire-propolis-miel-girofle-propolia","title":"Soin S.O.S. bucco-dentaire Propolis, Miel \u0026 Girofle – Propolia","description":"\n\u003cdiv class=\"soi-sosd-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-sosd-hero\"\u003e\n \u003cdiv class=\"soi-sosd-hero-tag\"\u003e\n \u003cspan class=\"soi-sosd-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène bucco-dentaire · Propolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-sosd-hero-title\"\u003eLa ruche au service de votre sourire\u003c\/span\u003e\n \u003cp class=\"soi-sosd-hero-subtitle\"\u003eApaisez, purifiez et protégez votre sphère buccale grâce à la puissance de la propolis et des huiles essentielles, dans un soin 100 % naturel certifié Cosmos Natural.\u003c\/p\u003e\n \u003cdiv class=\"soi-sosd-hero-labels\"\u003e\n \u003cspan class=\"soi-sosd-label soi-sosd-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-label\"\u003eACTIFS 100 % NATURELS\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-label\"\u003eFLACON VERRE RECYCLABLE\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-label\"\u003eDÈS 6 ANS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Pourquoi choisir --\u003e\n \u003csection class=\"soi-sosd-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce soin bucco-dentaire naturel ?\u003c\/h2\u003e\n \u003cp\u003eLa \u003cstrong\u003epropolis\u003c\/strong\u003e est l'un des trésors de la ruche : utilisée depuis des siècles pour ses propriétés purifiantes, elle s'associe ici à deux huiles essentielles reconnues pour le soin buccal. Le \u003cstrong\u003eclou de girofle\u003c\/strong\u003e est traditionnellement apprécié pour son action apaisante sur les gencives sensibles, tandis que la \u003cstrong\u003ecannelle\u003c\/strong\u003e contribue à assainir la sphère orale.\u003c\/p\u003e\n \u003cp\u003eLe \u003cstrong\u003emiel\u003c\/strong\u003e, quant à lui, vient adoucir et protéger les muqueuses fragilisées. Le résultat : un soin de la bouche ciblé, sans ingrédients de synthèse, qui agit là où vous en avez le plus besoin.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Composition --\u003e\n \u003csection class=\"soi-sosd-section\"\u003e\n \u003ch2\u003eComposition complète du soin\u003c\/h2\u003e\n \u003cdiv class=\"soi-sosd-grid\"\u003e\n \u003cdiv class=\"soi-sosd-card\"\u003e\n \u003ch3\u003e🐝 Propolis purifiante\u003c\/h3\u003e\n \u003cp\u003eActif phare de la ruche, reconnue pour ses vertus nettoyantes et protectrices de la sphère buccale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-card\"\u003e\n \u003ch3\u003e🍯 Miel naturel\u003c\/h3\u003e\n \u003cp\u003eAdoucit et apaise les muqueuses buccales sensibles pour un confort immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-card\"\u003e\n \u003ch3\u003e🌿 HE de clou de girofle\u003c\/h3\u003e\n \u003cp\u003eAction apaisante ciblée sur les gencives et les dents sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-card\"\u003e\n \u003ch3\u003e🌱 HE de cannelle\u003c\/h3\u003e\n \u003cp\u003ePurifie et assainit la bouche en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-card\"\u003e\n \u003ch3\u003e☘️ HE de romarin\u003c\/h3\u003e\n \u003cp\u003eComplète l'action purifiante de la formule pour une hygiène buccale optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-compo\"\u003e\n \u003cdiv class=\"soi-sosd-compo-row\"\u003e\n \u003cspan class=\"soi-sosd-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-compo-value\"\u003e30 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-compo-row\"\u003e\n \u003cspan class=\"soi-sosd-compo-label\"\u003eForme\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-compo-value\"\u003eFlacon pipette en verre recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-compo-row\"\u003e\n \u003cspan class=\"soi-sosd-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-compo-value\"\u003eCosmos Natural\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-compo-row\"\u003e\n \u003cspan class=\"soi-sosd-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-compo-value\"\u003eFrance (Occitanie)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-compo-row\"\u003e\n \u003cspan class=\"soi-sosd-compo-label\"\u003eTests\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-compo-value\"\u003eTesté sous contrôle dermatologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-compo-row\"\u003e\n \u003cspan class=\"soi-sosd-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-compo-value\"\u003eSans colorants ni actifs de synthèse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Comment utiliser --\u003e\n \u003csection class=\"soi-sosd-section\"\u003e\n \u003ch2\u003eComment utiliser ce soin bucco-dentaire ?\u003c\/h2\u003e\n \u003cp class=\"soi-sosd-section-intro\"\u003eCe soin s'utilise de deux façons selon vos besoins :\u003c\/p\u003e\n \u003cdiv class=\"soi-sosd-timeline\"\u003e\n \u003cdiv class=\"soi-sosd-step\"\u003e\n \u003cdiv class=\"soi-sosd-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-step-content\"\u003e\n \u003ch3\u003eApplication locale\u003c\/h3\u003e\n \u003cp\u003eDéposez quelques gouttes directement sur la zone concernée (gencive douloureuse, aphte, irritation) à l'aide de la pipette. Répétez 2 à 3 fois par jour selon le besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-step\"\u003e\n \u003cdiv class=\"soi-sosd-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-step-content\"\u003e\n \u003ch3\u003eBain de bouche dilué\u003c\/h3\u003e\n \u003cp\u003eDiluez 20 à 30 gouttes dans un verre d'eau tiède. Faites un bain de bouche pendant 30 secondes, matin et soir, pour assainir l'ensemble de la sphère buccale et entretenir votre hygiène quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-tip\"\u003e\n \u003cdiv class=\"soi-sosd-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un confort optimal, commencez par l'application locale lors de gênes ponctuelles, puis intégrez le bain de bouche dilué à votre routine d'hygiène dentaire quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Pour qui --\u003e\n \u003csection class=\"soi-sosd-section\"\u003e\n \u003ch2\u003ePour qui est fait ce soin de la bouche ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-sosd-benefits\"\u003e\n \u003cdiv class=\"soi-sosd-benefit\"\u003e\n \u003cdiv class=\"soi-sosd-benefit-icon\"\u003e\u003cspan\u003e😣\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eGencives sensibles\u003c\/h3\u003e\n \u003cp\u003eVous souffrez de gencives sensibles ou irritées et recherchez un soulagement naturel au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-benefit\"\u003e\n \u003cdiv class=\"soi-sosd-benefit-icon\"\u003e\u003cspan\u003e🩹\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAphtes et petites plaies\u003c\/h3\u003e\n \u003cp\u003eVous êtes sujet aux aphtes ou aux petites plaies buccales récurrentes et souhaitez favoriser leur apaisement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-benefit\"\u003e\n \u003cdiv class=\"soi-sosd-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHygiène naturelle\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez compléter votre hygiène dentaire avec un soin naturel, en alternative aux bains de bouche conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-benefit\"\u003e\n \u003cdiv class=\"soi-sosd-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux adultes et aux enfants dès 6 ans, sous surveillance parentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-accordion\"\u003e\n \u003cdetails class=\"soi-sosd-accordion-item\"\u003e\n \u003csummary class=\"soi-sosd-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-sosd-accordion-content\"\u003e\n \u003cp\u003eCe soin ne se substitue pas à un traitement médical ou dentaire. En cas de douleur persistante, consultez un professionnel de santé. Convient aux enfants dès 6 ans sous surveillance parentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Engagements --\u003e\n \u003csection class=\"soi-sosd-section\"\u003e\n \u003ch2\u003eLes engagements qualité Propolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-sosd-grid-compact\"\u003e\n \u003cdiv class=\"soi-sosd-card-mini\"\u003e\n \u003cspan class=\"soi-sosd-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-card-mini-value\"\u003e100 % naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-card-mini\"\u003e\n \u003cspan class=\"soi-sosd-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-card-mini-value\"\u003eFrance, Occitanie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-card-mini\"\u003e\n \u003cspan class=\"soi-sosd-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-card-mini-label\"\u003eFlacon\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-card-mini-value\"\u003eVerre recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sosd-card-mini\"\u003e\n \u003cspan class=\"soi-sosd-card-mini-icon\"\u003e🔬\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-card-mini-label\"\u003eContrôle\u003c\/span\u003e\n \u003cspan class=\"soi-sosd-card-mini-value\"\u003eDermatologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-sosd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-sosd-cta-box\"\u003e\n \u003cp class=\"soi-sosd-cta-tag\" style=\"color: white;\"\u003eLa ruche au service de votre sourire\u003c\/p\u003e\n \u003cp class=\"soi-sosd-cta-text\" style=\"color: white;\"\u003eQuand la nature prend soin de votre bouche, chaque journée commence mieux. Propolis, girofle et cannelle réunis dans un flacon de 30 ml pour apaiser, purifier et protéger votre sphère buccale 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-sosd-marine: #1A2D3D;\n --soi-sosd-marine-dark: #0F1E2B;\n --soi-sosd-marine-light: #2C4458;\n --soi-sosd-pomme: #A1C544;\n --soi-sosd-pomme-dark: #84A636;\n --soi-sosd-pomme-light: rgba(161,197,68,0.10);\n --soi-sosd-white: #FFFFFF;\n --soi-sosd-off-white: #F8FAF6;\n --soi-sosd-stone: #F1F3EE;\n --soi-sosd-line: #E5E8E0;\n --soi-sosd-primary: #5AAFA5;\n --soi-sosd-primary-soft: #D6EFEC;\n --soi-sosd-accent: #D4A82A;\n --soi-sosd-text: #1A2D3D;\n --soi-sosd-text-soft: #4A5B6B;\n --soi-sosd-text-muted: #7B8693;\n --soi-sosd-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-sosd-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-sosd-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-sosd-radius: 12px;\n --soi-sosd-radius-sm: 8px;\n --soi-sosd-radius-pill: 999px;\n}\n\n.soi-sosd-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sosd-fiche img { max-width: 100%; height: auto; }\n\n.soi-sosd-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-sosd-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-sosd-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-sosd-hero {\n position: relative;\n background: var(--soi-sosd-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-sosd-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-sosd-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-sosd-pomme);\n}\n\n.soi-sosd-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-sosd-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-sosd-pomme);\n border-radius: 50%;\n}\n\n.soi-sosd-hero-title {\n display: block;\n color: var(--soi-sosd-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-sosd-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-sosd-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-sosd-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-sosd-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-sosd-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-sosd-label-accent {\n background: var(--soi-sosd-pomme);\n border-color: var(--soi-sosd-pomme);\n color: var(--soi-sosd-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-sosd-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sosd-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-sosd-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-sosd-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-sosd-pomme);\n border-radius: 2px;\n}\n\n.soi-sosd-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-sosd-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-sosd-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-sosd-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-sosd-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-sosd-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-sosd-card {\n background: var(--soi-sosd-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sosd-radius);\n border-left: 3px solid var(--soi-sosd-pomme);\n}\n\n.soi-sosd-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sosd-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sosd-card p {\n font-size: 14px;\n color: var(--soi-sosd-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-sosd-compo {\n background: var(--soi-sosd-off-white);\n border-radius: var(--soi-sosd-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-sosd-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-sosd-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-sosd-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-sosd-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-sosd-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-sosd-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-sosd-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-sosd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-sosd-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-sosd-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sosd-radius);\n border: 1px solid var(--soi-sosd-line);\n align-items: flex-start;\n}\n\n.soi-sosd-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-sosd-marine);\n color: var(--soi-sosd-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-sosd-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sosd-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-sosd-step-content p {\n font-size: 14px;\n color: var(--soi-sosd-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-sosd-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-sosd-benefit {\n background: var(--soi-sosd-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-sosd-radius);\n border: 1px solid var(--soi-sosd-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sosd-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-sosd-shadow-md);\n}\n\n.soi-sosd-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-sosd-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-sosd-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-sosd-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-sosd-benefit:hover .soi-sosd-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-sosd-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sosd-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sosd-benefit p {\n font-size: 13px;\n color: var(--soi-sosd-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-sosd-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-sosd-pomme-light);\n border-left: 4px solid var(--soi-sosd-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-sosd-radius) var(--soi-sosd-radius) 0;\n align-items: flex-start;\n}\n\n.soi-sosd-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-sosd-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-sosd-marine);\n margin-bottom: 4px;\n}\n\n.soi-sosd-tip p {\n font-size: 14px;\n color: var(--soi-sosd-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-sosd-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-sosd-card-mini {\n background: var(--soi-sosd-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-sosd-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-sosd-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-sosd-card-mini-label {\n font-size: 11px;\n color: var(--soi-sosd-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-sosd-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sosd-marine);\n}\n\n\/* === ACCORDÉON === *\/\n.soi-sosd-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-sosd-accordion-item {\n background: var(--soi-sosd-off-white);\n border-radius: var(--soi-sosd-radius-sm);\n border: 1px solid var(--soi-sosd-line);\n overflow: hidden;\n}\n\n.soi-sosd-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-sosd-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-sosd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-sosd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-sosd-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-sosd-accordion-item[open] .soi-sosd-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-sosd-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-sosd-accordion-content p {\n font-size: 14px;\n color: var(--soi-sosd-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-sosd-cta-box {\n background: var(--soi-sosd-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-sosd-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-sosd-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-sosd-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-sosd-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-sosd-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-sosd-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-sosd-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-sosd-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-sosd-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-sosd-compo-value {\n text-align: left;\n }\n\n .soi-sosd-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-sosd-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-sosd-fiche {\n --soi-sosd-text-soft: #2C3E50;\n --soi-sosd-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603398254922,"sku":"AP0160","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soin-sos-bucco-dentaire-propolis-miel-girofle-propolia-packshot_cd2eb9cc-1e8d-4fd7-b32d-6667d325ab1c.webp?v=1784537989"},{"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":"savon-actif-propolis-miel-et-karite-propolia","title":"Savon actif Propolis, Miel et Karité - Propolia","description":"\u003cdiv class=\"soi-spro-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-spro-hero\"\u003e\n \u003cdiv class=\"soi-spro-hero-tag\"\u003e\n \u003cspan class=\"soi-spro-tag-dot\"\u003e\u003c\/span\u003e\n Apithérapie · Propolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-spro-hero-title\"\u003e1 savon, 3 ingrédients\u003c\/span\u003e\n \u003cp class=\"soi-spro-hero-subtitle\"\u003ePurifier, réparer et nourrir votre peau au quotidien grâce à trois actifs naturels d'exception issus de la ruche et du karité, certifiés bio.\u003c\/p\u003e\n \u003cdiv class=\"soi-spro-hero-labels\"\u003e\n \u003cspan class=\"soi-spro-label soi-spro-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-spro-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-spro-label\"\u003eSANS PARABÈNE\u003c\/span\u003e\n \u003cspan class=\"soi-spro-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003cspan class=\"soi-spro-label\"\u003e97 % NATUREL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Purifier, réparer et nourrir au naturel --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003eSavon actif Propolis, Miel et Karité : purifier, réparer et nourrir au naturel\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un savon capable de nettoyer vraiment en profondeur, sans agresser votre peau ni la dessécher ? Le savon actif propolis miel et karité Propolia est fait pour vous. Certifié COSMOS Organic et fabriqué en France (Occitanie), il combine trois actifs naturels d'exception pour un soin complet, visage et corps, adapté à toute la famille dès 3 ans.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Pourquoi ce savon fait la différence --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003ePourquoi ce savon miel et propolis fait la différence\u003c\/h2\u003e\n \u003cp class=\"soi-spro-section-intro\"\u003eContrairement à un savon classique, ce soin actif ne se contente pas de nettoyer la surface. Chaque ingrédient a un rôle précis :\u003c\/p\u003e\n \u003cdiv class=\"soi-spro-benefits\"\u003e\n \u003cdiv class=\"soi-spro-benefit\"\u003e\n \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e🐝\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePropolis bio\u003c\/h3\u003e\n \u003cp\u003eRésine naturelle produite par les abeilles, reconnue pour ses propriétés purifiantes et protectrices. Elle aide à assainir les peaux à tendance acnéique et à limiter les imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-benefit\"\u003e\n \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMiel bio\u003c\/h3\u003e\n \u003cp\u003eDoux, apaisant et réparateur, il hydrate la peau tout en la protégeant des agressions extérieures. Idéal pour les peaux sensibles ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-benefit\"\u003e\n \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBeurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, il nourrit et adoucit la peau durablement, sans laisser de sensation grasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-benefit\"\u003e\n \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e💐\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuiles essentielles\u003c\/h3\u003e\n \u003cp\u003eLa lavande et le romarin apportent une odeur fraîche et naturelle, tout en renforçant l'action purifiante du savon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-tip\"\u003e\n \u003cdiv class=\"soi-spro-tip-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe résultat\u003c\/strong\u003e\n \u003cp\u003eUne peau propre, équilibrée, douce au toucher, sans tiraillement après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Pour qui --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003ePour qui est ce savon miel propolis bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-spro-grid\"\u003e\n \u003cdiv class=\"soi-spro-card\"\u003e\n \u003ch3\u003e🎯 Peaux à imperfections ou acnéiques\u003c\/h3\u003e\n \u003cp\u003eLa propolis aide à assainir sans irriter, ce qui en fait une alternative naturelle sérieuse aux savons chimiques anti-acné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles ou sèches\u003c\/h3\u003e\n \u003cp\u003eLe karité et le miel compensent l'effet nettoyant pour éviter toute sensation d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eFormulé pour les adultes comme pour les enfants dès 3 ans, il s'utilise au quotidien sur le visage et le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Composition --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003eComposition du savon actif Propolia (INCI)\u003c\/h2\u003e\n \u003cp class=\"soi-spro-section-intro\"\u003eCe savon contient 97 % d'ingrédients d'origine naturelle, dont une part certifiée biologique. Principaux actifs :\u003c\/p\u003e\n \u003cdiv class=\"soi-spro-compo\"\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003ePropolis bio (extrait)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003eActif hydratant\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003eMiel bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003eActif nourrissant\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003eBeurre de karité bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003eHuiles essentielles\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003eLavande vraie, Romarin\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003ePoids net\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003e100 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003eSans parabène, sans sulfate, sans colorant artificiel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-tip\"\u003e\n \u003cdiv class=\"soi-spro-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eUsage externe uniquement\u003c\/strong\u003e\n \u003cp\u003eCe savon n'est pas un complément alimentaire : il est exclusivement réservé à un usage cutané externe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Mode d'emploi --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003eComment utiliser le savon propolis miel et karité ?\u003c\/h2\u003e\n \u003cp class=\"soi-spro-section-intro\"\u003eSon utilisation est simple et adaptée à votre routine quotidienne :\u003c\/p\u003e\n \u003cdiv class=\"soi-spro-timeline\"\u003e\n \u003cdiv class=\"soi-spro-step\"\u003e\n \u003cdiv class=\"soi-spro-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eMouillez votre visage ou votre corps à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step\"\u003e\n \u003cdiv class=\"soi-spro-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains ou directement sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step\"\u003e\n \u003cdiv class=\"soi-spro-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step-content\"\u003e\n \u003ch3\u003eMassez et rincez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement en mouvements circulaires, puis rincez abondamment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step\"\u003e\n \u003cdiv class=\"soi-spro-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step-content\"\u003e\n \u003ch3\u003eFréquence\u003c\/h3\u003e\n \u003cp\u003eUtilisez matin et\/ou soir selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-tip\"\u003e\n \u003cdiv class=\"soi-spro-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour prolonger la durée de vie du pain de savon, conservez-le sur un porte-savon aéré entre deux utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Garanties qualité --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003eLes garanties qualité Propolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-spro-grid-compact\"\u003e\n \u003cdiv class=\"soi-spro-card-mini\"\u003e\n \u003cspan class=\"soi-spro-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-value\"\u003eCOSMOS Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-card-mini\"\u003e\n \u003cspan class=\"soi-spro-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-value\"\u003eFrance, Occitanie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-card-mini\"\u003e\n \u003cspan class=\"soi-spro-card-mini-icon\"\u003e🐝\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-label\"\u003eEngagement\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-value\"\u003e+ de 30 ans d'apiculture\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-card-mini\"\u003e\n \u003cspan class=\"soi-spro-card-mini-icon\"\u003e✈️\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-value\"\u003e100 g, compact\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-spro-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-spro-cta-box\"\u003e\n \u003cp class=\"soi-spro-cta-tag\" style=\"color: white;\"\u003eUn soin d'hygiène purifiant, certifié bio\u003c\/p\u003e\n \u003cp class=\"soi-spro-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau la douceur de la ruche et du karité. Le savon actif Propolia, c'est la réponse naturelle pour une peau visiblement plus nette et plus douce, pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-spro-marine: #1A2D3D;\n --soi-spro-marine-dark: #0F1E2B;\n --soi-spro-marine-light: #2C4458;\n --soi-spro-pomme: #A1C544;\n --soi-spro-pomme-dark: #84A636;\n --soi-spro-pomme-light: rgba(161,197,68,0.10);\n --soi-spro-white: #FFFFFF;\n --soi-spro-off-white: #F8FAF6;\n --soi-spro-stone: #F1F3EE;\n --soi-spro-line: #E5E8E0;\n --soi-spro-primary: #D4A82A;\n --soi-spro-primary-soft: #F5E6B8;\n --soi-spro-accent: #8A5082;\n --soi-spro-text: #1A2D3D;\n --soi-spro-text-soft: #4A5B6B;\n --soi-spro-text-muted: #7B8693;\n --soi-spro-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-spro-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-spro-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-spro-radius: 12px;\n --soi-spro-radius-sm: 8px;\n --soi-spro-radius-pill: 999px;\n}\n\n.soi-spro-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-spro-fiche img { max-width: 100%; height: auto; }\n\n.soi-spro-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-spro-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-spro-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-spro-hero {\n position: relative;\n background: var(--soi-spro-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-spro-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-spro-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-spro-pomme);\n}\n\n.soi-spro-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-spro-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-spro-pomme);\n border-radius: 50%;\n}\n\n.soi-spro-hero-title {\n display: block;\n color: var(--soi-spro-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-spro-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-spro-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-spro-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-spro-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-spro-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-spro-label-accent {\n background: var(--soi-spro-pomme);\n border-color: var(--soi-spro-pomme);\n color: var(--soi-spro-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-spro-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-spro-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-spro-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-spro-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-spro-pomme);\n border-radius: 2px;\n}\n\n.soi-spro-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-spro-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-spro-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-spro-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-spro-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-spro-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-spro-benefit {\n background: var(--soi-spro-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-spro-radius);\n border: 1px solid var(--soi-spro-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-spro-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-spro-shadow-md);\n}\n\n.soi-spro-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-spro-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-spro-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-spro-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-spro-benefit:hover .soi-spro-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-spro-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-spro-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-spro-benefit p {\n font-size: 13px;\n color: var(--soi-spro-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-spro-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-spro-card {\n background: var(--soi-spro-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-spro-radius);\n border-left: 3px solid var(--soi-spro-pomme);\n}\n\n.soi-spro-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-spro-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-spro-card p {\n font-size: 14px;\n color: var(--soi-spro-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-spro-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-spro-card-mini {\n background: var(--soi-spro-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-spro-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-spro-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-spro-card-mini-label {\n font-size: 11px;\n color: var(--soi-spro-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-spro-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-spro-marine);\n}\n\n\/* TIMELINE *\/\n.soi-spro-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-spro-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-spro-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-spro-radius);\n border: 1px solid var(--soi-spro-line);\n align-items: flex-start;\n}\n\n.soi-spro-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-spro-marine);\n color: var(--soi-spro-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-spro-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-spro-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-spro-step-content p {\n font-size: 14px;\n color: var(--soi-spro-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-spro-compo {\n background: var(--soi-spro-off-white);\n border-radius: var(--soi-spro-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.soi-spro-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-spro-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-spro-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-spro-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-spro-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-spro-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-spro-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-spro-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-spro-pomme-light);\n border-left: 4px solid var(--soi-spro-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-spro-radius) var(--soi-spro-radius) 0;\n align-items: flex-start;\n}\n\n.soi-spro-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-spro-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-spro-marine);\n margin-bottom: 4px;\n}\n\n.soi-spro-tip p {\n font-size: 14px;\n color: var(--soi-spro-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-spro-cta-box {\n background: var(--soi-spro-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-spro-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-spro-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-spro-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-spro-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-spro-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-spro-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-spro-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n .soi-spro-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-spro-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-spro-compo-value {\n text-align: left;\n }\n\n .soi-spro-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-spro-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-spro-fiche {\n --soi-spro-text-soft: #2C3E50;\n --soi-spro-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603407397194,"sku":"AP0041","price":5.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-actif-propolis-miel-et-karite-propolia-packshot.webp?v=1779803435"},{"product_id":"dentifrice-protection-integrale-certifiee-bio-centifolia","title":"Dentifrice Protection intégrale certifiée bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLe Dentifrice Protection Intégrale certifié bio de Centifolia\u003c\/strong\u003e, en format 75 ml, offre une\u003cstrong\u003e hygiène buccale optimale \u003c\/strong\u003eet un soin ciblé \u003cstrong\u003epour les gencives sensibles\u003c\/strong\u003e. Sa formule douce et non abrasive est spécialement conçue pour respecter les gencives et l'émail des dents tout en nettoyant en profondeur.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0480_4be44072-32e2-4ad0-a3b7-b7cbe1100c9a.jpg?v=1776180754\" alt=\"Photo d'une femme pointant son sourir avec ses doigts\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et bienfaits du Dentifrice Protection intégrale \u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule douce et non Abrasive :\u003c\/strong\u003e respecte les gencives et l'émail des dents, convient parfaitement aux gencives sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection contre les caries :\u003c\/strong\u003e enrichi en odium monofluorophosphate (forme stabilisée de fluor) à hauteur de 1450 ppm, pour aider à prévenir les caries et renforcer les dents.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation et apaisement :\u003c\/strong\u003e contient de la poudre d'Aloe Vera bio pour hydrater et apaiser la zone buccale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNettoyage en profondeur :\u003c\/strong\u003e élimine efficacement la plaque dentaire pour une bouche propre et saine.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConvient à tous :\u003c\/strong\u003e adapté à tous les types de gencives, y compris les plus sensibles, et adapté pour les femmes enceintes ou allaitantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifications et qualité : \u003c\/strong\u003e produit fabriqué en France, certifié COSMOS ORGANIC par Ecocert, et adapté aux personnes vegans.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cstrong\u003ePrincipaux actifs du Dentifrice Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSodium monofluorophosphate (1450ppm) :\u003c\/strong\u003e renforce les dents, lutte contre les caries et favorise la reminéralisation de l'émail.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePoudre d'Aloe Vera Bio :\u003c\/strong\u003e hydrate et apaise les gencives pour un confort optimal.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLe Dentifrice Protection Gencives de Centifolia est conçu pour offrir un soin complet de la bouche tout en étant respectueux de l'environnement et des animaux. Sa certification Cosmos Organic par Ecocert garantit une composition naturelle et biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eAdoptez dès aujourd'hui une \u003cstrong\u003eroutine de soins bucco-dentaires naturelle et efficace\u003c\/strong\u003e avec le \u003cstrong\u003eDentifrice Protection Intégrale de Centifolia\u003c\/strong\u003e !\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603410149706,"sku":"CE0481","price":3.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":"savon-simple-et-sans-parfum-le-gang-des-bulles","title":"Savon 3en1 Sans Parfum - Le Gang des Bulles","description":"\u003cdiv class=\"soi-svon-fiche\"\u003e\n\n\u003csection class=\"soi-svon-hero\"\u003e\n \u003cdiv class=\"soi-svon-hero-tag\"\u003e\n \u003cspan class=\"soi-svon-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Le Gang des Bulles\n \u003c\/div\u003e\n \u003cspan class=\"soi-svon-hero-title\"\u003eSavon Simple et sans Parfum\u003c\/span\u003e\n \u003cp class=\"soi-svon-hero-subtitle\"\u003eUn savon doux, sans artifice, qui nettoie mains, visage et corps en préservant l'équilibre naturel de votre peau. Un seul flacon, une routine simplifiée, une peau qui respire.\u003c\/p\u003e\n \u003cdiv class=\"soi-svon-hero-labels\"\u003e\n \u003cspan class=\"soi-svon-label soi-svon-label-accent\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003cspan class=\"soi-svon-label\"\u003eVÉGAN\u003c\/span\u003e\n \u003cspan class=\"soi-svon-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-svon-label\"\u003eSURGRAS\u003c\/span\u003e\n \u003cspan class=\"soi-svon-label\"\u003eSAPONIFICATION À FROID\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003eUn savon 3-en-1 taillé pour les peaux sensibles\u003c\/h2\u003e\n \u003cp\u003eCe savon doux sans parfum répond parfaitement aux besoins des peaux réactives, fragiles ou intolérantes aux formules conventionnelles. Grâce à son \u003cstrong\u003epH neutre et sa formule surgras\u003c\/strong\u003e, il nettoie sans décaper, sans irriter, sans altérer le film hydrolipidique. Résultat : une peau propre, souple et confortable après chaque utilisation.\u003c\/p\u003e\n \u003cp\u003eSon absence totale de parfum, de colorant et de conservateur en fait une option idéale pour toute la famille, y compris les peaux des bébés, des femmes enceintes ou de toute personne cherchant un savon neutre pour l'hygiène quotidienne, y compris l'hygiène intime externe.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003eCe qui rend ce savon vraiment différent\u003c\/h2\u003e\n \u003cdiv class=\"soi-svon-grid\"\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🌿 Saponification à froid\u003c\/h3\u003e\n \u003cp\u003eUn procédé artisanal qui conserve tous les actifs des huiles végétales et enrichit naturellement le savon en glycérine, pour une douceur incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eSavonnerie artisanale française, circuits courts, zéro dérivé pétrochimique : un choix responsable à chaque geste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🐰 Végan et non testé sur les animaux\u003c\/h3\u003e\n \u003cp\u003eFormule 100 % d'origine naturelle, biodégradable, sans aucun ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e💧 Savon surgras sans parfum\u003c\/h3\u003e\n \u003cp\u003eRiche en huiles nourrissantes, il respecte et renforce la barrière cutanée à chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003eComposition détaillée : des huiles bio sélectionnées avec soin\u003c\/h2\u003e\n \u003cp class=\"soi-svon-section-intro\"\u003eChaque ingrédient a été choisi pour son rôle précis sur la peau :\u003c\/p\u003e\n \u003cdiv class=\"soi-svon-benefits\"\u003e\n \u003cdiv class=\"soi-svon-benefit\"\u003e\n \u003cdiv class=\"soi-svon-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive extra vierge bio\u003c\/h3\u003e\n \u003cp\u003eNourrissante et émolliente, elle protège et adoucit durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-benefit\"\u003e\n \u003cdiv class=\"soi-svon-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de coco vierge bio\u003c\/h3\u003e\n \u003cp\u003eNettoyante et antibactérienne naturelle, elle produit une mousse légère et enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-benefit\"\u003e\n \u003cdiv class=\"soi-svon-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de chanvre vierge bio\u003c\/h3\u003e\n \u003cp\u003eRiche en oméga 3 et 6, elle apaise les peaux irritées et rééquilibre les peaux mixtes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-benefit\"\u003e\n \u003cdiv class=\"soi-svon-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCBD\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés apaisantes et anti-inflammatoires, il soutient le confort des peaux sensibles ou sujettes aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-tip\"\u003e\n \u003cdiv class=\"soi-svon-tip-icon\"\u003e🚫\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eSans aucun compromis\u003c\/strong\u003e\n \u003cp\u003eSans parfum synthétique, colorant, conservateur, sulfate, parabène, silicone, dérivé pétrochimique ni OGM.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-svon-timeline\"\u003e\n \u003cdiv class=\"soi-svon-step\"\u003e\n \u003cdiv class=\"soi-svon-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une petite dose sur peau humide, mains, visage ou corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step\"\u003e\n \u003cdiv class=\"soi-svon-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMassez doucement, puis rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step\"\u003e\n \u003cdiv class=\"soi-svon-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step-content\"\u003e\n \u003ch3\u003eMatin et soir\u003c\/h3\u003e\n \u003cp\u003eUtilisable quotidiennement pour l'hygiène des mains, du visage, du corps ou en savon pour hygiène intime externe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003ePour qui est ce savon ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-svon-grid\"\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les peaux fragiles, sujettes aux allergies ou intolérantes aux formules classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes ou allaitantes\u003c\/h3\u003e\n \u003cp\u003ePour celles qui souhaitent limiter les expositions aux perturbateurs, en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e👶 Toute la famille, bébés inclus\u003c\/h3\u003e\n \u003cp\u003eUne formule épurée, douce et sûre pour chaque membre du foyer, dès le plus jeune âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🔍 Vous qui cherchez la transparence\u003c\/h3\u003e\n \u003cp\u003eUn savon de qualité, sans artifice, pour une hygiène quotidienne responsable et respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003cdiv class=\"soi-svon-accordion\"\u003e\n \u003cdetails class=\"soi-svon-accordion-item\"\u003e\n \u003csummary class=\"soi-svon-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-svon-accordion-content\"\u003e\n \u003cp\u003eCe produit cosmétique n'est pas un médicament et ne remplace pas un avis médical. En cas d'irritation cutanée persistante, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-svon-cta-box\"\u003e\n \u003cp class=\"soi-svon-cta-tag\" style=\"color: white;\"\u003eSe laver naturellement, commencer par l'essentiel\u003c\/p\u003e\n \u003cp class=\"soi-svon-cta-text\" style=\"color: white;\"\u003ePropre, sain, sans compromis. Avec ses huiles bio et son CBD apaisant, ce savon prend soin de votre peau chaque jour, en toute transparence. Pour vous, pour votre famille, pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-svon-marine: #1A2D3D;\n --soi-svon-marine-dark: #0F1E2B;\n --soi-svon-marine-light: #2C4458;\n --soi-svon-pomme: #A1C544;\n --soi-svon-pomme-dark: #84A636;\n --soi-svon-pomme-light: rgba(161,197,68,0.10);\n\n --soi-svon-white: #FFFFFF;\n --soi-svon-off-white: #F8FAF6;\n --soi-svon-stone: #F1F3EE;\n --soi-svon-line: #E5E8E0;\n\n --soi-svon-primary: #A8C8B8;\n --soi-svon-primary-soft: #D4E5DC;\n --soi-svon-accent: #C4A97D;\n\n --soi-svon-text: #1A2D3D;\n --soi-svon-text-soft: #4A5B6B;\n --soi-svon-text-muted: #7B8693;\n\n --soi-svon-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-svon-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-svon-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-svon-radius: 12px;\n --soi-svon-radius-sm: 8px;\n --soi-svon-radius-pill: 999px;\n}\n\n.soi-svon-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-svon-fiche img { max-width: 100%; height: auto; }\n\n.soi-svon-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-svon-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-svon-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-svon-hero {\n position: relative;\n background: var(--soi-svon-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-svon-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-svon-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-svon-pomme);\n}\n\n.soi-svon-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-svon-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-svon-pomme);\n border-radius: 50%;\n}\n\n.soi-svon-hero-title {\n display: block;\n color: var(--soi-svon-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-svon-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-svon-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-svon-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-svon-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-svon-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-svon-label-accent {\n background: var(--soi-svon-pomme);\n border-color: var(--soi-svon-pomme);\n color: var(--soi-svon-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-svon-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-svon-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-svon-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-svon-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-svon-pomme);\n border-radius: 2px;\n}\n\n.soi-svon-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-svon-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-svon-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-svon-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-svon-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-svon-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-svon-benefit {\n background: var(--soi-svon-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-svon-radius);\n border: 1px solid var(--soi-svon-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-svon-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-svon-shadow-md);\n}\n\n.soi-svon-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-svon-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-svon-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-svon-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-svon-benefit:hover .soi-svon-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-svon-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-svon-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-svon-benefit p {\n font-size: 13px;\n color: var(--soi-svon-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-svon-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-svon-card {\n background: var(--soi-svon-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-svon-radius);\n border-left: 3px solid var(--soi-svon-pomme);\n}\n\n.soi-svon-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-svon-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-svon-card p {\n font-size: 14px;\n color: var(--soi-svon-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-svon-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-svon-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-svon-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-svon-radius);\n border: 1px solid var(--soi-svon-line);\n align-items: flex-start;\n}\n\n.soi-svon-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-svon-marine);\n color: var(--soi-svon-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-svon-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-svon-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-svon-step-content p {\n font-size: 14px;\n color: var(--soi-svon-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-svon-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-svon-pomme-light);\n border-left: 4px solid var(--soi-svon-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-svon-radius) var(--soi-svon-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-svon-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-svon-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-svon-marine);\n margin-bottom: 4px;\n}\n\n.soi-svon-tip p {\n font-size: 14px;\n color: var(--soi-svon-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-svon-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-svon-accordion-item {\n background: var(--soi-svon-off-white);\n border-radius: var(--soi-svon-radius-sm);\n border: 1px solid var(--soi-svon-line);\n overflow: hidden;\n}\n\n.soi-svon-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-svon-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-svon-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-svon-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-svon-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-svon-accordion-item[open] .soi-svon-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-svon-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-svon-accordion-content p {\n font-size: 14px;\n color: var(--soi-svon-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-svon-cta-box {\n background: var(--soi-svon-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-svon-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-svon-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-svon-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-svon-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-svon-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-svon-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-svon-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-svon-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-svon-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-svon-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-svon-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-svon-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-svon-fiche {\n --soi-svon-text-soft: #2C3E50;\n --soi-svon-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603425026378,"sku":"GB0015","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/Savon3en1SansParfum-LeGangdesBulles_11zon.webp?v=1781253181"},{"product_id":"shampoing-bio-cheveux-normaux-le-gang-des-bulles","title":"Shampoing bio cheveux normaux - Le Gang des Bulles","description":"\u003cdiv class=\"soi-shbio-fiche\"\u003e\n\n\u003csection class=\"soi-shbio-hero\"\u003e\n \u003cdiv class=\"soi-shbio-hero-tag\"\u003e\n \u003cspan class=\"soi-shbio-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Le Gang des Bulles\n \u003c\/div\u003e\n \u003cspan class=\"soi-shbio-hero-title\"\u003eShampoing bio cheveux normaux\u003c\/span\u003e\n \u003cp class=\"soi-shbio-hero-subtitle\"\u003eUn soin capillaire certifié bio au parfum d'amande, pour des cheveux propres, souples et éclatants sans compromis sur la composition.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbio-hero-labels\"\u003e\n \u003cspan class=\"soi-shbio-label soi-shbio-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eB CORP\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eCe que contient vraiment ce shampoing bio\u003c\/h2\u003e\n \u003cp class=\"soi-shbio-section-intro\"\u003eLa force de ce soin réside dans sa composition. Chaque ingrédient a été sélectionné pour son efficacité prouvée sur les cheveux normaux.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbio-grid\"\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🌾 Protéines de blé hydrolysées\u003c\/h3\u003e\n \u003cp\u003eElles renforcent la fibre capillaire de l'intérieur, apportent de la souplesse et un vrai éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🌼 Eau florale d'hélichryse bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes, elle calme le cuir chevelu sensible et procure un confort immédiat après le lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale bio\u003c\/h3\u003e\n \u003cp\u003eElle hydrate et retient l'eau au cœur du cheveu pour un démêlage facilité et une meilleure élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🍑 Huile de prune de Gascogne\u003c\/h3\u003e\n \u003cp\u003eUn actif précieux du terroir français qui nourrit sans alourdir et laisse les cheveux incroyablement doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🌸 Parfum naturel d'amande\u003c\/h3\u003e\n \u003cp\u003eUne signature olfactive subtile et réconfortante pour chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003ePour qui est ce shampoing bio certifié Cosmos Organic ?\u003c\/h2\u003e\n \u003cp\u003eCe shampoing s'adresse à toute personne aux cheveux normaux, ni trop secs ni trop gras, qui souhaite adopter une routine capillaire naturelle et bio sans compromis sur l'efficacité. Il convient aussi aux cuirs chevelus légèrement sensibles grâce à l'eau florale d'hélichryse apaisante.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbio-tip\"\u003e\n \u003cdiv class=\"soi-shbio-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSi vous souhaitez compléter votre rituel, sachez qu'il existe également un après-shampoing bio compatible pour optimiser le démêlage et le soin sur la longueur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eComment l'utiliser pour de meilleurs résultats ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-timeline\"\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eMouillez abondamment\u003c\/h3\u003e\n \u003cp\u003eMouillez vos cheveux à l'eau tiède avant application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eAppliquez une noisette\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampoing sur le cuir chevelu, massez en mouvements circulaires, puis rincez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau fraîche pour sceller les écailles du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1.25rem;\"\u003eLe format 200 ml super concentré vous accompagne longtemps : une petite quantité suffit à chaque utilisation.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eLes engagements Le Gang des Bulles\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-grid-compact\"\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eCosmos Organic (Ecocert)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🅱️\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eResponsabilité\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eB Corp certifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eVegan \u0026amp; Cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eSans sulfate\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eSans silicone\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eSans paraben\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur ce shampoing bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-accordion\"\u003e\n \u003cdetails class=\"soi-shbio-accordion-item\"\u003e\n \u003csummary class=\"soi-shbio-accordion-header\"\u003e🧴 Le shampoing bio mousse-t-il autant qu'un shampoing classique ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-shbio-accordion-content\"\u003e\n \u003cp\u003eLa mousse est légèrement moins dense que celle des shampoings conventionnels, car il ne contient pas de sulfates moussants agressifs. Cela n'affecte pas son efficacité nettoyante : vos cheveux ressortent propres, légers et brillants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-shbio-accordion-item\"\u003e\n \u003csummary class=\"soi-shbio-accordion-header\"\u003e⏳ Faut-il une période de transition avant de voir les résultats ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-shbio-accordion-content\"\u003e\n \u003cp\u003eSi vous passez d'un shampoing classique à ce soin bio, un temps d'adaptation de 2 à 4 semaines est parfois nécessaire, le temps que votre cuir chevelu retrouve son équilibre naturel. Restez régulier, les résultats sont au rendez-vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-shbio-accordion-item\"\u003e\n \u003csummary class=\"soi-shbio-accordion-header\"\u003e🎨 Ce shampoing bio convient-il aux cheveux colorés ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-shbio-accordion-content\"\u003e\n \u003cp\u003eOui. Sa formule douce sans sulfate préserve la couleur plus longtemps qu'un shampoing conventionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003cp style=\"font-size: 0.85em; color: var(--soi-shbio-text-muted);\"\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne se substitue pas à l'avis d'un professionnel de santé en cas de problème capillaire ou dermatologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shbio-cta-box\"\u003e\n \u003cp class=\"soi-shbio-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, un lavage après l'autre\u003c\/p\u003e\n \u003cp class=\"soi-shbio-cta-text\" style=\"color: white;\"\u003eChaque matin, vos cheveux méritent des actifs naturels sélectionnés avec soin, un parfum d'amande qui met de bonne humeur, et la certitude de faire un choix cohérent pour vous et pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shbio-marine: #1A2D3D;\n --soi-shbio-marine-dark: #0F1E2B;\n --soi-shbio-marine-light: #2C4458;\n --soi-shbio-pomme: #A1C544;\n --soi-shbio-pomme-dark: #84A636;\n --soi-shbio-pomme-light: rgba(161,197,68,0.10);\n\n --soi-shbio-white: #FFFFFF;\n --soi-shbio-off-white: #F8FAF6;\n --soi-shbio-stone: #F1F3EE;\n --soi-shbio-line: #E5E8E0;\n\n --soi-shbio-primary: #C0724A;\n --soi-shbio-primary-soft: #F5E1D4;\n --soi-shbio-accent: #D4A88A;\n\n --soi-shbio-text: #1A2D3D;\n --soi-shbio-text-soft: #4A5B6B;\n --soi-shbio-text-muted: #7B8693;\n\n --soi-shbio-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shbio-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shbio-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shbio-radius: 12px;\n --soi-shbio-radius-sm: 8px;\n --soi-shbio-radius-pill: 999px;\n}\n\n.soi-shbio-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shbio-fiche img { max-width: 100%; height: auto; }\n\n.soi-shbio-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shbio-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shbio-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shbio-hero {\n position: relative;\n background: var(--soi-shbio-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shbio-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shbio-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shbio-pomme);\n}\n\n.soi-shbio-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shbio-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shbio-pomme);\n border-radius: 50%;\n}\n\n.soi-shbio-hero-title {\n display: block;\n color: var(--soi-shbio-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shbio-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shbio-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shbio-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shbio-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shbio-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shbio-label-accent {\n background: var(--soi-shbio-pomme);\n border-color: var(--soi-shbio-pomme);\n color: var(--soi-shbio-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shbio-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shbio-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shbio-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shbio-pomme);\n border-radius: 2px;\n}\n\n.soi-shbio-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shbio-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shbio-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shbio-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shbio-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shbio-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shbio-card {\n background: var(--soi-shbio-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbio-radius);\n border-left: 3px solid var(--soi-shbio-pomme);\n}\n\n.soi-shbio-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbio-card p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shbio-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shbio-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shbio-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbio-radius);\n border: 1px solid var(--soi-shbio-line);\n align-items: flex-start;\n}\n\n.soi-shbio-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shbio-marine);\n color: var(--soi-shbio-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shbio-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shbio-step-content p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-shbio-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-shbio-card-mini {\n background: var(--soi-shbio-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shbio-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shbio-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shbio-card-mini-label {\n font-size: 11px;\n color: var(--soi-shbio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shbio-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shbio-compo {\n background: var(--soi-shbio-off-white);\n border-radius: var(--soi-shbio-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shbio-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shbio-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shbio-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shbio-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shbio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shbio-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shbio-pomme-dark);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shbio-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shbio-pomme-light);\n border-left: 4px solid var(--soi-shbio-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shbio-radius) var(--soi-shbio-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-shbio-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shbio-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shbio-marine);\n margin-bottom: 4px;\n}\n\n.soi-shbio-tip p {\n font-size: 14px;\n color: var(--soi-shbio-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shbio-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shbio-accordion-item {\n background: var(--soi-shbio-off-white);\n border-radius: var(--soi-shbio-radius-sm);\n border: 1px solid var(--soi-shbio-line);\n overflow: hidden;\n}\n\n.soi-shbio-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shbio-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-shbio-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shbio-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shbio-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shbio-accordion-item[open] .soi-shbio-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shbio-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shbio-accordion-content p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shbio-cta-box {\n background: var(--soi-shbio-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shbio-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shbio-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shbio-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shbio-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shbio-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shbio-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shbio-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-shbio-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shbio-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shbio-compo-value {\n text-align: left;\n }\n\n .soi-shbio-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shbio-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shbio-fiche {\n --soi-shbio-text-soft: #2C3E50;\n --soi-shbio-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603425321290,"sku":"GB0020","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-bio-cheveux-normaux-le-gang-des-bulles-packshot.webp?v=1779453204"},{"product_id":"shampoing-bio-cheveux-secs-le-gang-des-bulles","title":"Shampoing bio cheveux secs - Le Gang des Bulles","description":"\u003cdiv class=\"soi-shbio-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-shbio-hero\"\u003e\n \u003cdiv class=\"soi-shbio-hero-tag\"\u003e\n \u003cspan class=\"soi-shbio-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Le Gang des Bulles\n \u003c\/div\u003e\n \u003cspan class=\"soi-shbio-hero-title\"\u003eShampoing bio cheveux secs\u003c\/span\u003e\n \u003cp class=\"soi-shbio-hero-subtitle\"\u003eNourrissez en profondeur vos cheveux secs et abîmés grâce à une formule certifiée, concentrée et délicatement parfumée sauge ananas.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbio-hero-labels\"\u003e\n \u003cspan class=\"soi-shbio-label soi-shbio-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eCERTIFIÉ B CORP\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eSANS SULFATE · SANS SILICONE · SANS PARABEN\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eLe shampoing bio idéal pour les cheveux secs et abîmés\u003c\/h2\u003e\n \u003cp\u003eVos cheveux tirent, cassent, manquent d'éclat ? C'est souvent le signe d'une fibre capillaire assoiffée qui réclame des soins vrais et des actifs nourrissants. Le \u003cstrong\u003eshampoing bio cheveux secs du Gang des Bulles\u003c\/strong\u003e a été pensé précisément pour cela : nourrir en profondeur, restaurer la souplesse et sublimer votre chevelure, lavage après lavage.\u003c\/p\u003e\n \u003cp\u003eCertifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, formulé et fabriqué en France, il s'impose comme l'un des \u003cstrong\u003emeilleurs shampoings pour cheveux secs\u003c\/strong\u003e du marché naturel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003ePourquoi vos cheveux secs ont besoin d'un shampoing bio adapté\u003c\/h2\u003e\n \u003cp\u003eLes cheveux secs manquent de lipides : leur cuticule ne retient plus l'eau correctement, ce qui provoque des frisottis, une texture rêche et une casse accrue. La plupart des shampoings conventionnels aggravent le problème en décapant encore davantage le film hydrolipidique avec des sulfates agressifs.\u003c\/p\u003e\n \u003cp\u003eCe \u003cstrong\u003eshampoing bio pour cheveux secs\u003c\/strong\u003e prend le contre-pied de cette logique : sans sulfate, sans silicone, sans paraben, il nettoie en douceur tout en déposant une couche protectrice et nutritive sur chaque mèche. Résultat : des cheveux lavés, mais pas dépouillés.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Actifs --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eLes actifs bio qui font vraiment la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-benefits\"\u003e\n \u003cdiv class=\"soi-shbio-benefit\"\u003e\n \u003cdiv class=\"soi-shbio-benefit-icon\"\u003e\u003cspan\u003e🍑\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de prune bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras insaturés, elle pénètre la fibre capillaire pour la nourrir en profondeur et redonner brillance et douceur sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-benefit\"\u003e\n \u003cdiv class=\"soi-shbio-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de coco bio\u003c\/h3\u003e\n \u003cp\u003eSes propriétés hydratantes et réparatrices renforcent la structure du cheveu de l'intérieur, luttant contre la sécheresse et la casse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-benefit\"\u003e\n \u003cdiv class=\"soi-shbio-benefit-icon\"\u003e\u003cspan\u003e🌼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEau florale d'hélichryse bio\u003c\/h3\u003e\n \u003cp\u003eApaisante et rééquilibrante, elle calme les irritations du cuir chevelu et contribue à un environnement sain pour la repousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-tip\"\u003e\n \u003cdiv class=\"soi-shbio-tip-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe trio d'actifs agit en synergie pour répondre aux vrais besoins des cheveux secs, cassants ou fragilisés : hydratation, nutrition, protection.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Formule concentrée --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eUne formule concentrée, un parfum inoubliable\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-grid-compact\"\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003e200 ml super concentré\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🍍\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eSauge ananas\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e✨\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eTexture\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eLaiteuse, rinçage facile\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:1.25rem;\"\u003eUne petite quantité suffit pour une mousse onctueuse et généreuse. Chaque lavage libère un délicat parfum \u003cstrong\u003esauge ananas\u003c\/strong\u003e, frais, végétal et original, qui transforme votre routine en un vrai moment de plaisir sensoriel. Votre chevelure ressort légère, douce et visiblement plus nourrie dès la première utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Mode d'emploi --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing pour cheveux secs\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-timeline\"\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés. La formule est concentrée, pas besoin d'en mettre beaucoup.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu en mouvements circulaires pour activer la circulation et bien répartir les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède, jamais trop chaude pour préserver l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eComplétez (optionnel)\u003c\/h3\u003e\n \u003cp\u003ePour un résultat optimal, associez-le à un masque nourrissant ou à une huile capillaire une à deux fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-tip\"\u003e\n \u003cdiv class=\"soi-shbio-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe shampoing convient à un usage régulier, idéalement deux à trois fois par semaine selon la nature de votre chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Pour qui --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003ePour qui est fait ce shampoing bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-grid\"\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🌾 Cheveux naturellement secs\u003c\/h3\u003e\n \u003cp\u003eSi votre fibre capillaire manque de lipides au quotidien, ce shampoing apporte la nutrition profonde dont vous avez besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🔥 Cheveux abîmés par la chaleur ou les colorations\u003c\/h3\u003e\n \u003cp\u003eFragilisés par le sèche-cheveux, le lisseur ou les traitements chimiques, vos cheveux retrouvent souplesse et vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🍃 Cuirs chevelus sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient aux cuirs chevelus sensibles et aux cheveux colorés. Certifié B Corp et Cosmos Organic pour une formule respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 : Composition --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eComposition complète du shampoing bio cheveux secs\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-compo\"\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eINCI complet\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\" style=\"text-align:left; font-weight:400; font-size:13px; line-height:1.6; color: var(--soi-shbio-text-soft);\"\u003eAqua, Sodium Coco-Sulfate (dérivé naturel de coco), Cocamidopropyl Betaine (tensioactif doux), Prunus Domestica Seed Oil* (huile de prune), Cocos Nucifera Oil* (huile de coco), Helichrysum Italicum Flower Water* (eau florale d'hélichryse), Parfum (sauge ananas, issu d'ingrédients naturels), Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003eCosmos Organic par Ecocert Greenlife\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eVolume\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003e200 ml (format super concentré)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:1rem;\"\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-shbio-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shbio-cta-box\"\u003e\n \u003cp class=\"soi-shbio-cta-text\" style=\"color: white;\"\u003eParce que vos cheveux méritent mieux qu'un shampoing ordinaire : avec ce soin bio sauge ananas du Gang des Bulles, chaque lavage devient un geste de bienveillance envers votre chevelure et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* === Couleurs Soinat (FIXES) === *\/\n --soi-shbio-marine: #1A2D3D;\n --soi-shbio-marine-dark: #0F1E2B;\n --soi-shbio-marine-light: #2C4458;\n --soi-shbio-pomme: #A1C544;\n --soi-shbio-pomme-dark: #84A636;\n --soi-shbio-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-shbio-white: #FFFFFF;\n --soi-shbio-off-white: #F8FAF6;\n --soi-shbio-stone: #F1F3EE;\n --soi-shbio-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging sauge\/ananas\/ambre) === *\/\n --soi-shbio-primary: #D88F4A;\n --soi-shbio-primary-soft: rgba(216,143,74,0.10);\n --soi-shbio-accent: #C4703A;\n\n \/* === Textes === *\/\n --soi-shbio-text: #1A2D3D;\n --soi-shbio-text-soft: #4A5B6B;\n --soi-shbio-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-shbio-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shbio-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shbio-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shbio-radius: 12px;\n --soi-shbio-radius-sm: 8px;\n --soi-shbio-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-shbio-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shbio-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-shbio-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shbio-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shbio-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shbio-hero {\n position: relative;\n background: var(--soi-shbio-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shbio-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shbio-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shbio-pomme);\n}\n\n.soi-shbio-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shbio-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shbio-pomme);\n border-radius: 50%;\n}\n\n.soi-shbio-hero-title {\n display: block;\n color: var(--soi-shbio-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shbio-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shbio-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shbio-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shbio-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shbio-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shbio-label-accent {\n background: var(--soi-shbio-pomme);\n border-color: var(--soi-shbio-pomme);\n color: var(--soi-shbio-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shbio-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shbio-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shbio-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shbio-pomme);\n border-radius: 2px;\n}\n\n.soi-shbio-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shbio-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shbio-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shbio-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-shbio-benefit {\n background: var(--soi-shbio-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shbio-radius);\n border: 1px solid var(--soi-shbio-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shbio-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shbio-shadow-md);\n}\n\n.soi-shbio-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shbio-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-shbio-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shbio-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shbio-benefit:hover .soi-shbio-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shbio-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbio-benefit p {\n font-size: 13px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shbio-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shbio-card {\n background: var(--soi-shbio-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbio-radius);\n border-left: 3px solid var(--soi-shbio-pomme);\n}\n\n.soi-shbio-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbio-card p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-shbio-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-shbio-card-mini {\n background: var(--soi-shbio-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shbio-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shbio-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shbio-card-mini-label {\n font-size: 11px;\n color: var(--soi-shbio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shbio-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-shbio-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-shbio-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shbio-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbio-radius);\n border: 1px solid var(--soi-shbio-line);\n align-items: flex-start;\n}\n\n.soi-shbio-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shbio-marine);\n color: var(--soi-shbio-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shbio-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shbio-step-content p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-shbio-compo {\n background: var(--soi-shbio-off-white);\n border-radius: var(--soi-shbio-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shbio-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shbio-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shbio-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shbio-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shbio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-shbio-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shbio-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shbio-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shbio-pomme-light);\n border-left: 4px solid var(--soi-shbio-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shbio-radius) var(--soi-shbio-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-shbio-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shbio-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shbio-marine);\n margin-bottom: 4px;\n}\n\n.soi-shbio-tip p {\n font-size: 14px;\n color: var(--soi-shbio-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shbio-cta-box {\n background: var(--soi-shbio-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shbio-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shbio-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shbio-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shbio-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shbio-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shbio-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shbio-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-shbio-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shbio-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shbio-compo-value {\n text-align: left;\n }\n\n .soi-shbio-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-shbio-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-shbio-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-shbio-grid-compact {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shbio-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shbio-fiche {\n --soi-shbio-text-soft: #2C3E50;\n --soi-shbio-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603426074954,"sku":"GB0025","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-bio-cheveux-secs-le-gang-des-bulles-packshot.webp?v=1779452802"},{"product_id":"shampoing-bio-cheveux-gras-le-gang-des-bulles","title":"Shampoing Bio Cheveux Gras – Le Gang des Bulles","description":"\n\u003cdiv class=\"soi-shbg-fiche\"\u003e\n\n\u003csection class=\"soi-shbg-hero\"\u003e\n \u003cdiv class=\"soi-shbg-hero-tag\"\u003e\n \u003cspan class=\"soi-shbg-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Le Gang des Bulles\n \u003c\/div\u003e\n \u003cspan class=\"soi-shbg-hero-title\"\u003eShampoing Bio Cheveux Gras\u003c\/span\u003e\n \u003cp class=\"soi-shbg-hero-subtitle\"\u003eUn shampoing purifiant certifié bio qui régule le sébum en douceur et redonne légèreté et fraîcheur durable à vos cheveux, sans jamais agresser le cuir chevelu.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbg-hero-labels\"\u003e\n \u003cspan class=\"soi-shbg-label soi-shbg-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-label\"\u003eCERTIFIÉ BIO\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eLe shampoing bio pour cheveux gras qui remet les compteurs à zéro\u003c\/h2\u003e\n \u003cp\u003eVous connaissez ce sentiment de fraîcheur trop éphémère : les cheveux lavés le matin, déjà lourds et brillants le soir. Si vous cherchez un shampoing pour cheveux gras qui ne se contente pas de masquer le problème, vous êtes au bon endroit. Le \u003cstrong\u003eShampoing Bio Cheveux Gras de Le Gang des Bulles\u003c\/strong\u003e s'attaque à la source : le cuir chevelu lui-même.\u003c\/p\u003e\n \u003cp\u003eFormulé en France, certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e et fabriqué sans sulfate, sans silicone, sans paraben, ce shampoing purifiant est pensé pour rééquilibrer durablement un cuir chevelu qui sécrète trop de sébum, sans jamais agresser la fibre capillaire.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003ePourquoi votre cuir chevelu produit trop de sébum ?\u003c\/h2\u003e\n \u003cp\u003eUn excès de sébum peut être déclenché par plusieurs facteurs : le stress, une alimentation déséquilibrée, des changements hormonaux ou des shampooings trop décapants qui, en asséchant le cuir chevelu, le poussent à produire encore plus de sébum en réaction. C'est un cercle vicieux bien connu.\u003c\/p\u003e\n \u003cp\u003eLa solution ne consiste pas à laver plus souvent, mais à choisir le bon shampoing pour cheveux gras, capable de réguler sans dessécher.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font vraiment la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbg-benefits\"\u003e\n \u003cdiv class=\"soi-shbg-benefit\"\u003e\n \u003cdiv class=\"soi-shbg-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFerment de radis bio\u003c\/h3\u003e\n \u003cp\u003eVéritable star de la formule, il agit comme un régulateur naturel du sébum et assainit le cuir chevelu grâce à ses propriétés antimicrobiennes. Résultat : vos cheveux restent frais plus longtemps entre deux lavages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-benefit\"\u003e\n \u003cdiv class=\"soi-shbg-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eGlucosides de coco et de blé\u003c\/h3\u003e\n \u003cp\u003eDes agents lavants ultra-doux d'origine végétale qui nettoient en profondeur tout en respectant l'équilibre naturel du cuir chevelu. Fini les cheveux raides ou étouffés après le shampooing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-benefit\"\u003e\n \u003cdiv class=\"soi-shbg-benefit-icon\"\u003e\u003cspan\u003e🍏\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum naturel de pomme verte\u003c\/h3\u003e\n \u003cp\u003eUne note fraîche et légère qui transforme chaque lavage en un moment agréable, loin des fragrances synthétiques agressives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing purifiant ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbg-timeline\"\u003e\n \u003cdiv class=\"soi-shbg-step\"\u003e\n \u003cdiv class=\"soi-shbg-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step-content\"\u003e\n \u003ch3\u003eMouiller abondamment\u003c\/h3\u003e\n \u003cp\u003eMouillez vos cheveux à l'eau tiède pour ouvrir les écailles et faciliter la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step\"\u003e\n \u003cdiv class=\"soi-shbg-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step-content\"\u003e\n \u003ch3\u003eAppliquer une noisette\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampoing sur le cuir chevelu et massez doucement avec le bout des doigts pendant 2 à 3 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step\"\u003e\n \u003cdiv class=\"soi-shbg-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step-content\"\u003e\n \u003ch3\u003eRincer abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau fraîche pour resserrer les pores du cuir chevelu et prolonger l'effet purifiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step\"\u003e\n \u003cdiv class=\"soi-shbg-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step-content\"\u003e\n \u003ch3\u003eEspacer progressivement\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le 2 à 3 fois par semaine au début, puis espacez progressivement les lavages à mesure que votre cuir chevelu se rééquilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eCe que contient réellement ce shampoing bio (liste INCI)\u003c\/h2\u003e\n \u003cp\u003eLa formule est composée à plus de \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont une large part certifiée biologique :\u003c\/p\u003e\n \u003cp class=\"soi-shbg-inci\"\u003e\u003cem\u003eAqua, Coco-Glucoside, Glycerin* (origine végétale), Sodium Cocoamphoacetate, Leuconostoc Radish Root Ferment Filtrate*, Citric Acid, Sodium Benzoate, Potassium Sorbate, Parfum (naturel, pomme).\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003cdiv class=\"soi-shbg-compo\"\u003e\n \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n \u003cspan class=\"soi-shbg-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n \u003cspan class=\"soi-shbg-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n \u003cspan class=\"soi-shbg-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n \u003cspan class=\"soi-shbg-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-compo-value\"\u003e99 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eCe shampoing est-il fait pour vous ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbg-grid\"\u003e\n \u003cdiv class=\"soi-shbg-card\"\u003e\n \u003ch3\u003e⚡ Cheveux qui graissent vite\u003c\/h3\u003e\n \u003cp\u003eVos cheveux deviennent lourds et brillants rapidement, même après le lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-card\"\u003e\n \u003ch3\u003e🔄 Cuir chevelu déséquilibré\u003c\/h3\u003e\n \u003cp\u003eVotre cuir chevelu démange ou manque d'équilibre et vous souhaitez le réguler naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-card\"\u003e\n \u003ch3\u003e🕐 Espacer les lavages\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez espacer vos lavages sans compromis sur la fraîcheur et la légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-card\"\u003e\n \u003ch3\u003e🌿 Exigence naturelle\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un shampoing cheveux gras sans sulfate, naturel et certifié bio, avec une formule courte et honnête.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003cdiv class=\"soi-shbg-accordion\"\u003e\n \u003cdetails class=\"soi-shbg-accordion-item\"\u003e\n \u003csummary class=\"soi-shbg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-shbg-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue pas à un avis médical en cas de problème de cuir chevelu persistant (dermite, psoriasis, etc.).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shbg-cta-box\"\u003e\n \u003cp class=\"soi-shbg-cta-text\" style=\"color: white;\"\u003eEnfin un shampoing bio qui comprend vraiment les cheveux gras. Une formule courte, honnête, certifiée Cosmos Organic, qui régule le sébum en douceur et redonne à vos cheveux une légèreté durable.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shbg-marine: #1A2D3D;\n --soi-shbg-marine-dark: #0F1E2B;\n --soi-shbg-marine-light: #2C4458;\n --soi-shbg-pomme: #A1C544;\n --soi-shbg-pomme-dark: #84A636;\n --soi-shbg-pomme-light: rgba(161,197,68,0.10);\n\n --soi-shbg-white: #FFFFFF;\n --soi-shbg-off-white: #F8FAF6;\n --soi-shbg-stone: #F1F3EE;\n --soi-shbg-line: #E5E8E0;\n\n --soi-shbg-primary: #7AAD4A;\n --soi-shbg-primary-soft: #D4E8C2;\n --soi-shbg-accent: #C8A84E;\n\n --soi-shbg-text: #1A2D3D;\n --soi-shbg-text-soft: #4A5B6B;\n --soi-shbg-text-muted: #7B8693;\n\n --soi-shbg-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shbg-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shbg-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shbg-radius: 12px;\n --soi-shbg-radius-sm: 8px;\n --soi-shbg-radius-pill: 999px;\n}\n\n.soi-shbg-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shbg-fiche img { max-width: 100%; height: auto; }\n\n.soi-shbg-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shbg-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shbg-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shbg-hero {\n position: relative;\n background: var(--soi-shbg-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shbg-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shbg-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shbg-pomme);\n}\n\n.soi-shbg-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shbg-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shbg-pomme);\n border-radius: 50%;\n}\n\n.soi-shbg-hero-title {\n display: block;\n color: var(--soi-shbg-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shbg-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shbg-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shbg-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shbg-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shbg-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shbg-label-accent {\n background: var(--soi-shbg-pomme);\n border-color: var(--soi-shbg-pomme);\n color: var(--soi-shbg-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shbg-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shbg-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shbg-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shbg-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shbg-pomme);\n border-radius: 2px;\n}\n\n.soi-shbg-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shbg-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shbg-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-shbg-inci {\n background: var(--soi-shbg-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shbg-radius-sm);\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-shbg-text-soft);\n line-height: 1.7;\n}\n\n\/* === BENEFITS === *\/\n.soi-shbg-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-shbg-benefit {\n background: var(--soi-shbg-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shbg-radius);\n border: 1px solid var(--soi-shbg-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shbg-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shbg-shadow-md);\n}\n\n.soi-shbg-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shbg-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-shbg-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shbg-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shbg-benefit:hover .soi-shbg-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shbg-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbg-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbg-benefit p {\n font-size: 13px;\n color: var(--soi-shbg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shbg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shbg-card {\n background: var(--soi-shbg-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbg-radius);\n border-left: 3px solid var(--soi-shbg-pomme);\n}\n\n.soi-shbg-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbg-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbg-card p {\n font-size: 14px;\n color: var(--soi-shbg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shbg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shbg-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shbg-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbg-radius);\n border: 1px solid var(--soi-shbg-line);\n align-items: flex-start;\n}\n\n.soi-shbg-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shbg-marine);\n color: var(--soi-shbg-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shbg-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbg-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shbg-step-content p {\n font-size: 14px;\n color: var(--soi-shbg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-shbg-compo {\n background: var(--soi-shbg-off-white);\n border-radius: var(--soi-shbg-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-shbg-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shbg-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shbg-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shbg-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shbg-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shbg-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shbg-marine);\n text-align: right;\n}\n\n\/* === ACCORDION === *\/\n.soi-shbg-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shbg-accordion-item {\n background: var(--soi-shbg-off-white);\n border-radius: var(--soi-shbg-radius-sm);\n border: 1px solid var(--soi-shbg-line);\n overflow: hidden;\n}\n\n.soi-shbg-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shbg-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-shbg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shbg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shbg-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shbg-accordion-item[open] .soi-shbg-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shbg-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shbg-accordion-content p {\n font-size: 14px;\n color: var(--soi-shbg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shbg-cta-box {\n background: var(--soi-shbg-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shbg-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shbg-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shbg-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shbg-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shbg-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shbg-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shbg-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-shbg-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shbg-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shbg-compo-value {\n text-align: left;\n }\n\n .soi-shbg-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shbg-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shbg-fiche {\n --soi-shbg-text-soft: #2C3E50;\n --soi-shbg-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603426566474,"sku":"GB0030","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-bio-cheveux-gras-le-gang-des-bulles-lifestyle.webp?v=1779457543"},{"product_id":"savon-saponifie-a-froid-certifie-bio-20-aloe-vera","title":"Savon saponifié à froid certifié Bio 20% Aloe Vera","description":"\u003cdiv class=\"soi-aloe-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-aloe-hero\"\u003e\n \u003cdiv class=\"soi-aloe-hero-tag\"\u003e\n \u003cspan class=\"soi-aloe-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Pur'Aloé\n \u003c\/div\u003e\n \u003cspan class=\"soi-aloe-hero-title\"\u003eSavon saponifié à froid certifié Bio 20% Aloe Vera\u003c\/span\u003e\n \u003cp class=\"soi-aloe-hero-subtitle\"\u003eUn savon surgras artisanal fabriqué en Provence, enrichi en aloe vera natif bio et équitable pour nettoyer votre peau en douceur sans jamais l'agresser.\u003c\/p\u003e\n \u003cdiv class=\"soi-aloe-hero-labels\"\u003e\n \u003cspan class=\"soi-aloe-label soi-aloe-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eBIO \u0026amp; ÉQUITABLE\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eSANS HUILE DE PALME\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INTRO --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003cp class=\"soi-aloe-section-intro\"\u003eVous cherchez un savon qui nettoie vraiment sans agresser votre peau ? Le savon saponifié à froid certifié Bio 20% Aloe Vera de Pur'Aloé est exactement ce qu'il vous faut. Formulé en Provence avec de l'aloe vera natif issu de pulpe fraîche non chauffée, ce savon surgras préserve tous les actifs de la plante pour une efficacité maximale sur les peaux sèches, sensibles et délicates.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi choisir un savon saponifié à froid surgras ? --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon saponifié à froid surgras ?\u003c\/h2\u003e\n \u003cp\u003eLa saponification à froid est une méthode artisanale traditionnelle qui change tout. En évitant toute chauffe, elle conserve intacte la glycérine naturelle produite lors de la fabrication, ainsi que tous les bienfaits des huiles végétales. Résultat : un savon bien plus doux, nourrissant et respectueux de la peau que les savons industriels.\u003c\/p\u003e\n \u003cp\u003eAjoutez à cela la mention « surgras », qui signifie qu'une partie des huiles n'est pas saponifiée et reste libre pour nourrir directement la peau, et vous obtenez un soin lavant d'exception.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Ce que l'Aloe Vera natif apporte à votre peau --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eCe que l'Aloe Vera natif apporte à votre peau\u003c\/h2\u003e\n \u003cdiv class=\"soi-aloe-benefits\"\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation en profondeur\u003c\/h3\u003e\n \u003cp\u003eL'aloe vera, composé à 99% d'eau et de polysaccharides, retient l'humidité dans les couches superficielles de la peau pour un confort durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEffet apaisant immédiat\u003c\/h3\u003e\n \u003cp\u003eIdéal après le rasage, en cas de tiraillements ou de rougeurs légères, ce savon calme instantanément les sensations d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage doux et efficace\u003c\/h3\u003e\n \u003cp\u003eÉlimine impuretés et sébum sans perturber le film hydrolipidique naturel de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau revitalisée\u003c\/h3\u003e\n \u003cp\u003eLes vitamines A, C, E et acides aminés de la plante soutiennent le renouvellement cutané au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition et ingrédients du savon bio Pur'Aloé --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eComposition et ingrédients du savon bio Pur'Aloé\u003c\/h2\u003e\n \u003cp\u003eFormulé avec 99,9% d'ingrédients d'origine naturelle et 75% issus de l'agriculture biologique, ce savon aloe vera tient toutes ses promesses de transparence.\u003c\/p\u003e\n \u003cdiv class=\"soi-aloe-grid-compact\"\u003e\n \u003cdiv class=\"soi-aloe-card-mini\"\u003e\n \u003cspan class=\"soi-aloe-card-mini-icon\"\u003e🌵\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-label\"\u003eAloe Vera natif\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-value\"\u003e20%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card-mini\"\u003e\n \u003cspan class=\"soi-aloe-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-value\"\u003e99,9%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card-mini\"\u003e\n \u003cspan class=\"soi-aloe-card-mini-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-label\"\u003eAgriculture bio\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-value\"\u003e75%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card-mini\"\u003e\n \u003cspan class=\"soi-aloe-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-label\"\u003ePoids net\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-value\"\u003e90 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo\"\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003e20% Aloe Vera natif bio et équitable (pulpe fraîche, non chauffée)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eActif nourrissant\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eBeurre de karité certifié bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eBase aqueuse\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eSans eau ajoutée (l'aloe vera remplace intégralement l'eau)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eHuile de palme, paraben, silicone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eProvence, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser ce savon aloe vera au quotidien ? --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon aloe vera au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-aloe-timeline\"\u003e\n \u003cdiv class=\"soi-aloe-step\"\u003e\n \u003cdiv class=\"soi-aloe-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez le savon entre vos mains humides jusqu'à obtenir une mousse crémeuse et onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step\"\u003e\n \u003cdiv class=\"soi-aloe-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step-content\"\u003e\n \u003ch3\u003eAppliquez et nettoyez\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse sur le visage ou le corps, puis rincez à l'eau tiède. Convient matin et soir, en remplacement de votre gel douche ou savon habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step\"\u003e\n \u003cdiv class=\"soi-aloe-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step-content\"\u003e\n \u003ch3\u003eConservez au sec\u003c\/h3\u003e\n \u003cp\u003ePour préserver sa durée de vie, posez votre savon sur un porte-savon aéré entre chaque utilisation : bien séché, il dure bien plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-tip\"\u003e\n \u003cdiv class=\"soi-aloe-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe savon convient à toute la famille, y compris aux peaux les plus sensibles. Utilisez-le au quotidien pour simplifier votre routine avec un produit unique, sain et efficace, du visage au corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Un choix engagé pour vous et la planète --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eUn choix engagé pour vous et la planète\u003c\/h2\u003e\n \u003cdiv class=\"soi-aloe-grid\"\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🏭 Fabrication responsable\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France dans un bâtiment écologique labellisé, sans émissions de fumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e📦 Emballage écoconçu\u003c\/h3\u003e\n \u003cp\u003eEmballage en carton recyclé, sans plastique, pour réduire votre impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eAloe vera issu du commerce équitable, pour une filière juste et solidaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🌍 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eLa certification Cosmos Organic garantit des méthodes de production responsables et respectueuses de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pour qui est ce savon surgras saponifié à froid ? --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003ePour qui est ce savon surgras saponifié à froid ?\u003c\/h2\u003e\n \u003cp\u003eCe savon est particulièrement recommandé pour les peaux sèches, sensibles ou réactives, mais il convient à tous les types de peau. Il est aussi apprécié des personnes qui souhaitent simplifier leur routine beauté avec un produit unique, sain et efficace, du visage au corps.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-aloe-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-aloe-cta-box\"\u003e\n \u003cp class=\"soi-aloe-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se laver en douceur\u003c\/p\u003e\n \u003cp class=\"soi-aloe-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau un soin lavant d'exception : douceur, nutrition et engagement écoresponsable dans un seul geste, fabriqué artisanalement en Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-aloe-marine: #1A2D3D;\n --soi-aloe-marine-dark: #0F1E2B;\n --soi-aloe-marine-light: #2C4458;\n --soi-aloe-pomme: #A1C544;\n --soi-aloe-pomme-dark: #84A636;\n --soi-aloe-pomme-light: rgba(161,197,68,0.10);\n\n --soi-aloe-white: #FFFFFF;\n --soi-aloe-off-white: #F8FAF6;\n --soi-aloe-stone: #F1F3EE;\n --soi-aloe-line: #E5E8E0;\n\n --soi-aloe-primary: #6B8E4E;\n --soi-aloe-primary-soft: #E8DFC8;\n --soi-aloe-accent: #8FA87A;\n\n --soi-aloe-text: #1A2D3D;\n --soi-aloe-text-soft: #4A5B6B;\n --soi-aloe-text-muted: #7B8693;\n\n --soi-aloe-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-aloe-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-aloe-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-aloe-radius: 12px;\n --soi-aloe-radius-sm: 8px;\n --soi-aloe-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-aloe-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-aloe-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-aloe-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-aloe-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-aloe-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-aloe-hero {\n position: relative;\n background: var(--soi-aloe-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-aloe-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-aloe-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-aloe-pomme);\n}\n\n.soi-aloe-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-aloe-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-aloe-pomme);\n border-radius: 50%;\n}\n\n.soi-aloe-hero-title {\n display: block;\n color: var(--soi-aloe-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-aloe-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-aloe-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-aloe-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-aloe-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-aloe-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-aloe-label-accent {\n background: var(--soi-aloe-pomme);\n border-color: var(--soi-aloe-pomme);\n color: var(--soi-aloe-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-aloe-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-aloe-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-aloe-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-aloe-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-aloe-pomme);\n border-radius: 2px;\n}\n\n.soi-aloe-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-aloe-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-aloe-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-aloe-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-aloe-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-aloe-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-aloe-benefit {\n background: var(--soi-aloe-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-aloe-radius);\n border: 1px solid var(--soi-aloe-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-aloe-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-aloe-shadow-md);\n}\n\n.soi-aloe-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-aloe-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-aloe-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-aloe-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-aloe-benefit:hover .soi-aloe-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-aloe-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-aloe-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-aloe-benefit p {\n font-size: 13px;\n color: var(--soi-aloe-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-aloe-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-aloe-card {\n background: var(--soi-aloe-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-aloe-radius);\n border-left: 3px solid var(--soi-aloe-pomme);\n}\n\n.soi-aloe-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-aloe-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-aloe-card p {\n font-size: 14px;\n color: var(--soi-aloe-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-aloe-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.5rem;\n}\n\n.soi-aloe-card-mini {\n background: var(--soi-aloe-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-aloe-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-aloe-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-aloe-card-mini-label {\n font-size: 11px;\n color: var(--soi-aloe-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-aloe-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-aloe-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-aloe-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-aloe-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-aloe-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-aloe-radius);\n border: 1px solid var(--soi-aloe-line);\n align-items: flex-start;\n}\n\n.soi-aloe-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-aloe-marine);\n color: var(--soi-aloe-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-aloe-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-aloe-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-aloe-step-content p {\n font-size: 14px;\n color: var(--soi-aloe-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-aloe-compo {\n background: var(--soi-aloe-off-white);\n border-radius: var(--soi-aloe-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-aloe-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-aloe-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-aloe-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-aloe-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-aloe-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-aloe-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-aloe-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-aloe-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-aloe-pomme-light);\n border-left: 4px solid var(--soi-aloe-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-aloe-radius) var(--soi-aloe-radius) 0;\n align-items: flex-start;\n}\n\n.soi-aloe-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-aloe-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-aloe-marine);\n margin-bottom: 4px;\n}\n\n.soi-aloe-tip p {\n font-size: 14px;\n color: var(--soi-aloe-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-aloe-cta-box {\n background: var(--soi-aloe-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-aloe-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-aloe-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-aloe-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-aloe-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-aloe-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-aloe-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-aloe-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-aloe-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-aloe-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-aloe-compo-value {\n text-align: left;\n }\n\n .soi-aloe-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-aloe-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-aloe-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-aloe-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-aloe-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-aloe-fiche {\n --soi-aloe-text-soft: #2C3E50;\n --soi-aloe-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Pur'Aloe","offers":[{"title":"Default Title","offer_id":61603430564170,"sku":"PU0095","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-saponifie-a-froid-certifie-bio-20-aloe-vera-packshot_0d997563-e54b-4484-ad5c-d80ca35b8c66.webp?v=1782112220"},{"product_id":"shampooing-certifie-bio-70-aloe-vera","title":"Shampooing certifié Bio 70% Aloe Vera","description":"\n\u003cdiv class=\"soi-alsha-fiche\"\u003e\n\n \u003csection class=\"soi-alsha-hero\"\u003e\n \u003cdiv class=\"soi-alsha-hero-tag\"\u003e\n \u003cspan class=\"soi-alsha-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire bio · Pur'Aloé\n \u003c\/div\u003e\n \u003cspan class=\"soi-alsha-hero-title\"\u003eShampooing Concentré Bio à 69 % d'Aloé Vera Natif\u003c\/span\u003e\n \u003cp class=\"soi-alsha-hero-subtitle\"\u003eSans eau ajoutée ni sulfates, une formule rare et concentrée qui hydrate, purifie et revitalise vos cheveux en profondeur grâce à la pulpe brute d'Aloé Vera biologique et équitable.\u003c\/p\u003e\n \u003cdiv class=\"soi-alsha-hero-labels\"\u003e\n \u003cspan class=\"soi-alsha-label soi-alsha-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-label\"\u003eFAIR FOR LIFE\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alsha-section\"\u003e\n \u003ch2\u003eUn shampooing bio à 69 % d'Aloé Vera natif, sans eau ajoutée ni sulfates\u003c\/h2\u003e\n \u003cp\u003eSi vous cherchez un shampooing naturel bio qui prend véritablement soin de vos cheveux sans compromettre votre santé ni l'environnement, le \u003cstrong\u003eShampooing Concentré Pur'Aloé\u003c\/strong\u003e est fait pour vous. Formulé avec \u003cstrong\u003e69 % d'Aloé Vera natif issu de l'agriculture biologique et équitable\u003c\/strong\u003e, il remplace l'eau par la pulpe brute de la plante, non chauffée, afin de préserver l'intégralité de ses actifs naturels. Une approche rare, exigeante, et terriblement efficace.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alsha-section\"\u003e\n \u003ch2\u003ePourquoi choisir un shampooing bio concentré à l'Aloé Vera ?\u003c\/h2\u003e\n \u003cp class=\"soi-alsha-section-intro\"\u003eLa grande majorité des shampooings du marché, même estampillés « naturels », contiennent jusqu'à 80 % d'eau. Ici, \u003cstrong\u003eaucune eau n'est ajoutée\u003c\/strong\u003e : c'est le jus d'Aloé Vera qui constitue la base du produit. Vous obtenez une formule plus concentrée, plus active, et plus respectueuse des cheveux sensibles ou abîmés.\u003c\/p\u003e\n \u003cdiv class=\"soi-alsha-benefits\"\u003e\n \u003cdiv class=\"soi-alsha-benefit\"\u003e\n \u003cdiv class=\"soi-alsha-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation en profondeur\u003c\/h3\u003e\n \u003cp\u003eL'Aloé Vera pénètre la fibre capillaire et la nourrit de l'intérieur, idéal pour les cheveux secs, fragilisés ou colorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-benefit\"\u003e\n \u003cdiv class=\"soi-alsha-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉquilibre du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eIl régule naturellement le pH, limite l'excès de sébum et convient donc aussi aux cheveux à tendance grasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-benefit\"\u003e\n \u003cdiv class=\"soi-alsha-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAction apaisante et assainissante\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés antiseptiques, la plante aide à calmer les irritations et à assainir le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-benefit\"\u003e\n \u003cdiv class=\"soi-alsha-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDouceur et brillance\u003c\/h3\u003e\n \u003cp\u003eCheveux doux, brillants et revitalisés dès les premières utilisations, sans résidu ni alourdissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alsha-section\"\u003e\n \u003ch2\u003eComposition et ingrédients du shampooing bio Pur'Aloé\u003c\/h2\u003e\n \u003cp class=\"soi-alsha-section-intro\"\u003eLa formule est certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, composée à \u003cstrong\u003e97,5 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont 69 % issus de l'agriculture biologique et équitable (certification Fair for Life).\u003c\/p\u003e\n \u003cdiv class=\"soi-alsha-compo\"\u003e\n \u003cdiv class=\"soi-alsha-compo-row\"\u003e\n \u003cspan class=\"soi-alsha-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-compo-value\"\u003eAloe Barbadensis Leaf Juice (69 %)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-compo-row\"\u003e\n \u003cspan class=\"soi-alsha-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-compo-value\"\u003eTensioactifs doux d'origine végétale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-compo-row\"\u003e\n \u003cspan class=\"soi-alsha-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-compo-value\"\u003e97,5 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-compo-row\"\u003e\n \u003cspan class=\"soi-alsha-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-compo-value\"\u003eProvence, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-alsha-card-mini\"\u003e\n \u003cspan class=\"soi-alsha-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-value\"\u003eSulfates SLS\/SLES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-card-mini\"\u003e\n \u003cspan class=\"soi-alsha-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-value\"\u003eEau ajoutée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-card-mini\"\u003e\n \u003cspan class=\"soi-alsha-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-value\"\u003eSilicones ni parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-card-mini\"\u003e\n \u003cspan class=\"soi-alsha-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-alsha-card-mini-value\"\u003eHuile de palme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alsha-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampooing naturel bio ?\u003c\/h2\u003e\n \u003cp class=\"soi-alsha-section-intro\"\u003eSon format concentré change légèrement les habitudes, et c'est une bonne nouvelle pour votre porte-monnaie et la planète.\u003c\/p\u003e\n \u003cdiv class=\"soi-alsha-timeline\"\u003e\n \u003cdiv class=\"soi-alsha-step\"\u003e\n \u003cdiv class=\"soi-alsha-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-step-content\"\u003e\n \u003ch3\u003eAppliquez une petite quantité\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampooing sur cheveux mouillés. Moins qu'un shampooing classique suffit grâce à sa concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-step\"\u003e\n \u003cdiv class=\"soi-alsha-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-step-content\"\u003e\n \u003ch3\u003eMassez et faites mousser\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu pour faire mousser, puis rincez abondamment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-step\"\u003e\n \u003cdiv class=\"soi-alsha-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-step-content\"\u003e\n \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n \u003cp\u003eSelon la longueur et la densité de vos cheveux, un second lavage peut être bénéfique. Convient à un usage quotidien, pour tous types de cheveux, y compris les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-tip\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-alsha-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un résultat optimal, complétez votre routine avec un après-shampooing bio adapté à votre type de cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alsha-section\"\u003e\n \u003ch2\u003eLes engagements qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-alsha-grid\"\u003e\n \u003cdiv class=\"soi-alsha-card\"\u003e\n \u003ch3\u003e🌱 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCette certification garantit des ingrédients biologiques et des procédés de fabrication respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-card\"\u003e\n \u003ch3\u003e🤝 Fair for Life\u003c\/h3\u003e\n \u003cp\u003eDes conditions de travail équitables pour les producteurs d'Aloé Vera à la source, pour une beauté responsable et solidaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en Provence\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France, dans une usine éco-responsable en Provence, avec des matériaux biosourcés et sans émissions polluantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alsha-card\"\u003e\n \u003ch3\u003e🐰 Vegan et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eSans ingrédients d'origine animale et non testé sur les animaux, pour une beauté capillaire en accord avec vos valeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alsha-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alsha-cta-box\"\u003e\n \u003cp class=\"soi-alsha-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se laver naturellement\u003c\/p\u003e\n \u003cp class=\"soi-alsha-cta-text\" style=\"color: white;\"\u003eAvec sa concentration inédite en Aloé Vera natif, son absence totale d'eau et ses doubles certifications bio et éthiques, ce shampooing Pur'Aloé vous offre une expérience lavante douce, efficace et véritablement respectueuse de votre cuir chevelu. Un geste simple, une formule honnête, et des cheveux qui vous remercient dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alsha-marine: #1A2D3D;\n --soi-alsha-marine-dark: #0F1E2B;\n --soi-alsha-marine-light: #2C4458;\n --soi-alsha-pomme: #A1C544;\n --soi-alsha-pomme-dark: #84A636;\n --soi-alsha-pomme-light: rgba(161,197,68,0.10);\n --soi-alsha-white: #FFFFFF;\n --soi-alsha-off-white: #F8FAF6;\n --soi-alsha-stone: #F1F3EE;\n --soi-alsha-line: #E5E8E0;\n --soi-alsha-primary: #5A9A3C;\n --soi-alsha-primary-soft: rgba(90,154,60,0.10);\n --soi-alsha-accent: #D89040;\n --soi-alsha-text: #1A2D3D;\n --soi-alsha-text-soft: #4A5B6B;\n --soi-alsha-text-muted: #7B8693;\n --soi-alsha-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alsha-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alsha-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alsha-radius: 12px;\n --soi-alsha-radius-sm: 8px;\n --soi-alsha-radius-pill: 999px;\n}\n\n.soi-alsha-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alsha-fiche img { max-width: 100%; height: auto; }\n\n.soi-alsha-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alsha-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alsha-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-alsha-hero {\n position: relative;\n background: var(--soi-alsha-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alsha-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alsha-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alsha-pomme);\n}\n\n.soi-alsha-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alsha-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alsha-pomme);\n border-radius: 50%;\n}\n\n.soi-alsha-hero-title {\n display: block;\n color: var(--soi-alsha-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alsha-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alsha-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alsha-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alsha-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alsha-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alsha-label-accent {\n background: var(--soi-alsha-pomme);\n border-color: var(--soi-alsha-pomme);\n color: var(--soi-alsha-marine);\n font-weight: 600;\n}\n\n.soi-alsha-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alsha-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alsha-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alsha-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alsha-pomme);\n border-radius: 2px;\n}\n\n.soi-alsha-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alsha-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alsha-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alsha-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alsha-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-alsha-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alsha-benefit {\n background: var(--soi-alsha-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alsha-radius);\n border: 1px solid var(--soi-alsha-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alsha-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alsha-shadow-md);\n}\n\n.soi-alsha-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alsha-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alsha-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alsha-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alsha-benefit:hover .soi-alsha-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alsha-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alsha-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alsha-benefit p {\n font-size: 13px;\n color: var(--soi-alsha-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alsha-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-alsha-card {\n background: var(--soi-alsha-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alsha-radius);\n border-left: 3px solid var(--soi-alsha-pomme);\n}\n\n.soi-alsha-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alsha-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alsha-card p {\n font-size: 14px;\n color: var(--soi-alsha-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alsha-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-alsha-card-mini {\n background: var(--soi-alsha-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-alsha-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-alsha-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-alsha-card-mini-label {\n font-size: 11px;\n color: var(--soi-alsha-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-alsha-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alsha-marine);\n}\n\n.soi-alsha-compo {\n background: var(--soi-alsha-off-white);\n border-radius: var(--soi-alsha-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-alsha-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alsha-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alsha-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alsha-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alsha-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alsha-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alsha-marine);\n text-align: right;\n}\n\n.soi-alsha-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alsha-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alsha-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alsha-radius);\n border: 1px solid var(--soi-alsha-line);\n align-items: flex-start;\n}\n\n.soi-alsha-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alsha-marine);\n color: var(--soi-alsha-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alsha-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alsha-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alsha-step-content p {\n font-size: 14px;\n color: var(--soi-alsha-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alsha-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alsha-pomme-light);\n border-left: 4px solid var(--soi-alsha-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alsha-radius) var(--soi-alsha-radius) 0;\n align-items: flex-start;\n}\n\n.soi-alsha-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alsha-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alsha-marine);\n margin-bottom: 4px;\n}\n\n.soi-alsha-tip p {\n font-size: 14px;\n color: var(--soi-alsha-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alsha-cta-box {\n background: var(--soi-alsha-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alsha-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alsha-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alsha-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alsha-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alsha-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alsha-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 500;\n color: var(--soi-alsha-white);\n line-height: 1.5;\n margin: 0;\n max-width: 620px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-alsha-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alsha-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alsha-compo-value {\n text-align: left;\n }\n\n .soi-alsha-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-alsha-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-alsha-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-alsha-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-alsha-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alsha-fiche {\n --soi-alsha-text-soft: #2C3E50;\n --soi-alsha-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Pur'Aloe","offers":[{"title":"Default Title","offer_id":61603431383370,"sku":"PU0115","price":16.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-certifie-bio-70-aloe-vera-packshot.webp?v=1779440232"},{"product_id":"gratte-langue-reutilisable-bois-et-inox-ayurvana","title":"Gratte-langue réutilisable - Ayurvana","description":"\u003cdiv class=\"soi-grat-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-grat-hero\"\u003e\n \u003cdiv class=\"soi-grat-hero-tag\"\u003e\n \u003cspan class=\"soi-grat-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène buccale · Ayurvana\n \u003c\/div\u003e\n \u003cspan class=\"soi-grat-hero-title\"\u003eGratte-langue réutilisable (bois et inox)\u003c\/span\u003e\n \u003cp class=\"soi-grat-hero-subtitle\"\u003eL'hygiène buccale selon l'Ayurveda : un geste ancestral de 30 secondes pour une haleine fraîche et des saveurs retrouvées, fabriqué à la main en France.\u003c\/p\u003e\n \u003cdiv class=\"soi-grat-hero-labels\"\u003e\n \u003cspan class=\"soi-grat-label soi-grat-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-grat-label\"\u003eAYURVÉDIQUE\u003c\/span\u003e\n \u003cspan class=\"soi-grat-label\"\u003eRÉUTILISABLE À VIE\u003c\/span\u003e\n \u003cspan class=\"soi-grat-label\"\u003eHYPOALLERGÉNIQUE\u003c\/span\u003e\n \u003cspan class=\"soi-grat-label\"\u003eZÉRO DÉCHET\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Introduction --\u003e\n \u003csection class=\"soi-grat-section\"\u003e\n \u003ch2\u003eLe gratte-langue réutilisable Ayurvana : l'hygiène buccale selon l'Ayurveda, fabriquée en France\u003c\/h2\u003e\n \u003cp\u003eChaque matin, une couche blanche ou jaunâtre se forme sur votre langue pendant la nuit. Ce dépôt concentre bactéries, toxines et résidus alimentaires, directement responsables de la \u003cstrong\u003emauvaise haleine\u003c\/strong\u003e et d'un microbiote buccal déséquilibré.\u003c\/p\u003e\n \u003cp\u003eLe \u003cstrong\u003egratte-langue Ayurvana\u003c\/strong\u003e, en bois de charme français et inox médical, est conçu pour éliminer ce dépôt en quelques secondes, là où une brosse à dents ne suffit pas.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi utiliser un gratte-langue --\u003e\n \u003csection class=\"soi-grat-section\"\u003e\n \u003ch2\u003ePourquoi utiliser un gratte-langue ? Ce que la science et l'Ayurveda disent\u003c\/h2\u003e\n \u003cp class=\"soi-grat-section-intro\"\u003eLe grattage de la langue est un geste issu de l'\u003cstrong\u003eAyurveda\u003c\/strong\u003e, la médecine traditionnelle indienne vieille de plus de 5 000 ans. Il est aujourd'hui reconnu par de nombreux dentistes comme un complément efficace au brossage. Voici ce qu'il apporte concrètement :\u003c\/p\u003e\n \u003cdiv class=\"soi-grat-benefits\"\u003e\n \u003cdiv class=\"soi-grat-benefit\"\u003e\n \u003cdiv class=\"soi-grat-benefit-icon\"\u003e\u003cspan\u003e🌬️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRéduit la mauvaise haleine\u003c\/h3\u003e\n \u003cp\u003eÉlimine les composés sulfurés volatils produits par les bactéries anaérobies accumulées sur la langue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-benefit\"\u003e\n \u003cdiv class=\"soi-grat-benefit-icon\"\u003e\u003cspan\u003e👅\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAméliore la perception gustative\u003c\/h3\u003e\n \u003cp\u003eEn dégageant les papilles de leurs résidus, vous retrouvez des saveurs plus nettes et une alimentation plus consciente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-benefit\"\u003e\n \u003cdiv class=\"soi-grat-benefit-icon\"\u003e\u003cspan\u003e🫶\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoutient la digestion\u003c\/h3\u003e\n \u003cp\u003eLa stimulation de la surface linguale active les glandes salivaires, ce qui prépare le système digestif dès le matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-benefit\"\u003e\n \u003cdiv class=\"soi-grat-benefit-icon\"\u003e\u003cspan\u003e🦷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRéduit la charge bactérienne buccale\u003c\/h3\u003e\n \u003cp\u003eStreptococcus mutans et autres bactéries responsables des caries se concentrent aussi sur la langue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-tip\"\u003e\n \u003cdiv class=\"soi-grat-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eRappel important\u003c\/strong\u003e\n \u003cp\u003eCe produit ne remplace pas un suivi dentaire régulier. En cas de problème bucco-dentaire persistant, consultez votre dentiste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Inox médical ou cuivre --\u003e\n \u003csection class=\"soi-grat-section\"\u003e\n \u003ch2\u003eInox médical ou cuivre : quel gratte-langue choisir ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-grat-grid\"\u003e\n \u003cdiv class=\"soi-grat-card\"\u003e\n \u003ch3\u003e🔬 Le choix Ayurvana : l'inox médical\u003c\/h3\u003e\n \u003cp\u003eL'acier inoxydable chirurgical est non poreux, hypoallergénique et certifié sans relargage de métaux lourds. Il offre une surface parfaitement lisse, facile à rincer, sans risque d'oxydation, et convient aux personnes sensibles ou allergiques au cuivre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-card\"\u003e\n \u003ch3\u003e♻️ Réutilisable à vie\u003c\/h3\u003e\n \u003cp\u003eUn outil durable, zéro déchet, et aussi efficace qu'un gratte-langue en cuivre pour éliminer le biofilm lingual. Un investissement unique pour votre hygiène quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Caractéristiques --\u003e\n \u003csection class=\"soi-grat-section\"\u003e\n \u003ch2\u003eCaractéristiques du gratte-langue Ayurvana\u003c\/h2\u003e\n \u003cdiv class=\"soi-grat-compo\"\u003e\n \u003cdiv class=\"soi-grat-compo-row\"\u003e\n \u003cspan class=\"soi-grat-compo-label\"\u003eMatériaux\u003c\/span\u003e\n \u003cspan class=\"soi-grat-compo-value\"\u003eBois de charme français (poignées) et inox médical (arceau racleur)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-compo-row\"\u003e\n \u003cspan class=\"soi-grat-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-grat-compo-value\"\u003eFrance, par un artisan tourneur d'art, savoir-faire unique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-compo-row\"\u003e\n \u003cspan class=\"soi-grat-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-grat-compo-value\"\u003eRéutilisable à vie, zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-compo-row\"\u003e\n \u003cspan class=\"soi-grat-compo-label\"\u003eSécurité\u003c\/span\u003e\n \u003cspan class=\"soi-grat-compo-value\"\u003eHypoallergénique, sans BPA, sans plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-compo-row\"\u003e\n \u003cspan class=\"soi-grat-compo-label\"\u003eEntretien\u003c\/span\u003e\n \u003cspan class=\"soi-grat-compo-value\"\u003eRinçage à l'eau claire après chaque utilisation, séchage à l'air libre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Mode d'emploi --\u003e\n \u003csection class=\"soi-grat-section\"\u003e\n \u003ch2\u003eComment utiliser un gratte-langue ? Mode d'emploi en 4 étapes\u003c\/h2\u003e\n \u003cdiv class=\"soi-grat-timeline\"\u003e\n \u003cdiv class=\"soi-grat-step\"\u003e\n \u003cdiv class=\"soi-grat-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-grat-step-content\"\u003e\n \u003ch3\u003eLe matin, à jeun\u003c\/h3\u003e\n \u003cp\u003eAvant de boire ou de manger, tirez légèrement la langue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-step\"\u003e\n \u003cdiv class=\"soi-grat-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-grat-step-content\"\u003e\n \u003ch3\u003ePositionnez l'arceau\u003c\/h3\u003e\n \u003cp\u003ePlacez l'arceau en inox à la base de la langue, aussi loin que confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-step\"\u003e\n \u003cdiv class=\"soi-grat-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-grat-step-content\"\u003e\n \u003ch3\u003eRaclez doucement\u003c\/h3\u003e\n \u003cp\u003eDe l'arrière vers la pointe, 3 à 5 passages suffisent. Rincez l'outil entre chaque passage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-step\"\u003e\n \u003cdiv class=\"soi-grat-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-grat-step-content\"\u003e\n \u003ch3\u003eRincez et rangez\u003c\/h3\u003e\n \u003cp\u003eRincez le gratte-langue à l'eau claire, séchez-le et rangez-le. Puis brossez vos dents normalement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-grat-tip\"\u003e\n \u003cdiv class=\"soi-grat-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUn geste de \u003cstrong\u003e30 secondes par jour\u003c\/strong\u003e, une haleine transformée dès la première semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Le gratte-langue est-il dangereux ? --\u003e\n \u003csection class=\"soi-grat-section\"\u003e\n \u003ch2\u003eLe gratte-langue est-il dangereux ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-grat-accordion\"\u003e\n \u003cdetails class=\"soi-grat-accordion-item\" open\u003e\n \u003csummary class=\"soi-grat-accordion-header\"\u003e🛡️ Utilisation en toute sécurité\u003c\/summary\u003e\n \u003cdiv class=\"soi-grat-accordion-content\"\u003e\n \u003cp\u003eNon, à condition de l'utiliser avec douceur. Le principal risque est le réflexe nauséeux si vous allez trop loin vers l'arrière de la gorge : commencez par le milieu de la langue et progressez. Un geste appuyé ou trop répété peut irriter la muqueuse : \u003cstrong\u003e3 à 5 passages légers\u003c\/strong\u003e sont suffisants et sans danger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-grat-accordion-item\"\u003e\n \u003csummary class=\"soi-grat-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-grat-accordion-content\"\u003e\n \u003cp\u003eCe produit est déconseillé en cas d'ulcères buccaux ou de plaies actives sur la langue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-grat-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-grat-cta-box\"\u003e\n \u003cp class=\"soi-grat-cta-tag\" style=\"color: white;\"\u003e30 secondes pour un rituel qui change tout\u003c\/p\u003e\n \u003cp class=\"soi-grat-cta-text\" style=\"color: white;\"\u003eRedécouvrez chaque matin le plaisir d'une bouche vraiment propre. Fabriqué à la main en France avec des matériaux nobles, le gratte-langue Ayurvana transforme un geste simple en véritable rituel de bien-être. Une haleine fraîche, des saveurs sublimées, un accessoire pour la vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-grat-marine: #1A2D3D;\n --soi-grat-marine-dark: #0F1E2B;\n --soi-grat-marine-light: #2C4458;\n --soi-grat-pomme: #A1C544;\n --soi-grat-pomme-dark: #84A636;\n --soi-grat-pomme-light: rgba(161,197,68,0.10);\n\n --soi-grat-white: #FFFFFF;\n --soi-grat-off-white: #F8FAF6;\n --soi-grat-stone: #F1F3EE;\n --soi-grat-line: #E5E8E0;\n\n --soi-grat-primary: #C8A96E;\n --soi-grat-primary-soft: rgba(200,169,110,0.12);\n --soi-grat-accent: #B89856;\n\n --soi-grat-text: #1A2D3D;\n --soi-grat-text-soft: #4A5B6B;\n --soi-grat-text-muted: #7B8693;\n\n --soi-grat-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-grat-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-grat-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-grat-radius: 12px;\n --soi-grat-radius-sm: 8px;\n --soi-grat-radius-pill: 999px;\n}\n\n.soi-grat-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-grat-fiche img { max-width: 100%; height: auto; }\n\n.soi-grat-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-grat-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-grat-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-grat-hero {\n position: relative;\n background: var(--soi-grat-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-grat-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-grat-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-grat-pomme);\n}\n\n.soi-grat-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-grat-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-grat-pomme);\n border-radius: 50%;\n}\n\n.soi-grat-hero-title {\n display: block;\n color: var(--soi-grat-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-grat-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-grat-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-grat-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-grat-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-grat-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-grat-label-accent {\n background: var(--soi-grat-pomme);\n border-color: var(--soi-grat-pomme);\n color: var(--soi-grat-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-grat-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-grat-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-grat-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-grat-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-grat-pomme);\n border-radius: 2px;\n}\n\n.soi-grat-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-grat-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-grat-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-grat-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-grat-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-grat-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-grat-benefit {\n background: var(--soi-grat-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-grat-radius);\n border: 1px solid var(--soi-grat-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-grat-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-grat-shadow-md);\n}\n\n.soi-grat-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-grat-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-grat-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-grat-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-grat-benefit:hover .soi-grat-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-grat-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-grat-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-grat-benefit p {\n font-size: 13px;\n color: var(--soi-grat-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-grat-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-grat-card {\n background: var(--soi-grat-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-grat-radius);\n border-left: 3px solid var(--soi-grat-pomme);\n}\n\n.soi-grat-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-grat-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-grat-card p {\n font-size: 14px;\n color: var(--soi-grat-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-grat-compo {\n background: var(--soi-grat-off-white);\n border-radius: var(--soi-grat-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-grat-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-grat-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-grat-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-grat-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-grat-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-grat-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-grat-marine);\n text-align: right;\n}\n\n\/* TIMELINE *\/\n.soi-grat-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-grat-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-grat-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-grat-radius);\n border: 1px solid var(--soi-grat-line);\n align-items: flex-start;\n}\n\n.soi-grat-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-grat-marine);\n color: var(--soi-grat-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-grat-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-grat-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-grat-step-content p {\n font-size: 14px;\n color: var(--soi-grat-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIP *\/\n.soi-grat-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-grat-pomme-light);\n border-left: 4px solid var(--soi-grat-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-grat-radius) var(--soi-grat-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-grat-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-grat-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-grat-marine);\n margin-bottom: 4px;\n}\n\n.soi-grat-tip p {\n font-size: 14px;\n color: var(--soi-grat-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-grat-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-grat-accordion-item {\n background: var(--soi-grat-off-white);\n border-radius: var(--soi-grat-radius-sm);\n border: 1px solid var(--soi-grat-line);\n overflow: hidden;\n}\n\n.soi-grat-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-grat-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-grat-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-grat-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-grat-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-grat-accordion-item[open] .soi-grat-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-grat-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-grat-accordion-content p {\n font-size: 14px;\n color: var(--soi-grat-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-grat-cta-box {\n background: var(--soi-grat-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-grat-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-grat-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-grat-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-grat-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-grat-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-grat-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-grat-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n .soi-grat-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-grat-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-grat-compo-value {\n text-align: left;\n }\n\n .soi-grat-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-grat-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-grat-fiche {\n --soi-grat-text-soft: #2C3E50;\n --soi-grat-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603432268106,"sku":"AY0009","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gratte-langue-reutilisable-bois-et-inox-ayurvana-packshot.webp?v=1779901718"},{"product_id":"dentifrice-citron-bio","title":"Dentifrice citron bio à l'argile blanche - 75 ml","description":"\u003cdiv class=\"soi-dcit-fiche\"\u003e\n\n \u003csection class=\"soi-dcit-hero\"\u003e\n \u003cdiv class=\"soi-dcit-hero-tag\"\u003e\n \u003cspan class=\"soi-dcit-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène bucco-dentaire · Argile \u0026amp; Eau Thermale\n \u003c\/div\u003e\n \u003cspan class=\"soi-dcit-hero-title\"\u003eLa fraîcheur du citron, la douceur de l'argile\u003c\/span\u003e\n \u003cp class=\"soi-dcit-hero-subtitle\"\u003eArgile blanche, eau thermale de Digne les Bains et extrait d'écorce de citron bio réunis pour un brossage frais, doux et sans artifice.\u003c\/p\u003e\n \u003cdiv class=\"soi-dcit-hero-labels\"\u003e\n \u003cspan class=\"soi-dcit-label soi-dcit-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-dcit-label\"\u003eFABRIQUÉ EN PROVENCE\u003c\/span\u003e\n \u003cspan class=\"soi-dcit-label\"\u003e99,3 % D'ORIGINE NATURELLE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-dcit-section\"\u003e\n \u003cp class=\"soi-dcit-section-intro\"\u003eVous cherchez un dentifrice au citron qui respecte votre bouche autant que l'environnement ? Ce dentifrice citron bio d'Argile \u0026amp; Eau Thermale associe argile blanche, eau thermale de Digne les Bains et extrait d'écorce de citron bio. Il est présenté en tube de 75 ml, certifié Cosmos Organic et fabriqué en Provence.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-dcit-section\"\u003e\n \u003ch2\u003eUn dentifrice naturel bio pensé pour les bouches exigeantes\u003c\/h2\u003e\n \u003cp\u003eIci, le citron n'est pas un simple parfum. Il apporte une fraîcheur franche et naturelle, sans le côté sucré ou artificiel de nombreux dentifrices aromatisés. C'est un choix judicieux si vous souhaitez simplifier votre routine et mieux comprendre ce que vous mettez dans votre bouche.\u003c\/p\u003e\n \u003cdiv class=\"soi-dcit-grid-compact\"\u003e\n \u003cdiv class=\"soi-dcit-card-mini\"\u003e\n \u003cspan class=\"soi-dcit-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-dcit-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-dcit-card-mini-value\"\u003e99,3 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcit-card-mini\"\u003e\n \u003cspan class=\"soi-dcit-card-mini-icon\"\u003e🍋\u003c\/span\u003e\n \u003cspan class=\"soi-dcit-card-mini-label\"\u003eAgriculture biologique\u003c\/span\u003e\n \u003cspan class=\"soi-dcit-card-mini-value\"\u003e13,5 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-dcit-section\"\u003e\n \u003ch2\u003eCe que chaque actif apporte à votre brossage\u003c\/h2\u003e\n \u003cdiv class=\"soi-dcit-grid\"\u003e\n \u003cdiv class=\"soi-dcit-card\"\u003e\n \u003ch3\u003eArgile blanche (kaolin)\u003c\/h3\u003e\n \u003cp\u003eLa base de la formule. Sa texture douce accompagne le brossage et laisse une sensation de bouche propre et nette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcit-card\"\u003e\n \u003ch3\u003eEau thermale de Digne les Bains\u003c\/h3\u003e\n \u003cp\u003eRiche en minéraux et oligo-éléments, elle donne au dentifrice une texture agréable. Elle est appréciée des personnes aux gencives sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcit-card\"\u003e\n \u003ch3\u003eExtrait d'écorce de citron bio\u003c\/h3\u003e\n \u003cp\u003eIl parfume naturellement la formule et laisse une haleine fraîche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcit-card\"\u003e\n \u003ch3\u003eExtrait de mélisse bio\u003c\/h3\u003e\n \u003cp\u003ePlante traditionnellement associée au confort et à l'apaisement, elle complète l'équilibre de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcit-card\"\u003e\n \u003ch3\u003eSel marin non raffiné\u003c\/h3\u003e\n \u003cp\u003eUn ingrédient simple, utilisé depuis longtemps dans les soins buccaux traditionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-dcit-section\"\u003e\n \u003ch2\u003eCe qu'il faut savoir avant de choisir ce dentifrice au citron\u003c\/h2\u003e\n \u003cp\u003eSi vous comparez avec un dentifrice Colgate citron ou d'autres références du commerce, la différence tient surtout à la philosophie : une formule courte, d'origine naturelle et certifiée bio, plutôt qu'un parfum de synthèse.\u003c\/p\u003e\n \u003cp\u003eCertains articles associent aussi citron, dentifrice et bicarbonate pour nettoyer une machine à laver. Ce tube est conçu uniquement pour le brossage des dents : gardez-le pour votre salle de bain.\u003c\/p\u003e\n \u003cdiv class=\"soi-dcit-tip\"\u003e\n \u003cdiv class=\"soi-dcit-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eVous avez peut-être croisé des astuces maison (banane, citron et sel en guise de dentifrice, ou citron pressé directement sur les dents). Nous vous les déconseillons : le jus de citron pur est très acide et peut fragiliser l'émail avec le temps. L'extrait d'écorce, intégré dans une formule équilibrée, vous offre la fraîcheur du citron sans cette contrainte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-dcit-section\"\u003e\n \u003ch2\u003eComposition et dosage\u003c\/h2\u003e\n \u003cdiv class=\"soi-dcit-compo\"\u003e\n \u003cdiv class=\"soi-dcit-compo-row\"\u003e\n \u003cspan class=\"soi-dcit-compo-label\"\u003eActifs principaux\u003c\/span\u003e\n \u003cspan class=\"soi-dcit-compo-value\"\u003eEau thermale de Digne les Bains, argile blanche, extrait d'écorce de citron bio, extrait de mélisse bio, sel marin non raffiné\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcit-compo-row\"\u003e\n \u003cspan class=\"soi-dcit-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-dcit-compo-value\"\u003e99,3 % du total des ingrédients\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcit-compo-row\"\u003e\n \u003cspan class=\"soi-dcit-compo-label\"\u003eIssu de l'agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"soi-dcit-compo-value\"\u003e13,5 % du total des ingrédients\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcit-compo-row\"\u003e\n \u003cspan class=\"soi-dcit-compo-label\"\u003eDose recommandée\u003c\/span\u003e\n \u003cspan class=\"soi-dcit-compo-value\"\u003eUne noisette de la taille d'un petit pois par brossage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcit-compo-row\"\u003e\n \u003cspan class=\"soi-dcit-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-dcit-compo-value\"\u003e75 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-dcit-note\"\u003eLa liste INCI complète figure sur le tube et l'emballage. Les AJR et VNR ne s'appliquent pas à un produit cosmétique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-dcit-section\"\u003e\n \u003ch2\u003eComment bien l'utiliser au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-dcit-timeline\"\u003e\n \u003cdiv class=\"soi-dcit-step\"\u003e\n \u003cdiv class=\"soi-dcit-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-dcit-step-content\"\u003e\n \u003ch3\u003eDéposez une noisette\u003c\/h3\u003e\n \u003cp\u003eSur une brosse à dents souple, légèrement humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcit-step\"\u003e\n \u003cdiv class=\"soi-dcit-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-dcit-step-content\"\u003e\n \u003ch3\u003eBrossez pendant 2 minutes\u003c\/h3\u003e\n \u003cp\u003eMatin et soir (ou après chaque repas), en massant doucement la ligne des gencives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcit-step\"\u003e\n \u003cdiv class=\"soi-dcit-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-dcit-step-content\"\u003e\n \u003ch3\u003eCrachez, puis rincez\u003c\/h3\u003e\n \u003cp\u003eRincez votre bouche. La texture argileuse s'élimine facilement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003csection class=\"soi-dcit-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-dcit-accordion\"\u003e\n \u003cdetails class=\"soi-dcit-accordion-item\"\u003e\n \u003csummary class=\"soi-dcit-accordion-header\"\u003e⚠️ Bon usage et sécurité\u003c\/summary\u003e\n \u003cdiv class=\"soi-dcit-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin d'hygiène bucco-dentaire. Il ne remplace ni un traitement médical, ni un suivi chez votre dentiste. Évitez le contact avec les yeux et ne l'avalez pas. Conservez-le hors de portée des jeunes enfants. En cas d'allergie connue à l'un des ingrédients, vérifiez la liste INCI avant usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-dcit-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-dcit-cta-box\"\u003e\n \u003cp class=\"soi-dcit-cta-tag\" style=\"color: white;\"\u003eUn matin de Provence dans votre salle de bain\u003c\/p\u003e\n \u003cp class=\"soi-dcit-cta-text\" style=\"color: white;\"\u003eArgile blanche, eau thermale et citron réunis pour un brossage doux, net et lumineux : une routine plus naturelle, avec un soin certifié bio pensé pour vous comme 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-dcit-marine: #1A2D3D;\n --soi-dcit-marine-dark: #0F1E2B;\n --soi-dcit-marine-light: #2C4458;\n --soi-dcit-pomme: #A1C544;\n --soi-dcit-pomme-dark: #84A636;\n --soi-dcit-pomme-light: rgba(161,197,68,0.10);\n\n --soi-dcit-white: #FFFFFF;\n --soi-dcit-off-white: #F8FAF6;\n --soi-dcit-stone: #F1F3EE;\n --soi-dcit-line: #E5E8E0;\n\n --soi-dcit-primary: #94C5B4;\n --soi-dcit-primary-soft: rgba(148,197,180,0.16);\n --soi-dcit-accent: #F2C618;\n\n --soi-dcit-text: #1A2D3D;\n --soi-dcit-text-soft: #4A5B6B;\n --soi-dcit-text-muted: #7B8693;\n\n --soi-dcit-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-dcit-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-dcit-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-dcit-radius: 12px;\n --soi-dcit-radius-sm: 8px;\n --soi-dcit-radius-pill: 999px;\n}\n\n.soi-dcit-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-dcit-fiche img { max-width: 100%; height: auto; }\n\n.soi-dcit-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-dcit-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-dcit-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-dcit-hero {\n position: relative;\n background: var(--soi-dcit-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-dcit-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-dcit-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--soi-dcit-pomme) 0%, var(--soi-dcit-pomme) 60%, var(--soi-dcit-accent) 60%, var(--soi-dcit-accent) 80%, var(--soi-dcit-primary) 80%);\n}\n\n.soi-dcit-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\n.soi-dcit-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-dcit-pomme);\n border-radius: 50%;\n}\n\n.soi-dcit-hero-title {\n display: block;\n color: var(--soi-dcit-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-dcit-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-dcit-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-dcit-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-dcit-white);\n font-size: clamp(10px, 1.5vw, 11px);\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-dcit-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-dcit-label-accent {\n background: var(--soi-dcit-pomme);\n border-color: var(--soi-dcit-pomme);\n color: var(--soi-dcit-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-dcit-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-dcit-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-dcit-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-dcit-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-dcit-pomme);\n border-radius: 2px;\n}\n\n.soi-dcit-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-dcit-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-dcit-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-dcit-section .soi-dcit-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-dcit-text-soft);\n max-width: 760px;\n padding-left: 1rem;\n border-left: 3px solid var(--soi-dcit-primary);\n}\n\n.soi-dcit-section .soi-dcit-note {\n margin-top: 1rem;\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-dcit-text-muted);\n}\n\n\/* === GRID + CARDS === *\/\n.soi-dcit-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-dcit-card {\n background: var(--soi-dcit-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-dcit-radius);\n border-left: 3px solid var(--soi-dcit-pomme);\n transition: box-shadow 0.2s ease, transform 0.2s ease;\n}\n\n.soi-dcit-card:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-dcit-shadow-md);\n}\n\n.soi-dcit-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(15px, 2vw, 16px);\n font-weight: 600;\n color: var(--soi-dcit-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-dcit-section .soi-dcit-card p {\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-dcit-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-dcit-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.25rem;\n max-width: 480px;\n}\n\n.soi-dcit-card-mini {\n background: var(--soi-dcit-primary-soft);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-dcit-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-dcit-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-dcit-card-mini-label {\n font-size: clamp(10px, 1.5vw, 11px);\n color: var(--soi-dcit-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-dcit-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 600;\n color: var(--soi-dcit-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-dcit-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-dcit-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-dcit-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-dcit-radius);\n border: 1px solid var(--soi-dcit-line);\n align-items: flex-start;\n}\n\n.soi-dcit-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-dcit-marine);\n color: var(--soi-dcit-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 box-shadow: 0 0 0 3px var(--soi-dcit-primary-soft);\n}\n\n.soi-dcit-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(15px, 2vw, 16px);\n font-weight: 600;\n color: var(--soi-dcit-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-dcit-section .soi-dcit-step-content p {\n font-size: clamp(14px, 1.8vw, 15px);\n color: var(--soi-dcit-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-dcit-compo {\n background: var(--soi-dcit-off-white);\n border-radius: var(--soi-dcit-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-dcit-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-dcit-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-dcit-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-dcit-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-dcit-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-dcit-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-dcit-marine);\n text-align: right;\n max-width: 62%;\n}\n\n\/* === TIP === *\/\n.soi-dcit-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-dcit-pomme-light);\n border-left: 4px solid var(--soi-dcit-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-dcit-radius) var(--soi-dcit-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-dcit-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-dcit-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-dcit-marine);\n margin-bottom: 4px;\n}\n\n.soi-dcit-section .soi-dcit-tip p {\n font-size: clamp(14px, 1.8vw, 15px);\n color: var(--soi-dcit-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-dcit-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-dcit-accordion-item {\n background: var(--soi-dcit-off-white);\n border-radius: var(--soi-dcit-radius-sm);\n border: 1px solid var(--soi-dcit-line);\n overflow: hidden;\n}\n\n.soi-dcit-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-dcit-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-dcit-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-dcit-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-dcit-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-dcit-accordion-item[open] .soi-dcit-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-dcit-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-dcit-section .soi-dcit-accordion-content p {\n font-size: 14px;\n color: var(--soi-dcit-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-dcit-cta-box {\n background: var(--soi-dcit-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-dcit-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-dcit-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-dcit-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-dcit-section .soi-dcit-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: clamp(10px, 1.5vw, 11px);\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-dcit-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-dcit-section .soi-dcit-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 2.6vw, 20px);\n font-weight: 500;\n color: var(--soi-dcit-white);\n line-height: 1.5;\n margin: 0 auto;\n max-width: 640px;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-dcit-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-dcit-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-dcit-compo-value {\n text-align: left;\n max-width: 100%;\n }\n\n .soi-dcit-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-dcit-grid-compact {\n max-width: 100%;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-dcit-fiche * {\n animation: none !important;\n transition: none !important;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-dcit-fiche {\n --soi-dcit-text-soft: #2C3E50;\n --soi-dcit-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Argile \u0026 Eau Thermale","offers":[{"title":"Default Title","offer_id":61603436462410,"sku":"ET0005","price":6.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dentifrice-citron-certifie-bio-packshot.webp?v=1792057318"},{"product_id":"dentifrice-menthe-bio","title":"Dentifrice Menthe certifié bio","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 Dentifrice · Ciel d'Azur Labs\n \u003c\/div\u003e\n \u003cspan class=\"soi-dent-hero-title\"\u003eLa fraîcheur de la menthe, la douceur de l'argile\u003c\/span\u003e\n \u003cp class=\"soi-dent-hero-subtitle\"\u003eDenticlay Menthe, de la gamme Argile \u0026amp; Eau Thermale, associe argile blanche, eau thermale de Digne-les-Bains, sel marin non raffiné et menthe bio pour un brossage simple, rafraîchissant et naturel.\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\"\u003eMENTHE BIO\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003eFABRIQUÉ EN PROVENCE\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003eTUBE 75 ML\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003ePourquoi choisir un dentifrice naturel à l'argile et à la menthe ?\u003c\/h2\u003e\n \u003cp class=\"soi-dent-section-intro\"\u003eVous êtes nombreux à vous tourner vers un dentifrice naturel pour deux raisons : alléger votre routine en produits de synthèse et retrouver des textures et des saveurs plus franches. Ici, la formule est volontairement lisible.\u003c\/p\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\u003eL'argile blanche\u003c\/h3\u003e\n \u003cp\u003eUn minéral traditionnellement utilisé en soin d'hygiène. Elle offre une texture douce et participe à une sensation de bouche nette.\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\u003eL'eau thermale de Digne-les-Bains\u003c\/h3\u003e\n \u003cp\u003eRiche en minéraux, elle remplace l'eau classique dans la formule.\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\u003eLe sel marin non raffiné\u003c\/h3\u003e\n \u003cp\u003eUn ingrédient ancien des soins bucco-dentaires, apprécié pour son côté minéral.\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\u003eLa menthe bio\u003c\/h3\u003e\n \u003cp\u003eUne fraîcheur franche et un goût agréable, sans sucrer ni masquer le reste de la formule.\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 : ce que contient Denticlay Menthe\u003c\/h2\u003e\n \u003cp class=\"soi-dent-section-intro\"\u003eLa transparence compte, surtout pour un produit que vous utilisez deux fois par jour. Voici les actifs et repères clés de la formule.\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\"\u003eArgile blanche\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eKaolin\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eEau thermale\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eDigne-les-Bains\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eSel marin\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eNon raffiné\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eExtrait de menthe\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eIssu de l'agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-grid-compact\"\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-value\"\u003e99,2 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003eAgriculture biologique\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-value\"\u003e13 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-value\"\u003e75 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-dent-note\"\u003eLa liste INCI complète figure sur le tube et sur l'emballage. Les AJR et VNR ne s'appliquent pas ici, car il s'agit d'un cosmétique et non d'un complément alimentaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eUne « recette de grand-mère » version aboutie\u003c\/h2\u003e\n \u003cp\u003eArgile, sel, menthe : si vous avez déjà cherché une recette de grand-mère de dentifrice naturel, ces ingrédients vous diront quelque chose. Les préparer vous-même demande pourtant du temps, un dosage rigoureux et une bonne conservation.\u003c\/p\u003e\n \u003cp\u003eDenticlay reprend cette inspiration traditionnelle dans une pâte prête à l'emploi, avec une texture régulière, un goût constant et un tube pratique pour la salle de bain comme pour le voyage.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eComment utiliser votre dentifrice bio à la menthe\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\u003eDéposez une noisette\u003c\/h3\u003e\n \u003cp\u003eDe la taille d'un petit pois, sur une brosse à dents souple.\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 2 minutes\u003c\/h3\u003e\n \u003cp\u003eMatin et soir, en passant sur toutes les faces des dents et le long des gencives avec douceur.\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\u003eRincez bien\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau claire. Au début, la texture à l'argile peut surprendre : on s'y habitue vite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eDentifrice bio sans fluor, solide ou en tube : comment choisir ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-dent-grid\"\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003eVous recherchez un dentifrice sans fluor ?\u003c\/h3\u003e\n \u003cp\u003eVérifiez toujours la liste INCI : c'est la seule référence fiable, quelle que soit la marque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003eSolide ou en tube ?\u003c\/h3\u003e\n \u003cp\u003eFace aux pastilles ou comprimés, la pâte en tube reste plus intuitive : pas de mâchage, un dosage facile à ajuster et une sensation proche d'un dentifrice classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-dent-after-grid\"\u003eVous comparez avec un dentifrice bio Vademecum ou un autre dentifrice certifié ? Denticlay se distingue par sa base argile et eau thermale, sa certification Cosmos Organic et sa fabrication provençale. Pour trouver le dentifrice naturel qui vous convient, fiez-vous à trois critères : la composition, le goût que vous apprécierez chaque jour et la texture qui vous donne envie de brosser.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eConseils et précautions\u003c\/h2\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\u003eUtilisez-le deux fois par jour, en complément d'un brossage soigneux et d'un nettoyage interdentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-accordion\"\u003e\n \u003cdetails class=\"soi-dent-accordion-item\"\u003e\n \u003csummary class=\"soi-dent-accordion-header\"\u003eIngestion et enfants\u003c\/summary\u003e\n \u003cdiv class=\"soi-dent-accordion-content\"\u003e\n \u003cp\u003eÉvitez de l'avaler et gardez-le hors de portée des jeunes enfants. Pour un enfant, demandez conseil à votre dentiste.\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\"\u003eGencives sensibles\u003c\/summary\u003e\n \u003cdiv class=\"soi-dent-accordion-content\"\u003e\n \u003cp\u003eEn cas de gencives sensibles, de douleur ou de saignement persistant, consultez un professionnel de santé.\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\"\u003eUn cosmétique d'hygiène\u003c\/summary\u003e\n \u003cdiv class=\"soi-dent-accordion-content\"\u003e\n \u003cp\u003eCe produit est un cosmétique d'hygiène : il ne remplace ni un traitement médical, ni un suivi chez le 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-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;\"\u003eUn brossage doux, matin et soir\u003c\/p\u003e\n \u003cp class=\"soi-dent-cta-text\" style=\"color: white;\"\u003eUne bouche fraîche, une routine plus simple et des ingrédients que l'on comprend : chaque jour, un petit geste sincère pour votre sourire et pour la nature qui l'inspire.\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\n --soi-dent-white: #FFFFFF;\n --soi-dent-off-white: #F8FAF6;\n --soi-dent-stone: #F1F3EE;\n --soi-dent-line: #E5E8E0;\n\n --soi-dent-primary: #94C5B2;\n --soi-dent-primary-soft: #EAF5F0;\n --soi-dent-accent: #2F7A6E;\n\n --soi-dent-text: #1A2D3D;\n --soi-dent-text-soft: #4A5B6B;\n --soi-dent-text-muted: #7B8693;\n\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 * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-dent-fiche img { max-width: 100%; height: auto; }\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; left: 0; right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--soi-dent-pomme) 0%, var(--soi-dent-pomme) 60%, var(--soi-dent-primary) 100%);\n}\n\n.soi-dent-hero::after {\n content: '';\n position: absolute;\n right: -60px;\n bottom: -60px;\n width: 200px;\n height: 200px;\n border-radius: 50%;\n background: var(--soi-dent-primary);\n opacity: 0.08;\n}\n\n.soi-dent-hero-tag {\n position: relative;\n z-index: 1;\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\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 position: relative;\n z-index: 1;\n display: block;\n color: var(--soi-dent-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-dent-hero-subtitle {\n position: relative;\n z-index: 1;\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 position: relative;\n z-index: 1;\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: clamp(10px, 1.5vw, 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.soi-dent-section .soi-dent-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-dent-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-dent-section .soi-dent-note {\n margin-top: 1.25rem;\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-dent-text-muted);\n}\n\n.soi-dent-section .soi-dent-after-grid {\n margin-top: 1.25rem;\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: clamp(15px, 2vw, 16px);\n font-weight: 600;\n color: var(--soi-dent-marine);\n margin-bottom: 0.5rem;\n line-height: 1.35;\n}\n\n.soi-dent-section .soi-dent-benefit p {\n font-size: clamp(14px, 1.8vw, 15px);\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-primary-soft);\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: clamp(15px, 2vw, 16px);\n font-weight: 600;\n color: var(--soi-dent-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-dent-section .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\/* === GRID COMPACT === *\/\n.soi-dent-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-dent-card-mini {\n background: var(--soi-dent-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-dent-radius-sm);\n border-top: 3px solid var(--soi-dent-primary);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-dent-card-mini-label {\n font-size: 11px;\n color: var(--soi-dent-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-dent-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 600;\n color: var(--soi-dent-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-dent-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\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 box-shadow: 0 0 0 3px var(--soi-dent-primary-soft);\n}\n\n.soi-dent-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(15px, 2vw, 16px);\n font-weight: 600;\n color: var(--soi-dent-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-dent-section .soi-dent-step-content p {\n font-size: clamp(14px, 1.8vw, 15px);\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 border: 1px solid var(--soi-dent-line);\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}\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\/* === 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 margin-bottom: 1.25rem;\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-section .soi-dent-tip p {\n font-size: clamp(14px, 1.8vw, 15px);\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-section .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-section .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-section .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 !important;\n transition: none !important;\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":"Argile \u0026 Eau Thermale","offers":[{"title":"Default Title","offer_id":61603436822858,"sku":"ET0010","price":6.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dentifrice-menthe-certifie-bio-packshot.webp?v=1793555796"},{"product_id":"dentifrice-sauge-certifie-bio","title":"Dentifrice Sauge certifié bio","description":"\u003cdiv class=\"soi-saug-fiche\"\u003e\n\n \u003csection class=\"soi-saug-hero\"\u003e\n \u003cdiv class=\"soi-saug-hero-tag\"\u003e\n \u003cspan class=\"soi-saug-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène bucco-dentaire · Dentifrice bio\n \u003c\/div\u003e\n \u003cspan class=\"soi-saug-hero-title\"\u003eSauge, argile et eau thermale pour vos gencives\u003c\/span\u003e\n \u003cp class=\"soi-saug-hero-subtitle\"\u003eUne pâte crémeuse au goût franc, qui nettoie sans agresser et laisse une sensation de bouche propre et de fraîcheur durable.\u003c\/p\u003e\n \u003cdiv class=\"soi-saug-hero-labels\"\u003e\n \u003cspan class=\"soi-saug-label soi-saug-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-saug-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-saug-label\"\u003eFABRIQUÉ EN PROVENCE\u003c\/span\u003e\n \u003cspan class=\"soi-saug-label\"\u003e99,3 % D'ORIGINE NATURELLE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-saug-section\"\u003e\n \u003ch2\u003eUn dentifrice bio à la sauge pour des gencives toniques et une bouche fraîche\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un dentifrice bio au goût franc, qui nettoie sans agresser ? Ce dentifrice à la sauge certifié Cosmos Organic, fabriqué en Provence, s'adresse à celles et ceux qui souhaitent une routine bucco-dentaire plus simple et plus naturelle.\u003c\/p\u003e\n \u003cp\u003eSa texture crémeuse repose sur trois piliers : l'argile blanche, l'eau thermale de Digne les Bains et la sauge bio, une plante traditionnellement associée au confort des gencives.\u003c\/p\u003e\n \u003cdiv class=\"soi-saug-grid-compact\"\u003e\n \u003cdiv class=\"soi-saug-card-mini\"\u003e\n \u003cspan class=\"soi-saug-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-saug-card-mini-value\"\u003eTube de 75 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-saug-card-mini\"\u003e\n \u003cspan class=\"soi-saug-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-saug-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-saug-card-mini\"\u003e\n \u003cspan class=\"soi-saug-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-saug-card-mini-value\"\u003eProvence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-saug-card-mini\"\u003e\n \u003cspan class=\"soi-saug-card-mini-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-saug-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-saug-section\"\u003e\n \u003ch2\u003eComposition : ce que vous retrouvez dans le tube\u003c\/h2\u003e\n \u003cp class=\"soi-saug-section-intro\"\u003eVoici les ingrédients clés de la formule, avec leur proportion lorsqu'elle est précisée.\u003c\/p\u003e\n \u003cdiv class=\"soi-saug-benefits\"\u003e\n \u003cdiv class=\"soi-saug-benefit\"\u003e\n \u003cdiv class=\"soi-saug-benefit-icon\"\u003e\u003cspan\u003e🤍\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eArgile blanche médicinale (35 %)\u003c\/h3\u003e\n \u003cp\u003eUn minéral doux, réputé pour son pouvoir absorbant et son action de nettoyage en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-saug-benefit\"\u003e\n \u003cdiv class=\"soi-saug-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEau thermale de Digne les Bains (33 %)\u003c\/h3\u003e\n \u003cp\u003eRiche en minéraux et oligo-éléments, elle apporte une base apaisante à la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-saug-benefit\"\u003e\n \u003cdiv class=\"soi-saug-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eExtrait de sauge bio\u003c\/h3\u003e\n \u003cp\u003ePour la sensation de fraîcheur et le côté tonique du brossage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-saug-benefit\"\u003e\n \u003cdiv class=\"soi-saug-benefit-icon\"\u003e\u003cspan\u003e🌊\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSel marin non raffiné\u003c\/h3\u003e\n \u003cp\u003eUn abrasif très doux qui aide à éliminer les résidus du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-saug-compo\"\u003e\n \u003cdiv class=\"soi-saug-compo-row\"\u003e\n \u003cspan class=\"soi-saug-compo-label\"\u003eIngrédients d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-saug-compo-value\"\u003e99,3 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-saug-compo-row\"\u003e\n \u003cspan class=\"soi-saug-compo-label\"\u003eIssus de l'agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"soi-saug-compo-value\"\u003e13 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-saug-compo-row\"\u003e\n \u003cspan class=\"soi-saug-compo-label\"\u003eListe INCI complète\u003c\/span\u003e\n \u003cspan class=\"soi-saug-compo-value\"\u003eSur le tube et l'emballage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-saug-note\"\u003ePratique pour vérifier la composition avant achat si vous êtes sensible à certains ingrédients.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-saug-section\"\u003e\n \u003ch2\u003ePourquoi cette association fonctionne au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-saug-grid\"\u003e\n \u003cdiv class=\"soi-saug-card\"\u003e\n \u003ch3\u003eL'argile blanche, nettoyant minéral\u003c\/h3\u003e\n \u003cp\u003eElle capte les résidus et laisse la bouche nette, sans effet « mousse » excessif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-saug-card\"\u003e\n \u003ch3\u003eL'eau thermale, une base douce\u003c\/h3\u003e\n \u003cp\u003ePrésente en forte proportion, elle donne à la pâte une douceur appréciable si vos gencives sont parfois sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-saug-card\"\u003e\n \u003ch3\u003eLa sauge, une note végétale intense\u003c\/h3\u003e\n \u003cp\u003eElle apporte cette note végétale qui réveille le brossage du matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-saug-result\"\u003eRésultat : \u003cstrong\u003eune sensation de bouche propre et de fraîcheur durable\u003c\/strong\u003e, sans goût sucré ni arôme artificiel envahissant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-saug-section\"\u003e\n \u003ch2\u003eComment utiliser ce dentifrice (posologie conseillée)\u003c\/h2\u003e\n \u003cdiv class=\"soi-saug-timeline\"\u003e\n \u003cdiv class=\"soi-saug-step\"\u003e\n \u003cdiv class=\"soi-saug-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-saug-step-content\"\u003e\n \u003ch3\u003eDéposez une noisette\u003c\/h3\u003e\n \u003cp\u003eEnviron la taille d'un petit pois, sur une brosse à dents souple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-saug-step\"\u003e\n \u003cdiv class=\"soi-saug-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-saug-step-content\"\u003e\n \u003ch3\u003eBrossez pendant 2 minutes\u003c\/h3\u003e\n \u003cp\u003eEn insistant sur la ligne des gencives, avec de petits mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-saug-step\"\u003e\n \u003cdiv class=\"soi-saug-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-saug-step-content\"\u003e\n \u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n \u003cp\u003eRépétez matin et soir, ou après les repas selon vos habitudes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-saug-tip\"\u003e\n \u003cdiv class=\"soi-saug-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eVous remarquerez peut-être que la pâte mousse moins qu'un dentifrice classique. C'est normal : l'absence de forts agents moussants fait partie de son approche naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-saug-section\"\u003e\n \u003ch2\u003eSans fluor, avec fluor, solide, bébé : on fait le point\u003c\/h2\u003e\n \u003cdiv class=\"soi-saug-grid\"\u003e\n \u003cdiv class=\"soi-saug-card\"\u003e\n \u003ch3\u003eSans fluor ou avec fluor ?\u003c\/h3\u003e\n \u003cp\u003eCette formule mise sur l'argile, l'eau thermale et la sauge plutôt que sur le fluor. Si votre dentiste vous a recommandé un apport en fluor, parlez-lui de votre souhait de passer au bio : il saura vous orienter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-saug-card\"\u003e\n \u003ch3\u003eDentifrice solide bio ?\u003c\/h3\u003e\n \u003cp\u003eCelui-ci est une pâte en tube, plus facile à doser et plus agréable pour les gencives sensibles que beaucoup de formats solides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-saug-card\"\u003e\n \u003ch3\u003eDentifrice bébé bio ?\u003c\/h3\u003e\n \u003cp\u003eCe produit n'est pas conçu spécifiquement pour les tout-petits. Pour un enfant, demandez conseil à votre pédiatre ou à votre dentiste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-saug-card\"\u003e\n \u003ch3\u003eAlternative à un dentifrice Vademecum bio ?\u003c\/h3\u003e\n \u003cp\u003eSi vous aimez les formules à base de plantes, cette recette à la sauge et à l'argile offre une approche différente, plus minérale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-saug-section\"\u003e\n \u003ch2\u003eVos questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"soi-saug-accordion\"\u003e\n \u003cdetails class=\"soi-saug-accordion-item\"\u003e\n \u003csummary class=\"soi-saug-accordion-header\"\u003eQuels sont les bienfaits de la sauge dans un dentifrice ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-saug-accordion-content\"\u003e\n \u003cp\u003eElle apporte fraîcheur et tonicité, et fait partie des plantes traditionnellement utilisées pour l'hygiène de la bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-saug-accordion-item\"\u003e\n \u003csummary class=\"soi-saug-accordion-header\"\u003eConvient-il aux gencives sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-saug-accordion-content\"\u003e\n \u003cp\u003eSa formule douce, sans abrasif agressif, est pensée pour un usage régulier. En cas de gêne persistante, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-saug-accordion-item\"\u003e\n \u003csummary class=\"soi-saug-accordion-header\"\u003eQuel goût a-t-il ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-saug-accordion-content\"\u003e\n \u003cp\u003eUn goût herbacé et franc, très différent de la menthe sucrée habituelle. Il faut parfois quelques brossages pour s'y habituer, puis on y prend goût.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-saug-accordion-item\"\u003e\n \u003csummary class=\"soi-saug-accordion-header\"\u003eOù lire des avis ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-saug-accordion-content\"\u003e\n \u003cp\u003eRetrouvez les retours de nos clients directement sur cette page produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-saug-section\"\u003e\n \u003ch2\u003eÀ savoir avant de l'adopter\u003c\/h2\u003e\n \u003cp\u003eCe dentifrice est un produit cosmétique d'hygiène bucco-dentaire. Il \u003cstrong\u003ene remplace ni un traitement médical, ni les soins ou le suivi de votre dentiste\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp\u003eÉvitez le contact avec les yeux et ne l'avalez pas. En cas d'allergie connue à l'un des ingrédients, vérifiez la liste INCI avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-saug-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-saug-cta-box\"\u003e\n \u003cp class=\"soi-saug-cta-tag\" style=\"color: white;\"\u003eUn moment de fraîcheur venu de Provence\u003c\/p\u003e\n \u003cp class=\"soi-saug-cta-text\" style=\"color: white;\"\u003eArgile douce, eau thermale apaisante et sauge bio s'unissent pour une routine simple, naturelle et agréable, respectueuse de vos gencives 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.soi-saug-fiche {\n --soi-saug-marine: #1A2D3D;\n --soi-saug-marine-dark: #0F1E2B;\n --soi-saug-marine-light: #2C4458;\n --soi-saug-pomme: #A1C544;\n --soi-saug-pomme-dark: #84A636;\n --soi-saug-pomme-light: rgba(161,197,68,0.10);\n --soi-saug-white: #FFFFFF;\n --soi-saug-off-white: #F8FAF6;\n --soi-saug-stone: #F1F3EE;\n --soi-saug-line: #E5E8E0;\n --soi-saug-primary: #2F7F78;\n --soi-saug-primary-soft: #E3F1EC;\n --soi-saug-accent: #A9A8D6;\n --soi-saug-text: #1A2D3D;\n --soi-saug-text-soft: #4A5B6B;\n --soi-saug-text-muted: #7B8693;\n --soi-saug-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-saug-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-saug-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-saug-radius: 12px;\n --soi-saug-radius-sm: 8px;\n --soi-saug-radius-pill: 999px;\n}\n\n.soi-saug-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-saug-fiche img { max-width: 100%; height: auto; }\n\n.soi-saug-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-saug-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-saug-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-saug-hero {\n position: relative;\n background: var(--soi-saug-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-saug-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-saug-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-saug-pomme);\n}\n\n.soi-saug-hero::after {\n content: '';\n position: absolute;\n bottom: 0; left: 0; right: 0;\n height: 2px;\n background: var(--soi-saug-primary);\n opacity: 0.6;\n}\n\n.soi-saug-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-saug-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-saug-pomme);\n border-radius: 50%;\n}\n\n.soi-saug-hero-title {\n display: block;\n color: var(--soi-saug-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-saug-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-saug-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-saug-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-saug-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-saug-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-saug-label-accent {\n background: var(--soi-saug-pomme);\n border-color: var(--soi-saug-pomme);\n color: var(--soi-saug-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-saug-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-saug-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-saug-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-saug-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-saug-pomme);\n border-radius: 2px;\n}\n\n.soi-saug-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-saug-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-saug-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-saug-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-saug-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-saug-section p.soi-saug-section-intro {\n color: var(--soi-saug-text-soft);\n margin-bottom: 1.5rem;\n}\n\n.soi-saug-section strong {\n color: var(--soi-saug-marine);\n font-weight: 600;\n}\n\n.soi-saug-note {\n margin-top: 1rem;\n font-size: clamp(13px, 1.8vw, 14px);\n}\n\n.soi-saug-section p.soi-saug-note {\n color: var(--soi-saug-text-muted);\n}\n\n.soi-saug-section p.soi-saug-result {\n margin-top: 1.5rem;\n padding: 1rem 1.25rem;\n background: var(--soi-saug-primary-soft);\n border-radius: var(--soi-saug-radius-sm);\n border-left: 3px solid var(--soi-saug-primary);\n}\n\n\/* === BENEFITS === *\/\n.soi-saug-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-saug-benefit {\n background: var(--soi-saug-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-saug-radius);\n border: 1px solid var(--soi-saug-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-saug-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-saug-shadow-md);\n}\n\n.soi-saug-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-saug-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-saug-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-saug-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-saug-benefit:hover .soi-saug-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-saug-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-saug-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-saug-benefit p {\n font-size: 15px;\n color: var(--soi-saug-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-saug-section .soi-saug-benefit p {\n color: var(--soi-saug-text-soft);\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-saug-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-saug-card {\n background: var(--soi-saug-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-saug-radius);\n border-left: 3px solid var(--soi-saug-pomme);\n}\n\n.soi-saug-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-saug-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-saug-section .soi-saug-card p {\n font-size: 14px;\n color: var(--soi-saug-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-saug-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-saug-card-mini {\n background: var(--soi-saug-primary-soft);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-saug-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-saug-card-mini-label {\n font-size: 11px;\n color: var(--soi-saug-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-saug-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-saug-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-saug-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-saug-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-saug-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-saug-radius);\n border: 1px solid var(--soi-saug-line);\n align-items: flex-start;\n}\n\n.soi-saug-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-saug-marine);\n color: var(--soi-saug-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-saug-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-saug-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-saug-section .soi-saug-step-content p {\n font-size: 15px;\n color: var(--soi-saug-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-saug-compo {\n background: var(--soi-saug-off-white);\n border-radius: var(--soi-saug-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-saug-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-saug-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-saug-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-saug-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-saug-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-saug-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 600;\n color: var(--soi-saug-primary);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-saug-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-saug-pomme-light);\n border-left: 4px solid var(--soi-saug-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-saug-radius) var(--soi-saug-radius) 0;\n align-items: flex-start;\n}\n\n.soi-saug-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-saug-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-saug-marine);\n margin-bottom: 4px;\n}\n\n.soi-saug-section .soi-saug-tip p {\n font-size: 15px;\n color: var(--soi-saug-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-saug-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-saug-accordion-item {\n background: var(--soi-saug-off-white);\n border-radius: var(--soi-saug-radius-sm);\n border: 1px solid var(--soi-saug-line);\n overflow: hidden;\n}\n\n.soi-saug-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-saug-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 gap: 1rem;\n}\n\n.soi-saug-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-saug-accordion-header::after {\n content: '+';\n flex-shrink: 0;\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-saug-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-saug-accordion-item[open] .soi-saug-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-saug-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-saug-section .soi-saug-accordion-content p {\n font-size: 14px;\n color: var(--soi-saug-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-saug-cta-box {\n background: var(--soi-saug-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-saug-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-saug-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-saug-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-saug-section .soi-saug-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 margin-bottom: 0.75rem;\n}\n\n.soi-saug-section .soi-saug-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n line-height: 1.4;\n margin: 0 auto;\n max-width: 580px;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-saug-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-saug-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-saug-compo-value {\n text-align: left;\n }\n\n .soi-saug-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-saug-fiche * {\n animation: none !important;\n transition: none !important;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-saug-fiche {\n --soi-saug-text-soft: #2C3E50;\n --soi-saug-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Argile \u0026 Eau Thermale","offers":[{"title":"Default Title","offer_id":61603438002506,"sku":"ET0015","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dentifrice-sauge-certifie-bio-packshot.webp?v=1793555876"},{"product_id":"shampoing-cheveux-gras-certifie-bio-250ml-argile-eau-thermale","title":"Shampoing cheveux gras bio 250ml - Argile \u0026 Eau Thermale","description":"\n\u003cdiv class=\"soi-ageth-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-ageth-hero\"\u003e\n \u003cdiv class=\"soi-ageth-hero-tag\"\u003e\n \u003cspan class=\"soi-ageth-tag-dot\"\u003e\u003c\/span\u003e\n Shampooing cheveux gras · Ciel d'Azur Labs\n \u003c\/div\u003e\n \u003cspan class=\"soi-ageth-hero-title\"\u003eShampoing cheveux gras certifié bio 250 ml\u003c\/span\u003e\n \u003cp class=\"soi-ageth-hero-subtitle\"\u003eL'alliance de l'argile verte purifiante et de l'eau thermale de Digne-les-Bains pour rééquilibrer votre cuir chevelu en douceur, sans sulfates.\u003c\/p\u003e\n \u003cdiv class=\"soi-ageth-hero-labels\"\u003e\n \u003cspan class=\"soi-ageth-label soi-ageth-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INTRO --\u003e\n \u003csection class=\"soi-ageth-section\"\u003e\n \u003cp class=\"soi-ageth-section-intro\"\u003eVous avez les cheveux qui regraissent vite, un cuir chevelu qui tiraille, et la sensation que votre shampooing habituel ne fait que déplacer le problème ? Ce shampooing certifié bio à l'argile verte a été pensé pour agir à la source, avec une formule sans sulfates enrichie en argile verte purifiante et en eau thermale de Digne-les-Bains, directement issue de Provence.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi ce shampoing est différent des autres ? --\u003e\n \u003csection class=\"soi-ageth-section\"\u003e\n \u003ch2\u003ePourquoi ce shampoing est différent des autres ?\u003c\/h2\u003e\n \u003cp\u003eLa plupart des shampoings pour cheveux gras nettoient bien, mais trop fort. Les sulfates décapent le cuir chevelu, qui réagit en produisant encore plus de sébum. Résultat : vos cheveux regraissent encore plus vite qu'avant. Ce shampooing rompt ce cercle vicieux grâce à une approche douce et rééquilibrante.\u003c\/p\u003e\n \u003cp\u003eL'argile verte absorbe l'excès de sébum et purifie en profondeur, sans agresser. L'eau thermale de Digne-les-Bains, naturellement chargée en minéraux, apaise les irritations et revitalise le cuir chevelu dès la racine. Le tout sans sulfates, pour un nettoyage respectueux de la fibre capillaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les bienfaits concrets pour vos cheveux gras --\u003e\n \u003csection class=\"soi-ageth-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets pour vos cheveux gras\u003c\/h2\u003e\n \u003cdiv class=\"soi-ageth-benefits\"\u003e\n \u003cdiv class=\"soi-ageth-benefit\"\u003e\n \u003cdiv class=\"soi-ageth-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRégulation du sébum\u003c\/h3\u003e\n \u003cp\u003eL'argile verte capte l'excès de gras sans assécher votre cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-benefit\"\u003e\n \u003cdiv class=\"soi-ageth-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCuir chevelu apaisé\u003c\/h3\u003e\n \u003cp\u003eL'eau thermale riche en minéraux réduit les tiraillements et les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-benefit\"\u003e\n \u003cdiv class=\"soi-ageth-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePrévention des pellicules grasses\u003c\/h3\u003e\n \u003cp\u003eL'équilibre du pH est maintenu pour limiter les démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-benefit\"\u003e\n \u003cdiv class=\"soi-ageth-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux légers et brillants\u003c\/h3\u003e\n \u003cp\u003eVotre chevelure retrouve du volume et de la légèreté dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-benefit\"\u003e\n \u003cdiv class=\"soi-ageth-benefit-icon\"\u003e\u003cspan\u003e⏳\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRegraissage retardé\u003c\/h3\u003e\n \u003cp\u003eVos cheveux restent frais plus longtemps entre deux lavages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition et ingrédients --\u003e\n \u003csection class=\"soi-ageth-section\"\u003e\n \u003ch2\u003eComposition et ingrédients\u003c\/h2\u003e\n \u003cp class=\"soi-ageth-section-intro\"\u003eFormulé et fabriqué en France (Provence), ce shampooing est certifié Cosmos Organic par Ecocert. Sa composition repose sur des actifs naturels soigneusement sélectionnés.\u003c\/p\u003e\n \u003cdiv class=\"soi-ageth-grid\"\u003e\n \u003cdiv class=\"soi-ageth-card\"\u003e\n \u003ch3\u003e🪨 Argile verte (Kaolin)\u003c\/h3\u003e\n \u003cp\u003eActif absorbant et purifiant, reconnu pour ses propriétés séborégulatrices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-card\"\u003e\n \u003ch3\u003e🌊 Eau thermale de Digne-les-Bains\u003c\/h3\u003e\n \u003cp\u003eRiche en oligo-éléments, apaisante et reminéralisante pour le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-card\"\u003e\n \u003ch3\u003e🌿 Tensioactifs doux végétaux\u003c\/h3\u003e\n \u003cp\u003eNettoyage efficace d'origine végétale, sans agresser le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-compo\"\u003e\n \u003cdiv class=\"soi-ageth-compo-row\"\u003e\n \u003cspan class=\"soi-ageth-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-compo-row\"\u003e\n \u003cspan class=\"soi-ageth-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-compo-value\"\u003eFabriqué en France, Provence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-compo-row\"\u003e\n \u003cspan class=\"soi-ageth-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-compo-value\"\u003e250 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-compo-row\"\u003e\n \u003cspan class=\"soi-ageth-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-compo-value\"\u003eSans sulfates, sans silicones, sans parabènes, vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser votre shampoing cheveux gras bio ? --\u003e\n \u003csection class=\"soi-ageth-section\"\u003e\n \u003ch2\u003eComment utiliser votre shampoing cheveux gras bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-ageth-timeline\"\u003e\n \u003cdiv class=\"soi-ageth-step\"\u003e\n \u003cdiv class=\"soi-ageth-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-step\"\u003e\n \u003cdiv class=\"soi-ageth-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le cuir chevelu pendant 1 à 2 minutes pour activer les propriétés purifiantes de l'argile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-step\"\u003e\n \u003cdiv class=\"soi-ageth-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Évitez l'eau trop chaude, qui stimule la production de sébum. Renouvelez si besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-tip\"\u003e\n \u003cdiv class=\"soi-ageth-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un résultat optimal, utilisez ce shampooing 2 à 3 fois par semaine. Si vous passez d'un shampooing sulfaté classique, comptez 2 à 3 semaines d'adaptation le temps que votre cuir chevelu retrouve son équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Nos engagements qualité --\u003e\n \u003csection class=\"soi-ageth-section\"\u003e\n \u003ch2\u003eNos engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"soi-ageth-grid-compact\"\u003e\n \u003cdiv class=\"soi-ageth-card-mini\"\u003e\n \u003cspan class=\"soi-ageth-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-card-mini\"\u003e\n \u003cspan class=\"soi-ageth-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-value\"\u003eSans sulfates\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-card-mini\"\u003e\n \u003cspan class=\"soi-ageth-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-value\"\u003eVegan \u0026amp; cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-card-mini\"\u003e\n \u003cspan class=\"soi-ageth-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-value\"\u003eFrance, Provence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-card-mini\"\u003e\n \u003cspan class=\"soi-ageth-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-value\"\u003eRecyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ageth-card-mini\"\u003e\n \u003cspan class=\"soi-ageth-card-mini-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-ageth-card-mini-value\"\u003e250 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Précautions --\u003e\n \u003csection class=\"soi-ageth-section\"\u003e\n \u003cdiv class=\"soi-ageth-accordion\"\u003e\n \u003cdetails class=\"soi-ageth-accordion-item\"\u003e\n \u003csummary class=\"soi-ageth-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-ageth-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne se substitue pas à l'avis d'un dermatologue en cas de problème capillaire persistant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-ageth-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-ageth-cta-box\"\u003e\n \u003cp class=\"soi-ageth-cta-text\" style=\"color: white;\"\u003eOffrez à vos cheveux un rituel purifiant et rééquilibrant, formulé en Provence avec l'argile verte et l'eau thermale de Digne-les-Bains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-ageth-marine: #1A2D3D;\n --soi-ageth-marine-dark: #0F1E2B;\n --soi-ageth-marine-light: #2C4458;\n --soi-ageth-pomme: #A1C544;\n --soi-ageth-pomme-dark: #84A636;\n --soi-ageth-pomme-light: rgba(161,197,68,0.10);\n\n --soi-ageth-white: #FFFFFF;\n --soi-ageth-off-white: #F8FAF6;\n --soi-ageth-stone: #F1F3EE;\n --soi-ageth-line: #E5E8E0;\n\n --soi-ageth-primary: #8CBFAA;\n --soi-ageth-primary-soft: #B5D9CC;\n --soi-ageth-accent: #94C5A8;\n\n --soi-ageth-text: #1A2D3D;\n --soi-ageth-text-soft: #4A5B6B;\n --soi-ageth-text-muted: #7B8693;\n\n --soi-ageth-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-ageth-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-ageth-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-ageth-radius: 12px;\n --soi-ageth-radius-sm: 8px;\n --soi-ageth-radius-pill: 999px;\n}\n\n.soi-ageth-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ageth-fiche img { max-width: 100%; height: auto; }\n\n.soi-ageth-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-ageth-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-ageth-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-ageth-hero {\n position: relative;\n background: var(--soi-ageth-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-ageth-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-ageth-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-ageth-pomme);\n}\n\n.soi-ageth-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-ageth-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-ageth-pomme);\n border-radius: 50%;\n}\n\n.soi-ageth-hero-title {\n display: block;\n color: var(--soi-ageth-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-ageth-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-ageth-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-ageth-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-ageth-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-ageth-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-ageth-label-accent {\n background: var(--soi-ageth-pomme);\n border-color: var(--soi-ageth-pomme);\n color: var(--soi-ageth-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-ageth-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-ageth-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-ageth-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-ageth-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-ageth-pomme);\n border-radius: 2px;\n}\n\n.soi-ageth-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-ageth-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-ageth-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-ageth-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-ageth-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-ageth-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-ageth-benefit {\n background: var(--soi-ageth-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-ageth-radius);\n border: 1px solid var(--soi-ageth-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-ageth-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-ageth-shadow-md);\n}\n\n.soi-ageth-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-ageth-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-ageth-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-ageth-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-ageth-benefit:hover .soi-ageth-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-ageth-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-ageth-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-ageth-benefit p {\n font-size: 13px;\n color: var(--soi-ageth-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-ageth-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-ageth-card {\n background: var(--soi-ageth-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-ageth-radius);\n border-left: 3px solid var(--soi-ageth-pomme);\n}\n\n.soi-ageth-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-ageth-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-ageth-card p {\n font-size: 14px;\n color: var(--soi-ageth-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-ageth-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-ageth-card-mini {\n background: var(--soi-ageth-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-ageth-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-ageth-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-ageth-card-mini-label {\n font-size: 11px;\n color: var(--soi-ageth-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-ageth-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-ageth-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-ageth-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-ageth-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-ageth-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-ageth-radius);\n border: 1px solid var(--soi-ageth-line);\n align-items: flex-start;\n}\n\n.soi-ageth-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-ageth-marine);\n color: var(--soi-ageth-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-ageth-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-ageth-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-ageth-step-content p {\n font-size: 14px;\n color: var(--soi-ageth-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-ageth-compo {\n background: var(--soi-ageth-off-white);\n border-radius: var(--soi-ageth-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-ageth-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-ageth-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-ageth-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-ageth-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-ageth-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-ageth-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-ageth-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-ageth-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-ageth-pomme-light);\n border-left: 4px solid var(--soi-ageth-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-ageth-radius) var(--soi-ageth-radius) 0;\n align-items: flex-start;\n}\n\n.soi-ageth-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-ageth-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-ageth-marine);\n margin-bottom: 4px;\n}\n\n.soi-ageth-tip p {\n font-size: 14px;\n color: var(--soi-ageth-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-ageth-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-ageth-accordion-item {\n background: var(--soi-ageth-off-white);\n border-radius: var(--soi-ageth-radius-sm);\n border: 1px solid var(--soi-ageth-line);\n overflow: hidden;\n}\n\n.soi-ageth-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-ageth-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-ageth-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-ageth-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-ageth-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-ageth-accordion-item[open] .soi-ageth-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-ageth-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-ageth-accordion-content p {\n font-size: 14px;\n color: var(--soi-ageth-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-ageth-cta-box {\n background: var(--soi-ageth-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-ageth-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-ageth-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-ageth-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-ageth-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-ageth-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-ageth-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-ageth-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-ageth-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-ageth-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-ageth-compo-value {\n text-align: left;\n }\n\n .soi-ageth-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-ageth-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-ageth-fiche {\n --soi-ageth-text-soft: #2C3E50;\n --soi-ageth-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Argile \u0026 Eau Thermale","offers":[{"title":"Default Title","offer_id":61603440492874,"sku":"ET0025","price":11.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-cheveux-gras-bio-250ml-argile-eau-thermale-packshot.webp?v=1785762530"},{"product_id":"cure-oreille-reutilisable","title":"Cure-oreille réutilisable","description":"\n\u003cdiv class=\"soi-cure-fiche\"\u003e\n\n \u003csection class=\"soi-cure-hero\"\u003e\n \u003cdiv class=\"soi-cure-hero-tag\"\u003e\n \u003cspan class=\"soi-cure-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-cure-hero-title\"\u003eCure-oreille réutilisable\u003c\/span\u003e\n \u003cp class=\"soi-cure-hero-subtitle\"\u003eUne alternative durable et artisanale aux cotons-tiges : plus sûre pour vos oreilles, plus respectueuse de la planète, et fabriquée en France.\u003c\/p\u003e\n \u003cdiv class=\"soi-cure-hero-labels\"\u003e\n \u003cspan class=\"soi-cure-label soi-cure-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-cure-label\"\u003eMÉDAILLÉ CONCOURS LÉPINE\u003c\/span\u003e\n \u003cspan class=\"soi-cure-label\"\u003eZÉRO DÉCHET\u003c\/span\u003e\n \u003cspan class=\"soi-cure-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003ePourquoi le cure-oreille inox est meilleur que le coton-tige ?\u003c\/h2\u003e\n \u003cp\u003eContrairement aux idées reçues, le cérumen joue un rôle protecteur dans l'oreille. Le problème ne vient pas du cérumen lui-même, mais de son accumulation excessive. Le coton-tige le pousse vers l'intérieur, favorisant la formation de bouchons.\u003c\/p\u003e\n \u003cp\u003eLe cure-oreille en inox médical adopte la logique inverse : sa petite pelle en métal récupère délicatement l'excès de cérumen sans enfoncer quoi que ce soit. Résultat : une hygiène auriculaire plus efficace, sans danger pour le conduit auditif.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003eCe qui distingue vraiment ce cure-oreille\u003c\/h2\u003e\n \u003cdiv class=\"soi-cure-benefits\"\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eManche en bois de Charme français, pelle en inox médical. Un savoir-faire artisanal reconnu, bien loin des produits importés bas de gamme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e🏅\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMédaillé au Concours Lépine\u003c\/h3\u003e\n \u003cp\u003eUne distinction qui récompense l'innovation, la qualité de fabrication et l'utilité réelle du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eZéro déchet, économique à vie\u003c\/h3\u003e\n \u003cp\u003eRéutilisable à l'infini, il remplace des milliers de cotons-tiges jetables. Un seul achat, des économies durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e🧼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHygiène garantie\u003c\/h3\u003e\n \u003cp\u003eUn simple nettoyage à l'eau et au savon après chaque utilisation suffit. L'inox médical ne rouille pas et ne retient pas les bactéries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDouceur d'utilisation\u003c\/h3\u003e\n \u003cp\u003eLe bois de Charme offre une prise en main confortable. Le geste est précis, contrôlé, sans risque d'aller trop loin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003eComment utiliser votre cure-oreille correctement ?\u003c\/h2\u003e\n \u003cp class=\"soi-cure-section-intro\"\u003eLe geste s'apprend en quelques secondes. Voici comment procéder en toute sécurité.\u003c\/p\u003e\n \u003cdiv class=\"soi-cure-timeline\"\u003e\n \u003cdiv class=\"soi-cure-step\"\u003e\n \u003cdiv class=\"soi-cure-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step-content\"\u003e\n \u003ch3\u003eInclinez légèrement la tête\u003c\/h3\u003e\n \u003cp\u003ePenchez la tête sur le côté pour faciliter l'accès au conduit auditif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step\"\u003e\n \u003cdiv class=\"soi-cure-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step-content\"\u003e\n \u003ch3\u003eInsérez doucement la pelle\u003c\/h3\u003e\n \u003cp\u003ePlacez la pelle en inox à l'entrée du conduit, sans forcer ni enfoncer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step\"\u003e\n \u003cdiv class=\"soi-cure-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step-content\"\u003e\n \u003ch3\u003eEffectuez un léger mouvement circulaire\u003c\/h3\u003e\n \u003cp\u003eRécupérez le cérumen en excès par un geste rotatif délicat, sans appuyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step\"\u003e\n \u003cdiv class=\"soi-cure-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step-content\"\u003e\n \u003ch3\u003eRincez le cure-oreille\u003c\/h3\u003e\n \u003cp\u003eNettoyez à l'eau savonneuse après chaque utilisation et laissez sécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-tip\"\u003e\n \u003cdiv class=\"soi-cure-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eRéservez son usage à l'entrée du conduit uniquement. En cas de douleur ou de sensation de bouchon persistant, consultez un médecin ORL. Ce produit ne remplace pas un avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003eCaractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"soi-cure-compo\"\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eMatériaux\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eBois de Charme français et inox médical\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eArtisanale, 100% française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eEntretien\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eLavable à l'eau et au savon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eDurée de vie\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eÀ vie avec un entretien adapté\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eDistinction\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eMédaille du Concours Lépine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eAdultes et adolescents\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le cure-oreille\u003c\/h2\u003e\n \u003cdiv class=\"soi-cure-accordion\"\u003e\n \u003cdetails class=\"soi-cure-accordion-item\"\u003e\n \u003csummary class=\"soi-cure-accordion-header\"\u003e🔬 Le cure-oreille en métal est-il dangereux ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cure-accordion-content\"\u003e\n \u003cp\u003eNon, à condition de l'utiliser correctement, c'est-à-dire à l'entrée du conduit, sans enfoncer. La pelle en inox médical est conçue pour être douce et non traumatisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cure-accordion-item\"\u003e\n \u003csummary class=\"soi-cure-accordion-header\"\u003e🛒 Où trouver un cure-oreille de qualité ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cure-accordion-content\"\u003e\n \u003cp\u003eCe produit est disponible directement sur notre site. Certains cure-oreilles se trouvent en pharmacie, mais peu atteignent le niveau de finition artisanale et la reconnaissance du Concours Lépine de ce modèle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cure-accordion-item\"\u003e\n \u003csummary class=\"soi-cure-accordion-header\"\u003e🌍 Est-ce vraiment écologique ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cure-accordion-content\"\u003e\n \u003cp\u003eUn seul cure-oreille remplace plusieurs milliers de cotons-tiges jetables sur sa durée de vie. L'impact environnemental est bien réel et mesurable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-cure-cta-box\"\u003e\n \u003cp class=\"soi-cure-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans les gestes du quotidien\u003c\/p\u003e\n \u003cp class=\"soi-cure-cta-text\" style=\"color: white;\"\u003eUn geste simple, un outil pensé pour durer toute une vie. Le cure-oreille Laboratoire Code vous offre une hygiène auriculaire quotidienne plus douce, plus sûre et respectueuse de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-cure-marine: #1A2D3D;\n --soi-cure-marine-dark: #0F1E2B;\n --soi-cure-marine-light: #2C4458;\n --soi-cure-pomme: #A1C544;\n --soi-cure-pomme-dark: #84A636;\n --soi-cure-pomme-light: rgba(161,197,68,0.10);\n\n --soi-cure-white: #FFFFFF;\n --soi-cure-off-white: #F8FAF6;\n --soi-cure-stone: #F1F3EE;\n --soi-cure-line: #E5E8E0;\n\n --soi-cure-primary: #6DA8A0;\n --soi-cure-primary-soft: #B5DDD4;\n --soi-cure-accent: #5B9B94;\n\n --soi-cure-text: #1A2D3D;\n --soi-cure-text-soft: #4A5B6B;\n --soi-cure-text-muted: #7B8693;\n\n --soi-cure-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-cure-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-cure-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-cure-radius: 12px;\n --soi-cure-radius-sm: 8px;\n --soi-cure-radius-pill: 999px;\n}\n\n.soi-cure-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cure-fiche img { max-width: 100%; height: auto; }\n\n.soi-cure-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-cure-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-cure-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-cure-hero {\n position: relative;\n background: var(--soi-cure-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-cure-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-cure-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-cure-pomme);\n}\n\n.soi-cure-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-cure-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-cure-pomme);\n border-radius: 50%;\n}\n\n.soi-cure-hero-title {\n display: block;\n color: var(--soi-cure-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-cure-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-cure-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-cure-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-cure-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-cure-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-cure-label-accent {\n background: var(--soi-cure-pomme);\n border-color: var(--soi-cure-pomme);\n color: var(--soi-cure-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-cure-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cure-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-cure-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-cure-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-cure-pomme);\n border-radius: 2px;\n}\n\n.soi-cure-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-cure-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-cure-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-cure-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-cure-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-cure-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-cure-benefit {\n background: var(--soi-cure-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-cure-radius);\n border: 1px solid var(--soi-cure-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cure-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-cure-shadow-md);\n}\n\n.soi-cure-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-cure-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-cure-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-cure-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-cure-benefit:hover .soi-cure-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-cure-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cure-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cure-benefit p {\n font-size: 13px;\n color: var(--soi-cure-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-cure-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-cure-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-cure-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cure-radius);\n border: 1px solid var(--soi-cure-line);\n align-items: flex-start;\n}\n\n.soi-cure-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-cure-marine);\n color: var(--soi-cure-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-cure-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cure-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-cure-step-content p {\n font-size: 14px;\n color: var(--soi-cure-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-cure-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-cure-pomme-light);\n border-left: 4px solid var(--soi-cure-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-cure-radius) var(--soi-cure-radius) 0;\n align-items: flex-start;\n}\n\n.soi-cure-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-cure-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-cure-marine);\n margin-bottom: 4px;\n}\n\n.soi-cure-tip p {\n font-size: 14px;\n color: var(--soi-cure-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-cure-compo {\n background: var(--soi-cure-off-white);\n border-radius: var(--soi-cure-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-cure-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-cure-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-cure-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-cure-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-cure-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-cure-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-cure-marine);\n text-align: right;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-cure-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-cure-accordion-item {\n background: var(--soi-cure-off-white);\n border-radius: var(--soi-cure-radius-sm);\n border: 1px solid var(--soi-cure-line);\n overflow: hidden;\n}\n\n.soi-cure-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-cure-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-cure-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-cure-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-cure-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-cure-accordion-item[open] .soi-cure-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-cure-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-cure-accordion-content p {\n font-size: 14px;\n color: var(--soi-cure-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-cure-cta-box {\n background: var(--soi-cure-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-cure-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-cure-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-cure-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-cure-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-cure-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-cure-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-cure-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-cure-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-cure-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-cure-compo-value {\n text-align: left;\n }\n\n .soi-cure-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-cure-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-cure-fiche {\n --soi-cure-text-soft: #2C3E50;\n --soi-cure-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61603447374154,"sku":"LC1018","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/cure-oreille-reutilisable-packshot.webp?v=1782122227"},{"product_id":"dentifrice-charbon-vegetal-certifie-bio-coslys","title":"Dentifrice Charbon Végétal Certifié Bio – Coslys","description":"\u003cdiv class=\"soi-chvg-fiche\"\u003e\n\n\u003csection class=\"soi-chvg-hero\"\u003e\n\u003cdiv class=\"soi-chvg-hero-tag\"\u003e\n\u003cspan class=\"soi-chvg-tag-dot\"\u003e\u003c\/span\u003e\nHygiène bucco-dentaire · Coslys\n\u003c\/div\u003e\n\u003cspan class=\"soi-chvg-hero-title\"\u003eLe charbon végétal au service de votre sourire\u003c\/span\u003e\n\u003cp class=\"soi-chvg-hero-subtitle\"\u003eUne formule certifiée bio, fabriquée en France, qui allie charbon de pins, aloe vera et prébiotiques pour blanchir et purifier vos dents au quotidien, sans agresser l'émail.\u003c\/p\u003e\n\u003cdiv class=\"soi-chvg-hero-labels\"\u003e\n\u003cspan class=\"soi-chvg-label soi-chvg-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-label\"\u003e99% D'ORIGINE NATURELLE\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-label\"\u003eSANS FLUOR\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-label\"\u003eARÔME NATUREL\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-chvg-section\"\u003e\n\u003ch2\u003eCe que contient vraiment ce dentifrice au charbon\u003c\/h2\u003e\n\u003cp class=\"soi-chvg-section-intro\"\u003eContrairement à de nombreux dentifrices au charbon du marché, celui de Coslys mise sur une synergie d'actifs bio complémentaires, pas uniquement sur le charbon.\u003c\/p\u003e\n\u003cdiv class=\"soi-chvg-benefits\"\u003e\n\u003cdiv class=\"soi-chvg-benefit\"\u003e\n\u003cdiv class=\"soi-chvg-benefit-icon\"\u003e\u003cspan\u003e🌑\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eCharbon de pins français\u003c\/h3\u003e\n\u003cp\u003eUn charbon végétal activé, absorbant, qui capte les impuretés et les résidus de surface pour révéler progressivement des dents plus blanches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-benefit\"\u003e\n\u003cdiv class=\"soi-chvg-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eAloe vera bio\u003c\/h3\u003e\n\u003cp\u003eApaise les gencives et hydrate les muqueuses buccales pour un confort quotidien réel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-benefit\"\u003e\n\u003cdiv class=\"soi-chvg-benefit-icon\"\u003e\u003cspan\u003e🍋\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eHuiles essentielles bio de citron et menthe poivrée\u003c\/h3\u003e\n\u003cp\u003eUne haleine fraîche durablement, avec une action antibactérienne naturelle, sans arôme de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-benefit\"\u003e\n\u003cdiv class=\"soi-chvg-benefit-icon\"\u003e\u003cspan\u003e🦷\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eInuline et fructose (prébiotiques)\u003c\/h3\u003e\n\u003cp\u003eFavorisent un microbiote buccal équilibré, réduisant ainsi les risques de caries et d'inflammation des gencives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-tip\"\u003e\n\u003cdiv class=\"soi-chvg-tip-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003eLa formule est sans fluor, sans dioxyde de titane, sans colorant de synthèse, avec un indice RDA de 69 : un niveau d'abrasivité modéré, compatible avec un usage quotidien sécurisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-chvg-section\"\u003e\n\u003ch2\u003eDentifrice charbon actif : ce qu'en disent les dentistes\u003c\/h2\u003e\n\u003cp\u003eL'avis des dentistes sur le dentifrice au charbon actif est souvent nuancé : le charbon peut être abrasif et certains produits du marché manquent de transparence sur leur RDA. Ici, Coslys affiche clairement un RDA de 69, bien en dessous du seuil de 150 recommandé par l'OMS pour un brossage sûr. Ce chiffre, rarement communiqué par les grandes marques, est pourtant essentiel pour préserver l'émail à long terme.\u003c\/p\u003e\n\u003cp\u003eRésultat : vous profitez de l'action purifiante et blanchissante du dentifrice charbon, sans agression de la dentine ni fragilisation de l'émail.\u003c\/p\u003e\n\u003cdiv class=\"soi-chvg-grid-compact\"\u003e\n\u003cdiv class=\"soi-chvg-card-mini\"\u003e\n\u003cspan class=\"soi-chvg-card-mini-icon\"\u003e📊\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-card-mini-label\"\u003eIndice RDA\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-card-mini-value\"\u003e69\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card-mini\"\u003e\n\u003cspan class=\"soi-chvg-card-mini-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-card-mini-label\"\u003eSeuil OMS\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-card-mini-value\"\u003e150 max\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card-mini\"\u003e\n\u003cspan class=\"soi-chvg-card-mini-icon\"\u003e✅\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-card-mini-label\"\u003eAbrasivité\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-card-mini-value\"\u003eModérée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-chvg-section\"\u003e\n\u003ch2\u003eMode d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"soi-chvg-timeline\"\u003e\n\u003cdiv class=\"soi-chvg-step\"\u003e\n\u003cdiv class=\"soi-chvg-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-step-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eDéposez une noisette de dentifrice sur votre brosse à dents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-step\"\u003e\n\u003cdiv class=\"soi-chvg-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-step-content\"\u003e\n\u003ch3\u003eBrossez\u003c\/h3\u003e\n\u003cp\u003eBrossez pendant 2 minutes minimum, deux fois par jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-step\"\u003e\n\u003cdiv class=\"soi-chvg-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-step-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment : la pâte noire disparaît complètement au rinçage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-step\"\u003e\n\u003cdiv class=\"soi-chvg-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-step-content\"\u003e\n\u003ch3\u003eRésultats visibles\u003c\/h3\u003e\n\u003cp\u003ePour des résultats visibles sur la blancheur, comptez 4 à 6 semaines d'utilisation régulière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-accordion\"\u003e\n\u003cdetails class=\"soi-chvg-accordion-item\"\u003e\n\u003csummary class=\"soi-chvg-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n\u003cdiv class=\"soi-chvg-accordion-content\"\u003e\n\u003cp\u003eConvient aux adultes. Non recommandé chez l'enfant sans avis médical. Ce produit ne remplace pas un suivi dentaire régulier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-chvg-section\"\u003e\n\u003ch2\u003eCertifications et récompenses\u003c\/h2\u003e\n\u003cdiv class=\"soi-chvg-grid\"\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic par Ecocert\u003c\/h3\u003e\n\u003cp\u003eGarantit la naturalité et la traçabilité des ingrédients.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e🏆 Meilleur Produit Bio 2020\u003c\/h3\u003e\n\u003cp\u003eRécompensé pour l'excellence de sa formulation naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e🥇 Trophée Or Innovation Bio Natexpo 2019\u003c\/h3\u003e\n\u003cp\u003eDistingué pour son approche innovante de l'hygiène bucco-dentaire bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eEmballage recyclable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-chvg-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"soi-chvg-compo\"\u003e\n\u003cdiv class=\"soi-chvg-compo-row\"\u003e\n\u003cspan class=\"soi-chvg-compo-label\"\u003eListe INCI\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-compo-value\"\u003eAqua, Sorbitol, Hydrated Silica, Glycerin*, Sodium Lauroyl Sarcosinate, Inulin*, Citrus Limon Peel Oil*, Mentha Piperita Oil*, Aloe Barbadensis Leaf Juice Powder*, Charcoal Powder, Fructose*, Xanthan Gum, Sodium Benzoate, Potassium Sorbate, Citric Acid, Linalool**\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique. ** Composant naturel d'huiles essentielles.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-chvg-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce dentifrice au charbon bio plutôt qu'un autre ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-chvg-grid\"\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e🔍 Transparence totale\u003c\/h3\u003e\n\u003cp\u003eComposition et abrasivité clairement affichées (RDA 69).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e🦠 Prébiotiques inclus\u003c\/h3\u003e\n\u003cp\u003eUn atout rare dans cette catégorie, pour un microbiote buccal équilibré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e🌱 Arôme 100 % naturel\u003c\/h3\u003e\n\u003cp\u003eSans arôme de synthèse ni édulcorant artificiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e✅ Certification indépendante Ecocert\u003c\/h3\u003e\n\u003cp\u003ePas une simple allégation marketing, une garantie vérifiable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-chvg-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-chvg-cta-box\"\u003e\n\u003cp class=\"soi-chvg-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, sourire pleinement\u003c\/p\u003e\n\u003cp class=\"soi-chvg-cta-text\" style=\"color: white;\"\u003ePrenez soin de votre sourire avec une formule qui respecte autant votre santé que la planète. Un geste quotidien simple, pour un sourire que vous assumez pleinement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-chvg-marine: #1A2D3D;\n --soi-chvg-marine-dark: #0F1E2B;\n --soi-chvg-marine-light: #2C4458;\n --soi-chvg-pomme: #A1C544;\n --soi-chvg-pomme-dark: #84A636;\n --soi-chvg-pomme-light: rgba(161,197,68,0.10);\n --soi-chvg-white: #FFFFFF;\n --soi-chvg-off-white: #F8FAF6;\n --soi-chvg-stone: #F1F3EE;\n --soi-chvg-line: #E5E8E0;\n --soi-chvg-primary: #2D2D2D;\n --soi-chvg-primary-soft: #3A3A3A;\n --soi-chvg-accent: #D4C842;\n --soi-chvg-text: #1A2D3D;\n --soi-chvg-text-soft: #4A5B6B;\n --soi-chvg-text-muted: #7B8693;\n --soi-chvg-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-chvg-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-chvg-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-chvg-radius: 12px;\n --soi-chvg-radius-sm: 8px;\n --soi-chvg-radius-pill: 999px;\n}\n\n.soi-chvg-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-chvg-fiche img { max-width: 100%; height: auto; }\n\n.soi-chvg-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-chvg-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-chvg-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-chvg-hero {\n position: relative;\n background: var(--soi-chvg-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-chvg-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-chvg-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-chvg-pomme);\n}\n\n.soi-chvg-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-chvg-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-chvg-pomme);\n border-radius: 50%;\n}\n\n.soi-chvg-hero-title {\n display: block;\n color: var(--soi-chvg-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-chvg-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-chvg-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-chvg-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-chvg-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-chvg-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-chvg-label-accent {\n background: var(--soi-chvg-pomme);\n border-color: var(--soi-chvg-pomme);\n color: var(--soi-chvg-marine);\n font-weight: 600;\n}\n\n.soi-chvg-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-chvg-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-chvg-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-chvg-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-chvg-pomme);\n border-radius: 2px;\n}\n\n.soi-chvg-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-chvg-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-chvg-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-chvg-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-chvg-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-chvg-section p em {\n font-size: clamp(12px, 1.8vw, 13px);\n color: var(--soi-chvg-text-muted);\n}\n\n.soi-chvg-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-chvg-benefit {\n background: var(--soi-chvg-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-chvg-radius);\n border: 1px solid var(--soi-chvg-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-chvg-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-chvg-shadow-md);\n}\n\n.soi-chvg-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-chvg-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-chvg-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-chvg-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-chvg-benefit:hover .soi-chvg-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-chvg-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-chvg-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-chvg-benefit p {\n font-size: 13px;\n color: var(--soi-chvg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-chvg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-chvg-card {\n background: var(--soi-chvg-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-chvg-radius);\n border-left: 3px solid var(--soi-chvg-pomme);\n}\n\n.soi-chvg-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-chvg-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-chvg-card p {\n font-size: 14px;\n color: var(--soi-chvg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-chvg-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.5rem;\n}\n\n.soi-chvg-card-mini {\n background: var(--soi-chvg-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-chvg-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-chvg-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-chvg-card-mini-label {\n font-size: 11px;\n color: var(--soi-chvg-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-chvg-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-chvg-marine);\n}\n\n.soi-chvg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-chvg-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-chvg-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-chvg-radius);\n border: 1px solid var(--soi-chvg-line);\n align-items: flex-start;\n}\n\n.soi-chvg-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-chvg-marine);\n color: var(--soi-chvg-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-chvg-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-chvg-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-chvg-step-content p {\n font-size: 14px;\n color: var(--soi-chvg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-chvg-compo {\n background: var(--soi-chvg-off-white);\n border-radius: var(--soi-chvg-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.soi-chvg-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-chvg-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-chvg-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-chvg-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-chvg-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-chvg-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 400;\n color: var(--soi-chvg-marine);\n text-align: right;\n line-height: 1.6;\n}\n\n.soi-chvg-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-chvg-pomme-light);\n border-left: 4px solid var(--soi-chvg-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-chvg-radius) var(--soi-chvg-radius) 0;\n align-items: flex-start;\n}\n\n.soi-chvg-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-chvg-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-chvg-marine);\n margin-bottom: 4px;\n}\n\n.soi-chvg-tip p {\n font-size: 14px;\n color: var(--soi-chvg-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-chvg-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-chvg-accordion-item {\n background: var(--soi-chvg-off-white);\n border-radius: var(--soi-chvg-radius-sm);\n border: 1px solid var(--soi-chvg-line);\n overflow: hidden;\n}\n\n.soi-chvg-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-chvg-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-chvg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-chvg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-chvg-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-chvg-accordion-item[open] .soi-chvg-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-chvg-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-chvg-accordion-content p {\n font-size: 14px;\n color: var(--soi-chvg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-chvg-cta-box {\n background: var(--soi-chvg-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-chvg-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-chvg-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-chvg-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-chvg-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-chvg-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-chvg-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-chvg-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-chvg-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-chvg-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-chvg-compo-value {\n text-align: left;\n }\n\n .soi-chvg-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-chvg-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-chvg-fiche {\n --soi-chvg-text-soft: #2C3E50;\n --soi-chvg-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603498918218,"sku":"CS0030","price":5.85,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dentifrice-charbon-vegetal-certifie-bio-coslys-packshot.webp?v=1781527029"},{"product_id":"dentifreeze-menthe-certifie-bio-coslys","title":"Denti'freeze Menthe Certifié Bio – Coslys","description":"\u003cdiv class=\"soi-dfrz-fiche\"\u003e\n\n\u003csection class=\"soi-dfrz-hero\"\u003e\n \u003cdiv class=\"soi-dfrz-hero-tag\"\u003e\n \u003cspan class=\"soi-dfrz-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène bucco-dentaire · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-dfrz-hero-title\"\u003eFraîcheur mentholée bio pour toute la famille\u003c\/span\u003e\n \u003cp class=\"soi-dfrz-hero-subtitle\"\u003eUn dentifrice certifié Cosmos Organic, sans sulfate, sans silice et sans fluor, formulé avec des actifs reminéralisants pour protéger vos dents naturellement, dès 7 ans.\u003c\/p\u003e\n \u003cdiv class=\"soi-dfrz-hero-labels\"\u003e\n \u003cspan class=\"soi-dfrz-label soi-dfrz-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-label\"\u003e100% ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-label\"\u003eNON TESTÉ SUR LES ANIMAUX\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-label\"\u003eSANS SULFATE · SANS FLUOR\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dfrz-section\"\u003e\n \u003ch2\u003eUn dentifrice bio menthe pensé pour toute la famille\u003c\/h2\u003e\n \u003cp\u003eLe Denti'freeze Menthe Bio de Coslys se distingue par une formule sans sulfate, sans silice et sans fluor, idéale pour les personnes aux dents ou gencives sensibles. Certifié Cosmos Organic et fabriqué en France, il répond aux exigences des familles qui recherchent un dentifrice bio naturel à la menthe, efficace, sûr et respectueux de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"soi-dfrz-grid-compact\"\u003e\n \u003cdiv class=\"soi-dfrz-card-mini\"\u003e\n \u003cspan class=\"soi-dfrz-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-card-mini\"\u003e\n \u003cspan class=\"soi-dfrz-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-card-mini\"\u003e\n \u003cspan class=\"soi-dfrz-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-value\"\u003eFlacon pompe 350 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-card-mini\"\u003e\n \u003cspan class=\"soi-dfrz-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-label\"\u003eÉco-conception\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-value\"\u003eRechargeable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dfrz-section\"\u003e\n \u003ch2\u003eLes ingrédients clés et leurs bienfaits\u003c\/h2\u003e\n \u003cp\u003eContrairement à de nombreux dentifrices bio à la menthe du marché, Coslys associe trois actifs complémentaires pour une efficacité réelle :\u003c\/p\u003e\n \u003cdiv class=\"soi-dfrz-benefits\"\u003e\n \u003cdiv class=\"soi-dfrz-benefit\"\u003e\n \u003cdiv class=\"soi-dfrz-benefit-icon\"\u003e\u003cspan\u003e🍬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eXylitol\u003c\/h3\u003e\n \u003cp\u003eSucre naturellement présent dans les fruits et légumes, il réduit la croissance des bactéries responsables de la plaque dentaire et contribue à prévenir les caries au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-benefit\"\u003e\n \u003cdiv class=\"soi-dfrz-benefit-icon\"\u003e\u003cspan\u003e🦷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydroxyapatite\u003c\/h3\u003e\n \u003cp\u003eComposant naturel de l'émail, elle renforce et reminéralise vos dents tout en diminuant la sensibilité. Une alternative au fluor particulièrement appréciée des familles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-benefit\"\u003e\n \u003cdiv class=\"soi-dfrz-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile essentielle de menthe bio\u003c\/h3\u003e\n \u003cp\u003eElle procure une fraîcheur intense et durable dès le premier brossage, avec des propriétés antiseptiques douces pour les gencives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dfrz-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cp class=\"soi-dfrz-inci\"\u003eAqua, Glycerin*, Hydrated Silica, Xylitol*, Hydroxyapatite, Sodium Cocoyl Glutamate, Mentha Piperita (Peppermint) Oil*, Mentha Viridis (Spearmint) Leaf Oil*, Cellulose Gum, Sodium Bicarbonate, Citric Acid, Sodium Benzoate, Potassium Sorbate, Limonene**.\u003c\/p\u003e\n \u003cp class=\"soi-dfrz-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique. **Composant naturel des huiles essentielles.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dfrz-section\"\u003e\n \u003ch2\u003eComment utiliser le Denti'freeze Menthe Bio Coslys ?\u003c\/h2\u003e\n \u003cp\u003eL'utilisation est simple et rapide, ce qui en fait un allié idéal pour les familles pressées le matin :\u003c\/p\u003e\n \u003cdiv class=\"soi-dfrz-timeline\"\u003e\n \u003cdiv class=\"soi-dfrz-step\"\u003e\n \u003cdiv class=\"soi-dfrz-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-step-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eAppuyez une fois sur la pompe pour déposer une noisette de dentifrice sur votre brosse à dents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-step\"\u003e\n \u003cdiv class=\"soi-dfrz-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-step-content\"\u003e\n \u003ch3\u003eBrossez\u003c\/h3\u003e\n \u003cp\u003eBrossez vos dents pendant 2 minutes, en insistant sur les gencives et les espaces interdentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-step\"\u003e\n \u003cdiv class=\"soi-dfrz-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-step\"\u003e\n \u003cdiv class=\"soi-dfrz-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-step-content\"\u003e\n \u003ch3\u003eRépétez matin et soir\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, brossez vos dents matin et soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-tip\"\u003e\n \u003cdiv class=\"soi-dfrz-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe dentifrice convient dès 7 ans. Pour les enfants plus jeunes, nous vous recommandons de consulter votre dentiste pour un conseil personnalisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dfrz-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce dentifrice bio menthe plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp\u003eBeaucoup de dentifrices bio à la menthe misent uniquement sur la naturalité de leurs ingrédients. Coslys va plus loin : la combinaison xylitol et hydroxyapatite offre une protection active contre les caries, là où d'autres formules bio se limitent à un simple nettoyage. Ajoutez à cela un flacon pompe grand format économique, pratique et générant moins de plastique à jeter, et vous obtenez un produit pensé autant pour votre santé bucco-dentaire que pour la planète.\u003c\/p\u003e\n \u003cdiv class=\"soi-dfrz-grid\"\u003e\n \u003cdiv class=\"soi-dfrz-card\"\u003e\n \u003ch3\u003e🏆 Prix Innovation de l'Année\u003c\/h3\u003e\n \u003cp\u003eRécompensé dans le domaine des soins bucco-dentaires bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-card\"\u003e\n \u003ch3\u003e⭐ Meilleur Produit Bio 2023\u003c\/h3\u003e\n \u003cp\u003eÉlu par un jury de 100 utilisateurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dfrz-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le Denti'freeze Menthe Coslys\u003c\/h2\u003e\n \u003cdiv class=\"soi-dfrz-accordion\"\u003e\n \u003cdetails class=\"soi-dfrz-accordion-item\"\u003e\n \u003csummary class=\"soi-dfrz-accordion-header\"\u003e🦷 Ce dentifrice bio menthe convient-il aux gencives sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-dfrz-accordion-content\"\u003e\n \u003cp\u003eOui, la formule sans sulfate et sans silice est particulièrement douce pour les gencives irritées ou fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-dfrz-accordion-item\"\u003e\n \u003csummary class=\"soi-dfrz-accordion-header\"\u003e🔬 Peut-on l'utiliser sans fluor en toute sécurité ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-dfrz-accordion-content\"\u003e\n \u003cp\u003eL'hydroxyapatite remplace avantageusement le fluor pour reminéraliser l'émail. Ce n'est pas un médicament et ne remplace pas un suivi dentaire régulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-dfrz-accordion-item\"\u003e\n \u003csummary class=\"soi-dfrz-accordion-header\"\u003e♻️ Le format pompe est-il rechargeable ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-dfrz-accordion-content\"\u003e\n \u003cp\u003eOui, Coslys propose des recharges pour ce flacon, réduisant ainsi les déchets plastiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dfrz-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-dfrz-cta-box\"\u003e\n \u003cp class=\"soi-dfrz-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, sourire après sourire\u003c\/p\u003e\n \u003cp class=\"soi-dfrz-cta-text\" style=\"color: white;\"\u003eOffrez à toute votre famille un brossage efficace, naturel et vraiment agréable. Fraîcheur intense, actifs reminéralisants, zéro compromis sur la sécurité : voilà ce que chaque matin et chaque soir méritent.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-dfrz-marine: #1A2D3D;\n --soi-dfrz-marine-dark: #0F1E2B;\n --soi-dfrz-marine-light: #2C4458;\n --soi-dfrz-pomme: #A1C544;\n --soi-dfrz-pomme-dark: #84A636;\n --soi-dfrz-pomme-light: rgba(161,197,68,0.10);\n\n --soi-dfrz-white: #FFFFFF;\n --soi-dfrz-off-white: #F8FAF6;\n --soi-dfrz-stone: #F1F3EE;\n --soi-dfrz-line: #E5E8E0;\n\n --soi-dfrz-primary: #4CC5D4;\n --soi-dfrz-primary-soft: #D6F1F5;\n --soi-dfrz-accent: #56C4CF;\n\n --soi-dfrz-text: #1A2D3D;\n --soi-dfrz-text-soft: #4A5B6B;\n --soi-dfrz-text-muted: #7B8693;\n\n --soi-dfrz-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-dfrz-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-dfrz-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-dfrz-radius: 12px;\n --soi-dfrz-radius-sm: 8px;\n --soi-dfrz-radius-pill: 999px;\n}\n\n.soi-dfrz-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-dfrz-fiche img { max-width: 100%; height: auto; }\n\n.soi-dfrz-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-dfrz-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-dfrz-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-dfrz-hero {\n position: relative;\n background: var(--soi-dfrz-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-dfrz-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-dfrz-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-dfrz-pomme);\n}\n\n.soi-dfrz-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-dfrz-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-dfrz-pomme);\n border-radius: 50%;\n}\n\n.soi-dfrz-hero-title {\n display: block;\n color: var(--soi-dfrz-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-dfrz-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-dfrz-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-dfrz-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-dfrz-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-dfrz-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-dfrz-label-accent {\n background: var(--soi-dfrz-pomme);\n border-color: var(--soi-dfrz-pomme);\n color: var(--soi-dfrz-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-dfrz-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-dfrz-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-dfrz-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-dfrz-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-dfrz-pomme);\n border-radius: 2px;\n}\n\n.soi-dfrz-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-dfrz-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-dfrz-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-dfrz-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-dfrz-benefit {\n background: var(--soi-dfrz-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-dfrz-radius);\n border: 1px solid var(--soi-dfrz-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-dfrz-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-dfrz-shadow-md);\n}\n\n.soi-dfrz-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-dfrz-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-dfrz-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-dfrz-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-dfrz-benefit:hover .soi-dfrz-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-dfrz-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-dfrz-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-dfrz-benefit p {\n font-size: 13px;\n color: var(--soi-dfrz-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-dfrz-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-dfrz-card {\n background: var(--soi-dfrz-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-dfrz-radius);\n border-left: 3px solid var(--soi-dfrz-pomme);\n}\n\n.soi-dfrz-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-dfrz-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-dfrz-card p {\n font-size: 14px;\n color: var(--soi-dfrz-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-dfrz-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.5rem;\n}\n\n.soi-dfrz-card-mini {\n background: var(--soi-dfrz-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-dfrz-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-dfrz-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-dfrz-card-mini-label {\n font-size: 11px;\n color: var(--soi-dfrz-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-dfrz-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-dfrz-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-dfrz-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-dfrz-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-dfrz-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-dfrz-radius);\n border: 1px solid var(--soi-dfrz-line);\n align-items: flex-start;\n}\n\n.soi-dfrz-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-dfrz-marine);\n color: var(--soi-dfrz-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-dfrz-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-dfrz-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-dfrz-step-content p {\n font-size: 14px;\n color: var(--soi-dfrz-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === INCI === *\/\n.soi-dfrz-inci {\n font-family: 'Inter', sans-serif;\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-dfrz-text-soft);\n background: var(--soi-dfrz-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-dfrz-radius);\n border: 1px solid var(--soi-dfrz-line);\n line-height: 1.8;\n word-break: break-word;\n}\n\n.soi-dfrz-inci-note {\n font-size: 12px;\n color: var(--soi-dfrz-text-muted);\n font-style: italic;\n margin-top: 0.5rem;\n}\n\n\/* === TIP === *\/\n.soi-dfrz-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-dfrz-pomme-light);\n border-left: 4px solid var(--soi-dfrz-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-dfrz-radius) var(--soi-dfrz-radius) 0;\n align-items: flex-start;\n}\n\n.soi-dfrz-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-dfrz-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-dfrz-marine);\n margin-bottom: 4px;\n}\n\n.soi-dfrz-tip p {\n font-size: 14px;\n color: var(--soi-dfrz-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-dfrz-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-dfrz-accordion-item {\n background: var(--soi-dfrz-off-white);\n border-radius: var(--soi-dfrz-radius-sm);\n border: 1px solid var(--soi-dfrz-line);\n overflow: hidden;\n}\n\n.soi-dfrz-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-dfrz-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-dfrz-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-dfrz-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-dfrz-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-dfrz-accordion-item[open] .soi-dfrz-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-dfrz-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-dfrz-accordion-content p {\n font-size: 14px;\n color: var(--soi-dfrz-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-dfrz-cta-box {\n background: var(--soi-dfrz-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-dfrz-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-dfrz-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-dfrz-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-dfrz-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-dfrz-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-dfrz-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-dfrz-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-dfrz-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-dfrz-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-dfrz-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-dfrz-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-dfrz-fiche {\n --soi-dfrz-text-soft: #2C3E50;\n --soi-dfrz-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603499376970,"sku":"CS0035","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0035-dentifreeze_0c26b333-dd55-4c5a-a794-e4596e26881c.jpg?v=1778843032"},{"product_id":"dentifrice-enfant-fraise-certifie-bio-coslys","title":"Dentifrice Enfant Fraise Certifié Bio – Coslys","description":"\u003cdiv 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 enfant · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-dent-hero-title\"\u003eLe brossage devient un moment plaisir\u003c\/span\u003e\n \u003cp class=\"soi-dent-hero-subtitle\"\u003eUn dentifrice certifié bio à l'arôme naturel de fraise, formulé avec douceur pour les dents de lait sensibles de 3 à 6 ans.\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\"\u003eSANS FLUOR\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce dentifrice bio pour votre enfant ?\u003c\/h2\u003e\n \u003cp class=\"soi-dent-section-intro\"\u003eTous les dentifrices pour enfants ne se valent pas. Nombreux contiennent des substances irritantes ou des arômes artificiels que les parents préfèrent éviter. Celui de Coslys est certifié Cosmos Organic, formulé à 99% d'ingrédients d'origine naturelle, sans fluor, sans colorants synthétiques et sans ingrédients d'origine animale. Il a également été testé sous contrôle odontologique, une garantie concrète de sécurité pour les petites bouches.\u003c\/p\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\u003eSans fluor\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les enfants qui avalent encore involontairement une partie du dentifrice.\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\u003eCosmos Organic\u003c\/h3\u003e\n \u003cp\u003eTraçabilité et qualité des ingrédients vérifiées de manière indépendante.\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\u003eVegan et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun test sur les animaux, aucun ingrédient d'origine animale.\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\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eSous contrôle qualité rigoureux.\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\u003eUne formule douce qui protège l'émail des dents de lait\u003c\/h2\u003e\n \u003cp\u003eL'émail des dents de lait est plus fin et plus perméable que celui des dents permanentes. Il mérite donc une attention particulière. Ce dentifrice nettoie en douceur sans agresser, tout en prenant soin des gencives sensibles grâce à deux actifs naturels clés.\u003c\/p\u003e\n \u003cdiv class=\"soi-dent-grid\"\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🍃 Extrait de thé vert\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés purifiantes et protectrices au niveau buccal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🌼 Camomille\u003c\/h3\u003e\n \u003cp\u003eApaisante, elle aide à calmer les gencives en cours de développement.\u003c\/p\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 résultat\u003c\/strong\u003e\n \u003cp\u003eUne haleine fraîche, des gencives respectées et des dents propres, sans agressivité.\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\u003eComment bien utiliser ce dentifrice pour enfant ?\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\u003eQuantité\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette de dentifrice (taille d'un petit pois) sur une brosse à dents adaptée à votre enfant.\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\u003eFréquence\u003c\/h3\u003e\n \u003cp\u003eDeux fois par jour, matin et soir après les repas, pour de bonnes habitudes d'hygiène bucco-dentaire dès le plus jeune âge.\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\u003eSurveillance\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 6 ans, le brossage reste supervisé par un adulte pour garantir une bonne technique et limiter l'ingestion.\u003c\/p\u003e\n \u003c\/div\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 enfant fraise Coslys\u003c\/h2\u003e\n \u003cp class=\"soi-dent-section-intro\"\u003eLa transparence est essentielle quand il s'agit de produits pour enfants. Voici les principaux ingrédients de ce dentifrice bio.\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\"\u003eSilice\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eAgent abrasif doux, élimine la plaque sans rayer l'émail fragile\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eGlycérine végétale\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eHumectant d'origine végétale, maintient la texture onctueuse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eExtrait de thé vert bio\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eCamellia Sinensis, actif naturel purifiant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eExtrait de camomille bio\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eChamomilla Recutita, actif apaisant pour les gencives\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eArôme naturel de fraise\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eSaveur fruitée pour rendre le brossage agréable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-grid-compact\"\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003eSans fluor\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003eSans paraben\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003eSans phénoxyéthanol\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003eSans colorant synthétique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003eSans alcool\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n \u003cdiv class=\"soi-dent-accordion\"\u003e\n \u003cdetails class=\"soi-dent-accordion-item\"\u003e\n \u003csummary class=\"soi-dent-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-dent-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique bucco-dentaire. Il ne remplace pas les consultations régulières chez le dentiste pédiatrique, recommandées dès l'apparition des premières dents. Convient aux enfants de 3 à 6 ans.\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👶 Tranche d'âge\u003c\/summary\u003e\n \u003cdiv class=\"soi-dent-accordion-content\"\u003e\n \u003cp\u003eSpécialement formulé pour les dents de lait des enfants de 3 à 6 ans. Le brossage doit rester supervisé par un adulte.\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;\"\u003eDes sourires naturellement protégés\u003c\/p\u003e\n \u003cp class=\"soi-dent-cta-text\" style=\"color: white;\"\u003eOffrez à votre enfant un brossage qui rime avec plaisir et douceur. Dents de lait protégées, gencives apaisées, sourire rayonnant : Coslys prouve qu'on peut prendre soin des tout-petits avec naturel et bonne humeur.\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\n --soi-dent-white: #FFFFFF;\n --soi-dent-off-white: #F8FAF6;\n --soi-dent-stone: #F1F3EE;\n --soi-dent-line: #E5E8E0;\n\n --soi-dent-primary: #E05A5A;\n --soi-dent-primary-soft: #FDEAEA;\n --soi-dent-accent: #D4424B;\n\n --soi-dent-text: #1A2D3D;\n --soi-dent-text-soft: #4A5B6B;\n --soi-dent-text-muted: #7B8693;\n\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 * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-dent-fiche img { max-width: 100%; height: auto; }\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; left: 0; right: 0;\n height: 4px;\n background: var(--soi-dent-primary);\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-primary);\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-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-dent-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\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 margin-bottom: 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\/* === GRID COMPACT === *\/\n.soi-dent-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-dent-card-mini {\n background: var(--soi-dent-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-dent-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-dent-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-dent-card-mini-label {\n font-size: 11px;\n color: var(--soi-dent-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n\/* === TIMELINE === *\/\n.soi-dent-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\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\/* === 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}\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\/* === 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 margin-top: 1.25rem;\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 .soi-dent-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-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":"Coslys","offers":[{"title":"Default Title","offer_id":61603500032330,"sku":"CS0040","price":3.96,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dentifrice-enfant-fraise-certifie-bio-coslys-packshot.webp?v=1783247140"},{"product_id":"dentifrice-enfant-peche-certifie-bio-coslys","title":"Dentifrice Enfant Pêche Certifié Bio – Coslys","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 enfant · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-dent-hero-title\"\u003eDes dents protégées, un brossage adopté\u003c\/span\u003e\n \u003cp class=\"soi-dent-hero-subtitle\"\u003eUn dentifrice certifié bio au bon goût de pêche française, formulé sans fluor pour accompagner les sourires de 7 à 12 ans en toute confiance.\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\"\u003eSANS FLUOR\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce dentifrice bio pour enfant ?\u003c\/h2\u003e\n \u003cp\u003eÀ l'âge où les dents définitives font leur apparition, la prévention des caries devient une priorité. Ce dentifrice Coslys associe des actifs naturels éprouvés à une formule douce, sans fluor, pensée pour les jeunes bouches en plein développement. Sa certification \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e garantit que les ingrédients biologiques représentent une part significative de la formule et que les procédés de fabrication respectent des normes environnementales strictes.\u003c\/p\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\u003eCertifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eLabel de référence pour les cosmétiques biologiques, garant d'une formule exigeante.\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\u003eSans fluor\u003c\/h3\u003e\n \u003cp\u003eAdapté aux enfants qui n'ont pas besoin d'un apport fluoré supplémentaire.\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\u003eContrôle odontologique\u003c\/h3\u003e\n \u003cp\u003eTesté sous contrôle odontologique pour une sécurité validée sur les dents en développement.\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\u003e99 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eVegan, cruelty-free, fabriqué en France avec une traçabilité totale.\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 : des actifs naturels qui font vraiment la différence\u003c\/h2\u003e\n \u003cp\u003eCe dentifrice n'est pas simplement « sans mauvais ingrédients » : il est formulé avec des actifs qui agissent concrètement sur la santé bucco-dentaire de votre enfant.\u003c\/p\u003e\n \u003cdiv class=\"soi-dent-grid\"\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🍑 Arôme naturel de pêche bio française\u003c\/h3\u003e\n \u003cp\u003eUn goût fruité authentique qui donne envie de se brosser les dents, sans arômes artificiels ni saveurs chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🌲 Xylitol d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eIssu du bouleau, cet édulcorant neutralise les acides produits par les bactéries buccales et contribue à la prévention de la plaque dentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eSes propriétés apaisantes aident à maintenir des gencives saines et confortables, même lors de la pousse des premières molaires définitives.\u003c\/p\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\u003eFormule clean\u003c\/strong\u003e\n \u003cp\u003eExempte de parabènes, de SLS, de colorants synthétiques et de perturbateurs endocriniens.\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\u003eComment utiliser ce dentifrice enfant bio ?\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\u003eDoser\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de dentifrice (environ 1 cm) sur une brosse à dents adaptée à l'âge de votre enfant.\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\u003eBrosser\u003c\/h3\u003e\n \u003cp\u003eBrossez les dents pendant 2 minutes minimum, matin et soir, en insistant sur les surfaces masticatoires et le bord des gencives.\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\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez bien. Ce dentifrice est recommandé pour les enfants de 7 à 12 ans, sous surveillance parentale si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eCe que les parents apprécient vraiment\u003c\/h2\u003e\n \u003cp\u003eCe dentifrice Coslys se distingue sur un point souvent négligé : il concilie \u003cstrong\u003etransparence de composition, efficacité prouvée et acceptabilité enfant\u003c\/strong\u003e. Le goût de pêche, doux et non écœurant, est suffisamment attrayant pour que le brossage devienne une habitude que votre enfant adopte naturellement, sans négociation chaque soir.\u003c\/p\u003e\n \u003cp\u003eLa certification bio n'est pas ici un argument marketing : elle traduit une exigence réelle sur chaque ingrédient et sur l'ensemble du processus de fabrication, du champ de pêchers français jusqu'au tube.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-dent-compo\"\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eTranche d'âge\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003e7 à 12 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eCosmos Organic (Cosmébio)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eArôme\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003ePêche bio française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eSans fluor, sans SLS, sans parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eVegan et cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\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;\"\u003eUn brossage qui devient un plaisir\u003c\/p\u003e\n \u003cp class=\"soi-dent-cta-text\" style=\"color: white;\"\u003eParce que la santé bucco-dentaire de votre enfant mérite des ingrédients aussi sains que ceux de son assiette, offrez-lui un dentifrice naturel, éthique et vraiment efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-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: #F4A133;\n --soi-dent-primary-soft: #FFF4E5;\n --soi-dent-accent: #E8763C;\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-primary);\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-primary);\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-primary);\n border-color: var(--soi-dent-primary);\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 margin-top: 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-primary);\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 margin-bottom: 1.5rem;\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-primary);\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\/* === TIMELINE === *\/\n.soi-dent-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\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-primary);\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\/* === COMPOSITION (data rows) === *\/\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}\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\/* === TIP === *\/\n.soi-dent-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-dent-primary-soft);\n border-left: 4px solid var(--soi-dent-primary);\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 margin-top: 1.25rem;\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\/* === 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-primary);\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-primary);\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":"Coslys","offers":[{"title":"Default Title","offer_id":61603500360010,"sku":"CS0045","price":4.25,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dentifrice-enfant-peche-certifie-bio-coslys-packshot.webp?v=1782373548"},{"product_id":"gel-douche-verveine-citron-certifie-bio-coslys","title":"Gel douche Verveine Citron certifié bio – Coslys","description":"\n\u003cdiv class=\"soi-gdvc-fiche\"\u003e\n\n \u003csection class=\"soi-gdvc-hero\"\u003e\n \u003cdiv class=\"soi-gdvc-hero-tag\"\u003e\n \u003cspan class=\"soi-gdvc-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène corps · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-gdvc-hero-title\"\u003eLe réveil sensoriel à la verveine et au citron\u003c\/span\u003e\n \u003cp class=\"soi-gdvc-hero-subtitle\"\u003eUn gel douche bio certifié Cosmos Organic, formulé à 97,5 % d'ingrédients d'origine naturelle, pour transformer chaque douche en un élan de fraîcheur vivifiante.\u003c\/p\u003e\n \u003cdiv class=\"soi-gdvc-hero-labels\"\u003e\n \u003cspan class=\"soi-gdvc-label soi-gdvc-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eSANS SAVON\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eGel douche bio Verveine \u0026amp; Citron : la douche qui réveille vraiment\u003c\/h2\u003e\n \u003cp\u003eVous connaissez ces matins où le corps a du mal à démarrer ? Ce gel douche bio Verveine Citron de Coslys est précisément fait pour ça. Sa fragrance fraîche et acidulée, mêlant la verveine bio et les notes vives du citron, transforme une douche ordinaire en un vrai moment de réveil sensoriel. Certifié Cosmos Organic, il est formulé à 97,5 % d'ingrédients d'origine naturelle et convient à tous les types de peaux, même les plus réactives.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eCe que vous trouverez dans la formule\u003c\/h2\u003e\n \u003cp class=\"soi-gdvc-section-intro\"\u003eChaque ingrédient a été sélectionné pour son utilité réelle, pas pour l'affichage.\u003c\/p\u003e\n \u003cdiv class=\"soi-gdvc-grid\"\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate et apaise en douceur, sans effet collant. Idéal pour les peaux sensibles ou celles qui tiraillent après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🌸 Eau florale de reine des prés bio\u003c\/h3\u003e\n \u003cp\u003eTonifiante et calmante, elle contribue à l'équilibre cutané et laisse une sensation de fraîcheur durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🍃 Verveine exotique\u003c\/h3\u003e\n \u003cp\u003eNote herbacée légère et revitalisante, véritable signature olfactive de ce gel douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🍋 Essence naturelle de citron\u003c\/h3\u003e\n \u003cp\u003eVivifiante, elle stimule les sens et apporte cette touche d'énergie que l'on recherche en début de journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🧴 Base lavante végétale, sans savon\u003c\/h3\u003e\n \u003cp\u003eNettoie sans agresser et respecte le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eLes points qui font vraiment la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-gdvc-benefits\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eGage de transparence totale sur la composition et les procédés de fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e🚿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans savon, pH équilibré\u003c\/h3\u003e\n \u003cp\u003eLa peau n'est pas desséchée ni agressée, même avec une utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e🐰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVegan et Cruelty-Free\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient animal, aucun test sur animaux. Un choix cohérent et éthique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduction locale, contrôle qualité rigoureux, empreinte carbone réduite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003ePour qui est ce gel douche bio ?\u003c\/h2\u003e\n \u003cp\u003eCe gel douche convient à tous les types de peaux, y compris les peaux sensibles et les peaux sèches qui réagissent mal aux formules classiques. Sa texture fluide et son parfum délicat en font aussi une excellente option pour les personnes à la recherche d'un gel douche bio à l'aloe vera efficace au quotidien. Adapté à toute la famille grâce à sa formule douce, il peut être utilisé dès le plus jeune âge, en dehors des nourrissons.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gdvc-timeline\"\u003e\n \u003cdiv class=\"soi-gdvc-step\"\u003e\n \u003cdiv class=\"soi-gdvc-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eUne à deux pressions de pompe sur une main ou un gant de toilette humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step\"\u003e\n \u003cdiv class=\"soi-gdvc-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step-content\"\u003e\n \u003ch3\u003eFaire mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser sur l'ensemble du corps pour une mousse onctueuse et enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step\"\u003e\n \u003cdiv class=\"soi-gdvc-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Convient pour une utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-tip\"\u003e\n \u003cdiv class=\"soi-gdvc-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour une sensation de fraîcheur maximale, terminez votre douche par un rinçage à l'eau légèrement fraîche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-gdvc-accordion\"\u003e\n \u003cdetails class=\"soi-gdvc-accordion-item\"\u003e\n \u003csummary class=\"soi-gdvc-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-gdvc-accordion-content\"\u003e\n \u003cp\u003eAqua, Sodium Coco-Sulfate, Coco-Glucoside, Glycerin, Aloe Barbadensis Leaf Juice*, Filipendula Ulmaria Flower Water*, Cymbopogon Nardus Oil, Citrus Limon Peel Oil, Citric Acid, Sodium Chloride, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n \u003cp\u003e* Ingrédients issus de l'agriculture biologique. 97,5 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-gdvc-accordion-item\"\u003e\n \u003csummary class=\"soi-gdvc-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n \u003cdiv class=\"soi-gdvc-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue pas à un avis médical ni à un traitement dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gdvc-cta-box\"\u003e\n \u003cp class=\"soi-gdvc-cta-tag\" style=\"color: white;\"\u003eUn rituel de douche naturel et vivifiant\u003c\/p\u003e\n \u003cp class=\"soi-gdvc-cta-text\" style=\"color: white;\"\u003eChaque matin mérite un vrai élan. Offrez à votre peau une formule douce et certifiée, et à vos sens un réveil à la fraîcheur du citron et à la légèreté de la verveine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-gdvc-marine: #1A2D3D;\n --soi-gdvc-marine-dark: #0F1E2B;\n --soi-gdvc-marine-light: #2C4458;\n --soi-gdvc-pomme: #A1C544;\n --soi-gdvc-pomme-dark: #84A636;\n --soi-gdvc-pomme-light: rgba(161,197,68,0.10);\n\n --soi-gdvc-white: #FFFFFF;\n --soi-gdvc-off-white: #F8FAF6;\n --soi-gdvc-stone: #F1F3EE;\n --soi-gdvc-line: #E5E8E0;\n\n --soi-gdvc-primary: #D4B83A;\n --soi-gdvc-primary-soft: #F5EFD6;\n --soi-gdvc-accent: #C8A62E;\n\n --soi-gdvc-text: #1A2D3D;\n --soi-gdvc-text-soft: #4A5B6B;\n --soi-gdvc-text-muted: #7B8693;\n\n --soi-gdvc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gdvc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gdvc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gdvc-radius: 12px;\n --soi-gdvc-radius-sm: 8px;\n --soi-gdvc-radius-pill: 999px;\n}\n\n.soi-gdvc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gdvc-fiche img { max-width: 100%; height: auto; }\n\n.soi-gdvc-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gdvc-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gdvc-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gdvc-hero {\n position: relative;\n background: var(--soi-gdvc-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-gdvc-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gdvc-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gdvc-pomme);\n}\n\n.soi-gdvc-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-gdvc-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gdvc-pomme);\n border-radius: 50%;\n}\n\n.soi-gdvc-hero-title {\n display: block;\n color: var(--soi-gdvc-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-gdvc-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-gdvc-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gdvc-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-gdvc-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gdvc-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gdvc-label-accent {\n background: var(--soi-gdvc-pomme);\n border-color: var(--soi-gdvc-pomme);\n color: var(--soi-gdvc-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gdvc-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gdvc-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-gdvc-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gdvc-pomme);\n border-radius: 2px;\n}\n\n.soi-gdvc-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gdvc-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-gdvc-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gdvc-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gdvc-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-gdvc-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-gdvc-benefit {\n background: var(--soi-gdvc-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gdvc-radius);\n border: 1px solid var(--soi-gdvc-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gdvc-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gdvc-shadow-md);\n}\n\n.soi-gdvc-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gdvc-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-gdvc-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gdvc-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gdvc-benefit:hover .soi-gdvc-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gdvc-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gdvc-benefit p {\n font-size: 13px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gdvc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-gdvc-card {\n background: var(--soi-gdvc-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gdvc-radius);\n border-left: 3px solid var(--soi-gdvc-pomme);\n}\n\n.soi-gdvc-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gdvc-card p {\n font-size: 14px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-gdvc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-gdvc-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gdvc-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gdvc-radius);\n border: 1px solid var(--soi-gdvc-line);\n align-items: flex-start;\n}\n\n.soi-gdvc-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gdvc-marine);\n color: var(--soi-gdvc-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-gdvc-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gdvc-step-content p {\n font-size: 14px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-gdvc-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gdvc-pomme-light);\n border-left: 4px solid var(--soi-gdvc-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gdvc-radius) var(--soi-gdvc-radius) 0;\n align-items: flex-start;\n}\n\n.soi-gdvc-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gdvc-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gdvc-marine);\n margin-bottom: 4px;\n}\n\n.soi-gdvc-tip p {\n font-size: 14px;\n color: var(--soi-gdvc-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gdvc-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gdvc-accordion-item {\n background: var(--soi-gdvc-off-white);\n border-radius: var(--soi-gdvc-radius-sm);\n border: 1px solid var(--soi-gdvc-line);\n overflow: hidden;\n}\n\n.soi-gdvc-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gdvc-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-gdvc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gdvc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gdvc-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gdvc-accordion-item[open] .soi-gdvc-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gdvc-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gdvc-accordion-content p {\n font-size: 14px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem;\n}\n\n.soi-gdvc-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gdvc-cta-box {\n background: var(--soi-gdvc-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gdvc-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gdvc-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-gdvc-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gdvc-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-gdvc-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gdvc-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gdvc-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-gdvc-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gdvc-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-gdvc-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-gdvc-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-gdvc-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gdvc-fiche {\n --soi-gdvc-text-soft: #2C3E50;\n --soi-gdvc-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603507732810,"sku":"CS0075","price":11.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-verveine-citron-certifie-bio-coslys-packshot.webp?v=1782111705"},{"product_id":"gel-douche-rafraichissant-certifie-bio-coslys","title":"Gel douche Rafraîchissant certifié bio – Coslys","description":"\u003cdiv class=\"soi-geld-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-geld-hero\"\u003e\n \u003cdiv class=\"soi-geld-hero-tag\"\u003e\n \u003cspan class=\"soi-geld-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-geld-hero-title\"\u003eFraîcheur mentholée et douceur du chanvre bio\u003c\/span\u003e\n \u003cp class=\"soi-geld-hero-subtitle\"\u003eUn gel douche certifié bio qui nettoie en douceur, respecte l'équilibre de votre peau et vous enveloppe d'une sensation de fraîcheur vivifiante, chaque jour.\u003c\/p\u003e\n \u003cdiv class=\"soi-geld-hero-labels\"\u003e\n \u003cspan class=\"soi-geld-label soi-geld-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-geld-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-geld-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-geld-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-geld-label\"\u003e98 % D'ORIGINE NATURELLE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Un gel douche bio qui transforme votre douche en bulle de fraîcheur --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003eUn gel douche bio qui transforme votre douche en bulle de fraîcheur\u003c\/h2\u003e\n \u003cp\u003eImaginez commencer ou terminer votre journée avec une bouffée de menthe fraîche et les bienfaits apaisants du chanvre bio français. C'est exactement ce que vous offre le \u003cstrong\u003eGel Douche Rafraîchissant certifié bio Coslys\u003c\/strong\u003e, une formule pensée pour nettoyer en douceur, respecter l'équilibre naturel de la peau et vous procurer un vrai moment de bien-être sensoriel, sans compromis sur les ingrédients.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Pourquoi choisir ce gel douche bio Coslys ? --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel douche bio Coslys ?\u003c\/h2\u003e\n \u003cp class=\"soi-geld-section-intro\"\u003eSur un marché saturé de gels douche conventionnels bourrés de sulfates et de parfums synthétiques, ce produit se démarque par sa transparence et son efficacité réelle.\u003c\/p\u003e\n \u003cdiv class=\"soi-geld-benefits\"\u003e\n \u003cdiv class=\"soi-geld-benefit\"\u003e\n \u003cdiv class=\"soi-geld-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eLe label le plus exigeant en cosmétique bio, garantissant la traçabilité et la qualité des ingrédients d'origine biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-benefit\"\u003e\n \u003cdiv class=\"soi-geld-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e98 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eUne formule clean, sans savon ni tensioactifs sulfatés, qui respecte le film hydrolipidique protecteur de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-benefit\"\u003e\n \u003cdiv class=\"soi-geld-benefit-icon\"\u003e\u003cspan\u003e🐰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVegan et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient animal, aucun test sur les animaux. Un soin éthique du début à la fin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-benefit\"\u003e\n \u003cdiv class=\"soi-geld-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eToute la famille dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eAdapté à tous les types de peau, y compris les peaux sensibles. Convient aussi bien aux adultes qu'aux enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Menthe et chanvre bio français --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003eMenthe et chanvre bio français : un duo rafraîchissant et nourrissant\u003c\/h2\u003e\n \u003cp class=\"soi-geld-section-intro\"\u003eLa force de ce gel douche bio repose sur deux actifs d'exception, tous deux issus de l'agriculture biologique française.\u003c\/p\u003e\n \u003cdiv class=\"soi-geld-grid\"\u003e\n \u003cdiv class=\"soi-geld-card\"\u003e\n \u003ch3\u003e🍃 Menthe bio française\u003c\/h3\u003e\n \u003cp\u003eReconnue pour sa fraîcheur instantanée et ses propriétés purifiantes, elle laisse la peau propre et les sens éveillés. Idéale après le sport ou lors des fortes chaleurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-card\"\u003e\n \u003ch3\u003e🌱 Huile de chanvre bio\u003c\/h3\u003e\n \u003cp\u003eExtraite de graines de chanvre issues de filières textiles locales dans une démarche d'économie circulaire, elle apporte des acides gras essentiels qui nourrissent et apaisent la peau sans l'alourdir. Parfaite même pour les peaux sensibles ou sujettes à l'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-tip\"\u003e\n \u003cdiv class=\"soi-geld-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCette association unique en fait un gel douche bio aussi efficace pour un homme actif que pour une routine familiale quotidienne, bébé inclus dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Composition complète et ingrédients --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003eComposition complète et ingrédients\u003c\/h2\u003e\n \u003cp class=\"soi-geld-section-intro\"\u003eLa formule de ce gel douche bio est volontairement courte et lisible, une garantie de transparence.\u003c\/p\u003e\n \u003cdiv class=\"soi-geld-compo\"\u003e\n \u003cdiv class=\"soi-geld-compo-row\"\u003e\n \u003cspan class=\"soi-geld-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-geld-compo-value\"\u003eVégétale, douce, moussante, sans sulfates ni savon agressif\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-compo-row\"\u003e\n \u003cspan class=\"soi-geld-compo-label\"\u003eActif rafraîchissant\u003c\/span\u003e\n \u003cspan class=\"soi-geld-compo-value\"\u003eExtrait de menthe poivrée bio (Mentha Piperita)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-compo-row\"\u003e\n \u003cspan class=\"soi-geld-compo-label\"\u003eActif nourrissant\u003c\/span\u003e\n \u003cspan class=\"soi-geld-compo-value\"\u003eHuile de graines de chanvre bio (Cannabis Sativa Seed Oil), riche en oméga-3 et oméga-6\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-compo-row\"\u003e\n \u003cspan class=\"soi-geld-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-geld-compo-value\"\u003e98 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-compo-row\"\u003e\n \u003cspan class=\"soi-geld-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-geld-compo-value\"\u003eSilicone, parabène, colorant synthétique, sulfates, savon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e\u003cem\u003eListe INCI complète disponible sur l'emballage et sur le site officiel Coslys.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Comment utiliser le gel douche Coslys au quotidien ? --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003eComment utiliser le gel douche Coslys au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-geld-timeline\"\u003e\n \u003cdiv class=\"soi-geld-step\"\u003e\n \u003cdiv class=\"soi-geld-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de gel sur une peau mouillée ou un gant de toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step\"\u003e\n \u003cdiv class=\"soi-geld-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step-content\"\u003e\n \u003ch3\u003eFaire mousser\u003c\/h3\u003e\n \u003cp\u003eMassez en effectuant des mouvements circulaires sur l'ensemble du corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step\"\u003e\n \u003cdiv class=\"soi-geld-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step\"\u003e\n \u003cdiv class=\"soi-geld-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step-content\"\u003e\n \u003ch3\u003eRenouveler chaque jour\u003c\/h3\u003e\n \u003cp\u003eUtilisable matin et soir, pour toute la famille dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-tip\"\u003e\n \u003cdiv class=\"soi-geld-tip-icon\"\u003e❄️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eAstuce fraîcheur\u003c\/strong\u003e\n \u003cp\u003ePour une sensation de fraîcheur maximale, optez pour une eau légèrement fraîche lors du rinçage : la menthe n'en sera que plus vivifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Un choix responsable du flacon à la formule --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003eUn choix responsable du flacon à la formule\u003c\/h2\u003e\n \u003cp\u003eEn choisissant ce gel douche bio certifié, vous soutenez une marque française engagée : Coslys valorise des circuits courts, des ingrédients tracés et une production locale. Le chanvre utilisé provient directement de filières textiles françaises, évitant tout gaspillage de matière première. Un geste simple pour votre peau, et un vrai geste pour la planète.\u003c\/p\u003e\n \u003cdiv class=\"soi-geld-grid-compact\"\u003e\n \u003cdiv class=\"soi-geld-card-mini\"\u003e\n \u003cspan class=\"soi-geld-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-card-mini\"\u003e\n \u003cspan class=\"soi-geld-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-label\"\u003eFilière chanvre\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-value\"\u003eÉconomie circulaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-card-mini\"\u003e\n \u003cspan class=\"soi-geld-card-mini-icon\"\u003e🌍\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-label\"\u003eCircuits\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-value\"\u003eCourts et tracés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-geld-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-geld-cta-box\"\u003e\n \u003cp class=\"soi-geld-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se laver naturellement\u003c\/p\u003e\n \u003cp class=\"soi-geld-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau la fraîcheur de la menthe et la douceur du chanvre bio français. Chaque douche devient un vrai moment de bien-être, en toute conscience.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-geld-marine: #1A2D3D;\n --soi-geld-marine-dark: #0F1E2B;\n --soi-geld-marine-light: #2C4458;\n --soi-geld-pomme: #A1C544;\n --soi-geld-pomme-dark: #84A636;\n --soi-geld-pomme-light: rgba(161,197,68,0.10);\n\n --soi-geld-white: #FFFFFF;\n --soi-geld-off-white: #F8FAF6;\n --soi-geld-stone: #F1F3EE;\n --soi-geld-line: #E5E8E0;\n\n --soi-geld-primary: #5AAE5A;\n --soi-geld-primary-soft: #E8F5E8;\n --soi-geld-accent: #94C5A8;\n\n --soi-geld-text: #1A2D3D;\n --soi-geld-text-soft: #4A5B6B;\n --soi-geld-text-muted: #7B8693;\n\n --soi-geld-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-geld-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-geld-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-geld-radius: 12px;\n --soi-geld-radius-sm: 8px;\n --soi-geld-radius-pill: 999px;\n}\n\n.soi-geld-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-geld-fiche img { max-width: 100%; height: auto; }\n\n.soi-geld-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-geld-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-geld-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-geld-hero {\n position: relative;\n background: var(--soi-geld-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-geld-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-geld-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-geld-pomme);\n}\n\n.soi-geld-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-geld-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-geld-pomme);\n border-radius: 50%;\n}\n\n.soi-geld-hero-title {\n display: block;\n color: var(--soi-geld-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-geld-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-geld-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-geld-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-geld-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-geld-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-geld-label-accent {\n background: var(--soi-geld-pomme);\n border-color: var(--soi-geld-pomme);\n color: var(--soi-geld-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-geld-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-geld-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-geld-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-geld-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-geld-pomme);\n border-radius: 2px;\n}\n\n.soi-geld-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-geld-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-geld-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-geld-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-geld-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-geld-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-geld-benefit {\n background: var(--soi-geld-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-geld-radius);\n border: 1px solid var(--soi-geld-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-geld-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-geld-shadow-md);\n}\n\n.soi-geld-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-geld-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-geld-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-geld-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-geld-benefit:hover .soi-geld-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-geld-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-geld-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-geld-benefit p {\n font-size: 13px;\n color: var(--soi-geld-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-geld-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-geld-card {\n background: var(--soi-geld-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-geld-radius);\n border-left: 3px solid var(--soi-geld-pomme);\n}\n\n.soi-geld-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-geld-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-geld-card p {\n font-size: 14px;\n color: var(--soi-geld-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-geld-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-geld-card-mini {\n background: var(--soi-geld-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-geld-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-geld-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-geld-card-mini-label {\n font-size: 11px;\n color: var(--soi-geld-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-geld-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-geld-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-geld-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-geld-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-geld-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-geld-radius);\n border: 1px solid var(--soi-geld-line);\n align-items: flex-start;\n}\n\n.soi-geld-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-geld-marine);\n color: var(--soi-geld-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-geld-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-geld-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-geld-step-content p {\n font-size: 14px;\n color: var(--soi-geld-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-geld-compo {\n background: var(--soi-geld-off-white);\n border-radius: var(--soi-geld-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.soi-geld-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-geld-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-geld-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-geld-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-geld-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-geld-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-geld-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-geld-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-geld-pomme-light);\n border-left: 4px solid var(--soi-geld-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-geld-radius) var(--soi-geld-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-geld-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-geld-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-geld-marine);\n margin-bottom: 4px;\n}\n\n.soi-geld-tip p {\n font-size: 14px;\n color: var(--soi-geld-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-geld-cta-box {\n background: var(--soi-geld-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-geld-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-geld-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-geld-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-geld-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-geld-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-geld-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-geld-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-geld-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-geld-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-geld-compo-value {\n text-align: left;\n }\n\n .soi-geld-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-geld-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-geld-fiche {\n --soi-geld-text-soft: #2C3E50;\n --soi-geld-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603508420938,"sku":"CS0080","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-rafraichissant-certifie-bio-coslys-packshot.webp?v=1781524168"},{"product_id":"creme-douche-relaxante-certifiee-bio-coslys","title":"Crème douche Relaxante certifiée bio – Coslys","description":"\u003cdiv class=\"soi-cosl-fiche\"\u003e\n\n \u003csection class=\"soi-cosl-hero\"\u003e\n \u003cdiv class=\"soi-cosl-hero-tag\"\u003e\n \u003cspan class=\"soi-cosl-tag-dot\"\u003e\u003c\/span\u003e\n Crème de douche bio · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-cosl-hero-title\"\u003eUn goûter d'automne sous la douche\u003c\/span\u003e\n \u003cp class=\"soi-cosl-hero-subtitle\"\u003eChâtaigne bio française et caramel se rencontrent dans une crème de douche sans sulfates ni savon. Elle convient à tous les types de peau et se partage en famille dès 3 ans.\u003c\/p\u003e\n \u003cdiv class=\"soi-cosl-hero-labels\"\u003e\n \u003cspan class=\"soi-cosl-label soi-cosl-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003eUn gel douche naturel bio qui sent l'automne\u003c\/h2\u003e\n \u003cp\u003eDès la première noisette, la texture crémeuse mousse en douceur et libère des \u003cstrong\u003enotes sucrées et lactées\u003c\/strong\u003e. Le parfum de caramel est \u003cstrong\u003e100% d'origine naturelle\u003c\/strong\u003e. Il s'accorde avec des extraits de \u003cstrong\u003ecosses de cacao\u003c\/strong\u003e et de \u003cstrong\u003echâtaigne bio cultivée en Ardèche\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp\u003eLe résultat : une odeur réconfortante, comparable à un goûter d'automne, qui s'installe sans être écœurante. Un vrai moment de pause, après une longue journée ou avant de vous coucher.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème de douche bio ?\u003c\/h2\u003e\n \u003cp class=\"soi-cosl-section-intro\"\u003eFace à la multitude de gels douche naturels, voici les critères qui comptent vraiment pour bien choisir le produit lavant de votre famille.\u003c\/p\u003e\n \u003cdiv class=\"soi-cosl-grid\"\u003e\n \u003cdiv class=\"soi-cosl-card\"\u003e\n \u003ch3\u003eUne certification reconnue\u003c\/h3\u003e\n \u003cp\u003eCe produit est certifié Cosmos Organic, un référentiel exigeant et un vrai gage de transparence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card\"\u003e\n \u003ch3\u003e98% d'ingrédients d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eLa formulation d'un produit lavant moussant demande toujours quelques ingrédients de transformation. Ici, la part naturelle atteint 98%, ce qui est remarquable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card\"\u003e\n \u003ch3\u003eSans sulfates et sans savon\u003c\/h3\u003e\n \u003cp\u003eLa base lavante végétale nettoie sans décaper, sans produit chimique agressif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card\"\u003e\n \u003ch3\u003eVegan et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale, aucun test sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card\"\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eUne production locale, avec des matières premières issues de filières françaises.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003eComposition : ce que contient le flacon\u003c\/h2\u003e\n \u003cp class=\"soi-cosl-section-intro\"\u003eLa formule repose sur une logique simple : peu d'artifices, des ingrédients sélectionnés.\u003c\/p\u003e\n \u003cdiv class=\"soi-cosl-benefits\"\u003e\n \u003cdiv class=\"soi-cosl-benefit\"\u003e\n \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBase lavante végétale\u003c\/h3\u003e\n \u003cp\u003eElle nettoie en douceur et respecte l'équilibre de l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-benefit\"\u003e\n \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🌰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eChâtaigne bio d'Ardèche\u003c\/h3\u003e\n \u003cp\u003eIssu de l'agriculture biologique, cet extrait donne à la crème son caractère boisé et rond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-benefit\"\u003e\n \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🍫\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCosses de cacao\u003c\/h3\u003e\n \u003cp\u003eLeurs extraits apportent la note chocolatée et lactée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-benefit\"\u003e\n \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum caramel\u003c\/h3\u003e\n \u003cp\u003e100% d'origine naturelle, sans fragrance de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-cosl-note\"\u003eLa liste INCI complète figure sur l'étiquette du flacon. Nous vous invitons à la consulter si vous avez des allergies connues.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003eComment l'utiliser en 3 gestes\u003c\/h2\u003e\n \u003cdiv class=\"soi-cosl-timeline\"\u003e\n \u003cdiv class=\"soi-cosl-step\"\u003e\n \u003cdiv class=\"soi-cosl-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eHumidifiez votre peau à l'eau tiède, pas trop chaude, pour préserver son confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step\"\u003e\n \u003cdiv class=\"soi-cosl-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step-content\"\u003e\n \u003ch3\u003eDéposez\u003c\/h3\u003e\n \u003cp\u003ePlacez une noisette de crème dans la paume ou sur une fleur de douche, puis faites mousser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step\"\u003e\n \u003cdiv class=\"soi-cosl-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le corps en prenant le temps de respirer le parfum, puis rincez abondamment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-tip\"\u003e\n \u003cdiv class=\"soi-cosl-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSon usage est possible au quotidien. Pour les plus jeunes (dès 3 ans), un adulte peut doser la quantité et veiller à éviter le contact avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003ePour qui est-elle faite ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-cosl-grid\"\u003e\n \u003cdiv class=\"soi-cosl-card soi-cosl-card-warm\"\u003e\n \u003ch3\u003eLes gourmands\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui aiment les rituels sensoriels et les parfums rassurants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card soi-cosl-card-warm\"\u003e\n \u003ch3\u003eLes peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eElles apprécient l'absence de sulfates et de savon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card soi-cosl-card-warm\"\u003e\n \u003ch3\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eUn seul flacon pour les parents et les enfants dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card soi-cosl-card-warm\"\u003e\n \u003ch3\u003eLes hommes\u003c\/h3\u003e\n \u003cp\u003eLe parfum de châtaigne et de cacao, chaud et boisé, n'a rien de trop sucré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-cosl-note\"\u003eVous hésitez encore ? Les avis sur cette crème de douche relaxante Coslys mentionnent surtout sa mousse onctueuse et son parfum enveloppant. Un bon point de départ pour découvrir un gel douche naturel bio en toute simplicité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003eBon à savoir\u003c\/h2\u003e\n \u003cdiv class=\"soi-cosl-accordion\"\u003e\n \u003cdetails class=\"soi-cosl-accordion-item\"\u003e\n \u003csummary class=\"soi-cosl-accordion-header\"\u003ePrécautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-cosl-accordion-content\"\u003e\n \u003cp\u003eCe produit cosmétique est destiné à l'hygiène quotidienne. Il ne remplace pas un traitement médical ni l'avis d'un professionnel de santé en cas de problème de peau (eczéma, psoriasis, irritations persistantes).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cosl-accordion-item\"\u003e\n \u003csummary class=\"soi-cosl-accordion-header\"\u003eConservation\u003c\/summary\u003e\n \u003cdiv class=\"soi-cosl-accordion-content\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la chaleur et refermez-le bien après usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-cosl-cta-box\"\u003e\n \u003cp class=\"soi-cosl-cta-tag\" style=\"color: white;\"\u003eVotre parenthèse gourmande et bio\u003c\/p\u003e\n \u003cp class=\"soi-cosl-cta-text\" style=\"color: white;\"\u003eCaramel fondant, châtaigne d'Ardèche et cacao réconfortant enveloppent votre peau comme un plaid d'automne. Chaque minute sous l'eau devient un moment de calme, pour vous et toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.soi-cosl-fiche {\n --soi-cosl-marine: #1A2D3D;\n --soi-cosl-marine-dark: #0F1E2B;\n --soi-cosl-marine-light: #2C4458;\n --soi-cosl-pomme: #A1C544;\n --soi-cosl-pomme-dark: #84A636;\n --soi-cosl-pomme-light: rgba(161,197,68,0.10);\n --soi-cosl-white: #FFFFFF;\n --soi-cosl-off-white: #F8FAF6;\n --soi-cosl-stone: #F1F3EE;\n --soi-cosl-line: #E5E8E0;\n --soi-cosl-primary: #D9942F;\n --soi-cosl-primary-soft: #FBF1E2;\n --soi-cosl-accent: #7A4A2E;\n --soi-cosl-text: #1A2D3D;\n --soi-cosl-text-soft: #4A5B6B;\n --soi-cosl-text-muted: #7B8693;\n --soi-cosl-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-cosl-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-cosl-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-cosl-radius: 12px;\n --soi-cosl-radius-sm: 8px;\n --soi-cosl-radius-pill: 999px;\n}\n\n.soi-cosl-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cosl-fiche img { max-width: 100%; height: auto; }\n\n.soi-cosl-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-cosl-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-cosl-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-cosl-hero {\n position: relative;\n background: var(--soi-cosl-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-cosl-radius);\n text-align: center;\n overflow: hidden;\n}\n.soi-cosl-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-cosl-pomme);\n}\n.soi-cosl-hero::after {\n content: '';\n position: absolute;\n bottom: 0; left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: var(--soi-cosl-primary);\n border-radius: 3px 3px 0 0;\n}\n.soi-cosl-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n.soi-cosl-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-cosl-pomme);\n border-radius: 50%;\n}\n.soi-cosl-hero-title {\n display: block;\n color: var(--soi-cosl-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n.soi-cosl-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n.soi-cosl-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n.soi-cosl-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-cosl-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-cosl-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n.soi-cosl-label-accent {\n background: var(--soi-cosl-pomme);\n border-color: var(--soi-cosl-pomme);\n color: var(--soi-cosl-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-cosl-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n.soi-cosl-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-cosl-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n.soi-cosl-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-cosl-pomme);\n border-radius: 2px;\n}\n.soi-cosl-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-cosl-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n.soi-cosl-section p:last-child {\n margin-bottom: 0;\n}\n.soi-cosl-section .soi-cosl-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-cosl-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n.soi-cosl-section .soi-cosl-note {\n margin-top: 1.25rem;\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-cosl-text-soft);\n}\n\n\/* BENEFITS *\/\n.soi-cosl-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n.soi-cosl-benefit {\n background: var(--soi-cosl-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-cosl-radius);\n border: 1px solid var(--soi-cosl-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.soi-cosl-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-cosl-shadow-md);\n}\n.soi-cosl-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-cosl-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n.soi-cosl-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-cosl-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n.soi-cosl-benefit:hover .soi-cosl-benefit-icon::after {\n opacity: 1;\n}\n.soi-cosl-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cosl-marine);\n margin-bottom: 0.5rem;\n}\n.soi-cosl-benefit p {\n font-size: 15px;\n color: var(--soi-cosl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-cosl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n.soi-cosl-card {\n background: var(--soi-cosl-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cosl-radius);\n border-left: 3px solid var(--soi-cosl-pomme);\n}\n.soi-cosl-card-warm {\n background: var(--soi-cosl-primary-soft);\n border-left-color: var(--soi-cosl-primary);\n}\n.soi-cosl-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cosl-marine);\n margin-bottom: 0.5rem;\n}\n.soi-cosl-card p {\n font-size: 14px;\n color: var(--soi-cosl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-cosl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n.soi-cosl-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-cosl-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cosl-radius);\n border: 1px solid var(--soi-cosl-line);\n align-items: flex-start;\n}\n.soi-cosl-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-cosl-marine);\n color: var(--soi-cosl-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n.soi-cosl-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cosl-marine);\n margin-bottom: 0.3rem;\n}\n.soi-cosl-step-content p {\n font-size: 15px;\n color: var(--soi-cosl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIP *\/\n.soi-cosl-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-cosl-pomme-light);\n border-left: 4px solid var(--soi-cosl-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-cosl-radius) var(--soi-cosl-radius) 0;\n align-items: flex-start;\n}\n.soi-cosl-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n.soi-cosl-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-cosl-marine);\n margin-bottom: 4px;\n}\n.soi-cosl-tip p {\n font-size: 15px;\n color: var(--soi-cosl-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-cosl-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.soi-cosl-accordion-item {\n background: var(--soi-cosl-off-white);\n border-radius: var(--soi-cosl-radius-sm);\n border: 1px solid var(--soi-cosl-line);\n overflow: hidden;\n}\n.soi-cosl-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-cosl-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.soi-cosl-accordion-header::-webkit-details-marker {\n display: none;\n}\n.soi-cosl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-cosl-pomme);\n transition: transform 0.2s ease;\n}\n.soi-cosl-accordion-item[open] .soi-cosl-accordion-header::after {\n transform: rotate(45deg);\n}\n.soi-cosl-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n.soi-cosl-accordion-content p {\n font-size: 14px;\n color: var(--soi-cosl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-cosl-cta-box {\n background: var(--soi-cosl-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-cosl-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n.soi-cosl-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-cosl-pomme);\n border-radius: 0 0 4px 4px;\n}\n.soi-cosl-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-cosl-pomme);\n margin-bottom: 0.75rem;\n}\n.soi-cosl-section .soi-cosl-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 2.6vw, 20px);\n font-weight: 500;\n color: var(--soi-cosl-white);\n line-height: 1.5;\n margin: 0 auto;\n max-width: 640px;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n .soi-cosl-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n .soi-cosl-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-cosl-fiche * {\n animation: none !important;\n transition: none !important;\n }\n}\n@media (prefers-contrast: more) {\n .soi-cosl-fiche {\n --soi-cosl-text-soft: #2C3E50;\n --soi-cosl-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603510059338,"sku":"CS0085","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-douche-relaxante-certifiee-bio-coslys-packshot.webp?v=1792142911"},{"product_id":"shampooing-ultra-doux-certifie-bio-coslys","title":"Shampooing Ultra-doux bio – Coslys","description":"\n\u003cdiv class=\"soi-shmp-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-shmp-hero\"\u003e\n \u003cdiv class=\"soi-shmp-hero-tag\"\u003e\n \u003cspan class=\"soi-shmp-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire bio · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-shmp-hero-title\"\u003eShampooing Ultra-doux certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-shmp-hero-subtitle\"\u003eEnrichi à la reine des prés bio, ce shampooing certifié Cosmos Organic nettoie en douceur vos cheveux normaux et leur offre brillance, légèreté et souplesse, sans silicone ni compromis.\u003c\/p\u003e\n \u003cdiv class=\"soi-shmp-hero-labels\"\u003e\n \u003cspan class=\"soi-shmp-label soi-shmp-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003e0 % SILICONE\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 1 --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eUn shampooing ultra-doux 100 % bio, formulé pour les cheveux normaux\u003c\/h2\u003e\n \u003cp\u003eContrairement aux formules conventionnelles souvent chargées en silicones et sulfates agressifs, ce shampooing ultra-doux Coslys mise sur la simplicité efficace : 97,5 % d'ingrédients d'origine naturelle, une base lavante végétale douce et des actifs biologiques soigneusement choisis. Le résultat ? Des cheveux propres, légers, brillants et facilement démêlables, dès le premier lavage.\u003c\/p\u003e\n \u003cp\u003eIl est certifié Cosmos Organic, la référence la plus exigeante en matière de cosmétique biologique, et fabriqué en France dans le respect des normes environnementales les plus strictes.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-shmp-grid\"\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🌸 Eau florale de reine des prés bio\u003c\/h3\u003e\n \u003cp\u003eCette fleur emblématique des prairies françaises est reconnue pour ses propriétés apaisantes et purifiantes. Elle équilibre le cuir chevelu en douceur, sans agresser son film hydrolipidique naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🌰 Huile de jojoba\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines E et B, elle nourrit la fibre capillaire en profondeur, apporte de la souplesse et sublime le brillant naturel de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🌾 Peptide de blé\u003c\/h3\u003e\n \u003cp\u003eCe complexe protéique végétal renforce la structure du cheveu, limite la casse et lisse les pointes abîmées pour un résultat visible dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🧴 Base lavante d'origine végétale\u003c\/h3\u003e\n \u003cp\u003eUn nettoyage en profondeur, sans agressivité, adapté à un usage quotidien pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eCe que vous gagnez au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-shmp-benefits\"\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eLégèreté préservée\u003c\/h3\u003e\n \u003cp\u003eLa formule sans silicone ne leste pas les cheveux. Ils retrouvent leur volume naturel après chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBrillance et douceur\u003c\/h3\u003e\n \u003cp\u003eJojoba et peptide de blé agissent ensemble pour un effet soyeux durable, même sur des cheveux fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUsage quotidien et familial\u003c\/h3\u003e\n \u003cp\u003eSa formule ultra-douce convient aux adultes comme aux enfants, y compris les cuirs chevelus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon 1 litre en plastique 100 % recyclé, rechargeable, fabriqué en France. Un geste concret pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eComposition et mode d'emploi\u003c\/h2\u003e\n \u003cp class=\"soi-shmp-section-intro\"\u003eRetrouvez ci-dessous les ingrédients principaux de cette formule certifiée bio ainsi que nos conseils d'utilisation pour profiter pleinement de ses bienfaits.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-shmp-compo\"\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eEau florale de reine des prés bio (Filipendula ulmaria)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eActif nourrissant\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eHuile de jojoba (Simmondsia chinensis)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eActif fortifiant\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003ePeptide de blé (Triticum vulgare)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eOrigine végétale, sans sulfates agressifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eSilicone, paraben, colorant artificiel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003e97,5 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003e1 litre avec pompe doseuse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-shmp-timeline\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-shmp-step\"\u003e\n \u003cdiv class=\"soi-shmp-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampooing sur vos cheveux mouillés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step\"\u003e\n \u003cdiv class=\"soi-shmp-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le cuir chevelu pour faire mousser et répartir le produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step\"\u003e\n \u003cdiv class=\"soi-shmp-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Renouvelez l'opération si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-shmp-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-shmp-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un résultat optimal, complétez votre routine avec un après-shampooing ultra-doux de la gamme Coslys.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 5 --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eCe shampooing bio est-il fait pour vous ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shmp-grid\"\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e💆 Cheveux normaux à légèrement gras\u003c\/h3\u003e\n \u003cp\u003eVous cherchez un nettoyage quotidien efficace sans agresser votre cuir chevelu ni alourdir vos longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🌱 Transition vers le bio\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez passer à un shampooing bio certifié sans sacrifier l'efficacité ni le plaisir d'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🌍 Sensibilité environnementale\u003c\/h3\u003e\n \u003cp\u003eVous êtes sensible à l'impact écologique de vos achats beauté et privilégiez les formules responsables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🔄 Alternative naturelle certifiée\u003c\/h3\u003e\n \u003cp\u003eVous cherchez une alternative naturelle aux grandes marques conventionnelles, avec un niveau de certification biologique supérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-shmp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shmp-cta-box\"\u003e\n \u003cp class=\"soi-shmp-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se laver en douceur\u003c\/p\u003e\n \u003cp class=\"soi-shmp-cta-text\" style=\"color: white;\"\u003eLa reine des prés apaise, le jojoba nourrit, le peptide de blé renforce. Un rituel simple, naturel, certifié bio et fabriqué en France, pour vous et toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shmp-marine: #1A2D3D;\n --soi-shmp-marine-dark: #0F1E2B;\n --soi-shmp-marine-light: #2C4458;\n --soi-shmp-pomme: #A1C544;\n --soi-shmp-pomme-dark: #84A636;\n --soi-shmp-pomme-light: rgba(161,197,68,0.10);\n --soi-shmp-white: #FFFFFF;\n --soi-shmp-off-white: #F8FAF6;\n --soi-shmp-stone: #F1F3EE;\n --soi-shmp-line: #E5E8E0;\n --soi-shmp-primary: #D4A52A;\n --soi-shmp-primary-soft: #F5ECD4;\n --soi-shmp-accent: #E8B5A8;\n --soi-shmp-text: #1A2D3D;\n --soi-shmp-text-soft: #4A5B6B;\n --soi-shmp-text-muted: #7B8693;\n --soi-shmp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shmp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shmp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shmp-radius: 12px;\n --soi-shmp-radius-sm: 8px;\n --soi-shmp-radius-pill: 999px;\n}\n\n.soi-shmp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shmp-fiche img { max-width: 100%; height: auto; }\n\n.soi-shmp-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shmp-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shmp-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shmp-hero {\n position: relative;\n background: var(--soi-shmp-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shmp-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shmp-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shmp-pomme);\n}\n\n.soi-shmp-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shmp-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shmp-pomme);\n border-radius: 50%;\n}\n\n.soi-shmp-hero-title {\n display: block;\n color: var(--soi-shmp-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shmp-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shmp-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shmp-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shmp-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shmp-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shmp-label-accent {\n background: var(--soi-shmp-pomme);\n border-color: var(--soi-shmp-pomme);\n color: var(--soi-shmp-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shmp-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shmp-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shmp-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shmp-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shmp-pomme);\n border-radius: 2px;\n}\n\n.soi-shmp-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shmp-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shmp-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shmp-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shmp-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shmp-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-shmp-benefit {\n background: var(--soi-shmp-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shmp-radius);\n border: 1px solid var(--soi-shmp-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shmp-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shmp-shadow-md);\n}\n\n.soi-shmp-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shmp-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-shmp-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shmp-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shmp-benefit:hover .soi-shmp-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shmp-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shmp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shmp-benefit p {\n font-size: 13px;\n color: var(--soi-shmp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shmp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shmp-card {\n background: var(--soi-shmp-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shmp-radius);\n border-left: 3px solid var(--soi-shmp-pomme);\n}\n\n.soi-shmp-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shmp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shmp-card p {\n font-size: 14px;\n color: var(--soi-shmp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-shmp-compo {\n background: var(--soi-shmp-off-white);\n border-radius: var(--soi-shmp-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shmp-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shmp-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shmp-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shmp-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shmp-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shmp-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shmp-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-shmp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shmp-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shmp-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shmp-radius);\n border: 1px solid var(--soi-shmp-line);\n align-items: flex-start;\n}\n\n.soi-shmp-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shmp-marine);\n color: var(--soi-shmp-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shmp-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shmp-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shmp-step-content p {\n font-size: 14px;\n color: var(--soi-shmp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-shmp-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shmp-pomme-light);\n border-left: 4px solid var(--soi-shmp-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shmp-radius) var(--soi-shmp-radius) 0;\n align-items: flex-start;\n}\n\n.soi-shmp-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shmp-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shmp-marine);\n margin-bottom: 4px;\n}\n\n.soi-shmp-tip p {\n font-size: 14px;\n color: var(--soi-shmp-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shmp-cta-box {\n background: var(--soi-shmp-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shmp-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shmp-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shmp-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shmp-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shmp-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shmp-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shmp-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-shmp-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shmp-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shmp-compo-value {\n text-align: left;\n }\n\n .soi-shmp-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shmp-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shmp-fiche {\n --soi-shmp-text-soft: #2C3E50;\n --soi-shmp-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603510649162,"sku":"CS0110","price":15.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0110-shampooing-cheveux-normaux_c8da52a4-f8f8-463c-bfe9-4f15ce215493.jpg?v=1778843061"},{"product_id":"shampooing-anti-jaunissement-certifie-bio-coslys","title":"Shampooing Anti-jaunissement certifié bio – Coslys","description":"\n\u003cdiv class=\"soi-cent-fiche\"\u003e\n\n \u003csection class=\"soi-cent-hero\"\u003e\n \u003cdiv class=\"soi-cent-hero-tag\"\u003e\n \u003cspan class=\"soi-cent-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire bio · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-cent-hero-title\"\u003eShampooing Anti-jaunissement certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-cent-hero-subtitle\"\u003eLa centaurée bio au service de vos cheveux blancs, gris et blonds : une blancheur lumineuse retrouvée, lavage après lavage, sans silicone ni sulfates agressifs.\u003c\/p\u003e\n \u003cdiv class=\"soi-cent-hero-labels\"\u003e\n \u003cspan class=\"soi-cent-label soi-cent-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-cent-label\"\u003e97,5 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-cent-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-cent-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-cent-label\"\u003e0 % SILICONE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003eShampooing anti-jaunissement bio à la centaurée, pour cheveux blancs, gris et blonds\u003c\/h2\u003e\n \u003cp\u003eVos cheveux blancs, gris ou blonds virent parfois au jaune avec le temps, la pollution ou l'eau calcaire. Ce phénomène, tout à fait naturel, peut pourtant ternir l'éclat de votre chevelure. Le Shampooing Anti-Jaunissement Coslys certifié bio a été conçu précisément pour y remédier, sans colorant synthétique agressif ni silicone. Il neutralise les reflets indésirables lavage après lavage, tout en prenant soin de la fibre capillaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing pour cheveux blancs et gris ?\u003c\/h2\u003e\n \u003cp class=\"soi-cent-section-intro\"\u003eContrairement à de nombreux shampooings anti-jaunissement du marché, la formule Coslys mise sur des actifs naturels et biologiques pour agir en douceur. Résultat : les cheveux retrouvent leur vrai éclat, lumineux et sans reflets dorés, tout en restant souples et nourris. La certification Cosmos Organic garantit une composition transparente, respectueuse de votre cuir chevelu et de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"soi-cent-benefits\"\u003e\n \u003cdiv class=\"soi-cent-benefit\"\u003e\n \u003cdiv class=\"soi-cent-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAnti-reflets jaunâtres\u003c\/h3\u003e\n \u003cp\u003eNeutralise activement les reflets jaunâtres et oxydés pour une chevelure lumineuse et éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-benefit\"\u003e\n \u003cdiv class=\"soi-cent-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e97,5 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eUne formule certifiée Cosmos Organic, sans silicone et sans sulfates agressifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-benefit\"\u003e\n \u003cdiv class=\"soi-cent-benefit-icon\"\u003e\u003cspan\u003e🐰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVegan et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux, une démarche éthique de la conception jusqu'au flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-benefit\"\u003e\n \u003cdiv class=\"soi-cent-benefit-icon\"\u003e\u003cspan\u003e🏆\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTrophée Pleine Vie 2023\u003c\/h3\u003e\n \u003cp\u003eLauréat du 1er prix dans la catégorie Cosmétique, une reconnaissance par les consommatrices elles-mêmes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003eLes ingrédients actifs qui font la différence\u003c\/h2\u003e\n \u003cp class=\"soi-cent-section-intro\"\u003eLa force de ce shampooing anti-jaunissement bio repose sur une sélection d'actifs complémentaires, chacun jouant un rôle précis dans le soin de vos cheveux.\u003c\/p\u003e\n \u003cdiv class=\"soi-cent-grid\"\u003e\n \u003cdiv class=\"soi-cent-card\"\u003e\n \u003ch3\u003e💙 Extrait de centaurée bio\u003c\/h3\u003e\n \u003cp\u003eVéritable star de la formule, la centaurée est reconnue depuis longtemps pour ses propriétés bleutantes naturelles. Elle neutralise les pigments jaunes et apaise le cuir chevelu en même temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-card\"\u003e\n \u003ch3\u003e🌳 Extrait de baobab\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, il nourrit et hydrate en profondeur des racines jusqu'aux pointes, pour une chevelure souple et brillante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-card\"\u003e\n \u003ch3\u003e🌾 Extrait de riz\u003c\/h3\u003e\n \u003cp\u003eIl renforce la fibre capillaire de l'intérieur, limitant la casse et préservant la structure du cheveu au fil des lavages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003eComment utiliser le shampooing anti-jaunissement Coslys ?\u003c\/h2\u003e\n \u003cp class=\"soi-cent-section-intro\"\u003eSon utilisation est simple et s'intègre sans effort dans votre routine capillaire habituelle.\u003c\/p\u003e\n \u003cdiv class=\"soi-cent-timeline\"\u003e\n \u003cdiv class=\"soi-cent-step\"\u003e\n \u003cdiv class=\"soi-cent-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step\"\u003e\n \u003cdiv class=\"soi-cent-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step-content\"\u003e\n \u003ch3\u003eMasser et faire mousser\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu et faites mousser sur toute la longueur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step\"\u003e\n \u003cdiv class=\"soi-cent-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step-content\"\u003e\n \u003ch3\u003eLaisser poser\u003c\/h3\u003e\n \u003cp\u003ePatientez 2 à 3 minutes pour maximiser l'action neutralisante de la centaurée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step\"\u003e\n \u003cdiv class=\"soi-cent-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-tip\"\u003e\n \u003cdiv class=\"soi-cent-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un résultat optimal sur des cheveux blancs ou gris très jaunes, utilisez-le à chaque shampooing ou en alternance avec votre shampooing habituel selon l'intensité des reflets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003eCe que les utilisatrices en disent\u003c\/h2\u003e\n \u003cp\u003eCe shampooing a été testé et approuvé par 100 % des testeuses lors de son lancement. Les retours sont unanimes : les cheveux gris et blancs retrouvent une blancheur éclatante dès les premières utilisations, sans effet violet excessif parfois reproché aux shampooings déjaunisseurs classiques. Une formule pensée pour être efficace et agréable à utiliser au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-cent-grid-compact\"\u003e\n \u003cdiv class=\"soi-cent-card-mini\"\u003e\n \u003cspan class=\"soi-cent-card-mini-icon\"\u003e✅\u003c\/span\u003e\n \u003cspan class=\"soi-cent-card-mini-label\"\u003eApprobation\u003c\/span\u003e\n \u003cspan class=\"soi-cent-card-mini-value\"\u003e100 % des testeuses\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-card-mini\"\u003e\n \u003cspan class=\"soi-cent-card-mini-icon\"\u003e🏆\u003c\/span\u003e\n \u003cspan class=\"soi-cent-card-mini-label\"\u003eRécompense\u003c\/span\u003e\n \u003cspan class=\"soi-cent-card-mini-value\"\u003eTrophée Pleine Vie 2023\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-card-mini\"\u003e\n \u003cspan class=\"soi-cent-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-cent-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-cent-card-mini-value\"\u003eSomloire, Anjou\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-cent-compo\"\u003e\n \u003cdiv class=\"soi-cent-compo-row\"\u003e\n \u003cspan class=\"soi-cent-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-cent-compo-value\"\u003e97,5 % des ingrédients\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-compo-row\"\u003e\n \u003cspan class=\"soi-cent-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-cent-compo-value\"\u003eCosmos Organic par Ecocert Greenlife\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-compo-row\"\u003e\n \u003cspan class=\"soi-cent-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-cent-compo-value\"\u003eFrance (Somloire, Anjou)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-accordion\"\u003e\n \u003cdetails class=\"soi-cent-accordion-item\"\u003e\n \u003csummary class=\"soi-cent-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-cent-accordion-content\"\u003e\n \u003cp\u003eAqua, Sodium Coco-Sulfate, Cocamidopropyl Betaine, Glycerin*, Oryza Sativa Starch*, Adansonia Digitata Seed Oil*, Centaurea Cyanus Flower Water*, Centaurea Cyanus Flower Extract*, Sodium Chloride, Citric Acid, Parfum, Sodium Benzoate, Potassium Sorbate, CI 42090, CI 60730.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cent-accordion-item\"\u003e\n \u003csummary class=\"soi-cent-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n \u003cdiv class=\"soi-cent-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne remplace en aucun cas l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cent-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-cent-cta-box\"\u003e\n \u003cp class=\"soi-cent-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans vos cheveux\u003c\/p\u003e\n \u003cp class=\"soi-cent-cta-text\" style=\"color: white;\"\u003eVos cheveux blancs, gris ou blonds méritent de rayonner pleinement. Grâce à la centaurée bio et à des actifs naturels soigneusement sélectionnés, le Shampooing Anti-Jaunissement Coslys redonne en quelques lavages une blancheur lumineuse, sans agresser ni alourdir la fibre. Une formule française, certifiée bio, qui prend soin de vous et de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-cent-marine: #1A2D3D;\n --soi-cent-marine-dark: #0F1E2B;\n --soi-cent-marine-light: #2C4458;\n --soi-cent-pomme: #A1C544;\n --soi-cent-pomme-dark: #84A636;\n --soi-cent-pomme-light: rgba(161,197,68,0.10);\n\n --soi-cent-white: #FFFFFF;\n --soi-cent-off-white: #F8FAF6;\n --soi-cent-stone: #F1F3EE;\n --soi-cent-line: #E5E8E0;\n\n --soi-cent-primary: #7B8EC8;\n --soi-cent-primary-soft: rgba(123,142,200,0.12);\n --soi-cent-accent: #A8B5D4;\n\n --soi-cent-text: #1A2D3D;\n --soi-cent-text-soft: #4A5B6B;\n --soi-cent-text-muted: #7B8693;\n\n --soi-cent-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-cent-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-cent-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-cent-radius: 12px;\n --soi-cent-radius-sm: 8px;\n --soi-cent-radius-pill: 999px;\n}\n\n.soi-cent-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cent-fiche img { max-width: 100%; height: auto; }\n\n.soi-cent-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-cent-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-cent-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-cent-hero {\n position: relative;\n background: var(--soi-cent-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-cent-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-cent-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-cent-pomme);\n}\n\n.soi-cent-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-cent-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-cent-pomme);\n border-radius: 50%;\n}\n\n.soi-cent-hero-title {\n display: block;\n color: var(--soi-cent-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-cent-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-cent-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-cent-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-cent-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-cent-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-cent-label-accent {\n background: var(--soi-cent-pomme);\n border-color: var(--soi-cent-pomme);\n color: var(--soi-cent-marine);\n font-weight: 600;\n}\n\n.soi-cent-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cent-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-cent-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-cent-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-cent-pomme);\n border-radius: 2px;\n}\n\n.soi-cent-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-cent-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-cent-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-cent-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-cent-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-cent-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-cent-benefit {\n background: var(--soi-cent-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-cent-radius);\n border: 1px solid var(--soi-cent-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cent-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-cent-shadow-md);\n}\n\n.soi-cent-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-cent-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-cent-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-cent-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-cent-benefit:hover .soi-cent-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-cent-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cent-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cent-benefit p {\n font-size: 13px;\n color: var(--soi-cent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cent-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-cent-card {\n background: var(--soi-cent-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cent-radius);\n border-left: 3px solid var(--soi-cent-pomme);\n}\n\n.soi-cent-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cent-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cent-card p {\n font-size: 14px;\n color: var(--soi-cent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cent-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.5rem;\n}\n\n.soi-cent-card-mini {\n background: var(--soi-cent-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-cent-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-cent-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-cent-card-mini-label {\n font-size: 11px;\n color: var(--soi-cent-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-cent-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cent-marine);\n}\n\n.soi-cent-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-cent-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-cent-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cent-radius);\n border: 1px solid var(--soi-cent-line);\n align-items: flex-start;\n}\n\n.soi-cent-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-cent-marine);\n color: var(--soi-cent-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-cent-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cent-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-cent-step-content p {\n font-size: 14px;\n color: var(--soi-cent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cent-compo {\n background: var(--soi-cent-off-white);\n border-radius: var(--soi-cent-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-cent-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-cent-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-cent-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-cent-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-cent-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-cent-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-cent-marine);\n text-align: right;\n}\n\n.soi-cent-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-cent-pomme-light);\n border-left: 4px solid var(--soi-cent-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-cent-radius) var(--soi-cent-radius) 0;\n align-items: flex-start;\n}\n\n.soi-cent-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-cent-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-cent-marine);\n margin-bottom: 4px;\n}\n\n.soi-cent-tip p {\n font-size: 14px;\n color: var(--soi-cent-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cent-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-cent-accordion-item {\n background: var(--soi-cent-off-white);\n border-radius: var(--soi-cent-radius-sm);\n border: 1px solid var(--soi-cent-line);\n overflow: hidden;\n}\n\n.soi-cent-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-cent-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-cent-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-cent-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-cent-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-cent-accordion-item[open] .soi-cent-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-cent-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-cent-accordion-content p {\n font-size: 14px;\n color: var(--soi-cent-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem;\n}\n\n.soi-cent-accordion-content p:last-child {\n margin: 0;\n}\n\n.soi-cent-cta-box {\n background: var(--soi-cent-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-cent-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-cent-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-cent-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-cent-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-cent-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-cent-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-cent-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-cent-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-cent-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-cent-compo-value {\n text-align: left;\n }\n\n .soi-cent-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-cent-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-cent-fiche {\n --soi-cent-text-soft: #2C3E50;\n --soi-cent-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603516940618,"sku":"CS0135","price":15.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-anti-jaunissement-certifie-bio-coslys-packshot.webp?v=1779444159"},{"product_id":"shampooing-nourrissant-certifie-bio-coslys","title":"Shampooing Bio Nourrissant Cheveux Bouclés - Coslys","description":"\u003cdiv class=\"soi-came-fiche\"\u003e\n\n \u003csection class=\"soi-came-hero\"\u003e\n \u003cdiv class=\"soi-came-hero-tag\"\u003e\n \u003cspan class=\"soi-came-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire bio · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-came-hero-title\"\u003eShampooing Nourrissant certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-came-hero-subtitle\"\u003eLa nutrition profonde de l'huile de cameline bio française pour redonner vie, souplesse et définition à vos cheveux secs, bouclés ou crépus.\u003c\/p\u003e\n \u003cdiv class=\"soi-came-hero-labels\"\u003e\n \u003cspan class=\"soi-came-label soi-came-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-came-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-came-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-came-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-came-label\"\u003e0% SILICONE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-came-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de cameline change tout pour les cheveux secs\u003c\/h2\u003e\n \u003cp\u003eL'huile de cameline bio française est la véritable star de ce shampooing naturel bio. Riche en oméga-3, oméga-6 et vitamine E, elle agit comme un bouclier nutritif sur la fibre capillaire. Concrètement, elle comble les zones fragilisées, réduit la porosité excessive et restitue une souplesse visible dès les premiers lavages. Contrairement à des huiles plus lourdes, la cameline nourrit sans alourdir, ce qui est idéal pour les boucles et les frisottis récalcitrants.\u003c\/p\u003e\n \u003cp\u003eL'aloe vera complète ce soin en apportant une hydratation continue au cuir chevelu, tandis que l'eau florale de reine des prés apaise les cuirs chevelus réactifs. Le résultat : des cheveux visiblement plus doux, brillants, et des boucles mieux dessinées sans effet collant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-came-section\"\u003e\n \u003ch2\u003eCe shampooing bio est fait pour vous si…\u003c\/h2\u003e\n \u003cdiv class=\"soi-came-grid\"\u003e\n \u003cdiv class=\"soi-came-card\"\u003e\n \u003ch3\u003e🌀 Vous avez les cheveux secs, frisés, bouclés ou crépus\u003c\/h3\u003e\n \u003cp\u003eVos longueurs manquent d'hydratation et vos boucles peinent à se dessiner ? Ce shampooing leur apporte la nutrition dont elles ont besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-card\"\u003e\n \u003ch3\u003e🌿 Vous êtes adepte du sans sulfates et sans silicone\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un shampooing bio respectueux du cuir chevelu, sans tensioactifs agressifs ni agents occlusifs synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-card\"\u003e\n \u003ch3\u003e✨ Si vous souhaitez des boucles naturelles sans chimie\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez définir et sublimer vos boucles naturellement, sans recourir à des produits chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-card\"\u003e\n \u003ch3\u003e🐰 Si vous êtes sensible aux valeurs éthiques\u003c\/h3\u003e\n \u003cp\u003eVous privilégiez les formules véganes, cruelty-free et fabriquées en France pour une routine capillaire alignée avec vos convictions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-came-section\"\u003e\n \u003ch2\u003eComment utiliser le shampooing nourrissant Coslys\u003c\/h2\u003e\n \u003cdiv class=\"soi-came-timeline\"\u003e\n \u003cdiv class=\"soi-came-step\"\u003e\n \u003cdiv class=\"soi-came-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-came-step-content\"\u003e\n \u003ch3\u003eMouiller abondamment\u003c\/h3\u003e\n \u003cp\u003eMouillez vos cheveux à l'eau tiède pour ouvrir les écailles et préparer la fibre à recevoir les actifs nourrissants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-step\"\u003e\n \u003cdiv class=\"soi-came-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-came-step-content\"\u003e\n \u003ch3\u003eAppliquer et masser\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur le cuir chevelu, massez doucement pour faire mousser, puis étalez sur les longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-step\"\u003e\n \u003cdiv class=\"soi-came-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-came-step-content\"\u003e\n \u003ch3\u003eRincer et sublimer\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède, puis terminez par un rinçage à l'eau froide pour sceller les écailles et sublimer la brillance. À utiliser seul ou suivi d'un après-shampooing bio pour un résultat optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-came-section\"\u003e\n \u003ch2\u003eComposition : que contient ce shampooing bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-came-compo\"\u003e\n \u003cdiv class=\"soi-came-compo-row\"\u003e\n \u003cspan class=\"soi-came-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-came-compo-value\"\u003eHuile de cameline bio française (oméga-3, oméga-6, vitamine E)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-compo-row\"\u003e\n \u003cspan class=\"soi-came-compo-label\"\u003eActif hydratant\u003c\/span\u003e\n \u003cspan class=\"soi-came-compo-value\"\u003eAloe vera bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-compo-row\"\u003e\n \u003cspan class=\"soi-came-compo-label\"\u003eActif apaisant\u003c\/span\u003e\n \u003cspan class=\"soi-came-compo-value\"\u003eEau florale de reine des prés bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-compo-row\"\u003e\n \u003cspan class=\"soi-came-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-came-compo-value\"\u003eVégétale douce, sans sulfates, sans silicone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-compo-row\"\u003e\n \u003cspan class=\"soi-came-compo-label\"\u003eSoin gainant\u003c\/span\u003e\n \u003cspan class=\"soi-came-compo-value\"\u003eActif gainant objectivé (définition des boucles)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-compo-row\"\u003e\n \u003cspan class=\"soi-came-compo-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-came-compo-value\"\u003eD'origine naturelle, notes florales légères\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-compo-row\"\u003e\n \u003cspan class=\"soi-came-compo-label\"\u003eNaturalité\u003c\/span\u003e\n \u003cspan class=\"soi-came-compo-value\"\u003e98,8 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-came-card-mini\"\u003e\n \u003cspan class=\"soi-came-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-value\"\u003e98,8 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-card-mini\"\u003e\n \u003cspan class=\"soi-came-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-label\"\u003eSilicone\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-value\"\u003e0 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-card-mini\"\u003e\n \u003cspan class=\"soi-came-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-value\"\u003e500 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-card-mini\"\u003e\n \u003cspan class=\"soi-came-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-came-section\"\u003e\n \u003ch2\u003eLes engagements Coslys qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-came-benefits\"\u003e\n \u003cdiv class=\"soi-came-benefit\"\u003e\n \u003cdiv class=\"soi-came-benefit-icon\"\u003e\u003cspan\u003e🏅\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eContrôlé par Ecocert, gage d'une formule transparente et respectueuse de la charte biologique européenne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-benefit\"\u003e\n \u003cdiv class=\"soi-came-benefit-icon\"\u003e\u003cspan\u003e🏭\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eÉlaboré dans les Pays de la Loire, avec un contrôle qualité rigoureux à chaque étape.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-benefit\"\u003e\n \u003cdiv class=\"soi-came-benefit-icon\"\u003e\u003cspan\u003e🐰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVegan et Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale, aucun test sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-benefit\"\u003e\n \u003cdiv class=\"soi-came-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFlacon grand format 500 ml\u003c\/h3\u003e\n \u003cp\u003eÉconomique et durable, pour une routine capillaire bio au quotidien sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-came-section\"\u003e\n \u003cdiv class=\"soi-came-accordion\"\u003e\n \u003cdetails class=\"soi-came-accordion-item\"\u003e\n \u003csummary class=\"soi-came-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-came-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique et ne se substitue à aucun traitement médical. En cas de problème persistant du cuir chevelu, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-came-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-came-cta-box\"\u003e\n \u003cp class=\"soi-came-cta-tag\" style=\"color: white;\"\u003ePrenez soin de vos boucles, naturellement\u003c\/p\u003e\n \u003cp class=\"soi-came-cta-text\" style=\"color: white;\"\u003eVos cheveux secs méritent une vraie nutrition, du cuir chevelu jusqu'aux pointes. L'huile de cameline bio française, des boucles définies, un geste éco-responsable chaque matin : c'est ça, se soigner naturellement avec Soinat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-came-marine: #1A2D3D;\n --soi-came-marine-dark: #0F1E2B;\n --soi-came-marine-light: #2C4458;\n --soi-came-pomme: #A1C544;\n --soi-came-pomme-dark: #84A636;\n --soi-came-pomme-light: rgba(161,197,68,0.10);\n\n --soi-came-white: #FFFFFF;\n --soi-came-off-white: #F8FAF6;\n --soi-came-stone: #F1F3EE;\n --soi-came-line: #E5E8E0;\n\n --soi-came-primary: #D4A52A;\n --soi-came-primary-soft: #F5E6B8;\n --soi-came-accent: #B5C96A;\n\n --soi-came-text: #1A2D3D;\n --soi-came-text-soft: #4A5B6B;\n --soi-came-text-muted: #7B8693;\n\n --soi-came-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-came-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-came-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-came-radius: 12px;\n --soi-came-radius-sm: 8px;\n --soi-came-radius-pill: 999px;\n}\n\n.soi-came-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-came-fiche img { max-width: 100%; height: auto; }\n\n.soi-came-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-came-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-came-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-came-hero {\n position: relative;\n background: var(--soi-came-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-came-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-came-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-came-pomme);\n}\n\n.soi-came-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-came-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-came-pomme);\n border-radius: 50%;\n}\n\n.soi-came-hero-title {\n display: block;\n color: var(--soi-came-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-came-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-came-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-came-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-came-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-came-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-came-label-accent {\n background: var(--soi-came-pomme);\n border-color: var(--soi-came-pomme);\n color: var(--soi-came-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-came-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-came-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-came-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-came-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-came-pomme);\n border-radius: 2px;\n}\n\n.soi-came-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-came-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-came-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-came-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-came-card {\n background: var(--soi-came-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-came-radius);\n border-left: 3px solid var(--soi-came-pomme);\n}\n\n.soi-came-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-came-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-came-card p {\n font-size: 14px;\n color: var(--soi-came-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-came-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-came-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-came-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-came-radius);\n border: 1px solid var(--soi-came-line);\n align-items: flex-start;\n}\n\n.soi-came-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-came-marine);\n color: var(--soi-came-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-came-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-came-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-came-step-content p {\n font-size: 14px;\n color: var(--soi-came-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-came-compo {\n background: var(--soi-came-off-white);\n border-radius: var(--soi-came-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-came-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-came-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-came-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-came-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-came-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-came-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-came-marine);\n text-align: right;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-came-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-came-card-mini {\n background: var(--soi-came-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-came-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-came-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-came-card-mini-label {\n font-size: 11px;\n color: var(--soi-came-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-came-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-came-marine);\n}\n\n\/* === BENEFITS === *\/\n.soi-came-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-came-benefit {\n background: var(--soi-came-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-came-radius);\n border: 1px solid var(--soi-came-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-came-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-came-shadow-md);\n}\n\n.soi-came-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-came-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-came-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-came-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-came-benefit:hover .soi-came-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-came-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-came-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-came-benefit p {\n font-size: 13px;\n color: var(--soi-came-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-came-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-came-accordion-item {\n background: var(--soi-came-off-white);\n border-radius: var(--soi-came-radius-sm);\n border: 1px solid var(--soi-came-line);\n overflow: hidden;\n}\n\n.soi-came-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-came-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-came-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-came-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-came-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-came-accordion-item[open] .soi-came-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-came-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-came-accordion-content p {\n font-size: 14px;\n color: var(--soi-came-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-came-cta-box {\n background: var(--soi-came-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-came-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-came-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-came-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-came-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-came-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-came-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-came-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-came-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-came-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-came-compo-value {\n text-align: left;\n }\n\n .soi-came-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-came-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-came-fiche {\n --soi-came-text-soft: #2C3E50;\n --soi-came-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603519398218,"sku":"CS0156","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-nourrissant-certifie-bio-coslys-packshot.webp?v=1779443019"},{"product_id":"deodorant-soin-protecteur-certifie-bio-coslys","title":"Déodorant Soin Protecteur certifié Bio – Coslys","description":"\n\u003cdiv class=\"soi-deop-fiche\"\u003e\n\n \u003csection class=\"soi-deop-hero\"\u003e\n \u003cdiv class=\"soi-deop-hero-tag\"\u003e\n \u003cspan class=\"soi-deop-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-deop-hero-title\"\u003e48 h de fraîcheur, zéro compromis sur la peau\u003c\/span\u003e\n \u003cp class=\"soi-deop-hero-subtitle\"\u003eUn déodorant soin certifié bio, formulé à 99,9 % d'ingrédients d'origine naturelle, sans chlorhydrate d'aluminium ni alcool. Fabriqué en France, il protège durablement tout en respectant les peaux les plus réactives.\u003c\/p\u003e\n \u003cdiv class=\"soi-deop-hero-labels\"\u003e\n \u003cspan class=\"soi-deop-label soi-deop-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-deop-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-deop-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-deop-label\"\u003eSANS ALUMINIUM\u003c\/span\u003e\n \u003cspan class=\"soi-deop-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deop-section\"\u003e\n \u003ch2\u003eDéodorant naturel et efficace : 48 h de protection, zéro compromis\u003c\/h2\u003e\n \u003cp\u003eTrouver un déodorant naturel vraiment efficace est souvent un parcours du combattant. Trop doux pour certains, mal toléré pour d'autres… Le Déodorant Soin Protecteur certifié Bio Coslys répond à ce défi avec une formule à 99,9 % d'origine naturelle, certifiée Cosmos Organic, sans chlorhydrate d'aluminium et sans alcool. Fabriqué en France, il s'adresse aussi bien aux femmes qu'aux hommes, y compris aux peaux les plus réactives.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deop-section\"\u003e\n \u003ch2\u003ePourquoi ce déodorant bio se distingue vraiment ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-deop-benefits\"\u003e\n \u003cdiv class=\"soi-deop-benefit\"\u003e\n \u003cdiv class=\"soi-deop-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eLotus bio français\u003c\/h3\u003e\n \u003cp\u003eCultivé en France, cet actif floral apporte douceur et un parfum subtil, 100 % naturel. Une note délicate qui vous accompagne toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-benefit\"\u003e\n \u003cdiv class=\"soi-deop-benefit-icon\"\u003e\u003cspan\u003e🪨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePierre d'alun naturelle\u003c\/h3\u003e\n \u003cp\u003eReconnue pour limiter la prolifération des bactéries responsables des mauvaises odeurs, sans obstruer les pores ni perturber la transpiration naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-benefit\"\u003e\n \u003cdiv class=\"soi-deop-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAloe vera et huile d'amande douce\u003c\/h3\u003e\n \u003cp\u003eCes deux actifs apaisants hydratent la peau sous les bras, idéal après l'épilation pour éviter toute irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-benefit\"\u003e\n \u003cdiv class=\"soi-deop-benefit-icon\"\u003e\u003cspan\u003e⏱️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection 48 heures\u003c\/h3\u003e\n \u003cp\u003eUne tenue longue durée pour accompagner aussi bien les journées au bureau que les activités sportives légères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deop-section\"\u003e\n \u003ch2\u003eComposition complète du déodorant naturel Coslys\u003c\/h2\u003e\n \u003cp class=\"soi-deop-section-intro\"\u003eTransparence totale sur les ingrédients, parce que vous méritez de savoir ce que vous appliquez sur votre peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-deop-compo\"\u003e\n \u003cdiv class=\"soi-deop-compo-row\"\u003e\n \u003cspan class=\"soi-deop-compo-label\"\u003eAqua (eau)\u003c\/span\u003e\n \u003cspan class=\"soi-deop-compo-value\"\u003eBase purifiée de la formule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-compo-row\"\u003e\n \u003cspan class=\"soi-deop-compo-label\"\u003eAloe Barbadensis Leaf Juice*\u003c\/span\u003e\n \u003cspan class=\"soi-deop-compo-value\"\u003eAloe vera bio : hydratation et apaisement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-compo-row\"\u003e\n \u003cspan class=\"soi-deop-compo-label\"\u003ePotassium Alum\u003c\/span\u003e\n \u003cspan class=\"soi-deop-compo-value\"\u003ePierre d'alun : action déodorante naturelle antibactérienne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-compo-row\"\u003e\n \u003cspan class=\"soi-deop-compo-label\"\u003ePrunus Amygdalus Dulcis Oil*\u003c\/span\u003e\n \u003cspan class=\"soi-deop-compo-value\"\u003eHuile d'amande douce bio : soin et douceur cutanée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-compo-row\"\u003e\n \u003cspan class=\"soi-deop-compo-label\"\u003eNelumbo Nucifera Flower Extract*\u003c\/span\u003e\n \u003cspan class=\"soi-deop-compo-value\"\u003eLotus bio français : parfum floral et actif apaisant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-compo-row\"\u003e\n \u003cspan class=\"soi-deop-compo-label\"\u003eParfum naturel\u003c\/span\u003e\n \u003cspan class=\"soi-deop-compo-value\"\u003e100 % d'origine naturelle, sans allergènes synthétiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-compo-row\"\u003e\n \u003cspan class=\"soi-deop-compo-label\"\u003eXanthan Gum\u003c\/span\u003e\n \u003cspan class=\"soi-deop-compo-value\"\u003eAgent texturant d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1rem; font-size: 13px; color: var(--soi-deop-text-muted); font-style: italic;\"\u003e* Ingrédients issus de l'agriculture biologique. 99,9 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deop-section\"\u003e\n \u003ch2\u003eComment utiliser ce déodorant bio efficacement ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-deop-timeline\"\u003e\n \u003cdiv class=\"soi-deop-step\"\u003e\n \u003cdiv class=\"soi-deop-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-deop-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur les aisselles propres et sèches, de préférence après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-step\"\u003e\n \u003cdiv class=\"soi-deop-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-deop-step-content\"\u003e\n \u003ch3\u003eDosez avec justesse\u003c\/h3\u003e\n \u003cp\u003ePompez 2 à 3 fois pour obtenir la quantité nécessaire, sans excès.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-step\"\u003e\n \u003cdiv class=\"soi-deop-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-deop-step-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003ePatientez quelques secondes avant de vous habiller pour une tenue optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-step\"\u003e\n \u003cdiv class=\"soi-deop-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-deop-step-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003eEn cas de journée intense, n'hésitez pas à renouveler l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-deop-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLors des premières semaines d'utilisation d'un déodorant naturel, la peau passe par une phase de transition. C'est normal. Persistez 2 à 3 semaines pour profiter pleinement de son efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deop-section\"\u003e\n \u003ch2\u003eCertifications et engagements Coslys\u003c\/h2\u003e\n \u003cdiv class=\"soi-deop-grid-compact\"\u003e\n \u003cdiv class=\"soi-deop-card-mini\"\u003e\n \u003cspan class=\"soi-deop-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-card-mini\"\u003e\n \u003cspan class=\"soi-deop-card-mini-icon\"\u003e🐇\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-value\"\u003eVegan, non testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-card-mini\"\u003e\n \u003cspan class=\"soi-deop-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-card-mini\"\u003e\n \u003cspan class=\"soi-deop-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-label\"\u003eÉco-conception\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-value\"\u003eFlacon recyclé et recyclable, pompe airless\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"soi-deop-accordion-item\"\u003e\n \u003csummary class=\"soi-deop-accordion-header\"\u003e🚫 Formulé sans\u003c\/summary\u003e\n \u003cdiv class=\"soi-deop-accordion-content\"\u003e\n \u003cp\u003eSans chlorhydrate d'aluminium, sans alcool, sans paraben. Une formule minimaliste et respectueuse pour les peaux les plus exigeantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deop-section\"\u003e\n \u003ch2\u003ePour qui est fait ce déodorant naturel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-deop-grid\"\u003e\n \u003cdiv class=\"soi-deop-card\"\u003e\n \u003ch3\u003e👩 Femmes et hommes\u003c\/h3\u003e\n \u003cp\u003eSon parfum floral discret de lotus plaît à tous. Que vous cherchiez un déodorant naturel pour homme avec une tenue sérieuse ou un soin doux pour une peau réactive, il convient à toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-card\"\u003e\n \u003ch3\u003e🤸 Mode de vie actif\u003c\/h3\u003e\n \u003cp\u003eCompact et pratique, il se glisse facilement dans un sac de sport pour une application express après l'effort. Sa protection 48 heures accompagne aussi bien les journées chargées que les séances d'activité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-card\"\u003e\n \u003ch3\u003e🩹 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eFormulé sans alcool ni chlorhydrate d'aluminium, enrichi en aloe vera et huile d'amande douce, il convient parfaitement aux peaux sensibles ou sujettes aux irritations, y compris après l'épilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deop-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-deop-cta-box\"\u003e\n \u003cp class=\"soi-deop-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans les gestes du quotidien\u003c\/p\u003e\n \u003cp class=\"soi-deop-cta-text\" style=\"color: white;\"\u003eUn déodorant bio honnête, certifié, pensé pour celles et ceux qui veulent prendre soin d'eux et de la planète, sans sacrifier le confort ni l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-deop-marine: #1A2D3D;\n --soi-deop-marine-dark: #0F1E2B;\n --soi-deop-marine-light: #2C4458;\n --soi-deop-pomme: #A1C544;\n --soi-deop-pomme-dark: #84A636;\n --soi-deop-pomme-light: rgba(161,197,68,0.10);\n --soi-deop-white: #FFFFFF;\n --soi-deop-off-white: #F8FAF6;\n --soi-deop-stone: #F1F3EE;\n --soi-deop-line: #E5E8E0;\n --soi-deop-primary: #E8B0C0;\n --soi-deop-primary-soft: #F5DDE5;\n --soi-deop-accent: #A8B5D4;\n --soi-deop-text: #1A2D3D;\n --soi-deop-text-soft: #4A5B6B;\n --soi-deop-text-muted: #7B8693;\n --soi-deop-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-deop-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-deop-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-deop-radius: 12px;\n --soi-deop-radius-sm: 8px;\n --soi-deop-radius-pill: 999px;\n}\n\n.soi-deop-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-deop-fiche img { max-width: 100%; height: auto; }\n\n.soi-deop-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-deop-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-deop-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-deop-hero {\n position: relative;\n background: var(--soi-deop-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-deop-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-deop-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-deop-pomme);\n}\n\n.soi-deop-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-deop-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-deop-pomme);\n border-radius: 50%;\n}\n\n.soi-deop-hero-title {\n display: block;\n color: var(--soi-deop-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-deop-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-deop-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-deop-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-deop-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-deop-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-deop-label-accent {\n background: var(--soi-deop-pomme);\n border-color: var(--soi-deop-pomme);\n color: var(--soi-deop-marine);\n font-weight: 600;\n}\n\n.soi-deop-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-deop-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-deop-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-deop-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-deop-pomme);\n border-radius: 2px;\n}\n\n.soi-deop-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-deop-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-deop-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-deop-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-deop-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-deop-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-deop-benefit {\n background: var(--soi-deop-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-deop-radius);\n border: 1px solid var(--soi-deop-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-deop-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-deop-shadow-md);\n}\n\n.soi-deop-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-deop-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-deop-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-deop-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-deop-benefit:hover .soi-deop-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-deop-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deop-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deop-benefit p {\n font-size: 13px;\n color: var(--soi-deop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deop-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-deop-card {\n background: var(--soi-deop-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deop-radius);\n border-left: 3px solid var(--soi-deop-pomme);\n}\n\n.soi-deop-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deop-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deop-card p {\n font-size: 14px;\n color: var(--soi-deop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deop-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-deop-card-mini {\n background: var(--soi-deop-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-deop-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-deop-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-deop-card-mini-label {\n font-size: 11px;\n color: var(--soi-deop-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-deop-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deop-marine);\n}\n\n.soi-deop-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-deop-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-deop-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deop-radius);\n border: 1px solid var(--soi-deop-line);\n align-items: flex-start;\n}\n\n.soi-deop-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-deop-marine);\n color: var(--soi-deop-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-deop-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deop-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-deop-step-content p {\n font-size: 14px;\n color: var(--soi-deop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deop-compo {\n background: var(--soi-deop-off-white);\n border-radius: var(--soi-deop-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-deop-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-deop-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-deop-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-deop-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-deop-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-deop-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-deop-marine);\n text-align: right;\n}\n\n.soi-deop-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-deop-pomme-light);\n border-left: 4px solid var(--soi-deop-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-deop-radius) var(--soi-deop-radius) 0;\n align-items: flex-start;\n}\n\n.soi-deop-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-deop-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-deop-marine);\n margin-bottom: 4px;\n}\n\n.soi-deop-tip p {\n font-size: 14px;\n color: var(--soi-deop-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deop-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-deop-accordion-item {\n background: var(--soi-deop-off-white);\n border-radius: var(--soi-deop-radius-sm);\n border: 1px solid var(--soi-deop-line);\n overflow: hidden;\n}\n\n.soi-deop-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-deop-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-deop-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-deop-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-deop-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-deop-accordion-item[open] .soi-deop-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-deop-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-deop-accordion-content p {\n font-size: 14px;\n color: var(--soi-deop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deop-cta-box {\n background: var(--soi-deop-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-deop-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-deop-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-deop-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-deop-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-deop-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-deop-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-deop-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-deop-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-deop-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-deop-compo-value {\n text-align: left;\n }\n\n .soi-deop-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-deop-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-deop-fiche {\n --soi-deop-text-soft: #2C3E50;\n --soi-deop-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603521429834,"sku":"CS0225","price":6.07,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-soin-protecteur-certifie-bio-coslys-packshot.webp?v=1783247096"},{"product_id":"deodorant-soin-fraicheur-certifie-bio-coslys","title":"Déodorant Soin Fraîcheur certifié bio – Coslys","description":"\u003cdiv class=\"soi-deofr-fiche\"\u003e\n\n\u003csection class=\"soi-deofr-hero\"\u003e\n \u003cdiv class=\"soi-deofr-hero-tag\"\u003e\n \u003cspan class=\"soi-deofr-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-deofr-hero-title\"\u003eFraîcheur naturelle, protection longue durée\u003c\/span\u003e\n \u003cp class=\"soi-deofr-hero-subtitle\"\u003eUn déodorant soin certifié bio au thé vert et à l'aloe vera, formulé à 99 % d'ingrédients d'origine naturelle pour une protection fiable de 48 heures, sans compromis sur la douceur.\u003c\/p\u003e\n \u003cdiv class=\"soi-deofr-hero-labels\"\u003e\n \u003cspan class=\"soi-deofr-label soi-deofr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-label\"\u003eCRUELTY FREE\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-label\"\u003e0 % ALCOOL\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant bio naturel et efficace ?\u003c\/h2\u003e\n \u003cp class=\"soi-deofr-section-intro\"\u003eBeaucoup de déodorants naturels déçoivent sur l'efficacité. Celui-ci apporte une vraie réponse : le zinc, actif reconnu pour neutraliser les bactéries responsables des mauvaises odeurs, associé à l'aloe vera bio et au thé vert bio, deux ingrédients complémentaires qui apaisent, hydratent et protègent votre peau en profondeur. Le résultat : une fraîcheur stable et durable, même en journée chargée.\u003c\/p\u003e\n \u003cdiv class=\"soi-deofr-benefits\"\u003e\n \u003cdiv class=\"soi-deofr-benefit\"\u003e\n \u003cdiv class=\"soi-deofr-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans chlorhydrate d'aluminium\u003c\/h3\u003e\n \u003cp\u003eRespecte la physiologie naturelle de votre peau, sans bloquer la transpiration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-benefit\"\u003e\n \u003cdiv class=\"soi-deofr-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaise, adoucit et hydrate la zone axillaire pour un confort tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-benefit\"\u003e\n \u003cdiv class=\"soi-deofr-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eThé vert bio\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant, il protège votre peau des agressions du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-benefit\"\u003e\n \u003cdiv class=\"soi-deofr-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans alcool, parfum naturel\u003c\/h3\u003e\n \u003cp\u003eZéro irritation, même sur peaux sensibles ou après épilation. Notes vertes et mentholées, convient aux femmes et aux hommes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\"\u003e\n \u003ch2\u003eComposition complète du déodorant Coslys thé vert bio\u003c\/h2\u003e\n \u003cp class=\"soi-deofr-section-intro\"\u003eFormulé à 99 % d'ingrédients d'origine naturelle, ce déodorant mise sur la transparence totale. Voici ses principaux actifs :\u003c\/p\u003e\n \u003cdiv class=\"soi-deofr-compo\"\u003e\n \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n \u003cspan class=\"soi-deofr-compo-label\"\u003eAqua\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-compo-value\"\u003eBase purifiante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n \u003cspan class=\"soi-deofr-compo-label\"\u003eAloe Barbadensis Leaf Juice (bio)\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-compo-value\"\u003eAgent hydratant et apaisant certifié bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n \u003cspan class=\"soi-deofr-compo-label\"\u003eCamellia Sinensis Leaf Extract (bio)\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-compo-value\"\u003eAntioxydant, certifié bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n \u003cspan class=\"soi-deofr-compo-label\"\u003eZinc Gluconate\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-compo-value\"\u003eNeutralise les odeurs à la source\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n \u003cspan class=\"soi-deofr-compo-label\"\u003eParfum naturel\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-compo-value\"\u003eNotes vertes et mentholées d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n \u003cspan class=\"soi-deofr-compo-label\"\u003eXanthan Gum\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-compo-value\"\u003eTexturant d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-grid-compact\"\u003e\n \u003cdiv class=\"soi-deofr-card-mini\"\u003e\n \u003cspan class=\"soi-deofr-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-value\"\u003e99 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-card-mini\"\u003e\n \u003cspan class=\"soi-deofr-card-mini-icon\"\u003e⏱️\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-label\"\u003eProtection\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-value\"\u003e48 heures\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-card-mini\"\u003e\n \u003cspan class=\"soi-deofr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-card-mini\"\u003e\n \u003cspan class=\"soi-deofr-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-label\"\u003eFlacon\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-value\"\u003eRecyclé \u0026amp; recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\"\u003e\n \u003ch2\u003eComment utiliser ce déodorant naturel efficacement ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-deofr-timeline\"\u003e\n \u003cdiv class=\"soi-deofr-step\"\u003e\n \u003cdiv class=\"soi-deofr-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez le déodorant sur des aisselles propres et sèches, de préférence le matin après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-step\"\u003e\n \u003cdiv class=\"soi-deofr-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-step-content\"\u003e\n \u003ch3\u003eDiffusez le produit\u003c\/h3\u003e\n \u003cp\u003eAppuyez légèrement sur le système pompe pour diffuser le produit uniformément.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-step\"\u003e\n \u003cdiv class=\"soi-deofr-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-step-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003ePatientez quelques secondes avant de vous habiller pour un confort optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-step\"\u003e\n \u003cdiv class=\"soi-deofr-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-step-content\"\u003e\n \u003ch3\u003eProtection longue durée\u003c\/h3\u003e\n \u003cp\u003eUne seule application suffit pour une protection de 48 heures. Renouvelez selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-tip\"\u003e\n \u003cdiv class=\"soi-deofr-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLors du passage à un déodorant naturel, une courte période d'adaptation de 1 à 2 semaines est possible. C'est tout à fait normal : votre peau se rééquilibre après des années de produits conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\"\u003e\n \u003ch2\u003ePour qui est fait ce déodorant naturel homme et femme ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-deofr-grid\"\u003e\n \u003cdiv class=\"soi-deofr-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eConvient parfaitement aux personnes dont la peau réagit aux déodorants classiques, grâce à sa formule sans alcool et sans sels d'aluminium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-card\"\u003e\n \u003ch3\u003e🚫 Adieu sels d'aluminium\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez éliminer les sels d'aluminium de votre routine ? Ce déodorant vous offre une alternative fiable et performante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-card\"\u003e\n \u003ch3\u003e🌍 Transition éco-responsable\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui s'engagent vers une cosmétique plus naturelle et respectueuse de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-card\"\u003e\n \u003ch3\u003e👫 Mixte, pour tous\u003c\/h3\u003e\n \u003cp\u003eSon parfum vert et frais, neutre et subtil, convient aussi bien aux hommes qu'aux femmes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\"\u003e\n \u003ch2\u003eEngagements Coslys : naturel, local, responsable\u003c\/h2\u003e\n \u003cp\u003eCoslys est une marque française engagée depuis plus de 30 ans dans la cosmétique naturelle et biologique. Ce déodorant soin reflète ses valeurs : fabrication française, ingrédients certifiés bio, flacon recyclé et recyclable, et certifications indépendantes (Cosmos Organic, Vegan, Cruelty Free). Choisir ce produit, c'est aussi soutenir une démarche locale et transparente.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-deofr-cta-box\"\u003e\n \u003cp class=\"soi-deofr-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans les gestes du quotidien\u003c\/p\u003e\n \u003cp class=\"soi-deofr-cta-text\" style=\"color: white;\"\u003e48 heures de fraîcheur, une peau apaisée par l'aloe vera et le thé vert, et la sérénité d'une formule saine fabriquée en France. Votre peau vous remerciera dès les premiers jours.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-deofr-marine: #1A2D3D;\n --soi-deofr-marine-dark: #0F1E2B;\n --soi-deofr-marine-light: #2C4458;\n --soi-deofr-pomme: #A1C544;\n --soi-deofr-pomme-dark: #84A636;\n --soi-deofr-pomme-light: rgba(161,197,68,0.10);\n\n --soi-deofr-white: #FFFFFF;\n --soi-deofr-off-white: #F8FAF6;\n --soi-deofr-stone: #F1F3EE;\n --soi-deofr-line: #E5E8E0;\n\n --soi-deofr-primary: #7A9A8E;\n --soi-deofr-primary-soft: #D6E5DF;\n --soi-deofr-accent: #5B8C5A;\n\n --soi-deofr-text: #1A2D3D;\n --soi-deofr-text-soft: #4A5B6B;\n --soi-deofr-text-muted: #7B8693;\n\n --soi-deofr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-deofr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-deofr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-deofr-radius: 12px;\n --soi-deofr-radius-sm: 8px;\n --soi-deofr-radius-pill: 999px;\n}\n\n.soi-deofr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-deofr-fiche img { max-width: 100%; height: auto; }\n\n.soi-deofr-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-deofr-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-deofr-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-deofr-hero {\n position: relative;\n background: var(--soi-deofr-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-deofr-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-deofr-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-deofr-pomme);\n}\n\n.soi-deofr-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-deofr-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-deofr-pomme);\n border-radius: 50%;\n}\n\n.soi-deofr-hero-title {\n display: block;\n color: var(--soi-deofr-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-deofr-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-deofr-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-deofr-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-deofr-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-deofr-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-deofr-label-accent {\n background: var(--soi-deofr-pomme);\n border-color: var(--soi-deofr-pomme);\n color: var(--soi-deofr-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-deofr-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-deofr-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-deofr-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-deofr-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-deofr-pomme);\n border-radius: 2px;\n}\n\n.soi-deofr-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-deofr-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-deofr-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-deofr-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-deofr-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-deofr-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-deofr-benefit {\n background: var(--soi-deofr-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-deofr-radius);\n border: 1px solid var(--soi-deofr-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-deofr-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-deofr-shadow-md);\n}\n\n.soi-deofr-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-deofr-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-deofr-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-deofr-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-deofr-benefit:hover .soi-deofr-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-deofr-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deofr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deofr-benefit p {\n font-size: 13px;\n color: var(--soi-deofr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-deofr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-deofr-card {\n background: var(--soi-deofr-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deofr-radius);\n border-left: 3px solid var(--soi-deofr-pomme);\n}\n\n.soi-deofr-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deofr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deofr-card p {\n font-size: 14px;\n color: var(--soi-deofr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-deofr-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-deofr-card-mini {\n background: var(--soi-deofr-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-deofr-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-deofr-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-deofr-card-mini-label {\n font-size: 11px;\n color: var(--soi-deofr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-deofr-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deofr-marine);\n}\n\n\/* COMPOSITION *\/\n.soi-deofr-compo {\n background: var(--soi-deofr-off-white);\n border-radius: var(--soi-deofr-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-deofr-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-deofr-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-deofr-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-deofr-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-deofr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-deofr-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-deofr-marine);\n text-align: right;\n}\n\n\/* TIMELINE *\/\n.soi-deofr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-deofr-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-deofr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deofr-radius);\n border: 1px solid var(--soi-deofr-line);\n align-items: flex-start;\n}\n\n.soi-deofr-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-deofr-marine);\n color: var(--soi-deofr-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-deofr-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deofr-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-deofr-step-content p {\n font-size: 14px;\n color: var(--soi-deofr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIP *\/\n.soi-deofr-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-deofr-pomme-light);\n border-left: 4px solid var(--soi-deofr-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-deofr-radius) var(--soi-deofr-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-deofr-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-deofr-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-deofr-marine);\n margin-bottom: 4px;\n}\n\n.soi-deofr-tip p {\n font-size: 14px;\n color: var(--soi-deofr-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-deofr-cta-box {\n background: var(--soi-deofr-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-deofr-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-deofr-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-deofr-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-deofr-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-deofr-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-deofr-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-deofr-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-deofr-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-deofr-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-deofr-compo-value {\n text-align: left;\n }\n\n .soi-deofr-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-deofr-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-deofr-fiche {\n --soi-deofr-text-soft: #2C3E50;\n --soi-deofr-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603522412874,"sku":"CS0220","price":4.97,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-soin-fraicheur-certifie-bio-coslys-packshot.webp?v=1783247119"},{"product_id":"gel-intime-apaisant-bio-coslys","title":"Gel Intime Apaisant Bio – Coslys","description":"\u003cdiv class=\"soi-gint-fiche\"\u003e\n\n\u003csection class=\"soi-gint-hero\"\u003e\n \u003cdiv class=\"soi-gint-hero-tag\"\u003e\n \u003cspan class=\"soi-gint-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène intime · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-gint-hero-title\"\u003eDouceur apaisante pour votre intimité\u003c\/span\u003e\n \u003cp class=\"soi-gint-hero-subtitle\"\u003eUn gel intime bio à pH 8, formulé avec de la fleur de calendula et du magnésium pour nettoyer en douceur et apaiser les muqueuses sensibles au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-gint-hero-labels\"\u003e\n \u003cspan class=\"soi-gint-label soi-gint-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eCOSMÉBIO ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eTESTÉ GYNÉCOLOGIQUEMENT\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003cp class=\"soi-gint-section-intro\"\u003eVous ressentez des tiraillements, des démangeaisons ou un inconfort persistant dans la zone intime ? Vous n'êtes pas seule. Ces sensations, souvent liées à un déséquilibre de la flore ou à des produits trop agressifs, méritent une vraie réponse naturelle. Le \u003cstrong\u003eGel Intime Apaisant Bio Coslys\u003c\/strong\u003e a été conçu exactement pour cela : nettoyer en douceur, apaiser les muqueuses sensibles et respecter l'équilibre naturel de votre intimité au quotidien.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003ePourquoi choisir un gel intime bio à pH 8 ?\u003c\/h2\u003e\n \u003cp\u003eContrairement aux idées reçues, le pH de la zone intime externe (vulve) n'est pas le même que celui du vagin. La peau vulvaire supporte mieux un pH légèrement alcalin, autour de 8, ce qui justifie la formulation de ce gel. Il nettoie efficacement sans perturber l'équilibre local, sans savon agressif et sans parfum irritant.\u003c\/p\u003e\n \u003cp\u003eCe gel intime se démarque des références classiques par sa composition certifiée bio et sa transparence sur les ingrédients : \u003cstrong\u003e98 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, fabriqué en France, labellisé Cosmébio par Ecocert.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-benefits\"\u003e\n \u003cdiv class=\"soi-gint-benefit\"\u003e\n \u003cdiv class=\"soi-gint-benefit-icon\"\u003e\u003cspan\u003e🌼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFleur de Calendula Bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes et adoucissantes, elle calme immédiatement les muqueuses irritées ou inflammées. Idéale après l'épilation, en période de règles ou en cas d'irritation passagère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-benefit\"\u003e\n \u003cdiv class=\"soi-gint-benefit-icon\"\u003e\u003cspan\u003e🧬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMagnésium\u003c\/h3\u003e\n \u003cp\u003eCet oligo-élément soutient l'équilibre cellulaire de l'épiderme intime, réduit les réactions d'inconfort et favorise une tolérance optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-benefit\"\u003e\n \u003cdiv class=\"soi-gint-benefit-icon\"\u003e\u003cspan\u003e🚫\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans savon, sans parfum\u003c\/h3\u003e\n \u003cp\u003eZéro risque d'allergie ou de déséquilibre, même pour les peaux les plus réactives. Une formule épurée qui respecte votre sensibilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eComment utiliser le gel intime Coslys ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-timeline\"\u003e\n \u003cdiv class=\"soi-gint-step\"\u003e\n \u003cdiv class=\"soi-gint-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step-content\"\u003e\n \u003ch3\u003eApplication\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite noisette de gel sur la zone externe uniquement, jamais en interne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step\"\u003e\n \u003cdiv class=\"soi-gint-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step-content\"\u003e\n \u003ch3\u003eMassage et rinçage\u003c\/h3\u003e\n \u003cp\u003eMassez doucement, rincez à l'eau tiède. Une fois par jour suffit, matin ou soir selon votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step\"\u003e\n \u003cdiv class=\"soi-gint-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step-content\"\u003e\n \u003ch3\u003ePrécaution importante\u003c\/h3\u003e\n \u003cp\u003eEn cas d'irritation intense ou persistante, consultez un médecin ou un gynécologue. Ce gel est un soin d'hygiène, pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eComposition complète du Gel Intime Apaisant Bio Coslys\u003c\/h2\u003e\n \u003cp\u003e\u003cem\u003eINCI :\u003c\/em\u003e Aqua, Cocamidopropyl Betaine, Sodium Cocoyl Glutamate, Glycerin, Calendula Officinalis Flower Extract*, Magnesium Chloride, Sodium Chloride, Citric Acid, Sodium Benzoate, Potassium Sorbate. \u003cem\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003cdiv class=\"soi-gint-grid-compact\"\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003e98 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eSavon \/ Parfum \/ Colorant\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003e0 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eEngagement\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003eVegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003ePour qui est fait ce gel intime femme ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-grid\"\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🌸 Muqueuses sensibles\u003c\/h3\u003e\n \u003cp\u003eParticulièrement adapté si vous êtes sujette aux irritations, aux tiraillements ou aux démangeaisons au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🏃‍♀️ Après le sport ou l'épilation\u003c\/h3\u003e\n \u003cp\u003eSa formule sans savon et sans parfum apaise la zone intime après les frottements ou le rasage, sans provoquer de réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🌷 Ménopause et sécheresse intime\u003c\/h3\u003e\n \u003cp\u003eUn soin doux qui respecte l'épiderme fragilisé par les changements hormonaux et contribue à votre confort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🌱 Envie de naturel\u003c\/h3\u003e\n \u003cp\u003ePour celles qui souhaitent adopter une hygiène intime plus respectueuse, certifiée bio et transparente sur sa composition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-tip\"\u003e\n \u003cdiv class=\"soi-gint-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe gel convient également aux femmes enceintes (avis médical recommandé) et constitue une alternative bio aux gels intimes classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003cdiv class=\"soi-gint-accordion\"\u003e\n \u003cdetails class=\"soi-gint-accordion-item\"\u003e\n \u003csummary class=\"soi-gint-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-gint-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eCe produit ne se substitue pas à un avis ou traitement médical.\u003c\/strong\u003e En cas de symptômes persistants (brûlures, pertes inhabituelles, douleurs), consultez un professionnel de santé. Usage externe uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gint-cta-box\"\u003e\n \u003cp class=\"soi-gint-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans l'intimité\u003c\/p\u003e\n \u003cp class=\"soi-gint-cta-text\" style=\"color: white;\"\u003eEnrichi en calendula bio et magnésium, le Gel Intime Apaisant Coslys prend soin de votre intimité chaque jour, sans agressivité, sans artifice, avec toute la bienveillance du naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-gint-marine: #1A2D3D;\n --soi-gint-marine-dark: #0F1E2B;\n --soi-gint-marine-light: #2C4458;\n --soi-gint-pomme: #A1C544;\n --soi-gint-pomme-dark: #84A636;\n --soi-gint-pomme-light: rgba(161,197,68,0.10);\n --soi-gint-white: #FFFFFF;\n --soi-gint-off-white: #F8FAF6;\n --soi-gint-stone: #F1F3EE;\n --soi-gint-line: #E5E8E0;\n --soi-gint-primary: #E8A832;\n --soi-gint-primary-soft: #FDF3DC;\n --soi-gint-accent: #5AAFE0;\n --soi-gint-text: #1A2D3D;\n --soi-gint-text-soft: #4A5B6B;\n --soi-gint-text-muted: #7B8693;\n --soi-gint-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gint-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gint-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gint-radius: 12px;\n --soi-gint-radius-sm: 8px;\n --soi-gint-radius-pill: 999px;\n}\n\n.soi-gint-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gint-fiche img { max-width: 100%; height: auto; }\n\n.soi-gint-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gint-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gint-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-gint-hero {\n position: relative;\n background: var(--soi-gint-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-gint-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gint-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gint-pomme);\n}\n\n.soi-gint-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-gint-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gint-pomme);\n border-radius: 50%;\n}\n\n.soi-gint-hero-title {\n display: block;\n color: var(--soi-gint-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-gint-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-gint-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gint-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-gint-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gint-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gint-label-accent {\n background: var(--soi-gint-pomme);\n border-color: var(--soi-gint-pomme);\n color: var(--soi-gint-marine);\n font-weight: 600;\n}\n\n.soi-gint-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gint-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gint-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-gint-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gint-pomme);\n border-radius: 2px;\n}\n\n.soi-gint-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gint-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-gint-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gint-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gint-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-gint-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-gint-benefit {\n background: var(--soi-gint-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gint-radius);\n border: 1px solid var(--soi-gint-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gint-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gint-shadow-md);\n}\n\n.soi-gint-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gint-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-gint-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gint-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gint-benefit:hover .soi-gint-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gint-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gint-benefit p {\n font-size: 13px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gint-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-gint-card {\n background: var(--soi-gint-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gint-radius);\n border-left: 3px solid var(--soi-gint-pomme);\n}\n\n.soi-gint-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gint-card p {\n font-size: 14px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gint-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-gint-card-mini {\n background: var(--soi-gint-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-gint-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-gint-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-gint-card-mini-label {\n font-size: 11px;\n color: var(--soi-gint-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-gint-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n}\n\n.soi-gint-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-gint-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gint-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gint-radius);\n border: 1px solid var(--soi-gint-line);\n align-items: flex-start;\n}\n\n.soi-gint-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gint-marine);\n color: var(--soi-gint-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-gint-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gint-step-content p {\n font-size: 14px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gint-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gint-pomme-light);\n border-left: 4px solid var(--soi-gint-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gint-radius) var(--soi-gint-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-gint-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gint-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gint-marine);\n margin-bottom: 4px;\n}\n\n.soi-gint-tip p {\n font-size: 14px;\n color: var(--soi-gint-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gint-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gint-accordion-item {\n background: var(--soi-gint-off-white);\n border-radius: var(--soi-gint-radius-sm);\n border: 1px solid var(--soi-gint-line);\n overflow: hidden;\n}\n\n.soi-gint-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gint-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-gint-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gint-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gint-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gint-accordion-item[open] .soi-gint-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gint-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gint-accordion-content p {\n font-size: 14px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gint-cta-box {\n background: var(--soi-gint-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gint-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gint-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-gint-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gint-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-gint-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gint-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gint-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-gint-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gint-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-gint-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gint-fiche {\n --soi-gint-text-soft: #2C3E50;\n --soi-gint-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603527917898,"sku":"CS0210","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0210-toilette-intime-gel-apaisant_c447568c-4924-4f56-8b62-7e72ee1d7353.jpg?v=1778843075"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/hygiene_naturel.webp?v=1780472265","url":"https:\/\/firmtoaromatherapy.com\/collections\/lhygiene-au-naturel.oembed?page=3","provider":"Soinature","version":"1.0","type":"link"}