{"product_id":"shampooing-familial-certifie-bio-florame","title":"Shampooing Familial certifié bio – Florame","description":"\n\n\u003cdiv class=\"soi-sfam-fiche\"\u003e\n\n  \u003csection class=\"soi-sfam-hero\"\u003e\n    \u003cdiv class=\"soi-sfam-hero-tag\"\u003e\n      \u003cspan class=\"soi-sfam-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène capillaire · Florame\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-sfam-hero-title\"\u003eLa douceur provençale pour toute la famille\u003c\/span\u003e\n    \u003cp class=\"soi-sfam-hero-subtitle\"\u003eUn shampooing certifié bio, formulé sans sulfates, enrichi en lavande de Provence et en xylitol protecteur, pour des cheveux propres, souples et respectés à chaque lavage.\u003c\/p\u003e\n    \u003cdiv class=\"soi-sfam-hero-labels\"\u003e\n      \u003cspan class=\"soi-sfam-label soi-sfam-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-sfam-label\"\u003eMADE IN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-sfam-label\"\u003e97 % NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-sfam-label\"\u003eSANS SULFATES\u003c\/span\u003e\n      \u003cspan class=\"soi-sfam-label\"\u003eDÈS 3 ANS\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sfam-section\"\u003e\n    \u003ch2\u003eShampooing familial bio Florame : douceur et efficacité pour tous les cheveux\u003c\/h2\u003e\n    \u003cp\u003eVous cherchez un \u003cstrong\u003eshampooing bio\u003c\/strong\u003e qui convient aussi bien aux adultes qu'aux enfants, sans compromis sur la qualité des ingrédients ? Le \u003cstrong\u003eShampooing Familial certifié bio Florame\u003c\/strong\u003e répond exactement à ce besoin. Formulé sans tensio-actif sulfaté, certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e et fabriqué en France, il accompagne toute la famille vers une routine capillaire plus saine et plus responsable.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sfam-section\"\u003e\n    \u003ch2\u003eCe qui rend ce shampooing naturel vraiment différent\u003c\/h2\u003e\n    \u003cp class=\"soi-sfam-section-intro\"\u003eContrairement à beaucoup de produits qui se réclament \"naturels\" sans réelle transparence, ce shampooing affiche \u003cstrong\u003e97 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et une certification \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e vérifiable. Pas de silicones, pas de sulfates agressifs, pas de parabènes : uniquement ce dont vos cheveux ont réellement besoin.\u003c\/p\u003e\n    \u003cdiv class=\"soi-sfam-benefits\"\u003e\n      \u003cdiv class=\"soi-sfam-benefit\"\u003e\n        \u003cdiv class=\"soi-sfam-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eXylitol\u003c\/h3\u003e\n        \u003cp\u003eUn actif hydratant d'origine végétale qui renforce la fibre capillaire et préserve l'hydratation du cuir chevelu.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sfam-benefit\"\u003e\n        \u003cdiv class=\"soi-sfam-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuile essentielle de Lavande fine bio\u003c\/h3\u003e\n        \u003cp\u003eApaisante, elle équilibre le cuir chevelu et offre un parfum frais et délicat à chaque lavage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sfam-benefit\"\u003e\n        \u003cdiv class=\"soi-sfam-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eEau florale de Lavande bio\u003c\/h3\u003e\n        \u003cp\u003eAdoucissante, elle complète l'action de la lavande pour un résultat souple et confortable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sfam-benefit\"\u003e\n        \u003cdiv class=\"soi-sfam-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSans sulfates\u003c\/h3\u003e\n        \u003cp\u003eLa mousse est douce, le nettoyage respectueux, même pour les cuirs chevelus sensibles ou fragilisés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sfam-section\"\u003e\n    \u003ch2\u003ePour qui est-il vraiment adapté ?\u003c\/h2\u003e\n    \u003cp\u003eCe \u003cstrong\u003eshampooing naturel\u003c\/strong\u003e convient à tous les types de cheveux : normaux, fins, épais, secs ou colorés. Il est conçu pour un usage fréquent sans altérer la fibre capillaire ni alourdir les longueurs. Testé sous contrôle dermatologique, il est bien toléré par toute la famille, à partir de 3 ans.\u003c\/p\u003e\n    \u003cp\u003eSi vous avez les cheveux colorés et que vous souhaitez prolonger l'éclat de votre couleur, sa douceur en fait une base idéale, à compléter si besoin par un \u003cstrong\u003eaprès-shampooing bio\u003c\/strong\u003e pour plus de brillance et de démêlage.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sfam-section\"\u003e\n    \u003ch2\u003eComment l'utiliser pour de meilleurs résultats ?\u003c\/h2\u003e\n    \u003cp class=\"soi-sfam-section-intro\"\u003ePour profiter pleinement de ses bienfaits, voici comment intégrer ce shampooing à votre routine capillaire :\u003c\/p\u003e\n    \u003cdiv class=\"soi-sfam-timeline\"\u003e\n      \u003cdiv class=\"soi-sfam-step\"\u003e\n        \u003cdiv class=\"soi-sfam-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-sfam-step-content\"\u003e\n          \u003ch3\u003eMouillez abondamment\u003c\/h3\u003e\n          \u003cp\u003eMouillez les cheveux avec de l'eau tiède pour ouvrir les écailles et faciliter la pénétration du shampooing.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sfam-step\"\u003e\n        \u003cdiv class=\"soi-sfam-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-sfam-step-content\"\u003e\n          \u003ch3\u003eAppliquez une noisette\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de produit sur le cuir chevelu, puis massez doucement avec le bout des doigts pendant 1 à 2 minutes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sfam-step\"\u003e\n        \u003cdiv class=\"soi-sfam-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-sfam-step-content\"\u003e\n          \u003ch3\u003eRincez soigneusement\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau tiède, puis terminez par un jet d'eau fraîche pour refermer les écailles et apporter de la brillance.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sfam-step\"\u003e\n        \u003cdiv class=\"soi-sfam-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-sfam-step-content\"\u003e\n          \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n          \u003cp\u003ePour les cheveux très chargés en résidus (huiles, sprays), effectuez un second shampooing, puis rincez à nouveau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sfam-tip\"\u003e\n      \u003cdiv class=\"soi-sfam-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour les cheveux longs ou sujets aux nœuds, associez ce shampooing à un après-shampooing naturel ou à un masque nourrissant pour un démêlage facilité et des longueurs protégées.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sfam-section\"\u003e\n    \u003ch2\u003eComposition complète du Shampooing Familial Florame\u003c\/h2\u003e\n    \u003cp class=\"soi-sfam-section-intro\"\u003eLa transparence fait partie de l'ADN Florame. Voici les ingrédients clés de ce produit :\u003c\/p\u003e\n    \u003cdiv class=\"soi-sfam-compo\"\u003e\n      \u003cdiv class=\"soi-sfam-compo-row\"\u003e\n        \u003cspan class=\"soi-sfam-compo-label\"\u003eAqua\u003c\/span\u003e\n        \u003cspan class=\"soi-sfam-compo-value\"\u003eEau purifiée, base de la formule\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sfam-compo-row\"\u003e\n        \u003cspan class=\"soi-sfam-compo-label\"\u003eCoco-Glucoside\u003c\/span\u003e\n        \u003cspan class=\"soi-sfam-compo-value\"\u003eTensio-actif doux d'origine végétale, sans sulfates\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sfam-compo-row\"\u003e\n        \u003cspan class=\"soi-sfam-compo-label\"\u003eXylitol\u003c\/span\u003e\n        \u003cspan class=\"soi-sfam-compo-value\"\u003eActif hydratant et protecteur d'origine végétale\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sfam-compo-row\"\u003e\n        \u003cspan class=\"soi-sfam-compo-label\"\u003eLavandula Angustifolia Water\u003c\/span\u003e\n        \u003cspan class=\"soi-sfam-compo-value\"\u003eEau florale de Lavande bio, adoucissante\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sfam-compo-row\"\u003e\n        \u003cspan class=\"soi-sfam-compo-label\"\u003eLavandula Angustifolia Oil*\u003c\/span\u003e\n        \u003cspan class=\"soi-sfam-compo-value\"\u003eHuile essentielle de Lavande fine bio, apaisante\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sfam-compo-row\"\u003e\n        \u003cspan class=\"soi-sfam-compo-label\"\u003eParfum\u003c\/span\u003e\n        \u003cspan class=\"soi-sfam-compo-value\"\u003eNaturel, à base d'huiles essentielles biologiques\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003e\u003cem\u003e* Ingrédient issu de l'agriculture biologique. Liste indicative, se référer à l'emballage pour la liste INCI complète.\u003c\/em\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sfam-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sfam-grid-compact\"\u003e\n      \u003cdiv class=\"soi-sfam-card-mini\"\u003e\n        \u003cspan class=\"soi-sfam-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-sfam-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-sfam-card-mini-value\"\u003e400 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sfam-card-mini\"\u003e\n        \u003cspan class=\"soi-sfam-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-sfam-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-sfam-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sfam-card-mini\"\u003e\n        \u003cspan class=\"soi-sfam-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-sfam-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-sfam-card-mini-value\"\u003eSaint-Rémy-de-Provence\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sfam-card-mini\"\u003e\n        \u003cspan class=\"soi-sfam-card-mini-icon\"\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\n        \u003cspan class=\"soi-sfam-card-mini-label\"\u003eUsage\u003c\/span\u003e\n        \u003cspan class=\"soi-sfam-card-mini-value\"\u003eDès 3 ans, tous cheveux\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sfam-accordion\"\u003e\n      \u003cdetails class=\"soi-sfam-accordion-item\"\u003e\n        \u003csummary class=\"soi-sfam-accordion-header\"\u003e🧪 Testé sous contrôle dermatologique\u003c\/summary\u003e\n        \u003cdiv class=\"soi-sfam-accordion-content\"\u003e\n          \u003cp\u003eCe shampooing a été testé sous contrôle dermatologique et est bien toléré par toute la famille, y compris les cuirs chevelus sensibles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-sfam-accordion-item\"\u003e\n        \u003csummary class=\"soi-sfam-accordion-header\"\u003e🚫 Formulé sans\u003c\/summary\u003e\n        \u003cdiv class=\"soi-sfam-accordion-content\"\u003e\n          \u003cp\u003eSulfates, silicones, parabènes, colorants synthétiques.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sfam-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-sfam-cta-box\"\u003e\n      \u003cp class=\"soi-sfam-cta-tag\" style=\"color: white;\"\u003eUn flacon, toute la famille\u003c\/p\u003e\n      \u003cp class=\"soi-sfam-cta-text\" style=\"color: white;\"\u003eOffrez à vos cheveux la douceur d'une lavande provençale bio, la protection du xylitol et la transparence d'une formule à 97 % d'ingrédients naturels. Se soigner naturellement, ça commence aussi sous la douche.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-sfam-marine: #1A2D3D;\n  --soi-sfam-marine-dark: #0F1E2B;\n  --soi-sfam-marine-light: #2C4458;\n  --soi-sfam-pomme: #A1C544;\n  --soi-sfam-pomme-dark: #84A636;\n  --soi-sfam-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-sfam-white: #FFFFFF;\n  --soi-sfam-off-white: #F8FAF6;\n  --soi-sfam-stone: #F1F3EE;\n  --soi-sfam-line: #E5E8E0;\n\n  --soi-sfam-primary: #8B5E3C;\n  --soi-sfam-primary-soft: rgba(139,94,60,0.08);\n  --soi-sfam-accent: #D4952A;\n\n  --soi-sfam-text: #1A2D3D;\n  --soi-sfam-text-soft: #4A5B6B;\n  --soi-sfam-text-muted: #7B8693;\n\n  --soi-sfam-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-sfam-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-sfam-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-sfam-radius: 12px;\n  --soi-sfam-radius-sm: 8px;\n  --soi-sfam-radius-pill: 999px;\n}\n\n.soi-sfam-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sfam-fiche img { max-width: 100%; height: auto; }\n\n.soi-sfam-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-sfam-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-sfam-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-sfam-hero {\n  position: relative;\n  background: var(--soi-sfam-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-sfam-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-sfam-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-sfam-pomme);\n}\n\n.soi-sfam-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-sfam-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-sfam-pomme);\n  border-radius: 50%;\n}\n\n.soi-sfam-hero-title {\n  display: block;\n  color: var(--soi-sfam-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-sfam-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-sfam-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-sfam-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-sfam-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-sfam-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-sfam-label-accent {\n  background: var(--soi-sfam-pomme);\n  border-color: var(--soi-sfam-pomme);\n  color: var(--soi-sfam-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-sfam-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sfam-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-sfam-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-sfam-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-sfam-pomme);\n  border-radius: 2px;\n}\n\n.soi-sfam-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-sfam-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-sfam-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-sfam-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-sfam-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-sfam-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-sfam-benefit {\n  background: var(--soi-sfam-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-sfam-radius);\n  border: 1px solid var(--soi-sfam-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sfam-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-sfam-shadow-md);\n}\n\n.soi-sfam-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-sfam-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-sfam-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-sfam-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-sfam-benefit:hover .soi-sfam-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-sfam-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-sfam-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-sfam-benefit p {\n  font-size: 13px;\n  color: var(--soi-sfam-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-sfam-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-sfam-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-sfam-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-sfam-radius);\n  border: 1px solid var(--soi-sfam-line);\n  align-items: flex-start;\n}\n\n.soi-sfam-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-sfam-marine);\n  color: var(--soi-sfam-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-sfam-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-sfam-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-sfam-step-content p {\n  font-size: 14px;\n  color: var(--soi-sfam-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-sfam-compo {\n  background: var(--soi-sfam-off-white);\n  border-radius: var(--soi-sfam-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1rem;\n}\n\n.soi-sfam-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-sfam-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-sfam-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-sfam-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-sfam-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-sfam-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-sfam-marine);\n  text-align: right;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-sfam-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-sfam-card-mini {\n  background: var(--soi-sfam-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-sfam-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-sfam-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-sfam-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-sfam-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-sfam-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-sfam-marine);\n}\n\n\/* === TIP === *\/\n.soi-sfam-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-sfam-pomme-light);\n  border-left: 4px solid var(--soi-sfam-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-sfam-radius) var(--soi-sfam-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-sfam-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-sfam-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-sfam-marine);\n  margin-bottom: 4px;\n}\n\n.soi-sfam-tip p {\n  font-size: 14px;\n  color: var(--soi-sfam-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-sfam-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-sfam-accordion-item {\n  background: var(--soi-sfam-off-white);\n  border-radius: var(--soi-sfam-radius-sm);\n  border: 1px solid var(--soi-sfam-line);\n  overflow: hidden;\n}\n\n.soi-sfam-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-sfam-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-sfam-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-sfam-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-sfam-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-sfam-accordion-item[open] .soi-sfam-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-sfam-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-sfam-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-sfam-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-sfam-cta-box {\n  background: var(--soi-sfam-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-sfam-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-sfam-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-sfam-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-sfam-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-sfam-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-sfam-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-sfam-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-sfam-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-sfam-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-sfam-compo-value {\n    text-align: left;\n  }\n\n  .soi-sfam-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-sfam-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-sfam-fiche {\n    --soi-sfam-text-soft: #2C3E50;\n    --soi-sfam-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Florame","offers":[{"title":"Default Title","offer_id":61966880604490,"sku":"FM0610","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-familial-certifie-bio-florame-packshot_a6421208-98b9-4ec5-92ae-577312f50bb9.webp?v=1781183634","url":"https:\/\/www.soinature.com\/products\/shampooing-familial-certifie-bio-florame","provider":"Soinature","version":"1.0","type":"link"}