{"product_id":"shampoing-purifiant-certifie-bio-et-vegan-centifolia","title":"Shampoing Purifiant Bio pour Cheveux Gras - Centifolia","description":"\u003cdiv class=\"soi-shor-fiche\"\u003e\n\n\u003csection class=\"soi-shor-hero\"\u003e\n  \u003cdiv class=\"soi-shor-hero-tag\"\u003e\n    \u003cspan class=\"soi-shor-tag-dot\"\u003e\u003c\/span\u003e\n    Hygiène capillaire · Centifolia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-shor-hero-title\"\u003eShampoing purifiant certifié bio et vegan\u003c\/span\u003e\n  \u003cp class=\"soi-shor-hero-subtitle\"\u003eFormulé à 99 % d'ingrédients d'origine naturelle, ce soin rééquilibre votre cuir chevelu en profondeur grâce à l'ortie bio française et un complexe d'argiles absorbantes. Des cheveux légers, frais et purifiés, qui regraissent moins vite.\u003c\/p\u003e\n  \u003cdiv class=\"soi-shor-hero-labels\"\u003e\n    \u003cspan class=\"soi-shor-label soi-shor-label-accent\"\u003eCERTIFIÉ BIO\u003c\/span\u003e\n    \u003cspan class=\"soi-shor-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-shor-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-shor-label\"\u003eSANS SULFATE\u003c\/span\u003e\n    \u003cspan class=\"soi-shor-label\"\u003e99 % NATUREL\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n  \u003ch2\u003ePourquoi choisir ce shampoing purifiant sans sulfate ?\u003c\/h2\u003e\n  \u003cp\u003eSi vos cheveux regraissent en moins de 48 heures, que votre cuir chevelu tend vers l'excès de sébum ou que vos lavages classiques vous laissent une sensation d'inconfort, ce shampoing purifiant Centifolia a été pensé exactement pour vous. Il nettoie en profondeur sans jamais agresser, grâce à une base lavante douce, exempte de tensioactifs sulfatés. Contrairement à de nombreux shampoings conventionnels, il ne décape pas : il rééquilibre.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n  \u003ch2\u003eLes actifs clés qui font la différence\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shor-benefits\"\u003e\n    \u003cdiv class=\"soi-shor-benefit\"\u003e\n      \u003cdiv class=\"soi-shor-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eExtrait d'ortie bio française\u003c\/h3\u003e\n      \u003cp\u003eReconnue pour ses vertus assainissantes et séborégulatrices, l'ortie aide à ralentir le regraissage et à prolonger la sensation de cheveux propres.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-benefit\"\u003e\n      \u003cdiv class=\"soi-shor-benefit-icon\"\u003e\u003cspan\u003e🪨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eBentonite et kaolin\u003c\/h3\u003e\n      \u003cp\u003eCe duo d'argiles naturelles absorbe l'excès de sébum et élimine les impuretés accumulées sur le cuir chevelu, sans assécher la fibre capillaire.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-benefit\"\u003e\n      \u003cdiv class=\"soi-shor-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eBase lavante sans sulfate\u003c\/h3\u003e\n      \u003cp\u003eDouce sur le cuir chevelu sensible, elle mousse bien tout en respectant le film hydrolipidique naturel. Aucune sensation de tiraillement après le rinçage.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-benefit\"\u003e\n      \u003cdiv class=\"soi-shor-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eParfum 100 % naturel\u003c\/h3\u003e\n      \u003cp\u003eUne fragrance végétale fraîche et subtile pour un moment de bien-être à chaque lavage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n  \u003ch2\u003eComment utiliser ce shampoing purifiant pour cheveux gras ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shor-timeline\"\u003e\n    \u003cdiv class=\"soi-shor-step\"\u003e\n      \u003cdiv class=\"soi-shor-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-shor-step-content\"\u003e\n        \u003ch3\u003eAppliquez sur cheveux mouillés\u003c\/h3\u003e\n        \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés, puis massez doucement le cuir chevelu avec le bout des doigts pendant 1 à 2 minutes pour activer l'action purifiante.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-step\"\u003e\n      \u003cdiv class=\"soi-shor-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-shor-step-content\"\u003e\n        \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n        \u003cp\u003eRincez à l'eau claire. Pour des résultats optimaux, vous pouvez réaliser un double shampoing : le premier décrasse, le second purifie en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-step\"\u003e\n      \u003cdiv class=\"soi-shor-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-shor-step-content\"\u003e\n        \u003ch3\u003eEspacez progressivement vos lavages\u003c\/h3\u003e\n        \u003cp\u003eUn ou deux lavages par semaine suffisent généralement à réguler la production de sébum sur le long terme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n  \u003ch2\u003eComposition complète\u003c\/h2\u003e\n  \u003cp class=\"soi-shor-section-intro\"\u003eAqua, Sodium Cocoyl Glutamate, Coco-Glucoside, Glycerin*, Bentonite*, Kaolin*, Urtica Dioica (Nettle) Leaf Extract*, Polyglyceryl-4 Caprate, Sodium Chloride, Citric Acid, Parfum (Natural Fragrance), Sodium Benzoate, Potassium Sorbate, Tocopherol.\u003c\/p\u003e\n  \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n  \u003cdiv class=\"soi-shor-compo\"\u003e\n    \u003cdiv class=\"soi-shor-compo-row\"\u003e\n      \u003cspan class=\"soi-shor-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-compo-value\"\u003e99 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-compo-row\"\u003e\n      \u003cspan class=\"soi-shor-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-compo-value\"\u003eCertifié BIO par Ecocert\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-compo-row\"\u003e\n      \u003cspan class=\"soi-shor-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-compo-value\"\u003e200 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-compo-row\"\u003e\n      \u003cspan class=\"soi-shor-compo-label\"\u003eFlacon\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-compo-value\"\u003e100 % recyclé et recyclable\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-compo-row\"\u003e\n      \u003cspan class=\"soi-shor-compo-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-compo-value\"\u003eFabriqué en France\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n  \u003ch2\u003eCe shampoing est fait pour vous si...\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shor-grid\"\u003e\n    \u003cdiv class=\"soi-shor-card\"\u003e\n      \u003ch3\u003e💆 Regraissage rapide\u003c\/h3\u003e\n      \u003cp\u003eVos cheveux regraissent vite, même après un lavage récent, et vous souhaitez retrouver une sensation de fraîcheur durable.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-card\"\u003e\n      \u003ch3\u003e🍃 Cuir chevelu en manque de légèreté\u003c\/h3\u003e\n      \u003cp\u003eVotre cuir chevelu manque de légèreté ou présente de petites impuretés que les shampoings classiques ne parviennent pas à éliminer.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-card\"\u003e\n      \u003ch3\u003e🌱 Exigence bio et vegan\u003c\/h3\u003e\n      \u003cp\u003eVous cherchez un shampoing purifiant sans sulfate, certifié bio et vegan, qui respecte autant votre cuir chevelu que vos valeurs.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-card\"\u003e\n      \u003ch3\u003e⏳ Espacer les lavages\u003c\/h3\u003e\n      \u003cp\u003eVous souhaitez espacer vos lavages tout en gardant des cheveux frais, sans que le sébum ne reprenne le dessus.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-card\"\u003e\n      \u003ch3\u003e🛡️ Cuir chevelu sensible\u003c\/h3\u003e\n      \u003cp\u003eLes shampoings conventionnels vous irritent ou vous dessèchent le cuir chevelu, et vous avez besoin d'une alternative douce et efficace.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\"\u003e\n  \u003ch2\u003eEngagements Centifolia\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shor-grid-compact\"\u003e\n    \u003cdiv class=\"soi-shor-card-mini\"\u003e\n      \u003cspan class=\"soi-shor-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-card-mini-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-card-mini-value\"\u003eCertifié BIO par Ecocert\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-card-mini\"\u003e\n      \u003cspan class=\"soi-shor-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-card-mini-value\"\u003eVegan\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-card-mini\"\u003e\n      \u003cspan class=\"soi-shor-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-card-mini\"\u003e\n      \u003cspan class=\"soi-shor-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-card-mini-value\"\u003eFlacon 100 % recyclé\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shor-card-mini\"\u003e\n      \u003cspan class=\"soi-shor-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-card-mini-label\"\u003eFormule\u003c\/span\u003e\n      \u003cspan class=\"soi-shor-card-mini-value\"\u003eSans sulfate, silicone, paraben\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shor-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-shor-cta-box\"\u003e\n    \u003cp class=\"soi-shor-cta-tag\" style=\"color: white;\"\u003eLégèreté et fraîcheur retrouvées\u003c\/p\u003e\n    \u003cp class=\"soi-shor-cta-text\" style=\"color: white;\"\u003eUne formule bio, douce et vraiment efficace, portée par l'ortie française et les argiles naturelles. Vos cheveux retrouvent légèreté et fraîcheur dès le premier lavage, et regraissent sensiblement moins vite avec le temps.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-shor-marine: #1A2D3D;\n  --soi-shor-marine-dark: #0F1E2B;\n  --soi-shor-marine-light: #2C4458;\n  --soi-shor-pomme: #A1C544;\n  --soi-shor-pomme-dark: #84A636;\n  --soi-shor-pomme-light: rgba(161,197,68,0.10);\n  --soi-shor-white: #FFFFFF;\n  --soi-shor-off-white: #F8FAF6;\n  --soi-shor-stone: #F1F3EE;\n  --soi-shor-line: #E5E8E0;\n  --soi-shor-primary: #5B3A1E;\n  --soi-shor-primary-soft: #8B6A4A;\n  --soi-shor-accent: #6B8E23;\n  --soi-shor-text: #1A2D3D;\n  --soi-shor-text-soft: #4A5B6B;\n  --soi-shor-text-muted: #7B8693;\n  --soi-shor-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-shor-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-shor-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-shor-radius: 12px;\n  --soi-shor-radius-sm: 8px;\n  --soi-shor-radius-pill: 999px;\n}\n\n.soi-shor-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shor-fiche img { max-width: 100%; height: auto; }\n\n.soi-shor-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-shor-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-shor-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shor-hero {\n  position: relative;\n  background: var(--soi-shor-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-shor-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-shor-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-shor-pomme);\n}\n\n.soi-shor-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-shor-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-shor-pomme);\n  border-radius: 50%;\n}\n\n.soi-shor-hero-title {\n  display: block;\n  color: var(--soi-shor-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-shor-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-shor-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-shor-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-shor-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-shor-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-shor-label-accent {\n  background: var(--soi-shor-pomme);\n  border-color: var(--soi-shor-pomme);\n  color: var(--soi-shor-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shor-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shor-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-shor-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-shor-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-shor-pomme);\n  border-radius: 2px;\n}\n\n.soi-shor-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-shor-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-shor-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-shor-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-shor-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shor-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-shor-benefit {\n  background: var(--soi-shor-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-shor-radius);\n  border: 1px solid var(--soi-shor-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shor-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-shor-shadow-md);\n}\n\n.soi-shor-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-shor-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-shor-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-shor-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-shor-benefit:hover .soi-shor-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-shor-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shor-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shor-benefit p {\n  font-size: 13px;\n  color: var(--soi-shor-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shor-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-shor-card {\n  background: var(--soi-shor-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shor-radius);\n  border-left: 3px solid var(--soi-shor-pomme);\n}\n\n.soi-shor-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shor-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shor-card p {\n  font-size: 14px;\n  color: var(--soi-shor-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-shor-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-shor-card-mini {\n  background: var(--soi-shor-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-shor-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-shor-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-shor-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-shor-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-shor-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shor-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-shor-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-shor-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-shor-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shor-radius);\n  border: 1px solid var(--soi-shor-line);\n  align-items: flex-start;\n}\n\n.soi-shor-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-shor-marine);\n  color: var(--soi-shor-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-shor-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shor-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-shor-step-content p {\n  font-size: 14px;\n  color: var(--soi-shor-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shor-compo {\n  background: var(--soi-shor-off-white);\n  border-radius: var(--soi-shor-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-shor-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-shor-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-shor-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-shor-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-shor-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-shor-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-shor-marine);\n  text-align: right;\n}\n\n\/* === CTA BOX === *\/\n.soi-shor-cta-box {\n  background: var(--soi-shor-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-shor-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-shor-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-shor-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-shor-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-shor-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-shor-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-shor-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-shor-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-shor-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-shor-compo-value {\n    text-align: left;\n  }\n\n  .soi-shor-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-shor-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-shor-fiche {\n    --soi-shor-text-soft: #2C3E50;\n    --soi-shor-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603159736650,"sku":"CE0251","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-purifiant-certifie-bio-et-vegan-centifolia-packshot.webp?v=1779446066","url":"https:\/\/www.soinature.com\/products\/shampoing-purifiant-certifie-bio-et-vegan-centifolia","provider":"Soinature","version":"1.0","type":"link"}