{"product_id":"shampooing-sublime-keratine-certifie-bio-coslys","title":"Shampooing Sublime Kératine certifié bio – Coslys","description":"\u003cdiv class=\"soi-kera-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-kera-hero\"\u003e\n    \u003cdiv class=\"soi-kera-hero-tag\"\u003e\n      \u003cspan class=\"soi-kera-tag-dot\"\u003e\u003c\/span\u003e\n      Shampooing · Coslys\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-kera-hero-title\"\u003eShampooing Sublime Kératine certifié bio\u003c\/span\u003e\n    \u003cp class=\"soi-kera-hero-subtitle\"\u003eLa puissance de la phytokératine et la douceur de la fleur de lys bio pour redonner vie aux cheveux fragilisés et indisciplinés, dès le premier lavage.\u003c\/p\u003e\n    \u003cdiv class=\"soi-kera-hero-labels\"\u003e\n      \u003cspan class=\"soi-kera-label soi-kera-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-kera-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-kera-label\"\u003e0 % SILICONE\u003c\/span\u003e\n      \u003cspan class=\"soi-kera-label\"\u003e0 % SULFATE\u003c\/span\u003e\n      \u003cspan class=\"soi-kera-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Un shampooing kératine sans sulfate, vraiment efficace --\u003e\n  \u003csection class=\"soi-kera-section\"\u003e\n    \u003ch2\u003eUn shampooing kératine sans sulfate, vraiment efficace\u003c\/h2\u003e\n    \u003cp\u003eLa kératine est la protéine naturelle qui constitue 95 % de votre cheveu. Lorsque la fibre capillaire est endommagée par la chaleur, la coloration ou les agressions du quotidien, elle perd de sa cohésion et le cheveu se fragilise. La \u003cstrong\u003ephytokératine\u003c\/strong\u003e présente dans ce shampooing, issue du blé, du maïs, de la glycine et du champignon, vient combler les lacunes de la cuticule, lisser la surface du cheveu et restaurer sa résistance. Résultat : une fibre plus souple, plus forte, et un coiffage enfin facilité.\u003c\/p\u003e\n    \u003cp\u003eLa \u003cstrong\u003ebase lavante végétale sans sulfate\u003c\/strong\u003e nettoie en douceur sans décaper le film hydrolipidique du cuir chevelu. Idéal si vous avez le cuir chevelu sensible ou si vous souhaitez espacer vos shampooings sans alourdir la fibre.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Les bienfaits concrets pour vos cheveux --\u003e\n  \u003csection class=\"soi-kera-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets pour vos cheveux\u003c\/h2\u003e\n    \u003cdiv class=\"soi-kera-benefits\"\u003e\n      \u003cdiv class=\"soi-kera-benefit\"\u003e\n        \u003cdiv class=\"soi-kera-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eLissage et discipline\u003c\/h3\u003e\n        \u003cp\u003eLa phytokératine scelle la cuticule et réduit le volume et les frisottis, même par temps humide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kera-benefit\"\u003e\n        \u003cdiv class=\"soi-kera-benefit-icon\"\u003e\u003cspan\u003e🔧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRéparation en profondeur\u003c\/h3\u003e\n        \u003cp\u003eLes protéines végétales reconstituent la fibre capillaire fragilisée par la chaleur ou les colorations.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kera-benefit\"\u003e\n        \u003cdiv class=\"soi-kera-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eDouceur et brillance\u003c\/h3\u003e\n        \u003cp\u003eLa fleur de lys bio apporte un fini soyeux et lumineux sans effet plastique ni alourdissement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kera-benefit\"\u003e\n        \u003cdiv class=\"soi-kera-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eProtection thermique\u003c\/h3\u003e\n        \u003cp\u003eLe cheveu est mieux armé face à la chaleur du sèche-cheveux et du lisseur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kera-benefit\"\u003e\n        \u003cdiv class=\"soi-kera-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eDémêlage facilité\u003c\/h3\u003e\n        \u003cp\u003eExit les nœuds et les accrocs, la brosse glisse enfin sans effort.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Pour quel type de cheveux ? --\u003e\n  \u003csection class=\"soi-kera-section\"\u003e\n    \u003ch2\u003ePour quel type de cheveux ?\u003c\/h2\u003e\n    \u003cp class=\"soi-kera-section-intro\"\u003eCe shampooing à la kératine sans sulfate convient particulièrement aux cheveux :\u003c\/p\u003e\n    \u003cdiv class=\"soi-kera-grid\"\u003e\n      \u003cdiv class=\"soi-kera-card\"\u003e\n        \u003ch3\u003e💔 Fragilisés et cassants\u003c\/h3\u003e\n        \u003cp\u003eCheveux abîmés par les traitements chimiques, qui se cassent facilement et manquent de résistance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kera-card\"\u003e\n        \u003ch3\u003e🌀 Indisciplinés et frisottants\u003c\/h3\u003e\n        \u003cp\u003eCheveux difficiles à coiffer, qui frisottent et refusent de tenir en place au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kera-card\"\u003e\n        \u003ch3\u003e🎨 Colorés\u003c\/h3\u003e\n        \u003cp\u003eCheveux nécessitant un soin doux et respectueux de la couleur pour préserver l'éclat des pigments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kera-card\"\u003e\n        \u003ch3\u003e🤍 Blancs ou grisonnants\u003c\/h3\u003e\n        \u003cp\u003eCheveux souvent plus secs et poreux, qui bénéficient d'un apport en kératine végétale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kera-card\"\u003e\n        \u003ch3\u003e⚖️ Profil mixte\u003c\/h3\u003e\n        \u003cp\u003eCuir chevelu à tendance grasse mais pointes sèches : ce shampooing nettoie sans décaper et nourrit les longueurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Comment utiliser le shampooing kératine Coslys ? --\u003e\n  \u003csection class=\"soi-kera-section\"\u003e\n    \u003ch2\u003eComment utiliser le shampooing kératine Coslys ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-kera-timeline\"\u003e\n      \u003cdiv class=\"soi-kera-step\"\u003e\n        \u003cdiv class=\"soi-kera-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-kera-step-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de shampooing sur cheveux mouillés et massez délicatement le cuir chevelu avec le bout des doigts.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kera-step\"\u003e\n        \u003cdiv class=\"soi-kera-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-kera-step-content\"\u003e\n          \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n          \u003cp\u003eFaites mousser en remontant vers les pointes, puis laissez poser 1 à 2 minutes pour que la phytokératine agisse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kera-step\"\u003e\n        \u003cdiv class=\"soi-kera-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-kera-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède. Pour un résultat optimal, associez-le à un soin ou masque kératine en après-shampooing.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Composition du Shampooing Sublime Kératine Coslys --\u003e\n  \u003csection class=\"soi-kera-section\"\u003e\n    \u003ch2\u003eComposition du Shampooing Sublime Kératine Coslys\u003c\/h2\u003e\n    \u003cp class=\"soi-kera-section-intro\"\u003eFormulé à \u003cstrong\u003e97,8 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, sans silicone, sans sulfate, vegan et non testé sur les animaux. Fabriqué en France, dans le laboratoire Coslys à Somloire, en Anjou.\u003c\/p\u003e\n    \u003cdiv class=\"soi-kera-compo\"\u003e\n      \u003cdiv class=\"soi-kera-compo-row\"\u003e\n        \u003cspan class=\"soi-kera-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n        \u003cspan class=\"soi-kera-compo-value\"\u003e97,8 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kera-compo-row\"\u003e\n        \u003cspan class=\"soi-kera-compo-label\"\u003eActif principal\u003c\/span\u003e\n        \u003cspan class=\"soi-kera-compo-value\"\u003ePhytokératine (blé, maïs, glycine soja, champignon)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kera-compo-row\"\u003e\n        \u003cspan class=\"soi-kera-compo-label\"\u003eActif végétal\u003c\/span\u003e\n        \u003cspan class=\"soi-kera-compo-value\"\u003eExtrait de fleur de lys bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kera-compo-row\"\u003e\n        \u003cspan class=\"soi-kera-compo-label\"\u003eBase lavante\u003c\/span\u003e\n        \u003cspan class=\"soi-kera-compo-value\"\u003eVégétale sans sulfate (dérivés de coco et de sucre)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kera-compo-row\"\u003e\n        \u003cspan class=\"soi-kera-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-kera-compo-value\"\u003eSomloire, Anjou (France)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-kera-tip\"\u003e\n      \u003cdiv class=\"soi-kera-tip-icon\"\u003e📋\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eListe INCI complète\u003c\/strong\u003e\n        \u003cp\u003ePour la liste INCI complète, référez-vous à l'étiquette du produit ou contactez-nous directement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Certifications et engagements --\u003e\n  \u003csection class=\"soi-kera-section\"\u003e\n    \u003ch2\u003eCertifications et engagements\u003c\/h2\u003e\n    \u003cdiv class=\"soi-kera-grid-compact\"\u003e\n      \u003cdiv class=\"soi-kera-card-mini\"\u003e\n        \u003cspan class=\"soi-kera-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-kera-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-kera-card-mini-value\"\u003eCOSMOS Organic par Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kera-card-mini\"\u003e\n        \u003cspan class=\"soi-kera-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-kera-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-kera-card-mini-value\"\u003e0 % silicone, 0 % sulfate\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kera-card-mini\"\u003e\n        \u003cspan class=\"soi-kera-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n        \u003cspan class=\"soi-kera-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n        \u003cspan class=\"soi-kera-card-mini-value\"\u003eVegan, non testé sur les animaux\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kera-card-mini\"\u003e\n        \u003cspan class=\"soi-kera-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-kera-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-kera-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-kera-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-kera-cta-box\"\u003e\n      \u003cp class=\"soi-kera-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se coiffer sereinement\u003c\/p\u003e\n      \u003cp class=\"soi-kera-cta-text\" style=\"color: white;\"\u003eParce que vos cheveux méritent un soin à la hauteur de leur résistance quotidienne, offrez-leur réparation, douceur et discipline dans une formule bio, clean et fabriquée en France.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-kera-marine: #1A2D3D;\n  --soi-kera-marine-dark: #0F1E2B;\n  --soi-kera-marine-light: #2C4458;\n  --soi-kera-pomme: #A1C544;\n  --soi-kera-pomme-dark: #84A636;\n  --soi-kera-pomme-light: rgba(161,197,68,0.10);\n  --soi-kera-white: #FFFFFF;\n  --soi-kera-off-white: #F8FAF6;\n  --soi-kera-stone: #F1F3EE;\n  --soi-kera-line: #E5E8E0;\n  --soi-kera-primary: #C97B8A;\n  --soi-kera-primary-soft: #F2E0E5;\n  --soi-kera-accent: #D4A8B0;\n  --soi-kera-text: #1A2D3D;\n  --soi-kera-text-soft: #4A5B6B;\n  --soi-kera-text-muted: #7B8693;\n  --soi-kera-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-kera-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-kera-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-kera-radius: 12px;\n  --soi-kera-radius-sm: 8px;\n  --soi-kera-radius-pill: 999px;\n}\n\n.soi-kera-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-kera-fiche img { max-width: 100%; height: auto; }\n\n.soi-kera-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-kera-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-kera-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-kera-hero {\n  position: relative;\n  background: var(--soi-kera-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-kera-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-kera-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-kera-pomme);\n}\n\n.soi-kera-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-kera-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-kera-pomme);\n  border-radius: 50%;\n}\n\n.soi-kera-hero-title {\n  display: block;\n  color: var(--soi-kera-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-kera-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-kera-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-kera-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-kera-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-kera-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-kera-label-accent {\n  background: var(--soi-kera-pomme);\n  border-color: var(--soi-kera-pomme);\n  color: var(--soi-kera-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-kera-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-kera-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-kera-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-kera-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-kera-pomme);\n  border-radius: 2px;\n}\n\n.soi-kera-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-kera-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-kera-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-kera-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-kera-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-kera-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-kera-benefit {\n  background: var(--soi-kera-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-kera-radius);\n  border: 1px solid var(--soi-kera-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-kera-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-kera-shadow-md);\n}\n\n.soi-kera-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-kera-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-kera-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-kera-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-kera-benefit:hover .soi-kera-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-kera-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-kera-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-kera-benefit p {\n  font-size: 13px;\n  color: var(--soi-kera-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-kera-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-kera-card {\n  background: var(--soi-kera-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-kera-radius);\n  border-left: 3px solid var(--soi-kera-primary);\n}\n\n.soi-kera-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-kera-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-kera-card p {\n  font-size: 14px;\n  color: var(--soi-kera-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-kera-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-kera-card-mini {\n  background: var(--soi-kera-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-kera-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-kera-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-kera-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-kera-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-kera-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-kera-marine);\n}\n\n\/* TIMELINE *\/\n.soi-kera-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-kera-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-kera-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-kera-radius);\n  border: 1px solid var(--soi-kera-line);\n  align-items: flex-start;\n}\n\n.soi-kera-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-kera-marine);\n  color: var(--soi-kera-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-kera-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-kera-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-kera-step-content p {\n  font-size: 14px;\n  color: var(--soi-kera-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION (data rows) *\/\n.soi-kera-compo {\n  background: var(--soi-kera-off-white);\n  border-radius: var(--soi-kera-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-kera-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-kera-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-kera-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-kera-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-kera-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-kera-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-kera-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-kera-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-kera-pomme-light);\n  border-left: 4px solid var(--soi-kera-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-kera-radius) var(--soi-kera-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-kera-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-kera-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-kera-marine);\n  margin-bottom: 4px;\n}\n\n.soi-kera-tip p {\n  font-size: 14px;\n  color: var(--soi-kera-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-kera-cta-box {\n  background: var(--soi-kera-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-kera-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-kera-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-kera-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-kera-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-kera-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-kera-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-kera-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-kera-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-kera-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-kera-compo-value {\n    text-align: left;\n  }\n\n  .soi-kera-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-kera-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-kera-fiche {\n    --soi-kera-text-soft: #2C3E50;\n    --soi-kera-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603988209994,"sku":"CS0141","price":10.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-sublime-keratine-certifie-bio-coslys-packshot.webp?v=1779438932","url":"https:\/\/www.soinature.com\/products\/shampooing-sublime-keratine-certifie-bio-coslys","provider":"Soinature","version":"1.0","type":"link"}