{"product_id":"creme-douche-relaxante-certifiee-bio-coslys","title":"Crème douche Relaxante certifiée bio – Coslys","description":"\u003cdiv class=\"soi-cosl-fiche\"\u003e\n\n  \u003csection class=\"soi-cosl-hero\"\u003e\n    \u003cdiv class=\"soi-cosl-hero-tag\"\u003e\n      \u003cspan class=\"soi-cosl-tag-dot\"\u003e\u003c\/span\u003e\n      Crème de douche bio · Coslys\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-cosl-hero-title\"\u003eUn goûter d'automne sous la douche\u003c\/span\u003e\n    \u003cp class=\"soi-cosl-hero-subtitle\"\u003eChâtaigne bio française et caramel se rencontrent dans une crème de douche sans sulfates ni savon. Elle convient à tous les types de peau et se partage en famille dès 3 ans.\u003c\/p\u003e\n    \u003cdiv class=\"soi-cosl-hero-labels\"\u003e\n      \u003cspan class=\"soi-cosl-label soi-cosl-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-cosl-label\"\u003eSANS SULFATES\u003c\/span\u003e\n      \u003cspan class=\"soi-cosl-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-cosl-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n      \u003cspan class=\"soi-cosl-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-cosl-section\"\u003e\n    \u003ch2\u003eUn gel douche naturel bio qui sent l'automne\u003c\/h2\u003e\n    \u003cp\u003eDès la première noisette, la texture crémeuse mousse en douceur et libère des \u003cstrong\u003enotes sucrées et lactées\u003c\/strong\u003e. Le parfum de caramel est \u003cstrong\u003e100% d'origine naturelle\u003c\/strong\u003e. Il s'accorde avec des extraits de \u003cstrong\u003ecosses de cacao\u003c\/strong\u003e et de \u003cstrong\u003echâtaigne bio cultivée en Ardèche\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003cp\u003eLe résultat : une odeur réconfortante, comparable à un goûter d'automne, qui s'installe sans être écœurante. Un vrai moment de pause, après une longue journée ou avant de vous coucher.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-cosl-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette crème de douche bio ?\u003c\/h2\u003e\n    \u003cp class=\"soi-cosl-section-intro\"\u003eFace à la multitude de gels douche naturels, voici les critères qui comptent vraiment pour bien choisir le produit lavant de votre famille.\u003c\/p\u003e\n    \u003cdiv class=\"soi-cosl-grid\"\u003e\n      \u003cdiv class=\"soi-cosl-card\"\u003e\n        \u003ch3\u003eUne certification reconnue\u003c\/h3\u003e\n        \u003cp\u003eCe produit est certifié Cosmos Organic, un référentiel exigeant et un vrai gage de transparence.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cosl-card\"\u003e\n        \u003ch3\u003e98% d'ingrédients d'origine naturelle\u003c\/h3\u003e\n        \u003cp\u003eLa formulation d'un produit lavant moussant demande toujours quelques ingrédients de transformation. Ici, la part naturelle atteint 98%, ce qui est remarquable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cosl-card\"\u003e\n        \u003ch3\u003eSans sulfates et sans savon\u003c\/h3\u003e\n        \u003cp\u003eLa base lavante végétale nettoie sans décaper, sans produit chimique agressif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cosl-card\"\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-cosl-card\"\u003e\n        \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eUne production locale, avec des matières premières issues de filières françaises.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-cosl-section\"\u003e\n    \u003ch2\u003eComposition : ce que contient le flacon\u003c\/h2\u003e\n    \u003cp class=\"soi-cosl-section-intro\"\u003eLa formule repose sur une logique simple : peu d'artifices, des ingrédients sélectionnés.\u003c\/p\u003e\n    \u003cdiv class=\"soi-cosl-benefits\"\u003e\n      \u003cdiv class=\"soi-cosl-benefit\"\u003e\n        \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eBase lavante végétale\u003c\/h3\u003e\n        \u003cp\u003eElle nettoie en douceur et respecte l'équilibre de l'épiderme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cosl-benefit\"\u003e\n        \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🌰\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eChâtaigne bio d'Ardèche\u003c\/h3\u003e\n        \u003cp\u003eIssu de l'agriculture biologique, cet extrait donne à la crème son caractère boisé et rond.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cosl-benefit\"\u003e\n        \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🍫\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCosses de cacao\u003c\/h3\u003e\n        \u003cp\u003eLeurs extraits apportent la note chocolatée et lactée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cosl-benefit\"\u003e\n        \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eParfum caramel\u003c\/h3\u003e\n        \u003cp\u003e100% d'origine naturelle, sans fragrance de synthèse.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-cosl-note\"\u003eLa liste INCI complète figure sur l'étiquette du flacon. Nous vous invitons à la consulter si vous avez des allergies connues.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-cosl-section\"\u003e\n    \u003ch2\u003eComment l'utiliser en 3 gestes\u003c\/h2\u003e\n    \u003cdiv class=\"soi-cosl-timeline\"\u003e\n      \u003cdiv class=\"soi-cosl-step\"\u003e\n        \u003cdiv class=\"soi-cosl-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-cosl-step-content\"\u003e\n          \u003ch3\u003eMouillez\u003c\/h3\u003e\n          \u003cp\u003eHumidifiez votre peau à l'eau tiède, pas trop chaude, pour préserver son confort.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cosl-step\"\u003e\n        \u003cdiv class=\"soi-cosl-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-cosl-step-content\"\u003e\n          \u003ch3\u003eDéposez\u003c\/h3\u003e\n          \u003cp\u003ePlacez une noisette de crème dans la paume ou sur une fleur de douche, puis faites mousser.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cosl-step\"\u003e\n        \u003cdiv class=\"soi-cosl-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-cosl-step-content\"\u003e\n          \u003ch3\u003eMassez\u003c\/h3\u003e\n          \u003cp\u003eMassez doucement le corps en prenant le temps de respirer le parfum, puis rincez abondamment.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cosl-tip\"\u003e\n      \u003cdiv class=\"soi-cosl-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eSon usage est possible au quotidien. Pour les plus jeunes (dès 3 ans), un adulte peut doser la quantité et veiller à éviter le contact avec les yeux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-cosl-section\"\u003e\n    \u003ch2\u003ePour qui est-elle faite ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-cosl-grid\"\u003e\n      \u003cdiv class=\"soi-cosl-card soi-cosl-card-warm\"\u003e\n        \u003ch3\u003eLes gourmands\u003c\/h3\u003e\n        \u003cp\u003ePour celles et ceux qui aiment les rituels sensoriels et les parfums rassurants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cosl-card soi-cosl-card-warm\"\u003e\n        \u003ch3\u003eLes peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eElles apprécient l'absence de sulfates et de savon.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cosl-card soi-cosl-card-warm\"\u003e\n        \u003ch3\u003eToute la famille\u003c\/h3\u003e\n        \u003cp\u003eUn seul flacon pour les parents et les enfants dès 3 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cosl-card soi-cosl-card-warm\"\u003e\n        \u003ch3\u003eLes hommes\u003c\/h3\u003e\n        \u003cp\u003eLe parfum de châtaigne et de cacao, chaud et boisé, n'a rien de trop sucré.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-cosl-note\"\u003eVous hésitez encore ? Les avis sur cette crème de douche relaxante Coslys mentionnent surtout sa mousse onctueuse et son parfum enveloppant. Un bon point de départ pour découvrir un gel douche naturel bio en toute simplicité.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-cosl-section\"\u003e\n    \u003ch2\u003eBon à savoir\u003c\/h2\u003e\n    \u003cdiv class=\"soi-cosl-accordion\"\u003e\n      \u003cdetails class=\"soi-cosl-accordion-item\"\u003e\n        \u003csummary class=\"soi-cosl-accordion-header\"\u003ePrécautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-cosl-accordion-content\"\u003e\n          \u003cp\u003eCe produit cosmétique est destiné à l'hygiène quotidienne. Il ne remplace pas un traitement médical ni l'avis d'un professionnel de santé en cas de problème de peau (eczéma, psoriasis, irritations persistantes).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-cosl-accordion-item\"\u003e\n        \u003csummary class=\"soi-cosl-accordion-header\"\u003eConservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-cosl-accordion-content\"\u003e\n          \u003cp\u003eConservez le flacon à l'abri de la chaleur et refermez-le bien après usage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-cosl-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-cosl-cta-box\"\u003e\n      \u003cp class=\"soi-cosl-cta-tag\" style=\"color: white;\"\u003eVotre parenthèse gourmande et bio\u003c\/p\u003e\n      \u003cp class=\"soi-cosl-cta-text\" style=\"color: white;\"\u003eCaramel fondant, châtaigne d'Ardèche et cacao réconfortant enveloppent votre peau comme un plaid d'automne. Chaque minute sous l'eau devient un moment de calme, pour vous et toute la famille.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.soi-cosl-fiche {\n  --soi-cosl-marine: #1A2D3D;\n  --soi-cosl-marine-dark: #0F1E2B;\n  --soi-cosl-marine-light: #2C4458;\n  --soi-cosl-pomme: #A1C544;\n  --soi-cosl-pomme-dark: #84A636;\n  --soi-cosl-pomme-light: rgba(161,197,68,0.10);\n  --soi-cosl-white: #FFFFFF;\n  --soi-cosl-off-white: #F8FAF6;\n  --soi-cosl-stone: #F1F3EE;\n  --soi-cosl-line: #E5E8E0;\n  --soi-cosl-primary: #D9942F;\n  --soi-cosl-primary-soft: #FBF1E2;\n  --soi-cosl-accent: #7A4A2E;\n  --soi-cosl-text: #1A2D3D;\n  --soi-cosl-text-soft: #4A5B6B;\n  --soi-cosl-text-muted: #7B8693;\n  --soi-cosl-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-cosl-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-cosl-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-cosl-radius: 12px;\n  --soi-cosl-radius-sm: 8px;\n  --soi-cosl-radius-pill: 999px;\n}\n\n.soi-cosl-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cosl-fiche img { max-width: 100%; height: auto; }\n\n.soi-cosl-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-cosl-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-cosl-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-cosl-hero {\n  position: relative;\n  background: var(--soi-cosl-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-cosl-radius);\n  text-align: center;\n  overflow: hidden;\n}\n.soi-cosl-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-cosl-pomme);\n}\n.soi-cosl-hero::after {\n  content: '';\n  position: absolute;\n  bottom: 0; left: 50%;\n  transform: translateX(-50%);\n  width: 80px;\n  height: 3px;\n  background: var(--soi-cosl-primary);\n  border-radius: 3px 3px 0 0;\n}\n.soi-cosl-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.soi-cosl-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-cosl-pomme);\n  border-radius: 50%;\n}\n.soi-cosl-hero-title {\n  display: block;\n  color: var(--soi-cosl-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.soi-cosl-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.soi-cosl-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n.soi-cosl-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-cosl-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-cosl-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n.soi-cosl-label-accent {\n  background: var(--soi-cosl-pomme);\n  border-color: var(--soi-cosl-pomme);\n  color: var(--soi-cosl-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-cosl-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n.soi-cosl-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-cosl-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.soi-cosl-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-cosl-pomme);\n  border-radius: 2px;\n}\n.soi-cosl-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-cosl-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n.soi-cosl-section p:last-child {\n  margin-bottom: 0;\n}\n.soi-cosl-section .soi-cosl-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-cosl-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n.soi-cosl-section .soi-cosl-note {\n  margin-top: 1.25rem;\n  font-size: clamp(13px, 1.8vw, 14px);\n  color: var(--soi-cosl-text-soft);\n}\n\n\/* BENEFITS *\/\n.soi-cosl-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n.soi-cosl-benefit {\n  background: var(--soi-cosl-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-cosl-radius);\n  border: 1px solid var(--soi-cosl-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.soi-cosl-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-cosl-shadow-md);\n}\n.soi-cosl-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-cosl-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.soi-cosl-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-cosl-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n.soi-cosl-benefit:hover .soi-cosl-benefit-icon::after {\n  opacity: 1;\n}\n.soi-cosl-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-cosl-marine);\n  margin-bottom: 0.5rem;\n}\n.soi-cosl-benefit p {\n  font-size: 15px;\n  color: var(--soi-cosl-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-cosl-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n.soi-cosl-card {\n  background: var(--soi-cosl-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-cosl-radius);\n  border-left: 3px solid var(--soi-cosl-pomme);\n}\n.soi-cosl-card-warm {\n  background: var(--soi-cosl-primary-soft);\n  border-left-color: var(--soi-cosl-primary);\n}\n.soi-cosl-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-cosl-marine);\n  margin-bottom: 0.5rem;\n}\n.soi-cosl-card p {\n  font-size: 14px;\n  color: var(--soi-cosl-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-cosl-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n.soi-cosl-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-cosl-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-cosl-radius);\n  border: 1px solid var(--soi-cosl-line);\n  align-items: flex-start;\n}\n.soi-cosl-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-cosl-marine);\n  color: var(--soi-cosl-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.soi-cosl-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-cosl-marine);\n  margin-bottom: 0.3rem;\n}\n.soi-cosl-step-content p {\n  font-size: 15px;\n  color: var(--soi-cosl-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* TIP *\/\n.soi-cosl-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-cosl-pomme-light);\n  border-left: 4px solid var(--soi-cosl-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-cosl-radius) var(--soi-cosl-radius) 0;\n  align-items: flex-start;\n}\n.soi-cosl-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n.soi-cosl-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-cosl-marine);\n  margin-bottom: 4px;\n}\n.soi-cosl-tip p {\n  font-size: 15px;\n  color: var(--soi-cosl-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-cosl-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.soi-cosl-accordion-item {\n  background: var(--soi-cosl-off-white);\n  border-radius: var(--soi-cosl-radius-sm);\n  border: 1px solid var(--soi-cosl-line);\n  overflow: hidden;\n}\n.soi-cosl-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-cosl-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.soi-cosl-accordion-header::-webkit-details-marker {\n  display: none;\n}\n.soi-cosl-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-cosl-pomme);\n  transition: transform 0.2s ease;\n}\n.soi-cosl-accordion-item[open] .soi-cosl-accordion-header::after {\n  transform: rotate(45deg);\n}\n.soi-cosl-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n.soi-cosl-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-cosl-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-cosl-cta-box {\n  background: var(--soi-cosl-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-cosl-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n.soi-cosl-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-cosl-pomme);\n  border-radius: 0 0 4px 4px;\n}\n.soi-cosl-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-cosl-pomme);\n  margin-bottom: 0.75rem;\n}\n.soi-cosl-section .soi-cosl-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(16px, 2.6vw, 20px);\n  font-weight: 500;\n  color: var(--soi-cosl-white);\n  line-height: 1.5;\n  margin: 0 auto;\n  max-width: 640px;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n  .soi-cosl-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n  .soi-cosl-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-cosl-fiche * {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n@media (prefers-contrast: more) {\n  .soi-cosl-fiche {\n    --soi-cosl-text-soft: #2C3E50;\n    --soi-cosl-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603510059338,"sku":"CS0085","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-douche-relaxante-certifiee-bio-coslys-packshot.webp?v=1792142911","url":"https:\/\/firmtoaromatherapy.com\/products\/creme-douche-relaxante-certifiee-bio-coslys","provider":"Soinature","version":"1.0","type":"link"}