{"product_id":"hygiene-intime-200ml-centifolia","title":"Soin Hygiène Intime Neutre certifié bio – Centifolia","description":"\n\u003cdiv class=\"soi-hint-fiche\"\u003e\n\n\u003csection class=\"soi-hint-hero\"\u003e\n  \u003cdiv class=\"soi-hint-hero-tag\"\u003e\n    \u003cspan class=\"soi-hint-tag-dot\"\u003e\u003c\/span\u003e\n    Hygiène intime · Centifolia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-hint-hero-title\"\u003eSoin Hygiène Intime Neutre certifié bio\u003c\/span\u003e\n  \u003cp class=\"soi-hint-hero-subtitle\"\u003eUn gel nettoyant intime à la douceur exemplaire, enrichi en prébiotique actif, pour respecter et protéger les muqueuses sensibles au quotidien.\u003c\/p\u003e\n  \u003cdiv class=\"soi-hint-hero-labels\"\u003e\n    \u003cspan class=\"soi-hint-label soi-hint-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-hint-label\"\u003eSANS PARFUM\u003c\/span\u003e\n    \u003cspan class=\"soi-hint-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n    \u003cspan class=\"soi-hint-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-hint-label\"\u003eTESTÉ SOUS CONTRÔLE GYNÉCOLOGIQUE\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n  \u003ch2\u003ePourquoi choisir ce soin hygiène intime certifié bio ?\u003c\/h2\u003e\n  \u003cp class=\"soi-hint-section-intro\"\u003ePrendre soin de votre hygiène intime ne s'improvise pas. La zone intime possède un pH naturellement acide (entre 3,8 et 4,5) qu'il est essentiel de préserver pour éviter irritations, démangeaisons et déséquilibres de la flore. Contrairement à un savon classique, ce gel nettoyant intime bio est conçu pour respecter cet équilibre fragile, sans agresser les muqueuses.\u003c\/p\u003e\n  \u003cdiv class=\"soi-hint-benefits\"\u003e\n    \u003cdiv class=\"soi-hint-benefit\"\u003e\n      \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003epH physiologique respecté\u003c\/h3\u003e\n      \u003cp\u003eNettoie en douceur sans perturber l'environnement naturel de votre flore intime.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-benefit\"\u003e\n      \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eSans parfum\u003c\/h3\u003e\n      \u003cp\u003eIdéal pour les peaux réactives et les muqueuses sensibles, sans aucune fragrance ajoutée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-benefit\"\u003e\n      \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003e99% d'origine naturelle\u003c\/h3\u003e\n      \u003cp\u003eFormule certifiée Cosmos Organic, propre et transparente, pour une toilette en toute confiance.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-benefit\"\u003e\n      \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAdapté à toute la famille\u003c\/h3\u003e\n      \u003cp\u003eConvient aux femmes enceintes, allaitantes, et aux enfants dès 3 ans.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n  \u003ch2\u003eLa technologie prébiotique active : ce qui fait la différence\u003c\/h2\u003e\n  \u003cp class=\"soi-hint-section-intro\"\u003eCe qui distingue le soin hygiène intime Centifolia des autres nettoyants intimes, c'est sa synergie unique entre un prébiotique actif et un polysaccharide apaisant. Concrètement, ces deux actifs travaillent ensemble pour vous offrir une protection complète.\u003c\/p\u003e\n  \u003cdiv class=\"soi-hint-grid\"\u003e\n    \u003cdiv class=\"soi-hint-card\"\u003e\n      \u003ch3\u003e🦠 Nourrir le microbiote\u003c\/h3\u003e\n      \u003cp\u003eLe prébiotique actif nourrit les bonnes bactéries de votre microbiote intime et cutané, favorisant un environnement sain.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-card\"\u003e\n      \u003ch3\u003e🛡️ Renforcer la barrière naturelle\u003c\/h3\u003e\n      \u003cp\u003eLes muqueuses sont protégées contre les agressions extérieures grâce au renforcement de leur barrière naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-card\"\u003e\n      \u003ch3\u003e✨ Prévenir les inconforts\u003c\/h3\u003e\n      \u003cp\u003eContribue à prévenir les déséquilibres responsables des inconforts récurrents : sécheresse, tiraillements, irritations.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-hint-tip\"\u003e\n    \u003cdiv class=\"soi-hint-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eDès la première utilisation, vous retrouvez une zone intime propre, apaisée et protégée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n  \u003ch2\u003eComment utiliser ce nettoyant intime bio au quotidien ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-hint-timeline\"\u003e\n    \u003cdiv class=\"soi-hint-step\"\u003e\n      \u003cdiv class=\"soi-hint-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-hint-step-content\"\u003e\n        \u003ch3\u003eDosez avec parcimonie\u003c\/h3\u003e\n        \u003cp\u003eUne petite noisette suffit pour une toilette intime efficace.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-step\"\u003e\n      \u003cdiv class=\"soi-hint-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-hint-step-content\"\u003e\n        \u003ch3\u003eAppliquez à la main uniquement\u003c\/h3\u003e\n        \u003cp\u003eAppliquez sur la vulve externe, sans pénétrer. Évitez les gants de toilette qui peuvent être source de bactéries.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-step\"\u003e\n      \u003cdiv class=\"soi-hint-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-hint-step-content\"\u003e\n        \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n        \u003cp\u003eRincez à l'eau tiède, puis séchez délicatement par tamponnements.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-step\"\u003e\n      \u003cdiv class=\"soi-hint-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-hint-step-content\"\u003e\n        \u003ch3\u003eUne fois par jour maximum\u003c\/h3\u003e\n        \u003cp\u003ePour éviter de trop nettoyer et déséquilibrer le microbiote, limitez la toilette intime à une fois par jour.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n  \u003ch2\u003eComposition du Soin Hygiène Intime Neutre Centifolia\u003c\/h2\u003e\n  \u003cp class=\"soi-hint-section-intro\"\u003eFormule épurée, à 99% d'ingrédients d'origine naturelle, sans parfum, sans phtalate, sans bisphénol A.\u003c\/p\u003e\n  \u003cdiv class=\"soi-hint-compo\"\u003e\n    \u003cdiv class=\"soi-hint-compo-row\"\u003e\n      \u003cspan class=\"soi-hint-compo-label\"\u003ePrébiotique actif\u003c\/span\u003e\n      \u003cspan class=\"soi-hint-compo-value\"\u003eXylitol\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-compo-row\"\u003e\n      \u003cspan class=\"soi-hint-compo-label\"\u003eActifs complémentaires\u003c\/span\u003e\n      \u003cspan class=\"soi-hint-compo-value\"\u003ePolysaccharides apaisants\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-compo-row\"\u003e\n      \u003cspan class=\"soi-hint-compo-label\"\u003eOrigine des ingrédients\u003c\/span\u003e\n      \u003cspan class=\"soi-hint-compo-value\"\u003e99% d'origine naturelle\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-compo-row\"\u003e\n      \u003cspan class=\"soi-hint-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-hint-compo-value\"\u003e200 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-compo-row\"\u003e\n      \u003cspan class=\"soi-hint-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-hint-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-hint-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n    \u003cdetails class=\"soi-hint-accordion-item\"\u003e\n      \u003csummary class=\"soi-hint-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n      \u003cdiv class=\"soi-hint-accordion-content\"\u003e\n        \u003cp\u003eAqua, Sodium Coco-Glucoside Tartrate, Coco-Glucoside, Glycerin, Xylitylglucoside, Anhydroxylitol, Xylitol, Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n  \u003ch2\u003eLes engagements Centifolia qui font la différence\u003c\/h2\u003e\n  \u003cdiv class=\"soi-hint-grid\"\u003e\n    \u003cdiv class=\"soi-hint-card\"\u003e\n      \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n      \u003cp\u003eCertification biologique indépendante et rigoureuse, garantissant une formule respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-card\"\u003e\n      \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n      \u003cp\u003eConçu et fabriqué en France, dans le respect des matières premières et du savoir-faire cosmétique français.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hint-card\"\u003e\n      \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n      \u003cp\u003eFlacon recyclable, composé à 50% de plastique recyclé, pour une démarche plus respectueuse de la planète.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n  \u003ch2\u003ePour qui est recommandé ce soin intime bio ?\u003c\/h2\u003e\n  \u003cp\u003eCe nettoyant intime bio convient particulièrement aux femmes qui souffrent d'irritations récurrentes, aux peaux très sensibles, aux femmes enceintes ou allaitantes, et à toute personne souhaitant adopter une routine intime plus naturelle et respectueuse. Il peut également être utilisé par les enfants dès 3 ans, sous surveillance parentale.\u003c\/p\u003e\n  \u003cdiv class=\"soi-hint-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n    \u003cdetails class=\"soi-hint-accordion-item\"\u003e\n      \u003csummary class=\"soi-hint-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n      \u003cdiv class=\"soi-hint-accordion-content\"\u003e\n        \u003cp\u003eCe produit est un soin cosmétique. Il ne remplace pas un avis médical en cas d'infection ou de symptômes persistants. Pour les enfants dès 3 ans, utilisez sous surveillance parentale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-hint-cta-box\"\u003e\n    \u003cp class=\"soi-hint-cta-tag\" style=\"color: white;\"\u003eVotre rituel de douceur au quotidien\u003c\/p\u003e\n    \u003cp class=\"soi-hint-cta-text\" style=\"color: white;\"\u003ePrenez soin de vous avec une formule bio pensée pour les zones les plus délicates. Une toilette intime douce, protectrice et vraiment naturelle, chaque jour, pour toute la famille.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-hint-marine: #1A2D3D;\n  --soi-hint-marine-dark: #0F1E2B;\n  --soi-hint-marine-light: #2C4458;\n  --soi-hint-pomme: #A1C544;\n  --soi-hint-pomme-dark: #84A636;\n  --soi-hint-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-hint-white: #FFFFFF;\n  --soi-hint-off-white: #F8FAF6;\n  --soi-hint-stone: #F1F3EE;\n  --soi-hint-line: #E5E8E0;\n\n  --soi-hint-primary: #7BB8CE;\n  --soi-hint-primary-soft: #D0EAF5;\n  --soi-hint-accent: #5A9AB5;\n\n  --soi-hint-text: #1A2D3D;\n  --soi-hint-text-soft: #4A5B6B;\n  --soi-hint-text-muted: #7B8693;\n\n  --soi-hint-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-hint-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-hint-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-hint-radius: 12px;\n  --soi-hint-radius-sm: 8px;\n  --soi-hint-radius-pill: 999px;\n}\n\n.soi-hint-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-hint-fiche img { max-width: 100%; height: auto; }\n\n.soi-hint-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-hint-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-hint-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-hint-hero {\n  position: relative;\n  background: var(--soi-hint-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-hint-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-hint-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-hint-pomme);\n}\n\n.soi-hint-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-hint-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-hint-pomme);\n  border-radius: 50%;\n}\n\n.soi-hint-hero-title {\n  display: block;\n  color: var(--soi-hint-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-hint-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-hint-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-hint-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-hint-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-hint-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-hint-label-accent {\n  background: var(--soi-hint-pomme);\n  border-color: var(--soi-hint-pomme);\n  color: var(--soi-hint-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-hint-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-hint-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-hint-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-hint-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-hint-pomme);\n  border-radius: 2px;\n}\n\n.soi-hint-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-hint-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-hint-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-hint-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-hint-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-hint-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-hint-benefit {\n  background: var(--soi-hint-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-hint-radius);\n  border: 1px solid var(--soi-hint-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-hint-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-hint-shadow-md);\n}\n\n.soi-hint-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-hint-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-hint-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-hint-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-hint-benefit:hover .soi-hint-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-hint-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hint-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-hint-benefit p {\n  font-size: 13px;\n  color: var(--soi-hint-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-hint-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-hint-card {\n  background: var(--soi-hint-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-hint-radius);\n  border-left: 3px solid var(--soi-hint-pomme);\n}\n\n.soi-hint-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hint-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-hint-card p {\n  font-size: 14px;\n  color: var(--soi-hint-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-hint-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-hint-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-hint-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-hint-radius);\n  border: 1px solid var(--soi-hint-line);\n  align-items: flex-start;\n}\n\n.soi-hint-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-hint-marine);\n  color: var(--soi-hint-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-hint-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-hint-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-hint-step-content p {\n  font-size: 14px;\n  color: var(--soi-hint-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-hint-compo {\n  background: var(--soi-hint-off-white);\n  border-radius: var(--soi-hint-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-hint-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-hint-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-hint-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-hint-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-hint-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-hint-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-hint-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-hint-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-hint-pomme-light);\n  border-left: 4px solid var(--soi-hint-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-hint-radius) var(--soi-hint-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-hint-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-hint-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-hint-marine);\n  margin-bottom: 4px;\n}\n\n.soi-hint-tip p {\n  font-size: 14px;\n  color: var(--soi-hint-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-hint-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-hint-accordion-item {\n  background: var(--soi-hint-off-white);\n  border-radius: var(--soi-hint-radius-sm);\n  border: 1px solid var(--soi-hint-line);\n  overflow: hidden;\n}\n\n.soi-hint-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-hint-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-hint-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-hint-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-hint-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-hint-accordion-item[open] .soi-hint-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-hint-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-hint-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-hint-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-hint-cta-box {\n  background: var(--soi-hint-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-hint-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-hint-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-hint-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-hint-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-hint-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-hint-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-hint-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-hint-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-hint-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-hint-compo-value {\n    text-align: left;\n  }\n\n  .soi-hint-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-hint-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-hint-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-hint-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-hint-fiche {\n    --soi-hint-text-soft: #2C3E50;\n    --soi-hint-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603297853770,"sku":"CE0444","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soin-hygiene-intime-neutre-certifie-bio-centifolia-packshot.webp?v=1779188653","url":"https:\/\/www.soinature.com\/products\/hygiene-intime-200ml-centifolia","provider":"Soinature","version":"1.0","type":"link"}