{"product_id":"shampooing-creme-douceur-centifolia","title":"Shampoing crème cheveux normaux - Centifolia","description":"\u003cdiv class=\"soi-shid-fiche\"\u003e\n\n  \u003csection class=\"soi-shid-hero\"\u003e\n    \u003cdiv class=\"soi-shid-hero-tag\"\u003e\n      \u003cspan class=\"soi-shid-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique capillaire · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-shid-hero-title\"\u003eShampooing hydratant Infinie Douceur\u003c\/span\u003e\n    \u003cp class=\"soi-shid-hero-subtitle\"\u003eUn soin lavant certifié bio, concentré à 40 % d'aloe vera, pour redonner douceur, souplesse et brillance à vos cheveux normaux à déshydratés.\u003c\/p\u003e\n    \u003cdiv class=\"soi-shid-hero-labels\"\u003e\n      \u003cspan class=\"soi-shid-label soi-shid-label-accent\"\u003eBIO ECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-shid-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-shid-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-shid-label\"\u003e99 % NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-shid-label\"\u003eSANS SULFATE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shid-section\"\u003e\n    \u003ch2\u003eShampooing hydratant Infinie Douceur : conçu pour les cheveux normaux à déshydratés\u003c\/h2\u003e\n    \u003cp\u003eVos cheveux manquent de souplesse, semblent ternes ou tirent vers la sécheresse ? Ce shampoing crème Centifolia a été pensé précisément pour les chevelures normales à déshydratées, celles qui ont besoin d'hydratation sans être alourdies. Avec sa nouvelle formule à efficacité boostée, certifiée bio et vegan, il nettoie en douceur tout en redonnant brillance, légèreté et douceur durable.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shid-section\"\u003e\n    \u003ch2\u003eDes actifs naturels vraiment efficaces\u003c\/h2\u003e\n    \u003cp class=\"soi-shid-section-intro\"\u003eCe qui distingue ce shampoing pour cheveux normaux, c'est la qualité et la concentration de ses ingrédients botaniques.\u003c\/p\u003e\n    \u003cdiv class=\"soi-shid-benefits\"\u003e\n      \u003cdiv class=\"soi-shid-benefit\"\u003e\n        \u003cdiv class=\"soi-shid-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003e40 % de gel d'Aloe Vera Bio\u003c\/h3\u003e\n        \u003cp\u003eUne concentration exceptionnelle pour une hydratation intense, des propriétés apaisantes reconnues et une fibre capillaire visiblement plus souple à chaque lavage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-benefit\"\u003e\n        \u003cdiv class=\"soi-shid-benefit-icon\"\u003e\u003cspan\u003e🌰\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eProtéines d'Amande Douce Bio\u003c\/h3\u003e\n        \u003cp\u003eElles facilitent le démêlage, lissent la surface du cheveu et renforcent sa structure en profondeur pour un résultat soyeux et facile à coiffer.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-benefit\"\u003e\n        \u003cdiv class=\"soi-shid-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eKératine végétale\u003c\/h3\u003e\n        \u003cp\u003eUn actif gainant qui protège la fibre capillaire des agressions quotidiennes (pollution, chaleur, frottements) tout en apportant légèreté et brillance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-benefit\"\u003e\n        \u003cdiv class=\"soi-shid-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eParfum 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003eUne fragrance douce, issue exclusivement d'ingrédients d'origine naturelle, pour un moment de soin sensoriel agréable sans irritation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shid-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce shampoing plutôt qu'un autre ?\u003c\/h2\u003e\n    \u003cp\u003eContrairement à de nombreux shampoings cheveux normaux du marché, la formule Centifolia est sans sulfate, sans silicone et sans ingrédients d'origine animale. Elle respecte le cuir chevelu, préserve le microbiome naturel du cheveu et convient aux personnes sensibles ou en quête d'une routine capillaire plus saine. Fabriquée en France, elle affiche 99 % d'ingrédients d'origine naturelle et répond aux exigences de la certification bio Ecocert.\u003c\/p\u003e\n    \u003cp\u003eRésultat dès les premiers lavages : une mousse généreuse et onctueuse, un rinçage rapide sans résidu, et des cheveux qui semblent plus doux, plus lumineux, plus légers.\u003c\/p\u003e\n    \u003cdiv class=\"soi-shid-grid-compact\"\u003e\n      \u003cdiv class=\"soi-shid-card-mini\"\u003e\n        \u003cspan class=\"soi-shid-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-card-mini-value\"\u003eSulfate\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-card-mini\"\u003e\n        \u003cspan class=\"soi-shid-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-card-mini-value\"\u003eSilicone\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-card-mini\"\u003e\n        \u003cspan class=\"soi-shid-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-card-mini-value\"\u003eParabène\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-card-mini\"\u003e\n        \u003cspan class=\"soi-shid-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-card-mini-value\"\u003eFrançaise\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shid-section\"\u003e\n    \u003ch2\u003eComment utiliser le shampooing Infinie Douceur ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shid-timeline\"\u003e\n      \u003cdiv class=\"soi-shid-step\"\u003e\n        \u003cdiv class=\"soi-shid-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-shid-step-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés. Une petite quantité suffit, la mousse est abondante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-step\"\u003e\n        \u003cdiv class=\"soi-shid-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-shid-step-content\"\u003e\n          \u003ch3\u003eMassez\u003c\/h3\u003e\n          \u003cp\u003eMassez doucement le cuir chevelu avec les doigts pendant 1 à 2 minutes pour activer la mousse et libérer les actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-step\"\u003e\n        \u003cdiv class=\"soi-shid-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-shid-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède pour éliminer tous les résidus sans effort.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-step\"\u003e\n        \u003cdiv class=\"soi-shid-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-shid-step-content\"\u003e\n          \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n          \u003cp\u003eSur cheveux très souillés, renouvelez l'application, puis complétez avec un soin hydratant Centifolia pour un résultat optimal.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shid-tip\"\u003e\n      \u003cdiv class=\"soi-shid-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eUtilisez ce shampoing 2 à 3 fois par semaine ou selon vos habitudes capillaires. Il convient à un usage régulier, y compris sur les cheveux colorés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shid-section\"\u003e\n    \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n    \u003cp\u003eAqua, \u003cstrong\u003eAloe Barbadensis Leaf Juice* (40 %)\u003c\/strong\u003e, Sodium Cocoyl Isethionate, Cocamidopropyl Betaine, Sodium Lauryl Sulfoacetate, Glycerin, \u003cstrong\u003eHydrolyzed Sweet Almond Protein*\u003c\/strong\u003e, Hydrolyzed Wheat Protein (kératine végétale), Parfum (fragrance naturelle), Sodium Chloride, Citric Acid, Benzyl Alcohol, Dehydroacetic Acid.\u003c\/p\u003e\n    \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique. 99 % des ingrédients sont d'origine naturelle.\u003c\/em\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shid-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shid-compo\"\u003e\n      \u003cdiv class=\"soi-shid-compo-row\"\u003e\n        \u003cspan class=\"soi-shid-compo-label\"\u003eVolume\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-compo-value\"\u003e200 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-compo-row\"\u003e\n        \u003cspan class=\"soi-shid-compo-label\"\u003eType de cheveux\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-compo-value\"\u003eNormaux à déshydratés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-compo-row\"\u003e\n        \u003cspan class=\"soi-shid-compo-label\"\u003eCertifications\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-compo-value\"\u003eBio Ecocert, Vegan, Fabrication française\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-compo-row\"\u003e\n        \u003cspan class=\"soi-shid-compo-label\"\u003eFlacon\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-compo-value\"\u003eRecyclable, 100 % matériaux recyclés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shid-compo-row\"\u003e\n        \u003cspan class=\"soi-shid-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-shid-compo-value\"\u003eSulfate, silicone, parabène, ingrédients d'origine animale\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shid-section\"\u003e\n    \u003cdiv class=\"soi-shid-accordion\"\u003e\n      \u003cdetails class=\"soi-shid-accordion-item\"\u003e\n        \u003csummary class=\"soi-shid-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"soi-shid-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue à aucun avis ou traitement médical dermatologique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shid-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-shid-cta-box\"\u003e\n      \u003cp class=\"soi-shid-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans vos cheveux\u003c\/p\u003e\n      \u003cp class=\"soi-shid-cta-text\" style=\"color: white;\"\u003eOffrez à vos cheveux une formule bio concentrée à 40 % d'aloe vera, enrichie en protéines d'amande douce, pour une douceur qui dure bien au-delà du rinçage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-shid-marine: #1A2D3D;\n  --soi-shid-marine-dark: #0F1E2B;\n  --soi-shid-marine-light: #2C4458;\n  --soi-shid-pomme: #A1C544;\n  --soi-shid-pomme-dark: #84A636;\n  --soi-shid-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-shid-white: #FFFFFF;\n  --soi-shid-off-white: #F8FAF6;\n  --soi-shid-stone: #F1F3EE;\n  --soi-shid-line: #E5E8E0;\n\n  --soi-shid-primary: #5E3B2A;\n  --soi-shid-primary-soft: #8B6A55;\n  --soi-shid-accent: #7CA86E;\n\n  --soi-shid-text: #1A2D3D;\n  --soi-shid-text-soft: #4A5B6B;\n  --soi-shid-text-muted: #7B8693;\n\n  --soi-shid-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-shid-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-shid-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-shid-radius: 12px;\n  --soi-shid-radius-sm: 8px;\n  --soi-shid-radius-pill: 999px;\n}\n\n.soi-shid-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shid-fiche img { max-width: 100%; height: auto; }\n\n.soi-shid-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-shid-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-shid-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shid-hero {\n  position: relative;\n  background: var(--soi-shid-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-shid-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-shid-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-shid-pomme);\n}\n\n.soi-shid-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-shid-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-shid-pomme);\n  border-radius: 50%;\n}\n\n.soi-shid-hero-title {\n  display: block;\n  color: var(--soi-shid-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-shid-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-shid-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-shid-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-shid-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-shid-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-shid-label-accent {\n  background: var(--soi-shid-pomme);\n  border-color: var(--soi-shid-pomme);\n  color: var(--soi-shid-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shid-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shid-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-shid-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-shid-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-shid-pomme);\n  border-radius: 2px;\n}\n\n.soi-shid-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-shid-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-shid-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-shid-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-shid-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shid-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-shid-benefit {\n  background: var(--soi-shid-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-shid-radius);\n  border: 1px solid var(--soi-shid-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shid-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-shid-shadow-md);\n}\n\n.soi-shid-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-shid-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-shid-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-shid-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-shid-benefit:hover .soi-shid-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-shid-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shid-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shid-benefit p {\n  font-size: 13px;\n  color: var(--soi-shid-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-shid-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-top: 1.5rem;\n}\n\n.soi-shid-card-mini {\n  background: var(--soi-shid-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-shid-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-shid-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-shid-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-shid-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-shid-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shid-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-shid-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-shid-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-shid-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shid-radius);\n  border: 1px solid var(--soi-shid-line);\n  align-items: flex-start;\n}\n\n.soi-shid-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-shid-marine);\n  color: var(--soi-shid-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-shid-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shid-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-shid-step-content p {\n  font-size: 14px;\n  color: var(--soi-shid-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shid-compo {\n  background: var(--soi-shid-off-white);\n  border-radius: var(--soi-shid-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-shid-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-shid-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-shid-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-shid-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-shid-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-shid-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-shid-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shid-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-shid-pomme-light);\n  border-left: 4px solid var(--soi-shid-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-shid-radius) var(--soi-shid-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-shid-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-shid-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-shid-marine);\n  margin-bottom: 4px;\n}\n\n.soi-shid-tip p {\n  font-size: 14px;\n  color: var(--soi-shid-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shid-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-shid-accordion-item {\n  background: var(--soi-shid-off-white);\n  border-radius: var(--soi-shid-radius-sm);\n  border: 1px solid var(--soi-shid-line);\n  overflow: hidden;\n}\n\n.soi-shid-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-shid-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-shid-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-shid-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-shid-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-shid-accordion-item[open] .soi-shid-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-shid-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-shid-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-shid-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shid-cta-box {\n  background: var(--soi-shid-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-shid-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-shid-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-shid-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-shid-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-shid-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-shid-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-shid-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-shid-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-shid-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-shid-compo-value {\n    text-align: left;\n  }\n\n  .soi-shid-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-shid-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-shid-fiche {\n    --soi-shid-text-soft: #2C3E50;\n    --soi-shid-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603158032714,"sku":"CE0246","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-creme-cheveux-normaux-centifolia-packshot.webp?v=1779450820","url":"https:\/\/www.soinature.com\/products\/shampooing-creme-douceur-centifolia","provider":"Soinature","version":"1.0","type":"link"}