{"product_id":"shampoing-demelant-violet-certifie-bio-centifolia","title":"Shampoing démêlant violet certifié bio - Centifolia","description":"\u003cdiv class=\"soi-shvio-fiche\"\u003e\n\n\u003csection class=\"soi-shvio-hero\"\u003e\n  \u003cdiv class=\"soi-shvio-hero-tag\"\u003e\n    \u003cspan class=\"soi-shvio-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétiques et soins capillaires · Centifolia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-shvio-hero-title\"\u003eShampoing démêlant violet certifié bio\u003c\/span\u003e\n  \u003cp class=\"soi-shvio-hero-subtitle\"\u003eNeutralisez les reflets jaunes et orangés de vos cheveux blonds, blancs ou gris grâce aux pigments naturels de myrtille bio française, dans une formule 2 en 1 validée par des coiffeurs professionnels.\u003c\/p\u003e\n  \u003cdiv class=\"soi-shvio-hero-labels\"\u003e\n    \u003cspan class=\"soi-shvio-label soi-shvio-label-accent\"\u003eBIO\u003c\/span\u003e\n    \u003cspan class=\"soi-shvio-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-shvio-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-shvio-label\"\u003ePIGMENTS 100% NATURELS\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eLe shampoing violet bio qui neutralise vraiment les reflets jaunes\u003c\/h2\u003e\n  \u003cp\u003eVous avez des cheveux blonds, blancs ou gris et ces reflets dorés, jaunes ou orangés qui ternissent votre couleur vous agacent ? Le \u003cstrong\u003eshampoing démêlant violet déjaunisseur 2 en 1 Centifolia\u003c\/strong\u003e apporte une réponse concrète, naturelle et certifiée bio. Contrairement aux formules conventionnelles, celui-ci mise sur des \u003cstrong\u003epigments violets et bleus 100% naturels\u003c\/strong\u003e issus de la myrtille bio française pour neutraliser les indésirables, sans compromettre la santé de votre fibre capillaire.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eComment fonctionne un shampoing violet déjaunisseur ?\u003c\/h2\u003e\n  \u003cp\u003eLe principe repose sur la \u003cstrong\u003ethéorie des couleurs complémentaires\u003c\/strong\u003e : le violet annule le jaune, le bleu neutralise l'orange. Appliqués sur cheveux clairs, les pigments colorants se déposent temporairement sur la fibre pour \u003cstrong\u003erééquilibrer la teinte\u003c\/strong\u003e et redonner un éclat nacré ou cendré selon votre couleur naturelle. Le résultat est visible dès la première utilisation, avec un effet cumulatif au fil des lavages.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eCe qui distingue la formule Centifolia\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shvio-benefits\"\u003e\n    \u003cdiv class=\"soi-shvio-benefit\"\u003e\n      \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e🫐\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eMyrtille bio de France\u003c\/h3\u003e\n      \u003cp\u003eRiche en antioxydants et en pigments bleus-violets naturels, elle nourrit et apaise le cuir chevelu tout en agissant sur le reflet.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-benefit\"\u003e\n      \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eDouble action 2 en 1\u003c\/h3\u003e\n      \u003cp\u003eCe produit combine shampoing lavant et après-shampoing démêlant en un seul geste, idéal pour gagner du temps sans sacrifier le soin.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-benefit\"\u003e\n      \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eFormule certifiée bio et vegan\u003c\/h3\u003e\n      \u003cp\u003eSans ingrédients d'origine animale, sans sulfates agressifs, validée par des coiffeurs professionnels.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-benefit\"\u003e\n      \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eNe tache pas la peau\u003c\/h3\u003e\n      \u003cp\u003eContrairement à de nombreux shampoings violets du marché, la formule est conçue pour ne pas laisser de traces sur le front ou les mains.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shvio-grid\"\u003e\n    \u003cdiv class=\"soi-shvio-card\"\u003e\n      \u003ch3\u003e💛 Blonds naturels, méchés ou décolorés\u003c\/h3\u003e\n      \u003cp\u003eVous entretenez une coloration blonde froide ou souhaitez raviver l'éclat de votre blond naturel en atténuant les tons chauds indésirables.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-card\"\u003e\n      \u003ch3\u003e🤍 Cheveux gris ou blancs\u003c\/h3\u003e\n      \u003cp\u003eVous laissez pousser vos cheveux blancs naturellement et recherchez une chevelure plus lumineuse et unifiée, sans jaunissement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-shvio-tip\"\u003e\n    \u003cdiv class=\"soi-shvio-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eL'effet est subtil mais réel : les tons chauds s'atténuent, la chevelure paraît plus lumineuse et unifiée dès les premières utilisations.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eComment l'utiliser pour un résultat optimal ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shvio-timeline\"\u003e\n    \u003cdiv class=\"soi-shvio-step\"\u003e\n      \u003cdiv class=\"soi-shvio-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-shvio-step-content\"\u003e\n        \u003ch3\u003eAppliquez et faites mousser\u003c\/h3\u003e\n        \u003cp\u003eDéposez une noix de produit sur cheveux mouillés et massez délicatement le cuir chevelu pour faire mousser.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-step\"\u003e\n      \u003cdiv class=\"soi-shvio-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-shvio-step-content\"\u003e\n        \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n        \u003cp\u003ePatientez \u003cstrong\u003e2 à 5 minutes\u003c\/strong\u003e selon l'intensité des reflets à neutraliser, puis rincez abondamment.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-step\"\u003e\n      \u003cdiv class=\"soi-shvio-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-shvio-step-content\"\u003e\n        \u003ch3\u003eFréquence recommandée\u003c\/h3\u003e\n        \u003cp\u003eUtilisez \u003cstrong\u003e1 à 2 fois par semaine\u003c\/strong\u003e en alternance avec votre shampoing habituel pour éviter un effet trop cendreux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eComposition (liste INCI principale)\u003c\/h2\u003e\n  \u003cp\u003eFormule enrichie en \u003cstrong\u003eextrait de myrtille bio (Vaccinium myrtillus)\u003c\/strong\u003e, pigments naturels violets et bleus d'origine végétale, agents démêlants doux. Formule vegan, sans silicone, sans colorants synthétiques.\u003c\/p\u003e\n  \u003cp\u003e\u003cem\u003ePour la liste INCI complète, référez-vous à l'étiquetage du produit.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shvio-compo\"\u003e\n    \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n      \u003cspan class=\"soi-shvio-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-shvio-compo-value\"\u003e200 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n      \u003cspan class=\"soi-shvio-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-shvio-compo-value\"\u003eBio, Vegan, Pigments 100% naturels\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n      \u003cspan class=\"soi-shvio-compo-label\"\u003eValidé par\u003c\/span\u003e\n      \u003cspan class=\"soi-shvio-compo-value\"\u003eDes coiffeurs professionnels\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n      \u003cspan class=\"soi-shvio-compo-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-shvio-compo-value\"\u003eFrance\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-shvio-cta-box\"\u003e\n    \u003cp class=\"soi-shvio-cta-tag\" style=\"color: white;\"\u003eVos cheveux méritent un éclat naturel\u003c\/p\u003e\n    \u003cp class=\"soi-shvio-cta-text\" style=\"color: white;\"\u003eFini les reflets qui trahissent votre couleur. Le shampoing violet bio Centifolia prend soin de vos cheveux blonds, blancs ou gris avec des pigments naturels issus de la myrtille française, sans agresser la fibre ni tacher la peau. Un geste simple, une formule honnête, un éclat retrouvé.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-shvio-marine: #1A2D3D;\n  --soi-shvio-marine-dark: #0F1E2B;\n  --soi-shvio-marine-light: #2C4458;\n  --soi-shvio-pomme: #A1C544;\n  --soi-shvio-pomme-dark: #84A636;\n  --soi-shvio-pomme-light: rgba(161,197,68,0.10);\n  --soi-shvio-white: #FFFFFF;\n  --soi-shvio-off-white: #F8FAF6;\n  --soi-shvio-stone: #F1F3EE;\n  --soi-shvio-line: #E5E8E0;\n  --soi-shvio-primary: #5B3FA0;\n  --soi-shvio-primary-soft: #7B68AE;\n  --soi-shvio-accent: #3D2B6E;\n  --soi-shvio-text: #1A2D3D;\n  --soi-shvio-text-soft: #4A5B6B;\n  --soi-shvio-text-muted: #7B8693;\n  --soi-shvio-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-shvio-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-shvio-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-shvio-radius: 12px;\n  --soi-shvio-radius-sm: 8px;\n  --soi-shvio-radius-pill: 999px;\n}\n\n.soi-shvio-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shvio-fiche img { max-width: 100%; height: auto; }\n\n.soi-shvio-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-shvio-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-shvio-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shvio-hero {\n  position: relative;\n  background: var(--soi-shvio-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-shvio-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-shvio-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-shvio-pomme);\n}\n\n.soi-shvio-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-shvio-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-shvio-pomme);\n  border-radius: 50%;\n}\n\n.soi-shvio-hero-title {\n  display: block;\n  color: var(--soi-shvio-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-shvio-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-shvio-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-shvio-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-shvio-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-shvio-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-shvio-label-accent {\n  background: var(--soi-shvio-pomme);\n  border-color: var(--soi-shvio-pomme);\n  color: var(--soi-shvio-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shvio-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shvio-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-shvio-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-shvio-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-shvio-pomme);\n  border-radius: 2px;\n}\n\n.soi-shvio-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-shvio-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-shvio-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shvio-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-shvio-benefit {\n  background: var(--soi-shvio-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-shvio-radius);\n  border: 1px solid var(--soi-shvio-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shvio-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-shvio-shadow-md);\n}\n\n.soi-shvio-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-shvio-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-shvio-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-shvio-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-shvio-benefit:hover .soi-shvio-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-shvio-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shvio-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shvio-benefit p {\n  font-size: 13px;\n  color: var(--soi-shvio-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shvio-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-shvio-card {\n  background: var(--soi-shvio-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shvio-radius);\n  border-left: 3px solid var(--soi-shvio-pomme);\n}\n\n.soi-shvio-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shvio-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shvio-card p {\n  font-size: 14px;\n  color: var(--soi-shvio-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shvio-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-shvio-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-shvio-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shvio-radius);\n  border: 1px solid var(--soi-shvio-line);\n  align-items: flex-start;\n}\n\n.soi-shvio-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-shvio-marine);\n  color: var(--soi-shvio-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-shvio-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shvio-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-shvio-step-content p {\n  font-size: 14px;\n  color: var(--soi-shvio-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shvio-compo {\n  background: var(--soi-shvio-off-white);\n  border-radius: var(--soi-shvio-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-shvio-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-shvio-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-shvio-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-shvio-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-shvio-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-shvio-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-shvio-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shvio-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-shvio-pomme-light);\n  border-left: 4px solid var(--soi-shvio-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-shvio-radius) var(--soi-shvio-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-shvio-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-shvio-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-shvio-marine);\n  margin-bottom: 4px;\n}\n\n.soi-shvio-tip p {\n  font-size: 14px;\n  color: var(--soi-shvio-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shvio-cta-box {\n  background: var(--soi-shvio-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-shvio-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-shvio-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-shvio-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-shvio-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-shvio-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-shvio-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 500;\n  color: var(--soi-shvio-white);\n  line-height: 1.5;\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-shvio-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-shvio-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-shvio-compo-value {\n    text-align: left;\n  }\n\n  .soi-shvio-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-shvio-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-shvio-fiche {\n    --soi-shvio-text-soft: #2C3E50;\n    --soi-shvio-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603400581450,"sku":"CE0560","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-demelant-violet-certifie-bio-centifolia-packshot_ef705352-d9c2-4eb1-b327-c30cd63929d2.webp?v=1779448758","url":"https:\/\/www.soinature.com\/products\/shampoing-demelant-violet-certifie-bio-centifolia","provider":"Soinature","version":"1.0","type":"link"}