{"product_id":"shampooing-dermatologique-certifie-bio-500-ml-coslys","title":"Shampooing dermatologique certifié bio - 500 ml - Coslys","description":"\u003cdiv class=\"soi-shmp-fiche\"\u003e\n\n  \u003csection class=\"soi-shmp-hero\"\u003e\n    \u003cdiv class=\"soi-shmp-hero-tag\"\u003e\n      \u003cspan class=\"soi-shmp-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène capillaire · Coslys\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-shmp-hero-title\"\u003eDouceur dermatologique pour cuirs chevelus sensibles\u003c\/span\u003e\n    \u003cp class=\"soi-shmp-hero-subtitle\"\u003eUn shampooing certifié bio, haute tolérance, sans parfum ni sulfates, enrichi en avoine bio apaisante. Formulé pour nettoyer en douceur sans agresser, il calme les inconforts du quotidien dès 3 ans.\u003c\/p\u003e\n    \u003cdiv class=\"soi-shmp-hero-labels\"\u003e\n      \u003cspan class=\"soi-shmp-label soi-shmp-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-shmp-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-shmp-label\"\u003eCRUELTY FREE\u003c\/span\u003e\n      \u003cspan class=\"soi-shmp-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-shmp-label\"\u003eSANS PARFUM\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shmp-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce shampooing bio pour cuir chevelu sensible ?\u003c\/h2\u003e\n    \u003cp class=\"soi-shmp-section-intro\"\u003eParmi les shampooings bio disponibles pour les peaux réactives, celui de Coslys se distingue par sa formule haute tolérance testée sous contrôle dermatologique. Sa base lavante douce d'origine végétale préserve le film hydrolipidique naturel du cuir chevelu, pour un lavage efficace sans tiraillement ni sécheresse.\u003c\/p\u003e\n    \u003cdiv class=\"soi-shmp-benefits\"\u003e\n      \u003cdiv class=\"soi-shmp-benefit\"\u003e\n        \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003e97,9 % d'origine naturelle\u003c\/h3\u003e\n        \u003cp\u003eUne formule qui mise sur la naturalité, avec des actifs végétaux soigneusement sélectionnés pour respecter votre cuir chevelu.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-benefit\"\u003e\n        \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e🚫\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSans parfum, sans silicone, sans sulfates\u003c\/h3\u003e\n        \u003cp\u003eZéro ingrédient agressif : votre cuir chevelu retrouve son équilibre naturel sans irritation ni réaction aux fragrances.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-benefit\"\u003e\n        \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eToute la famille, dès 3 ans\u003c\/h3\u003e\n        \u003cp\u003eConvient à tous types de cheveux et à toute la famille, y compris les plus jeunes, pour une routine capillaire partagée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-benefit\"\u003e\n        \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFlacon 100 % recyclé\u003c\/h3\u003e\n        \u003cp\u003eUn engagement concret : le flacon est fabriqué en plastique 100 % recyclé et entièrement recyclable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shmp-section\"\u003e\n    \u003ch2\u003eL'avoine bio : l'actif clé qui fait la différence\u003c\/h2\u003e\n    \u003cp\u003eAu cœur de ce shampooing dermatologique se trouve l'extrait d'avoine bio (Avena Sativa), reconnu pour ses propriétés apaisantes et sa capacité à renforcer la tolérance cutanée. Associé à l'eau florale de reine des prés bio et au jus d'aloe vera bio, il contribue à calmer les démangeaisons, les rougeurs et les sensations d'inconfort.\u003c\/p\u003e\n    \u003cdiv class=\"soi-shmp-grid\"\u003e\n      \u003cdiv class=\"soi-shmp-card\"\u003e\n        \u003ch3\u003e🌾 Avoine bio (Avena Sativa)\u003c\/h3\u003e\n        \u003cp\u003eActif apaisant reconnu, il renforce la tolérance cutanée et calme les cuirs chevelus réactifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-card\"\u003e\n        \u003ch3\u003e🌸 Reine des prés bio\u003c\/h3\u003e\n        \u003cp\u003eSon eau florale contribue à réduire les sensations d'inconfort et les rougeurs du cuir chevelu.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-card\"\u003e\n        \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eSon jus hydratant et adoucissant complète l'action apaisante pour un confort immédiat après le lavage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shmp-tip\"\u003e\n      \u003cdiv class=\"soi-shmp-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour amplifier les effets apaisants, combinez ce shampooing avec un après-shampooing bio doux, adapté aux cheveux sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shmp-section\"\u003e\n    \u003ch2\u003eComposition complète\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shmp-compo\"\u003e\n      \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n        \u003cspan class=\"soi-shmp-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n        \u003cspan class=\"soi-shmp-compo-value\"\u003e97,9 % du total des ingrédients\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n        \u003cspan class=\"soi-shmp-compo-label\"\u003eAgriculture biologique\u003c\/span\u003e\n        \u003cspan class=\"soi-shmp-compo-value\"\u003e10,2 % du total des ingrédients\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shmp-accordion\"\u003e\n      \u003cdetails class=\"soi-shmp-accordion-item\"\u003e\n        \u003csummary class=\"soi-shmp-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"soi-shmp-accordion-content\"\u003e\n          \u003cp\u003eAqua (water), Caprylyl\/Capryl Glucoside, Decyl Glucoside, Sodium Cocoamphoacetate, Lactic Acid, Glyceryl Stearate SE, Xanthan Gum, Sodium Cocoyl Glutamate, Sodium Chloride, \u003cem\u003eSpiraea Ulmaria Flower Water*\u003c\/em\u003e, Isoamyl Laurate, \u003cem\u003eAloe Barbadensis Leaf Juice Powder*\u003c\/em\u003e, \u003cem\u003eTriticum Spelta Seed Water*\u003c\/em\u003e, \u003cem\u003eAvena Sativa (Oat) Kernel Extract*\u003c\/em\u003e, Bentonite, Caprylyl Glycol, \u003cem\u003eBisabolol*\u003c\/em\u003e, Glyceryl Caprylate, Propanediol, Tocopherol, Sodium Benzoate, Potassium Sorbate, Citric Acid.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'Agriculture Biologique.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shmp-section\"\u003e\n    \u003ch2\u003eComment utiliser ce shampooing bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shmp-timeline\"\u003e\n      \u003cdiv class=\"soi-shmp-step\"\u003e\n        \u003cdiv class=\"soi-shmp-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-shmp-step-content\"\u003e\n          \u003ch3\u003eAppliquer\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-step\"\u003e\n        \u003cdiv class=\"soi-shmp-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-shmp-step-content\"\u003e\n          \u003ch3\u003eMasser\u003c\/h3\u003e\n          \u003cp\u003eFaites mousser doucement en massant le cuir chevelu du bout des doigts.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-step\"\u003e\n        \u003cdiv class=\"soi-shmp-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-shmp-step-content\"\u003e\n          \u003ch3\u003eRincer\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède. En cas de contact avec les yeux, rincez à l'eau claire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eCe shampooing convient à un usage régulier pour toute la famille.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shmp-section\"\u003e\n    \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shmp-grid\"\u003e\n      \u003cdiv class=\"soi-shmp-card\"\u003e\n        \u003ch3\u003e🔴 Cuirs chevelus sensibles et irrités\u003c\/h3\u003e\n        \u003cp\u003eParticulièrement recommandé pour les personnes sujettes aux démangeaisons et aux irritations du cuir chevelu.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-card\"\u003e\n        \u003ch3\u003e🚫 En quête de pureté\u003c\/h3\u003e\n        \u003cp\u003eIdéal si vous recherchez un shampooing sans parfum, sans sulfate et sans silicone, respectueux de votre sensibilité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-card\"\u003e\n        \u003ch3\u003e🤍 Cheveux blancs ou colorés fragilisés\u003c\/h3\u003e\n        \u003cp\u003eUne option naturelle et douce pour les cheveux blancs ou colorés qui nécessitent un soin respectueux de la fibre capillaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-card\"\u003e\n        \u003ch3\u003e👶 Enfants dès 3 ans\u003c\/h3\u003e\n        \u003cp\u003eSa formule haute tolérance en fait un shampooing adapté à toute la famille, y compris les plus jeunes dès 3 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shmp-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shmp-compo\"\u003e\n      \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n        \u003cspan class=\"soi-shmp-compo-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"soi-shmp-compo-value\"\u003eCoslys\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n        \u003cspan class=\"soi-shmp-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-shmp-compo-value\"\u003e500 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n        \u003cspan class=\"soi-shmp-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-shmp-compo-value\"\u003eCosmos Organic, Cruelty Free, Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n        \u003cspan class=\"soi-shmp-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-shmp-compo-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n        \u003cspan class=\"soi-shmp-compo-label\"\u003eRéférence\u003c\/span\u003e\n        \u003cspan class=\"soi-shmp-compo-value\"\u003eCS0260 | EAN : 3538396163407\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n        \u003cspan class=\"soi-shmp-compo-label\"\u003eTri sélectif\u003c\/span\u003e\n        \u003cspan class=\"soi-shmp-compo-value\"\u003eFlacon à déposer dans le bac de tri jaune\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shmp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-shmp-cta-box\"\u003e\n      \u003cp class=\"soi-shmp-cta-tag\" style=\"color: white;\"\u003eUn soin capillaire naturel et respectueux\u003c\/p\u003e\n      \u003cp class=\"soi-shmp-cta-text\" style=\"color: white;\"\u003eParce que votre cuir chevelu mérite une formule vraiment douce, ce shampooing dermatologique certifié bio transforme chaque lavage en moment de confort. Votre routine capillaire naturelle commence ici.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-shmp-marine: #1A2D3D;\n  --soi-shmp-marine-dark: #0F1E2B;\n  --soi-shmp-marine-light: #2C4458;\n  --soi-shmp-pomme: #A1C544;\n  --soi-shmp-pomme-dark: #84A636;\n  --soi-shmp-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-shmp-white: #FFFFFF;\n  --soi-shmp-off-white: #F8FAF6;\n  --soi-shmp-stone: #F1F3EE;\n  --soi-shmp-line: #E5E8E0;\n\n  --soi-shmp-primary: #7ABFB0;\n  --soi-shmp-primary-soft: rgba(122,191,176,0.12);\n  --soi-shmp-accent: #E0908A;\n\n  --soi-shmp-text: #1A2D3D;\n  --soi-shmp-text-soft: #4A5B6B;\n  --soi-shmp-text-muted: #7B8693;\n\n  --soi-shmp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-shmp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-shmp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-shmp-radius: 12px;\n  --soi-shmp-radius-sm: 8px;\n  --soi-shmp-radius-pill: 999px;\n}\n\n.soi-shmp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shmp-fiche img { max-width: 100%; height: auto; }\n\n.soi-shmp-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-shmp-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-shmp-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shmp-hero {\n  position: relative;\n  background: var(--soi-shmp-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-shmp-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-shmp-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-shmp-pomme);\n}\n\n.soi-shmp-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-shmp-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-shmp-pomme);\n  border-radius: 50%;\n}\n\n.soi-shmp-hero-title {\n  display: block;\n  color: var(--soi-shmp-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(24px, 5vw, 35px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-shmp-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-shmp-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-shmp-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-shmp-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-shmp-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-shmp-label-accent {\n  background: var(--soi-shmp-pomme);\n  border-color: var(--soi-shmp-pomme);\n  color: var(--soi-shmp-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shmp-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shmp-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-shmp-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-shmp-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-shmp-pomme);\n  border-radius: 2px;\n}\n\n.soi-shmp-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-shmp-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-shmp-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-shmp-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-shmp-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shmp-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-shmp-benefit {\n  background: var(--soi-shmp-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-shmp-radius);\n  border: 1px solid var(--soi-shmp-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shmp-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-shmp-shadow-md);\n}\n\n.soi-shmp-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-shmp-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-shmp-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-shmp-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-shmp-benefit:hover .soi-shmp-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-shmp-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shmp-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shmp-benefit p {\n  font-size: 15px;\n  color: var(--soi-shmp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shmp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-shmp-card {\n  background: var(--soi-shmp-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shmp-radius);\n  border-left: 3px solid var(--soi-shmp-pomme);\n}\n\n.soi-shmp-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shmp-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shmp-card p {\n  font-size: 14px;\n  color: var(--soi-shmp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shmp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-shmp-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-shmp-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shmp-radius);\n  border: 1px solid var(--soi-shmp-line);\n  align-items: flex-start;\n}\n\n.soi-shmp-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-shmp-marine);\n  color: var(--soi-shmp-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-shmp-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shmp-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-shmp-step-content p {\n  font-size: 15px;\n  color: var(--soi-shmp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-shmp-compo {\n  background: var(--soi-shmp-off-white);\n  border-radius: var(--soi-shmp-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1rem;\n}\n\n.soi-shmp-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-shmp-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-shmp-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-shmp-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-shmp-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-shmp-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-shmp-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shmp-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-shmp-pomme-light);\n  border-left: 4px solid var(--soi-shmp-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-shmp-radius) var(--soi-shmp-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-shmp-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-shmp-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-shmp-marine);\n  margin-bottom: 4px;\n}\n\n.soi-shmp-tip p {\n  font-size: 15px;\n  color: var(--soi-shmp-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shmp-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-shmp-accordion-item {\n  background: var(--soi-shmp-off-white);\n  border-radius: var(--soi-shmp-radius-sm);\n  border: 1px solid var(--soi-shmp-line);\n  overflow: hidden;\n}\n\n.soi-shmp-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-shmp-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-shmp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-shmp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-shmp-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-shmp-accordion-item[open] .soi-shmp-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-shmp-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-shmp-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-shmp-text-soft);\n  line-height: 1.6;\n  margin: 0 0 0.5rem 0;\n}\n\n.soi-shmp-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shmp-cta-box {\n  background: var(--soi-shmp-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-shmp-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-shmp-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-shmp-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-shmp-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-shmp-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-shmp-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-shmp-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-shmp-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-shmp-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-shmp-compo-value {\n    text-align: left;\n  }\n\n  .soi-shmp-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-shmp-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-shmp-benefits {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n@media (max-width: 420px) {\n  .soi-shmp-benefits {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-shmp-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-shmp-fiche {\n    --soi-shmp-text-soft: #2C3E50;\n    --soi-shmp-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":62333268525386,"sku":"CS0260","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-dermatologique-certifie-bio-500-ml-coslys-packshot.webp?v=1790243885","url":"https:\/\/firmtoaromatherapy.com\/products\/shampooing-dermatologique-certifie-bio-500-ml-coslys","provider":"Soinature","version":"1.0","type":"link"}