{"product_id":"shampooing-brillance-certifie-bio-florame","title":"Shampooing Brillance certifié bio – Florame","description":"\n\u003cdiv class=\"soi-flbr-fiche\"\u003e\n\n  \u003csection class=\"soi-flbr-hero\"\u003e\n    \u003cdiv class=\"soi-flbr-hero-tag\"\u003e\n      \u003cspan class=\"soi-flbr-tag-dot\"\u003e\u003c\/span\u003e\n      Soin capillaire bio · Florame\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-flbr-hero-title\"\u003eShampooing Brillance certifié bio\u003c\/span\u003e\n    \u003cp class=\"soi-flbr-hero-subtitle\"\u003eUne formule 99 % naturelle, sans sulfates, qui lisse la fibre capillaire et révèle l'éclat de vos cheveux ternes et longs, dès le premier lavage.\u003c\/p\u003e\n    \u003cdiv class=\"soi-flbr-hero-labels\"\u003e\n      \u003cspan class=\"soi-flbr-label soi-flbr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-flbr-label\"\u003e100 % VEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-flbr-label\"\u003eSANS SULFATES\u003c\/span\u003e\n      \u003cspan class=\"soi-flbr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-flbr-label\"\u003e99 % NATUREL\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-flbr-section\"\u003e\n    \u003ch2\u003eUn shampooing bio brillance pensé pour les cheveux ternes et longs\u003c\/h2\u003e\n    \u003cp\u003eVous avez les cheveux longs, souvent difficiles à discipliner, et vous cherchez un shampooing naturel bio qui apporte vraiment de l'éclat sans alourdir ? Le Shampooing Brillance Florame a été conçu précisément pour répondre à ce besoin. Sa formule douce, sans tensioactifs sulfatés, nettoie en profondeur tout en respectant la fibre capillaire et l'équilibre du cuir chevelu, même en cas d'utilisation fréquente.\u003c\/p\u003e\n    \u003cp\u003eCertifié Cosmos Organic, 100 % vegan et fabriqué à Saint-Rémy-de-Provence, il s'intègre naturellement dans une routine capillaire responsable, pour celles et ceux qui souhaitent allier efficacité et naturalité au quotidien.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-flbr-section\"\u003e\n    \u003ch2\u003eXylitol et Pamplemousse Corse : le duo actif qui fait la différence\u003c\/h2\u003e\n    \u003cp class=\"soi-flbr-section-intro\"\u003eLa vraie force de ce shampooing brillance bio repose sur deux actifs soigneusement sélectionnés, qui agissent en synergie pour un éclat immédiat et durable.\u003c\/p\u003e\n    \u003cdiv class=\"soi-flbr-grid\"\u003e\n      \u003cdiv class=\"soi-flbr-card\"\u003e\n        \u003ch3\u003e🌿 Le Xylitol\u003c\/h3\u003e\n        \u003cp\u003eCet actif d'origine végétale agit comme un lisseur naturel. Il resserre les écailles de la fibre capillaire, réduit les frisottis visibles et laisse les cheveux doux, fluides et brillants dès le premier lavage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-flbr-card\"\u003e\n        \u003ch3\u003e🍊 Le Pamplemousse Corse bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en antioxydants, il protège la chevelure des agressions extérieures (pollution, UV, chaleur) qui ternissent et fatiguent les cheveux au fil du temps.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-flbr-tip\"\u003e\n      \u003cdiv class=\"soi-flbr-tip-icon\"\u003e✨\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eLa texture nacrée, rosée, et son parfum d'agrumes 100 % d'origine naturelle transforment chaque shampooing en un vrai moment de soin sensoriel. Ensemble, ces deux actifs apportent un éclat immédiat et durable, sans effet pesant ni résidu.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-flbr-section\"\u003e\n    \u003ch2\u003eComment utiliser ce shampooing bio pour un résultat optimal ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-flbr-timeline\"\u003e\n      \u003cdiv class=\"soi-flbr-step\"\u003e\n        \u003cdiv class=\"soi-flbr-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-flbr-step-content\"\u003e\n          \u003ch3\u003eApplication\u003c\/h3\u003e\n          \u003cp\u003eAppliquez une noix de produit sur cheveux mouillés, du milieu aux pointes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-flbr-step\"\u003e\n        \u003cdiv class=\"soi-flbr-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-flbr-step-content\"\u003e\n          \u003ch3\u003eMassage\u003c\/h3\u003e\n          \u003cp\u003eMassez délicatement le cuir chevelu pour activer la mousse et stimuler la circulation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-flbr-step\"\u003e\n        \u003cdiv class=\"soi-flbr-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-flbr-step-content\"\u003e\n          \u003ch3\u003eRinçage\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède pour préserver la brillance.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-flbr-step\"\u003e\n        \u003cdiv class=\"soi-flbr-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-flbr-step-content\"\u003e\n          \u003ch3\u003eComplément (optionnel)\u003c\/h3\u003e\n          \u003cp\u003eRenouvelez si nécessaire, ou complétez avec un après-shampooing bio pour une douceur et un démêlage facilités.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-flbr-tip\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-flbr-tip-icon\"\u003e📅\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eFréquence conseillée\u003c\/strong\u003e\n        \u003cp\u003eÀ chaque lavage, en usage régulier. Convient aux cheveux normaux à longs, ternes ou sujets aux frisottis.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-flbr-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cp\u003eCe shampooing bio affiche la transparence totale sur sa formule : 99 % d'ingrédients d'origine naturelle, aucun tensioactif sulfaté, sans silicone, sans paraben, sans colorant synthétique.\u003c\/p\u003e\n    \u003cdiv class=\"soi-flbr-compo\"\u003e\n      \u003cdiv class=\"soi-flbr-compo-row\"\u003e\n        \u003cspan class=\"soi-flbr-compo-label\"\u003eActif principal\u003c\/span\u003e\n        \u003cspan class=\"soi-flbr-compo-value\"\u003eExtrait de Pamplemousse Corse bio (Citrus paradisi)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-flbr-compo-row\"\u003e\n        \u003cspan class=\"soi-flbr-compo-label\"\u003eActif complémentaire\u003c\/span\u003e\n        \u003cspan class=\"soi-flbr-compo-value\"\u003eXylitol (issu du bouleau)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-flbr-compo-row\"\u003e\n        \u003cspan class=\"soi-flbr-compo-label\"\u003eBase lavante\u003c\/span\u003e\n        \u003cspan class=\"soi-flbr-compo-value\"\u003eBases lavantes douces d'origine végétale\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-flbr-compo-row\"\u003e\n        \u003cspan class=\"soi-flbr-compo-label\"\u003eParfum\u003c\/span\u003e\n        \u003cspan class=\"soi-flbr-compo-value\"\u003e100 % naturel, agrumes\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-flbr-compo-row\"\u003e\n        \u003cspan class=\"soi-flbr-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-flbr-compo-value\"\u003e250 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"margin-top: 1rem; font-size: 13px; color: var(--soi-flbr-text-muted);\"\u003ePour la liste INCI complète et à jour, consultez l'étiquetage produit ou la page officielle Florame.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-flbr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le Shampooing Brillance Florame plutôt qu'un autre shampooing bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-flbr-benefits\"\u003e\n      \u003cdiv class=\"soi-flbr-benefit\"\u003e\n        \u003cdiv class=\"soi-flbr-benefit-icon\"\u003e\u003cspan\u003e🏅\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCosmos Organic\u003c\/h3\u003e\n        \u003cp\u003eLe gage d'une formule véritablement bio, contrôlée et traçable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-flbr-benefit\"\u003e\n        \u003cdiv class=\"soi-flbr-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFabriqué en Provence\u003c\/h3\u003e\n        \u003cp\u003eConçu à Saint-Rémy-de-Provence, dans le respect des savoir-faire locaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-flbr-benefit\"\u003e\n        \u003cdiv class=\"soi-flbr-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003e100 % vegan\u003c\/h3\u003e\n        \u003cp\u003eAucun ingrédient d'origine animale, aucun test sur les animaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-flbr-benefit\"\u003e\n        \u003cdiv class=\"soi-flbr-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRésultat visible\u003c\/h3\u003e\n        \u003cp\u003eBrillance, légèreté et discipline dès les premières utilisations, sans sulfates.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-flbr-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes sur ce shampooing naturel bio\u003c\/h2\u003e\n    \u003cdiv class=\"soi-flbr-accordion\"\u003e\n      \u003cdetails class=\"soi-flbr-accordion-item\"\u003e\n        \u003csummary class=\"soi-flbr-accordion-header\"\u003e🧴 Ce shampooing bio convient-il aux cheveux gras ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-flbr-accordion-content\"\u003e\n          \u003cp\u003eSa formule sans sulfates nettoie sans surproduire de sébum : il peut convenir aux cuirs chevelus normaux à légèrement gras, mais pour des cheveux très gras, un shampooing bio cheveux gras spécifique sera plus adapté.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-flbr-accordion-item\"\u003e\n        \u003csummary class=\"soi-flbr-accordion-header\"\u003e💆 Faut-il un après-shampooing bio en complément ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-flbr-accordion-content\"\u003e\n          \u003cp\u003ePour les cheveux longs ou très secs en pointes, l'association avec un après-shampooing bio Florame est recommandée pour faciliter le démêlage et amplifier le lissage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-flbr-accordion-item\"\u003e\n        \u003csummary class=\"soi-flbr-accordion-header\"\u003e🎨 Ce shampooing est-il compatible avec une coloration bio ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-flbr-accordion-content\"\u003e\n          \u003cp\u003eOui, l'absence de sulfates et la douceur de la formule le rendent compatible avec la plupart des colorations végétales ou bio.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-flbr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-flbr-cta-box\"\u003e\n      \u003cp class=\"soi-flbr-cta-tag\" style=\"color: white;\"\u003eRévélez l'éclat naturel de vos cheveux\u003c\/p\u003e\n      \u003cp class=\"soi-flbr-cta-text\" style=\"color: white;\"\u003eParce que vos cheveux méritent mieux que des promesses vides, le Shampooing Brillance Florame leur offre des actifs bio efficaces, une formule honnête et un résultat visible 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-flbr-marine: #1A2D3D;\n  --soi-flbr-marine-dark: #0F1E2B;\n  --soi-flbr-marine-light: #2C4458;\n  --soi-flbr-pomme: #A1C544;\n  --soi-flbr-pomme-dark: #84A636;\n  --soi-flbr-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-flbr-white: #FFFFFF;\n  --soi-flbr-off-white: #F8FAF6;\n  --soi-flbr-stone: #F1F3EE;\n  --soi-flbr-line: #E5E8E0;\n\n  --soi-flbr-primary: #C4727A;\n  --soi-flbr-primary-soft: #F2E4E6;\n  --soi-flbr-accent: #D4946A;\n\n  --soi-flbr-text: #1A2D3D;\n  --soi-flbr-text-soft: #4A5B6B;\n  --soi-flbr-text-muted: #7B8693;\n\n  --soi-flbr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-flbr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-flbr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-flbr-radius: 12px;\n  --soi-flbr-radius-sm: 8px;\n  --soi-flbr-radius-pill: 999px;\n}\n\n.soi-flbr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-flbr-fiche img { max-width: 100%; height: auto; }\n\n.soi-flbr-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-flbr-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-flbr-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-flbr-hero {\n  position: relative;\n  background: var(--soi-flbr-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-flbr-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-flbr-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-flbr-pomme);\n}\n\n.soi-flbr-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-flbr-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-flbr-pomme);\n  border-radius: 50%;\n}\n\n.soi-flbr-hero-title {\n  display: block;\n  color: var(--soi-flbr-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-flbr-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-flbr-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-flbr-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-flbr-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-flbr-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-flbr-label-accent {\n  background: var(--soi-flbr-pomme);\n  border-color: var(--soi-flbr-pomme);\n  color: var(--soi-flbr-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-flbr-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-flbr-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-flbr-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-flbr-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-flbr-pomme);\n  border-radius: 2px;\n}\n\n.soi-flbr-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-flbr-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-flbr-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-flbr-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-flbr-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-flbr-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-flbr-benefit {\n  background: var(--soi-flbr-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-flbr-radius);\n  border: 1px solid var(--soi-flbr-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-flbr-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-flbr-shadow-md);\n}\n\n.soi-flbr-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-flbr-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-flbr-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-flbr-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-flbr-benefit:hover .soi-flbr-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-flbr-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-flbr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-flbr-benefit p {\n  font-size: 13px;\n  color: var(--soi-flbr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-flbr-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-flbr-card {\n  background: var(--soi-flbr-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-flbr-radius);\n  border-left: 3px solid var(--soi-flbr-pomme);\n}\n\n.soi-flbr-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-flbr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-flbr-card p {\n  font-size: 14px;\n  color: var(--soi-flbr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-flbr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-flbr-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-flbr-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-flbr-radius);\n  border: 1px solid var(--soi-flbr-line);\n  align-items: flex-start;\n}\n\n.soi-flbr-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-flbr-marine);\n  color: var(--soi-flbr-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-flbr-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-flbr-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-flbr-step-content p {\n  font-size: 14px;\n  color: var(--soi-flbr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-flbr-compo {\n  background: var(--soi-flbr-off-white);\n  border-radius: var(--soi-flbr-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-top: 1rem;\n}\n\n.soi-flbr-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-flbr-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-flbr-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-flbr-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-flbr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-flbr-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-flbr-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-flbr-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-flbr-pomme-light);\n  border-left: 4px solid var(--soi-flbr-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-flbr-radius) var(--soi-flbr-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-flbr-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-flbr-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-flbr-marine);\n  margin-bottom: 4px;\n}\n\n.soi-flbr-tip p {\n  font-size: 14px;\n  color: var(--soi-flbr-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-flbr-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-flbr-accordion-item {\n  background: var(--soi-flbr-off-white);\n  border-radius: var(--soi-flbr-radius-sm);\n  border: 1px solid var(--soi-flbr-line);\n  overflow: hidden;\n}\n\n.soi-flbr-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-flbr-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-flbr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-flbr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-flbr-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-flbr-accordion-item[open] .soi-flbr-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-flbr-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-flbr-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-flbr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-flbr-cta-box {\n  background: var(--soi-flbr-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-flbr-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-flbr-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-flbr-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-flbr-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-flbr-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-flbr-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-flbr-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-flbr-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-flbr-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-flbr-compo-value {\n    text-align: left;\n  }\n\n  .soi-flbr-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-flbr-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-flbr-fiche {\n    --soi-flbr-text-soft: #2C3E50;\n    --soi-flbr-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Florame","offers":[{"title":"Default Title","offer_id":61603903471946,"sku":"FM0600","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-brillance-certifie-bio-florame-packshot.webp?v=1779441236","url":"https:\/\/www.soinature.com\/products\/shampooing-brillance-certifie-bio-florame","provider":"Soinature","version":"1.0","type":"link"}