{"product_id":"shampoing-brillance-centifolia","title":"Shampoing Brillance certifié bio – Centifolia","description":"\u003cdiv class=\"soi-sbbr-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-sbbr-hero\"\u003e\n    \u003cdiv class=\"soi-sbbr-hero-tag\"\u003e\n      \u003cspan class=\"soi-sbbr-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique capillaire bio · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-sbbr-hero-title\"\u003eShampoing Brillance certifié bio\u003c\/span\u003e\n    \u003cp class=\"soi-sbbr-hero-subtitle\"\u003eLumière, douceur et protection pour tous vos cheveux grâce à une formule à 99% d'ingrédients d'origine naturelle. +77% de brillance constatée dès les premières utilisations.\u003c\/p\u003e\n    \u003cdiv class=\"soi-sbbr-hero-labels\"\u003e\n      \u003cspan class=\"soi-sbbr-label soi-sbbr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-sbbr-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-sbbr-label\"\u003eNON TESTÉ SUR LES ANIMAUX\u003c\/span\u003e\n      \u003cspan class=\"soi-sbbr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Shampoing bio brillance --\u003e\n  \u003csection class=\"soi-sbbr-section\"\u003e\n    \u003ch2\u003eShampoing bio brillance : lumière et protection pour tous vos cheveux\u003c\/h2\u003e\n    \u003cp\u003eVous en avez assez des cheveux ternes et sans vie malgré un lavage régulier ? Le \u003cstrong\u003eShampoing Brillance certifié bio Centifolia\u003c\/strong\u003e a été formulé précisément pour cela : redonner de l'éclat, de la douceur et de la légèreté à votre chevelure, quel que soit votre type de cheveux. Grâce à une formule composée à \u003cstrong\u003e99% d'ingrédients d'origine naturelle\u003c\/strong\u003e et certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, ce shampoing bio nettoie sans agresser, nourrit sans alourdir.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Actifs naturels --\u003e\n  \u003csection class=\"soi-sbbr-section\"\u003e\n    \u003ch2\u003eDes actifs naturels qui font vraiment la différence\u003c\/h2\u003e\n    \u003cp class=\"soi-sbbr-section-intro\"\u003eCe qui distingue ce shampoing bio des formules classiques, c'est la qualité et la pertinence de ses ingrédients. Chaque actif a été choisi pour son efficacité prouvée sur la fibre capillaire.\u003c\/p\u003e\n    \u003cdiv class=\"soi-sbbr-benefits\"\u003e\n      \u003cdiv class=\"soi-sbbr-benefit\"\u003e\n        \u003cdiv class=\"soi-sbbr-benefit-icon\"\u003e\u003cspan\u003e🍇\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eExtrait de Framboise BIO\u003c\/h3\u003e\n        \u003cp\u003eIssu de la pulpe de framboises fraîches cultivées en agriculture biologique, il est riche en antioxydants et en vitamines. Il revitalise les cheveux ternes, leur redonne de l'éclat et renforce leur vitalité naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-benefit\"\u003e\n        \u003cdiv class=\"soi-sbbr-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eKératine Végétale\u003c\/h3\u003e\n        \u003cp\u003eElle agit comme un véritable bouclier protecteur sur la fibre capillaire. Elle préserve les protéines essentielles du cheveu, gaine la surface de chaque mèche et laisse une sensation de douceur et de légèreté incomparable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-benefit\"\u003e\n        \u003cdiv class=\"soi-sbbr-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAloe Vera BIO\u003c\/h3\u003e\n        \u003cp\u003eApaisant et hydratant, il équilibre le cuir chevelu et contribue à un lavage doux respectueux de vos cheveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sbbr-tip\"\u003e\n      \u003cdiv class=\"soi-sbbr-tip-icon\"\u003e✨\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eRésultat mesuré\u003c\/strong\u003e\n        \u003cp\u003e\u003cstrong\u003e+77% de brillance\u003c\/strong\u003e constatée dès les premières utilisations (test instrumental). Des cheveux visiblement plus lumineux, plus faciles à coiffer, et protégés en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Pour qui ? --\u003e\n  \u003csection class=\"soi-sbbr-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce shampoing bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sbbr-grid\"\u003e\n      \u003cdiv class=\"soi-sbbr-card\"\u003e\n        \u003ch3\u003e💆 Tous types de cheveux\u003c\/h3\u003e\n        \u003cp\u003eCe shampoing convient à tous les types de cheveux, des cheveux fins et délicats aux chevelures épaisses ou colorées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-card\"\u003e\n        \u003ch3\u003e🌱 Routine bio sans compromis\u003c\/h3\u003e\n        \u003cp\u003eIl est particulièrement apprécié par celles et ceux qui souhaitent adopter une routine capillaire bio et naturelle sans compromis sur l'efficacité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eSi vous cherchez un \u003cstrong\u003eaprès-shampoing bio\u003c\/strong\u003e pour compléter votre routine, Centifolia propose également des soins compatibles dans la même gamme.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Comment utiliser --\u003e\n  \u003csection class=\"soi-sbbr-section\"\u003e\n    \u003ch2\u003eComment utiliser ce shampoing bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sbbr-timeline\"\u003e\n      \u003cdiv class=\"soi-sbbr-step\"\u003e\n        \u003cdiv class=\"soi-sbbr-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-sbbr-step-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-step\"\u003e\n        \u003cdiv class=\"soi-sbbr-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-sbbr-step-content\"\u003e\n          \u003ch3\u003eMassez\u003c\/h3\u003e\n          \u003cp\u003eMassez délicatement le cuir chevelu en mouvements circulaires pour activer la circulation et bien répartir les actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-step\"\u003e\n        \u003cdiv class=\"soi-sbbr-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-sbbr-step-content\"\u003e\n          \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n          \u003cp\u003ePatientez 1 à 2 minutes pour que la kératine végétale et l'extrait de framboise bio agissent en profondeur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-step\"\u003e\n        \u003cdiv class=\"soi-sbbr-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-sbbr-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède. Renouvelez si besoin selon la longueur ou l'état de vos cheveux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Engagements et certifications --\u003e\n  \u003csection class=\"soi-sbbr-section\"\u003e\n    \u003ch2\u003eEngagements et certifications\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sbbr-grid-compact\"\u003e\n      \u003cdiv class=\"soi-sbbr-card-mini\"\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-card-mini\"\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-value\"\u003e99% naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-card-mini\"\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-value\"\u003eNon testé sur les animaux\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-card-mini\"\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sbbr-compo\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-sbbr-compo-row\"\u003e\n        \u003cspan class=\"soi-sbbr-compo-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-compo-value\"\u003eCentifolia, la cosméto-botanique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-compo-row\"\u003e\n        \u003cspan class=\"soi-sbbr-compo-label\"\u003eSavoir-faire\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-compo-value\"\u003ePlus de 30 ans d'expertise\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sbbr-compo-row\"\u003e\n        \u003cspan class=\"soi-sbbr-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-sbbr-compo-value\"\u003e200 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 : Composition INCI --\u003e\n  \u003csection class=\"soi-sbbr-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sbbr-accordion\"\u003e\n      \u003cdetails class=\"soi-sbbr-accordion-item\"\u003e\n        \u003csummary class=\"soi-sbbr-accordion-header\"\u003e🧪 Liste complète des ingrédients\u003c\/summary\u003e\n        \u003cdiv class=\"soi-sbbr-accordion-content\"\u003e\n          \u003cp\u003eAqua, Sodium Lauryl Sulfoacetate, Cocamidopropyl Betaine, Sodium Cocoamphoacetate, Glycerin* (Glycérine végétale), Aloe Barbadensis Leaf Juice* (Aloe Vera BIO), Rubus Idaeus Fruit Extract* (Extrait de Framboise BIO), Hydrolyzed Wheat Protein (Kératine Végétale), Panthenol (Pro-vitamine B5), Citric Acid, Sodium Chloride, Parfum naturel, Benzyl Alcohol, Dehydroacetic Acid.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-sbbr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-sbbr-cta-box\"\u003e\n      \u003cp class=\"soi-sbbr-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans vos cheveux\u003c\/p\u003e\n      \u003cp class=\"soi-sbbr-cta-text\" style=\"color: white;\"\u003eParce que vos cheveux méritent mieux que des formules chargées en silicones et sulfates agressifs, le Shampoing Brillance bio Centifolia vous offre une alternative naturelle, prouvée et éthique. Un seul lavage suffit pour sentir la différence : des mèches plus légères, un éclat visible, et la satisfaction d'une routine capillaire vraiment en accord avec vos valeurs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* === Couleurs Soinat (FIXES) === *\/\n  --soi-sbbr-marine: #1A2D3D;\n  --soi-sbbr-marine-dark: #0F1E2B;\n  --soi-sbbr-marine-light: #2C4458;\n  --soi-sbbr-pomme: #A1C544;\n  --soi-sbbr-pomme-dark: #84A636;\n  --soi-sbbr-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-sbbr-white: #FFFFFF;\n  --soi-sbbr-off-white: #F8FAF6;\n  --soi-sbbr-stone: #F1F3EE;\n  --soi-sbbr-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (packaging framboise\/brun\/rose) === *\/\n  --soi-sbbr-primary: #C2385A;\n  --soi-sbbr-primary-soft: #F2E0E5;\n  --soi-sbbr-accent: #8B2D42;\n\n  \/* === Textes === *\/\n  --soi-sbbr-text: #1A2D3D;\n  --soi-sbbr-text-soft: #4A5B6B;\n  --soi-sbbr-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-sbbr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-sbbr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-sbbr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-sbbr-radius: 12px;\n  --soi-sbbr-radius-sm: 8px;\n  --soi-sbbr-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-sbbr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sbbr-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-sbbr-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-sbbr-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-sbbr-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-sbbr-hero {\n  position: relative;\n  background: var(--soi-sbbr-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-sbbr-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-sbbr-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-sbbr-primary);\n}\n\n.soi-sbbr-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-sbbr-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-sbbr-primary);\n  border-radius: 50%;\n}\n\n.soi-sbbr-hero-title {\n  display: block;\n  color: var(--soi-sbbr-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-sbbr-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-sbbr-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-sbbr-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-sbbr-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-sbbr-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-sbbr-label-accent {\n  background: var(--soi-sbbr-primary);\n  border-color: var(--soi-sbbr-primary);\n  color: var(--soi-sbbr-white);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-sbbr-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sbbr-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-sbbr-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-sbbr-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-sbbr-primary);\n  border-radius: 2px;\n}\n\n.soi-sbbr-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-sbbr-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-sbbr-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-sbbr-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-sbbr-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-sbbr-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-sbbr-benefit {\n  background: var(--soi-sbbr-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-sbbr-radius);\n  border: 1px solid var(--soi-sbbr-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sbbr-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-sbbr-shadow-md);\n}\n\n.soi-sbbr-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-sbbr-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-sbbr-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-sbbr-primary);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-sbbr-benefit:hover .soi-sbbr-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-sbbr-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-sbbr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-sbbr-benefit p {\n  font-size: 13px;\n  color: var(--soi-sbbr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-sbbr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-sbbr-card {\n  background: var(--soi-sbbr-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-sbbr-radius);\n  border-left: 3px solid var(--soi-sbbr-primary);\n}\n\n.soi-sbbr-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-sbbr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-sbbr-card p {\n  font-size: 14px;\n  color: var(--soi-sbbr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-sbbr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-sbbr-card-mini {\n  background: var(--soi-sbbr-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-sbbr-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-sbbr-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-sbbr-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-sbbr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-sbbr-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-sbbr-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-sbbr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-sbbr-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-sbbr-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-sbbr-radius);\n  border: 1px solid var(--soi-sbbr-line);\n  align-items: flex-start;\n}\n\n.soi-sbbr-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-sbbr-marine);\n  color: var(--soi-sbbr-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-sbbr-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-sbbr-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-sbbr-step-content p {\n  font-size: 14px;\n  color: var(--soi-sbbr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-sbbr-compo {\n  background: var(--soi-sbbr-off-white);\n  border-radius: var(--soi-sbbr-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-sbbr-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-sbbr-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-sbbr-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-sbbr-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-sbbr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-sbbr-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-sbbr-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-sbbr-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-sbbr-primary-soft);\n  border-left: 4px solid var(--soi-sbbr-primary);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-sbbr-radius) var(--soi-sbbr-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-sbbr-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-sbbr-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-sbbr-marine);\n  margin-bottom: 4px;\n}\n\n.soi-sbbr-tip p {\n  font-size: 14px;\n  color: var(--soi-sbbr-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-sbbr-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-sbbr-accordion-item {\n  background: var(--soi-sbbr-off-white);\n  border-radius: var(--soi-sbbr-radius-sm);\n  border: 1px solid var(--soi-sbbr-line);\n  overflow: hidden;\n}\n\n.soi-sbbr-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-sbbr-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-sbbr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-sbbr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-sbbr-primary);\n  transition: transform 0.2s ease;\n}\n\n.soi-sbbr-accordion-item[open] .soi-sbbr-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-sbbr-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-sbbr-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-sbbr-text-soft);\n  line-height: 1.6;\n  margin: 0 0 0.5rem 0;\n}\n\n.soi-sbbr-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-sbbr-cta-box {\n  background: var(--soi-sbbr-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-sbbr-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-sbbr-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-sbbr-primary);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-sbbr-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-sbbr-primary);\n  margin-bottom: 0.75rem;\n}\n\n.soi-sbbr-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 500;\n  color: var(--soi-sbbr-white);\n  line-height: 1.5;\n  margin: 0;\n  max-width: 620px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-sbbr-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-sbbr-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-sbbr-compo-value {\n    text-align: left;\n  }\n\n  .soi-sbbr-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-sbbr-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-sbbr-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-sbbr-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-sbbr-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-sbbr-fiche {\n    --soi-sbbr-text-soft: #2C3E50;\n    --soi-sbbr-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603299328330,"sku":"CE0648","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-brillance-certifie-bio-centifolia-packshot.webp?v=1779454894","url":"https:\/\/www.soinature.com\/products\/shampoing-brillance-centifolia","provider":"Soinature","version":"1.0","type":"link"}