{"product_id":"shampoing-demelant-boucles-anti-frisottis-2en1-certifie-bio","title":"Shampoing \u0026 Démêlant Boucles Anti-frisottis bio - Centifolia","description":"\n\u003cdiv class=\"soi-jbcl-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-jbcl-hero\"\u003e\n    \u003cdiv class=\"soi-jbcl-hero-tag\"\u003e\n      \u003cspan class=\"soi-jbcl-tag-dot\"\u003e\u003c\/span\u003e\n      Soin capillaire bio · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-jbcl-hero-title\"\u003eShampoing \u0026amp; Démêlant Boucles Anti-Frisottis 2en1\u003c\/span\u003e\n    \u003cp class=\"soi-jbcl-hero-subtitle\"\u003eNettoyage doux, démêlage actif et boucles redéfinies en un seul geste. Une formule certifiée bio à 99 % d'origine naturelle, validée par des coiffeurs professionnels.\u003c\/p\u003e\n    \u003cdiv class=\"soi-jbcl-hero-labels\"\u003e\n      \u003cspan class=\"soi-jbcl-label soi-jbcl-label-accent\"\u003eCERTIFIÉ BIO\u003c\/span\u003e\n      \u003cspan class=\"soi-jbcl-label\"\u003eECOCERT COSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-jbcl-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-jbcl-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-jbcl-label\"\u003e200 ML\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 1 : Introduction --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003e2 actions en 1 produit : Shampoinge \u0026amp; Démêle les Boucles \u003c\/h2\u003e\n    \u003cp\u003eVos cheveux bouclés, frisés ou crépus méritent mieux qu'un shampoing générique. Le shampoing démêlant boucles anti-frisottis 2en1 Centifolia est conçu spécifiquement pour les chevelures à boucles fragilisées : il nettoie en douceur, démêle sans effort et redéfinit chaque boucle dès le premier lavage. Une formule certifiée bio, validée par des coiffeurs professionnels, à 99 % d'origine naturelle.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : Pourquoi choisir --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce shampoing naturel pour cheveux bouclés ?\u003c\/h2\u003e\n    \u003cp\u003eLes cheveux bouclés ont une structure particulière : ils sont naturellement plus secs, plus poreux et plus sensibles aux frisottis. Un shampoing classique peut casser les boucles, les alourdir ou dessécher les longueurs.\u003c\/p\u003e\n    \u003cp\u003eCentifolia a pensé ce produit comme un véritable soin capillaire 2en1, alliant nettoyage doux et démêlage actif en une seule étape. Vous gagnez du temps, et vos boucles y gagnent en santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Actifs clés --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003eLes actifs clés de la formule\u003c\/h2\u003e\n    \u003cdiv class=\"soi-jbcl-grid\"\u003e\n      \u003cdiv class=\"soi-jbcl-card\"\u003e\n        \u003ch3\u003e🥭 Mangue bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en vitamines A et C, elle nourrit en profondeur et restaure la souplesse des fibres fragilisées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card\"\u003e\n        \u003ch3\u003e🌴 Huile de buriti bio\u003c\/h3\u003e\n        \u003cp\u003eExceptionnellement riche en bêta-carotène, elle revitalise les boucles et leur donne un éclat naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card\"\u003e\n        \u003ch3\u003e🌿 Gel d'aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eHydrate, apaise le cuir chevelu et facilite le glissement pour un démêlage sans tiraillement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card\"\u003e\n        \u003ch3\u003e✨ Protéines d'amande douce\u003c\/h3\u003e\n        \u003cp\u003eRenforcent la fibre capillaire de l'intérieur et apportent de la brillance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card\"\u003e\n        \u003ch3\u003e🌾 Actif biosourcé d'amidon\u003c\/h3\u003e\n        \u003cp\u003e100 % naturel, il contrôle les frisottis, redessine les boucles et résiste à l'humidité pour une tenue longue durée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 4 : Comment utiliser --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003eComment utiliser ce shampoing pour cheveux bouclés ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-jbcl-timeline\"\u003e\n      \u003cdiv class=\"soi-jbcl-step\"\u003e\n        \u003cdiv class=\"soi-jbcl-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-jbcl-step-content\"\u003e\n          \u003ch3\u003eAppliquer\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette généreuse sur cheveux mouillés. Massez doucement le cuir chevelu pour activer la mousse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-step\"\u003e\n        \u003cdiv class=\"soi-jbcl-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-jbcl-step-content\"\u003e\n          \u003ch3\u003eRépartir et démêler\u003c\/h3\u003e\n          \u003cp\u003eRépartissez le produit sur toutes les longueurs en travaillant boucle par boucle. La formule 2en1 remplace votre après-shampoing démêlant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-step\"\u003e\n        \u003cdiv class=\"soi-jbcl-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-jbcl-step-content\"\u003e\n          \u003ch3\u003eRincer\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment. Pour optimiser la définition des boucles, terminez avec un rinçage à l'eau froide.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-jbcl-tip\"\u003e\n      \u003cdiv class=\"soi-jbcl-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eFréquence conseillée : 2 à 3 lavages par semaine selon la nature de vos cheveux et votre routine capillaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 5 : Composition --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003eComposition complète du shampoing Centifolia Jolies Boucles\u003c\/h2\u003e\n    \u003cdiv class=\"soi-jbcl-compo\"\u003e\n      \u003cdiv class=\"soi-jbcl-compo-row\"\u003e\n        \u003cspan class=\"soi-jbcl-compo-label\"\u003eListe INCI\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-compo-value soi-jbcl-compo-inci\"\u003eAqua, Cocamidopropyl Betaine, Sodium Cocoyl Isethionate, Glycerin, Mangifera Indica (Mango) Fruit Extract*, Mauritia Flexuosa (Buriti) Fruit Oil*, Aloe Barbadensis Leaf Juice Powder*, Prunus Amygdalus Dulcis (Sweet Almond) Protein, Zea Mays (Corn) Starch, Parfum (Fragrance), Sodium Benzoate, Potassium Sorbate, Citric Acid\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-compo-row\"\u003e\n        \u003cspan class=\"soi-jbcl-compo-label\"\u003eNote\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-compo-value\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-jbcl-grid-compact soi-jbcl-formule-tags\"\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eSulfates\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eSilicones\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eParabènes\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eColorants de synthèse\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eFlacon recyclable\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 6 : Résultats constatés --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003eRésultats constatés après utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"soi-jbcl-benefits\"\u003e\n      \u003cdiv class=\"soi-jbcl-benefit\"\u003e\n        \u003cdiv class=\"soi-jbcl-benefit-icon\"\u003e\u003cspan\u003e🌀\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eBoucles redéfinies\u003c\/h3\u003e\n        \u003cp\u003eNettement plus définies et rebondies dès le premier shampoing.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-benefit\"\u003e\n        \u003cdiv class=\"soi-jbcl-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eDouceur et brillance\u003c\/h3\u003e\n        \u003cp\u003eCheveux plus doux au toucher, plus brillants et plus faciles à coiffer.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-benefit\"\u003e\n        \u003cdiv class=\"soi-jbcl-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFrisottis maîtrisés\u003c\/h3\u003e\n        \u003cp\u003eFrisottis visiblement réduits, y compris par temps humide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-benefit\"\u003e\n        \u003cdiv class=\"soi-jbcl-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCuir chevelu respecté\u003c\/h3\u003e\n        \u003cp\u003eCuir chevelu respecté grâce à l'absence de tensioactifs sulfatés agressifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 7 : Pour qui --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n    \u003cp\u003eCe shampoing naturel pour cheveux bouclés convient à toutes les textures ondulées, bouclées, frisées et crépues. Il est particulièrement recommandé pour les cheveux fragilisés, secs ou abîmés par des colorations. Sa formule douce le rend compatible avec un usage régulier sans risque d'effet cumulatif indésirable.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 8 : Certifications --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003eCertifications \u0026amp; engagements\u003c\/h2\u003e\n    \u003cdiv class=\"soi-jbcl-grid-compact\"\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eEcocert Cosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eVegan certifiée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003e99 % d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e✂️\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eValidation\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eCoiffeurs professionnels\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Précaution en accordéon --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003cdiv class=\"soi-jbcl-accordion\"\u003e\n      \u003cdetails class=\"soi-jbcl-accordion-item\"\u003e\n        \u003csummary class=\"soi-jbcl-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-jbcl-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne remplace pas l'avis d'un professionnel de santé en cas de problème capillaire ou de pathologie du cuir chevelu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-jbcl-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-jbcl-cta-box\"\u003e\n      \u003cp class=\"soi-jbcl-cta-tag\" style=\"color: white;\"\u003eSe coiffer naturellement, boucle après boucle\u003c\/p\u003e\n      \u003cp class=\"soi-jbcl-cta-text\" style=\"color: white;\"\u003eDes boucles définies, douces, brillantes et libérées des frisottis dès le premier lavage. Offrez à vos cheveux ce qu'ils méritent vraiment.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-jbcl-marine: #1A2D3D;\n  --soi-jbcl-marine-dark: #0F1E2B;\n  --soi-jbcl-marine-light: #2C4458;\n  --soi-jbcl-pomme: #A1C544;\n  --soi-jbcl-pomme-dark: #84A636;\n  --soi-jbcl-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-jbcl-white: #FFFFFF;\n  --soi-jbcl-off-white: #F8FAF6;\n  --soi-jbcl-stone: #F1F3EE;\n  --soi-jbcl-line: #E5E8E0;\n\n  --soi-jbcl-primary: #D88542;\n  --soi-jbcl-primary-soft: #F5E6D4;\n  --soi-jbcl-accent: #4A3028;\n\n  --soi-jbcl-text: #1A2D3D;\n  --soi-jbcl-text-soft: #4A5B6B;\n  --soi-jbcl-text-muted: #7B8693;\n\n  --soi-jbcl-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-jbcl-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-jbcl-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-jbcl-radius: 12px;\n  --soi-jbcl-radius-sm: 8px;\n  --soi-jbcl-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-jbcl-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-jbcl-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-jbcl-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-jbcl-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-jbcl-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-jbcl-hero {\n  position: relative;\n  background: var(--soi-jbcl-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-jbcl-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-jbcl-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-jbcl-pomme);\n}\n\n.soi-jbcl-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-jbcl-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-jbcl-pomme);\n  border-radius: 50%;\n}\n\n.soi-jbcl-hero-title {\n  display: block;\n  color: var(--soi-jbcl-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-jbcl-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-jbcl-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-jbcl-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-jbcl-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-jbcl-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-jbcl-label-accent {\n  background: var(--soi-jbcl-pomme);\n  border-color: var(--soi-jbcl-pomme);\n  color: var(--soi-jbcl-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-jbcl-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-jbcl-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-jbcl-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-jbcl-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-jbcl-pomme);\n  border-radius: 2px;\n}\n\n.soi-jbcl-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-jbcl-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-jbcl-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-jbcl-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-jbcl-benefit {\n  background: var(--soi-jbcl-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-jbcl-radius);\n  border: 1px solid var(--soi-jbcl-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-jbcl-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-jbcl-shadow-md);\n}\n\n.soi-jbcl-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-jbcl-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-jbcl-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-jbcl-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-jbcl-benefit:hover .soi-jbcl-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-jbcl-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-jbcl-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-jbcl-benefit p {\n  font-size: 13px;\n  color: var(--soi-jbcl-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-jbcl-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-jbcl-card {\n  background: var(--soi-jbcl-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-jbcl-radius);\n  border-left: 3px solid var(--soi-jbcl-pomme);\n}\n\n.soi-jbcl-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-jbcl-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-jbcl-card p {\n  font-size: 14px;\n  color: var(--soi-jbcl-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-jbcl-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-jbcl-formule-tags {\n  margin-top: 1.25rem;\n}\n\n.soi-jbcl-card-mini {\n  background: var(--soi-jbcl-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-jbcl-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-jbcl-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-jbcl-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-jbcl-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-jbcl-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-jbcl-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-jbcl-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-jbcl-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-jbcl-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-jbcl-radius);\n  border: 1px solid var(--soi-jbcl-line);\n  align-items: flex-start;\n}\n\n.soi-jbcl-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-jbcl-marine);\n  color: var(--soi-jbcl-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-jbcl-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-jbcl-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-jbcl-step-content p {\n  font-size: 14px;\n  color: var(--soi-jbcl-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-jbcl-compo {\n  background: var(--soi-jbcl-off-white);\n  border-radius: var(--soi-jbcl-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-jbcl-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-jbcl-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-jbcl-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-jbcl-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-jbcl-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  flex-shrink: 0;\n}\n\n.soi-jbcl-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-jbcl-marine);\n  text-align: right;\n}\n\n.soi-jbcl-compo-inci {\n  font-size: 12px;\n  font-weight: 400;\n  font-family: 'Inter', sans-serif;\n  color: var(--soi-jbcl-text-soft);\n  line-height: 1.6;\n  text-align: left;\n  flex-basis: 100%;\n}\n\n\/* === TIP === *\/\n.soi-jbcl-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-jbcl-pomme-light);\n  border-left: 4px solid var(--soi-jbcl-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-jbcl-radius) var(--soi-jbcl-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-jbcl-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-jbcl-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-jbcl-marine);\n  margin-bottom: 4px;\n}\n\n.soi-jbcl-tip p {\n  font-size: 14px;\n  color: var(--soi-jbcl-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-jbcl-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-jbcl-accordion-item {\n  background: var(--soi-jbcl-off-white);\n  border-radius: var(--soi-jbcl-radius-sm);\n  border: 1px solid var(--soi-jbcl-line);\n  overflow: hidden;\n}\n\n.soi-jbcl-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-jbcl-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-jbcl-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-jbcl-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-jbcl-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-jbcl-accordion-item[open] .soi-jbcl-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-jbcl-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-jbcl-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-jbcl-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-jbcl-cta-box {\n  background: var(--soi-jbcl-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-jbcl-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-jbcl-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-jbcl-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-jbcl-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-jbcl-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-jbcl-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-jbcl-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-jbcl-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-jbcl-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-jbcl-compo-value {\n    text-align: left;\n  }\n\n  .soi-jbcl-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-jbcl-grid-compact {\n    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-jbcl-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-jbcl-fiche {\n    --soi-jbcl-text-soft: #2C3E50;\n    --soi-jbcl-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603668132170,"sku":"CE0580","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-demelant-boucles-anti-frisottis-2en1-certifie-bio-packshot.webp?v=1779453931","url":"https:\/\/www.soinature.com\/products\/shampoing-demelant-boucles-anti-frisottis-2en1-certifie-bio","provider":"Soinature","version":"1.0","type":"link"}