{"product_id":"shampooing-protecteur-de-couleur-certifie-bio-et-vegan-coslys","title":"Shampooing Protecteur de Couleur certifié bio et vegan – Coslys","description":"\u003cdiv class=\"soi-shpc-fiche\"\u003e\n\n  \u003csection class=\"soi-shpc-hero\"\u003e\n    \u003cdiv class=\"soi-shpc-hero-tag\"\u003e\n      \u003cspan class=\"soi-shpc-tag-dot\"\u003e\u003c\/span\u003e\n      Soin capillaire · Coslys\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-shpc-hero-title\"\u003eShampooing Protecteur de Couleur certifié bio et vegan\u003c\/span\u003e\n    \u003cp class=\"soi-shpc-hero-subtitle\"\u003ePréservez l'éclat et l'intensité de votre couleur, lavage après lavage, grâce à une formule douce à la cerise et à la framboise bio française, sans sulfates ni silicone.\u003c\/p\u003e\n    \u003cdiv class=\"soi-shpc-hero-labels\"\u003e\n      \u003cspan class=\"soi-shpc-label soi-shpc-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-shpc-label\"\u003eVEGAN \u0026amp; CRUELTY FREE\u003c\/span\u003e\n      \u003cspan class=\"soi-shpc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-shpc-label\"\u003e97,9 % NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-shpc-label\"\u003eFLACON 100 % RECYCLÉ\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shpc-section\"\u003e\n    \u003ch2\u003ePourquoi ce shampooing couleur sans sulfate change vraiment les choses\u003c\/h2\u003e\n    \u003cp class=\"soi-shpc-section-intro\"\u003eVous avez investi dans une belle couleur ou des mèches soignées, et la dernière chose que vous souhaitez, c'est de les voir ternir après quelques lavages. Coslys fait le choix d'une formule douce, à 97,9 % d'origine naturelle, qui nettoie sans agresser la fibre capillaire ni accélérer la décoloration.\u003c\/p\u003e\n    \u003cdiv class=\"soi-shpc-benefits\"\u003e\n      \u003cdiv class=\"soi-shpc-benefit\"\u003e\n        \u003cdiv class=\"soi-shpc-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003epH entre 4 et 5\u003c\/h3\u003e\n        \u003cp\u003eCe pH légèrement acide referme les écailles du cheveu après coloration, limitant la fuite des pigments et préservant l'intensité de la teinte.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shpc-benefit\"\u003e\n        \u003cdiv class=\"soi-shpc-benefit-icon\"\u003e\u003cspan\u003e🚫\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSans silicone\u003c\/h3\u003e\n        \u003cp\u003eVos cheveux sont réellement nourris, pas simplement gainés en surface. La fibre capillaire respire et retrouve sa vitalité naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shpc-benefit\"\u003e\n        \u003cdiv class=\"soi-shpc-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSans sulfates\u003c\/h3\u003e\n        \u003cp\u003eUn nettoyage respectueux qui préserve votre couleur à chaque lavage, sans décaper ni fragiliser la fibre capillaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shpc-section\"\u003e\n    \u003ch2\u003eLes actifs clés : cerise bio et framboise bio française\u003c\/h2\u003e\n    \u003cp class=\"soi-shpc-section-intro\"\u003eCe qui rend ce shampooing pour cheveux colorés vraiment unique, c'est son trio d'actifs gourmands et efficaces, sélectionnés pour protéger et sublimer votre couleur.\u003c\/p\u003e\n    \u003cdiv class=\"soi-shpc-grid\"\u003e\n      \u003cdiv class=\"soi-shpc-card\"\u003e\n        \u003ch3\u003e🍒 Huile de cerise bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en acides gras essentiels, elle nourrit en profondeur la fibre capillaire fragilisée par la coloration et lui restitue souplesse et brillance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shpc-card\"\u003e\n        \u003ch3\u003e🫐 Vinaigre de framboise bio français\u003c\/h3\u003e\n        \u003cp\u003eNaturellement acidifiant, il contribue à la fermeture des écailles et agit comme une véritable barrière contre les agressions extérieures : pollution, calcaire, UV.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shpc-card\"\u003e\n        \u003ch3\u003e🌾 Protéine de riz\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour renforcer la structure du cheveu, elle aide à maintenir l'intensité et la vivacité de la couleur sur la durée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shpc-tip\"\u003e\n      \u003cdiv class=\"soi-shpc-tip-icon\"\u003e✨\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe résultat\u003c\/strong\u003e\n        \u003cp\u003eUn parfum fruité et délicat, des cheveux visiblement plus brillants, et une couleur qui tient dans le temps.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shpc-section\"\u003e\n    \u003ch2\u003eComment utiliser votre shampooing protecteur de couleur Coslys\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shpc-timeline\"\u003e\n      \u003cdiv class=\"soi-shpc-step\"\u003e\n        \u003cdiv class=\"soi-shpc-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-shpc-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 du bout des doigts.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shpc-step\"\u003e\n        \u003cdiv class=\"soi-shpc-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-shpc-step-content\"\u003e\n          \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n          \u003cp\u003ePatientez 1 à 2 minutes pour laisser les actifs agir sur la fibre capillaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shpc-step\"\u003e\n        \u003cdiv class=\"soi-shpc-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-shpc-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède. Évitez l'eau trop chaude, qui ouvre les écailles et favorise la décoloration.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shpc-step\"\u003e\n        \u003cdiv class=\"soi-shpc-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-shpc-step-content\"\u003e\n          \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n          \u003cp\u003eÀ utiliser à chaque lavage pour des résultats optimaux. Renouvelez l'opération si besoin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shpc-section\"\u003e\n    \u003ch2\u003eComposition complète du shampooing\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shpc-accordion\"\u003e\n      \u003cdetails class=\"soi-shpc-accordion-item\"\u003e\n        \u003csummary class=\"soi-shpc-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"soi-shpc-accordion-content\"\u003e\n          \u003cp\u003eAqua (Water), Disodium Cocoyl Glutamate, Sodium Cocoyl Glutamate, Cocamidopropyl Betaine, Glycerin*, Hydrolyzed Rice Protein, Prunus Avium (Sweet Cherry) Seed Oil*, Rubus Idaeus (Raspberry) Fruit Vinegar*, Sodium Chloride, Citric Acid, Parfum (Fragrance), Benzyl Alcohol, Dehydroacetic Acid, Sodium Benzoate, Potassium Sorbate, CI 17200, CI 42090.\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-shpc-section\"\u003e\n    \u003ch2\u003eCe shampooing est fait pour vous si…\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shpc-grid\"\u003e\n      \u003cdiv class=\"soi-shpc-card\"\u003e\n        \u003ch3\u003e🎨 Vous avez les cheveux colorés, méchés ou balayés\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez préserver l'éclat de votre couleur entre deux colorations et limiter la perte de pigments au fil des lavages.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shpc-card\"\u003e\n        \u003ch3\u003e🌱 Vous recherchez une formule bio et vegan\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez un shampooing couleur sans sulfate, vegan et certifié bio, sans compromis sur l'efficacité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shpc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Vous privilégiez la fabrication française\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez une alternative naturelle avec une formule fabriquée en France et un flacon 100 % recyclé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shpc-card\"\u003e\n        \u003ch3\u003e🐰 Vous êtes sensible au respect du vivant\u003c\/h3\u003e\n        \u003cp\u003eVous êtes sensible aux produits respectueux de l'environnement et des animaux, certifié Cruelty Free.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shpc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-shpc-cta-box\"\u003e\n      \u003cp class=\"soi-shpc-cta-tag\" style=\"color: white;\"\u003eVotre couleur mérite le meilleur du naturel\u003c\/p\u003e\n      \u003cp class=\"soi-shpc-cta-text\" style=\"color: white;\"\u003eProtégez chaque nuance et ravivez l'éclat de vos cheveux avec ce shampooing bio Coslys. Une routine capillaire douce, gourmande et engagée, pour une couleur qui dure.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-shpc-marine: #1A2D3D;\n  --soi-shpc-marine-dark: #0F1E2B;\n  --soi-shpc-marine-light: #2C4458;\n  --soi-shpc-pomme: #A1C544;\n  --soi-shpc-pomme-dark: #84A636;\n  --soi-shpc-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-shpc-white: #FFFFFF;\n  --soi-shpc-off-white: #F8FAF6;\n  --soi-shpc-stone: #F1F3EE;\n  --soi-shpc-line: #E5E8E0;\n\n  --soi-shpc-primary: #C0394F;\n  --soi-shpc-primary-soft: #F2E0E4;\n  --soi-shpc-accent: #D4A82A;\n\n  --soi-shpc-text: #1A2D3D;\n  --soi-shpc-text-soft: #4A5B6B;\n  --soi-shpc-text-muted: #7B8693;\n\n  --soi-shpc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-shpc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-shpc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-shpc-radius: 12px;\n  --soi-shpc-radius-sm: 8px;\n  --soi-shpc-radius-pill: 999px;\n}\n\n.soi-shpc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shpc-fiche img { max-width: 100%; height: auto; }\n\n.soi-shpc-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-shpc-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-shpc-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shpc-hero {\n  position: relative;\n  background: var(--soi-shpc-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-shpc-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-shpc-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-shpc-pomme);\n}\n\n.soi-shpc-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-shpc-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-shpc-pomme);\n  border-radius: 50%;\n}\n\n.soi-shpc-hero-title {\n  display: block;\n  color: var(--soi-shpc-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-shpc-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-shpc-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-shpc-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-shpc-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-shpc-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-shpc-label-accent {\n  background: var(--soi-shpc-pomme);\n  border-color: var(--soi-shpc-pomme);\n  color: var(--soi-shpc-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shpc-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shpc-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-shpc-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-shpc-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-shpc-pomme);\n  border-radius: 2px;\n}\n\n.soi-shpc-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-shpc-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-shpc-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-shpc-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-shpc-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shpc-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-shpc-benefit {\n  background: var(--soi-shpc-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-shpc-radius);\n  border: 1px solid var(--soi-shpc-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shpc-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-shpc-shadow-md);\n}\n\n.soi-shpc-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-shpc-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-shpc-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-shpc-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-shpc-benefit:hover .soi-shpc-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-shpc-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shpc-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shpc-benefit p {\n  font-size: 13px;\n  color: var(--soi-shpc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shpc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-shpc-card {\n  background: var(--soi-shpc-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shpc-radius);\n  border-left: 3px solid var(--soi-shpc-pomme);\n}\n\n.soi-shpc-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shpc-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shpc-card p {\n  font-size: 14px;\n  color: var(--soi-shpc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shpc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-shpc-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-shpc-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shpc-radius);\n  border: 1px solid var(--soi-shpc-line);\n  align-items: flex-start;\n}\n\n.soi-shpc-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-shpc-marine);\n  color: var(--soi-shpc-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-shpc-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shpc-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-shpc-step-content p {\n  font-size: 14px;\n  color: var(--soi-shpc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-shpc-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-shpc-pomme-light);\n  border-left: 4px solid var(--soi-shpc-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-shpc-radius) var(--soi-shpc-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-shpc-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-shpc-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-shpc-marine);\n  margin-bottom: 4px;\n}\n\n.soi-shpc-tip p {\n  font-size: 14px;\n  color: var(--soi-shpc-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shpc-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-shpc-accordion-item {\n  background: var(--soi-shpc-off-white);\n  border-radius: var(--soi-shpc-radius-sm);\n  border: 1px solid var(--soi-shpc-line);\n  overflow: hidden;\n}\n\n.soi-shpc-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-shpc-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-shpc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-shpc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-shpc-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-shpc-accordion-item[open] .soi-shpc-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-shpc-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-shpc-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-shpc-text-soft);\n  line-height: 1.6;\n  margin-bottom: 0.5rem;\n}\n\n.soi-shpc-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-shpc-accordion-content em {\n  font-size: 13px;\n  color: var(--soi-shpc-text-muted);\n}\n\n\/* === CTA BOX === *\/\n.soi-shpc-cta-box {\n  background: var(--soi-shpc-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-shpc-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-shpc-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-shpc-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-shpc-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-shpc-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-shpc-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-shpc-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-shpc-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-shpc-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-shpc-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-shpc-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-shpc-tip {\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-shpc-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-shpc-fiche {\n    --soi-shpc-text-soft: #2C3E50;\n    --soi-shpc-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603511238986,"sku":"CS0116","price":13.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-protecteur-de-couleur-certifie-bio-et-vegan-cosly-packshot.webp?v=1779444149","url":"https:\/\/www.soinature.com\/products\/shampooing-protecteur-de-couleur-certifie-bio-et-vegan-coslys","provider":"Soinature","version":"1.0","type":"link"}