{"product_id":"shampooing-nourrissant-certifie-bio-coslys","title":"Shampooing Bio Nourrissant Cheveux Bouclés - Coslys","description":"\u003cdiv class=\"soi-came-fiche\"\u003e\n\n  \u003csection class=\"soi-came-hero\"\u003e\n    \u003cdiv class=\"soi-came-hero-tag\"\u003e\n      \u003cspan class=\"soi-came-tag-dot\"\u003e\u003c\/span\u003e\n      Soin capillaire bio · Coslys\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-came-hero-title\"\u003eShampooing Nourrissant certifié bio\u003c\/span\u003e\n    \u003cp class=\"soi-came-hero-subtitle\"\u003eLa nutrition profonde de l'huile de cameline bio française pour redonner vie, souplesse et définition à vos cheveux secs, bouclés ou crépus.\u003c\/p\u003e\n    \u003cdiv class=\"soi-came-hero-labels\"\u003e\n      \u003cspan class=\"soi-came-label soi-came-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-came-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-came-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-came-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-came-label\"\u003e0% SILICONE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-came-section\"\u003e\n    \u003ch2\u003ePourquoi l'huile de cameline change tout pour les cheveux secs\u003c\/h2\u003e\n    \u003cp\u003eL'huile de cameline bio française est la véritable star de ce shampooing naturel bio. Riche en oméga-3, oméga-6 et vitamine E, elle agit comme un bouclier nutritif sur la fibre capillaire. Concrètement, elle comble les zones fragilisées, réduit la porosité excessive et restitue une souplesse visible dès les premiers lavages. Contrairement à des huiles plus lourdes, la cameline nourrit sans alourdir, ce qui est idéal pour les boucles et les frisottis récalcitrants.\u003c\/p\u003e\n    \u003cp\u003eL'aloe vera complète ce soin en apportant une hydratation continue au cuir chevelu, tandis que l'eau florale de reine des prés apaise les cuirs chevelus réactifs. Le résultat : des cheveux visiblement plus doux, brillants, et des boucles mieux dessinées sans effet collant.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-came-section\"\u003e\n    \u003ch2\u003eCe shampooing bio est fait pour vous si…\u003c\/h2\u003e\n    \u003cdiv class=\"soi-came-grid\"\u003e\n      \u003cdiv class=\"soi-came-card\"\u003e\n        \u003ch3\u003e🌀 Vous avez les cheveux secs, frisés, bouclés ou crépus\u003c\/h3\u003e\n        \u003cp\u003eVos longueurs manquent d'hydratation et vos boucles peinent à se dessiner ? Ce shampooing leur apporte la nutrition dont elles ont besoin.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-came-card\"\u003e\n        \u003ch3\u003e🌿 Vous êtes adepte du sans sulfates et sans silicone\u003c\/h3\u003e\n        \u003cp\u003eVous recherchez un shampooing bio respectueux du cuir chevelu, sans tensioactifs agressifs ni agents occlusifs synthétiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-came-card\"\u003e\n        \u003ch3\u003e✨ Si vous souhaitez des boucles naturelles sans chimie\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez définir et sublimer vos boucles naturellement, sans recourir à des produits chimiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-came-card\"\u003e\n        \u003ch3\u003e🐰 Si vous êtes sensible aux valeurs éthiques\u003c\/h3\u003e\n        \u003cp\u003eVous privilégiez les formules véganes, cruelty-free et fabriquées en France pour une routine capillaire alignée avec vos convictions.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-came-section\"\u003e\n    \u003ch2\u003eComment utiliser le shampooing nourrissant Coslys\u003c\/h2\u003e\n    \u003cdiv class=\"soi-came-timeline\"\u003e\n      \u003cdiv class=\"soi-came-step\"\u003e\n        \u003cdiv class=\"soi-came-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-came-step-content\"\u003e\n          \u003ch3\u003eMouiller abondamment\u003c\/h3\u003e\n          \u003cp\u003eMouillez vos cheveux à l'eau tiède pour ouvrir les écailles et préparer la fibre à recevoir les actifs nourrissants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-came-step\"\u003e\n        \u003cdiv class=\"soi-came-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-came-step-content\"\u003e\n          \u003ch3\u003eAppliquer et masser\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de produit sur le cuir chevelu, massez doucement pour faire mousser, puis étalez sur les longueurs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-came-step\"\u003e\n        \u003cdiv class=\"soi-came-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-came-step-content\"\u003e\n          \u003ch3\u003eRincer et sublimer\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau tiède, puis terminez par un rinçage à l'eau froide pour sceller les écailles et sublimer la brillance. À utiliser seul ou suivi d'un après-shampooing bio pour un résultat optimal.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-came-section\"\u003e\n    \u003ch2\u003eComposition : que contient ce shampooing bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-came-compo\"\u003e\n      \u003cdiv class=\"soi-came-compo-row\"\u003e\n        \u003cspan class=\"soi-came-compo-label\"\u003eActif principal\u003c\/span\u003e\n        \u003cspan class=\"soi-came-compo-value\"\u003eHuile de cameline bio française (oméga-3, oméga-6, vitamine E)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-came-compo-row\"\u003e\n        \u003cspan class=\"soi-came-compo-label\"\u003eActif hydratant\u003c\/span\u003e\n        \u003cspan class=\"soi-came-compo-value\"\u003eAloe vera bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-came-compo-row\"\u003e\n        \u003cspan class=\"soi-came-compo-label\"\u003eActif apaisant\u003c\/span\u003e\n        \u003cspan class=\"soi-came-compo-value\"\u003eEau florale de reine des prés bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-came-compo-row\"\u003e\n        \u003cspan class=\"soi-came-compo-label\"\u003eBase lavante\u003c\/span\u003e\n        \u003cspan class=\"soi-came-compo-value\"\u003eVégétale douce, sans sulfates, sans silicone\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-came-compo-row\"\u003e\n        \u003cspan class=\"soi-came-compo-label\"\u003eSoin gainant\u003c\/span\u003e\n        \u003cspan class=\"soi-came-compo-value\"\u003eActif gainant objectivé (définition des boucles)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-came-compo-row\"\u003e\n        \u003cspan class=\"soi-came-compo-label\"\u003eParfum\u003c\/span\u003e\n        \u003cspan class=\"soi-came-compo-value\"\u003eD'origine naturelle, notes florales légères\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-came-compo-row\"\u003e\n        \u003cspan class=\"soi-came-compo-label\"\u003eNaturalité\u003c\/span\u003e\n        \u003cspan class=\"soi-came-compo-value\"\u003e98,8 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-came-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-came-card-mini\"\u003e\n        \u003cspan class=\"soi-came-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-came-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n        \u003cspan class=\"soi-came-card-mini-value\"\u003e98,8 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-came-card-mini\"\u003e\n        \u003cspan class=\"soi-came-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-came-card-mini-label\"\u003eSilicone\u003c\/span\u003e\n        \u003cspan class=\"soi-came-card-mini-value\"\u003e0 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-came-card-mini\"\u003e\n        \u003cspan class=\"soi-came-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-came-card-mini-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-came-card-mini-value\"\u003e500 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-came-card-mini\"\u003e\n        \u003cspan class=\"soi-came-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-came-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-came-card-mini-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-came-section\"\u003e\n    \u003ch2\u003eLes engagements Coslys qui font la différence\u003c\/h2\u003e\n    \u003cdiv class=\"soi-came-benefits\"\u003e\n      \u003cdiv class=\"soi-came-benefit\"\u003e\n        \u003cdiv class=\"soi-came-benefit-icon\"\u003e\u003cspan\u003e🏅\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCertifié COSMOS ORGANIC\u003c\/h3\u003e\n        \u003cp\u003eContrôlé par Ecocert, gage d'une formule transparente et respectueuse de la charte biologique européenne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-came-benefit\"\u003e\n        \u003cdiv class=\"soi-came-benefit-icon\"\u003e\u003cspan\u003e🏭\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eÉlaboré dans les Pays de la Loire, avec un contrôle qualité rigoureux à chaque étape.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-came-benefit\"\u003e\n        \u003cdiv class=\"soi-came-benefit-icon\"\u003e\u003cspan\u003e🐰\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVegan et Cruelty-free\u003c\/h3\u003e\n        \u003cp\u003eAucun ingrédient d'origine animale, aucun test sur les animaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-came-benefit\"\u003e\n        \u003cdiv class=\"soi-came-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFlacon grand format 500 ml\u003c\/h3\u003e\n        \u003cp\u003eÉconomique et durable, pour une routine capillaire bio au quotidien sans compromis.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-came-section\"\u003e\n    \u003cdiv class=\"soi-came-accordion\"\u003e\n      \u003cdetails class=\"soi-came-accordion-item\"\u003e\n        \u003csummary class=\"soi-came-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-came-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique et ne se substitue à aucun traitement médical. En cas de problème persistant du cuir chevelu, consultez un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-came-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-came-cta-box\"\u003e\n      \u003cp class=\"soi-came-cta-tag\" style=\"color: white;\"\u003ePrenez soin de vos boucles, naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-came-cta-text\" style=\"color: white;\"\u003eVos cheveux secs méritent une vraie nutrition, du cuir chevelu jusqu'aux pointes. L'huile de cameline bio française, des boucles définies, un geste éco-responsable chaque matin : c'est ça, se soigner naturellement avec Soinat.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-came-marine: #1A2D3D;\n  --soi-came-marine-dark: #0F1E2B;\n  --soi-came-marine-light: #2C4458;\n  --soi-came-pomme: #A1C544;\n  --soi-came-pomme-dark: #84A636;\n  --soi-came-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-came-white: #FFFFFF;\n  --soi-came-off-white: #F8FAF6;\n  --soi-came-stone: #F1F3EE;\n  --soi-came-line: #E5E8E0;\n\n  --soi-came-primary: #D4A52A;\n  --soi-came-primary-soft: #F5E6B8;\n  --soi-came-accent: #B5C96A;\n\n  --soi-came-text: #1A2D3D;\n  --soi-came-text-soft: #4A5B6B;\n  --soi-came-text-muted: #7B8693;\n\n  --soi-came-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-came-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-came-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-came-radius: 12px;\n  --soi-came-radius-sm: 8px;\n  --soi-came-radius-pill: 999px;\n}\n\n.soi-came-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-came-fiche img { max-width: 100%; height: auto; }\n\n.soi-came-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-came-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-came-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-came-hero {\n  position: relative;\n  background: var(--soi-came-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-came-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-came-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-came-pomme);\n}\n\n.soi-came-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-came-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-came-pomme);\n  border-radius: 50%;\n}\n\n.soi-came-hero-title {\n  display: block;\n  color: var(--soi-came-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-came-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-came-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-came-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-came-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-came-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-came-label-accent {\n  background: var(--soi-came-pomme);\n  border-color: var(--soi-came-pomme);\n  color: var(--soi-came-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-came-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-came-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-came-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-came-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-came-pomme);\n  border-radius: 2px;\n}\n\n.soi-came-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-came-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-came-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-came-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-came-card {\n  background: var(--soi-came-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-came-radius);\n  border-left: 3px solid var(--soi-came-pomme);\n}\n\n.soi-came-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-came-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-came-card p {\n  font-size: 14px;\n  color: var(--soi-came-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-came-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-came-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-came-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-came-radius);\n  border: 1px solid var(--soi-came-line);\n  align-items: flex-start;\n}\n\n.soi-came-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-came-marine);\n  color: var(--soi-came-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-came-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-came-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-came-step-content p {\n  font-size: 14px;\n  color: var(--soi-came-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-came-compo {\n  background: var(--soi-came-off-white);\n  border-radius: var(--soi-came-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-came-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-came-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-came-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-came-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-came-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-came-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-came-marine);\n  text-align: right;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-came-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-came-card-mini {\n  background: var(--soi-came-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-came-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-came-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-came-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-came-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-came-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-came-marine);\n}\n\n\/* === BENEFITS === *\/\n.soi-came-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-came-benefit {\n  background: var(--soi-came-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-came-radius);\n  border: 1px solid var(--soi-came-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-came-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-came-shadow-md);\n}\n\n.soi-came-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-came-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-came-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-came-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-came-benefit:hover .soi-came-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-came-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-came-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-came-benefit p {\n  font-size: 13px;\n  color: var(--soi-came-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-came-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-came-accordion-item {\n  background: var(--soi-came-off-white);\n  border-radius: var(--soi-came-radius-sm);\n  border: 1px solid var(--soi-came-line);\n  overflow: hidden;\n}\n\n.soi-came-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-came-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-came-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-came-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-came-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-came-accordion-item[open] .soi-came-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-came-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-came-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-came-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-came-cta-box {\n  background: var(--soi-came-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-came-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-came-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-came-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-came-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-came-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-came-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-came-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-came-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-came-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-came-compo-value {\n    text-align: left;\n  }\n\n  .soi-came-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-came-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-came-fiche {\n    --soi-came-text-soft: #2C3E50;\n    --soi-came-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603519398218,"sku":"CS0156","price":13.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-nourrissant-certifie-bio-coslys-packshot.webp?v=1779443019","url":"https:\/\/www.soinature.com\/products\/shampooing-nourrissant-certifie-bio-coslys","provider":"Soinature","version":"1.0","type":"link"}