{"product_id":"gel-douche-rafraichissant-certifie-bio-coslys","title":"Gel douche Rafraîchissant certifié bio – Coslys","description":"\u003cdiv class=\"soi-geld-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-geld-hero\"\u003e\n    \u003cdiv class=\"soi-geld-hero-tag\"\u003e\n      \u003cspan class=\"soi-geld-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène · Coslys\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-geld-hero-title\"\u003eFraîcheur mentholée et douceur du chanvre bio\u003c\/span\u003e\n    \u003cp class=\"soi-geld-hero-subtitle\"\u003eUn gel douche certifié bio qui nettoie en douceur, respecte l'équilibre de votre peau et vous enveloppe d'une sensation de fraîcheur vivifiante, chaque jour.\u003c\/p\u003e\n    \u003cdiv class=\"soi-geld-hero-labels\"\u003e\n      \u003cspan class=\"soi-geld-label soi-geld-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-geld-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-geld-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n      \u003cspan class=\"soi-geld-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-geld-label\"\u003e98 % D'ORIGINE NATURELLE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Un gel douche bio qui transforme votre douche en bulle de fraîcheur --\u003e\n  \u003csection class=\"soi-geld-section\"\u003e\n    \u003ch2\u003eUn gel douche bio qui transforme votre douche en bulle de fraîcheur\u003c\/h2\u003e\n    \u003cp\u003eImaginez commencer ou terminer votre journée avec une bouffée de menthe fraîche et les bienfaits apaisants du chanvre bio français. C'est exactement ce que vous offre le \u003cstrong\u003eGel Douche Rafraîchissant certifié bio Coslys\u003c\/strong\u003e, une formule pensée pour nettoyer en douceur, respecter l'équilibre naturel de la peau et vous procurer un vrai moment de bien-être sensoriel, sans compromis sur les ingrédients.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Pourquoi choisir ce gel douche bio Coslys ? --\u003e\n  \u003csection class=\"soi-geld-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce gel douche bio Coslys ?\u003c\/h2\u003e\n    \u003cp class=\"soi-geld-section-intro\"\u003eSur un marché saturé de gels douche conventionnels bourrés de sulfates et de parfums synthétiques, ce produit se démarque par sa transparence et son efficacité réelle.\u003c\/p\u003e\n    \u003cdiv class=\"soi-geld-benefits\"\u003e\n      \u003cdiv class=\"soi-geld-benefit\"\u003e\n        \u003cdiv class=\"soi-geld-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCertifié Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003eLe label le plus exigeant en cosmétique bio, garantissant la traçabilité et la qualité des ingrédients d'origine biologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-geld-benefit\"\u003e\n        \u003cdiv class=\"soi-geld-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003e98 % d'origine naturelle\u003c\/h3\u003e\n        \u003cp\u003eUne formule clean, sans savon ni tensioactifs sulfatés, qui respecte le film hydrolipidique protecteur de votre peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-geld-benefit\"\u003e\n        \u003cdiv class=\"soi-geld-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 animal, aucun test sur les animaux. Un soin éthique du début à la fin.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-geld-benefit\"\u003e\n        \u003cdiv class=\"soi-geld-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\u003eAdapté à tous les types de peau, y compris les peaux sensibles. Convient aussi bien aux adultes qu'aux enfants.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Menthe et chanvre bio français --\u003e\n  \u003csection class=\"soi-geld-section\"\u003e\n    \u003ch2\u003eMenthe et chanvre bio français : un duo rafraîchissant et nourrissant\u003c\/h2\u003e\n    \u003cp class=\"soi-geld-section-intro\"\u003eLa force de ce gel douche bio repose sur deux actifs d'exception, tous deux issus de l'agriculture biologique française.\u003c\/p\u003e\n    \u003cdiv class=\"soi-geld-grid\"\u003e\n      \u003cdiv class=\"soi-geld-card\"\u003e\n        \u003ch3\u003e🍃 Menthe bio française\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour sa fraîcheur instantanée et ses propriétés purifiantes, elle laisse la peau propre et les sens éveillés. Idéale après le sport ou lors des fortes chaleurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-geld-card\"\u003e\n        \u003ch3\u003e🌱 Huile de chanvre bio\u003c\/h3\u003e\n        \u003cp\u003eExtraite de graines de chanvre issues de filières textiles locales dans une démarche d'économie circulaire, elle apporte des acides gras essentiels qui nourrissent et apaisent la peau sans l'alourdir. Parfaite même pour les peaux sensibles ou sujettes à l'inconfort.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-geld-tip\"\u003e\n      \u003cdiv class=\"soi-geld-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCette association unique en fait un gel douche bio aussi efficace pour un homme actif que pour une routine familiale quotidienne, bébé inclus dès 3 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Composition complète et ingrédients --\u003e\n  \u003csection class=\"soi-geld-section\"\u003e\n    \u003ch2\u003eComposition complète et ingrédients\u003c\/h2\u003e\n    \u003cp class=\"soi-geld-section-intro\"\u003eLa formule de ce gel douche bio est volontairement courte et lisible, une garantie de transparence.\u003c\/p\u003e\n    \u003cdiv class=\"soi-geld-compo\"\u003e\n      \u003cdiv class=\"soi-geld-compo-row\"\u003e\n        \u003cspan class=\"soi-geld-compo-label\"\u003eBase lavante\u003c\/span\u003e\n        \u003cspan class=\"soi-geld-compo-value\"\u003eVégétale, douce, moussante, sans sulfates ni savon agressif\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-geld-compo-row\"\u003e\n        \u003cspan class=\"soi-geld-compo-label\"\u003eActif rafraîchissant\u003c\/span\u003e\n        \u003cspan class=\"soi-geld-compo-value\"\u003eExtrait de menthe poivrée bio (Mentha Piperita)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-geld-compo-row\"\u003e\n        \u003cspan class=\"soi-geld-compo-label\"\u003eActif nourrissant\u003c\/span\u003e\n        \u003cspan class=\"soi-geld-compo-value\"\u003eHuile de graines de chanvre bio (Cannabis Sativa Seed Oil), riche en oméga-3 et oméga-6\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-geld-compo-row\"\u003e\n        \u003cspan class=\"soi-geld-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n        \u003cspan class=\"soi-geld-compo-value\"\u003e98 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-geld-compo-row\"\u003e\n        \u003cspan class=\"soi-geld-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-geld-compo-value\"\u003eSilicone, parabène, colorant synthétique, sulfates, savon\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003e\u003cem\u003eListe INCI complète disponible sur l'emballage et sur le site officiel Coslys.\u003c\/em\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Comment utiliser le gel douche Coslys au quotidien ? --\u003e\n  \u003csection class=\"soi-geld-section\"\u003e\n    \u003ch2\u003eComment utiliser le gel douche Coslys au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-geld-timeline\"\u003e\n      \u003cdiv class=\"soi-geld-step\"\u003e\n        \u003cdiv class=\"soi-geld-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-geld-step-content\"\u003e\n          \u003ch3\u003eAppliquer\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de gel sur une peau mouillée ou un gant de toilette.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-geld-step\"\u003e\n        \u003cdiv class=\"soi-geld-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-geld-step-content\"\u003e\n          \u003ch3\u003eFaire mousser\u003c\/h3\u003e\n          \u003cp\u003eMassez en effectuant des mouvements circulaires sur l'ensemble du corps.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-geld-step\"\u003e\n        \u003cdiv class=\"soi-geld-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-geld-step-content\"\u003e\n          \u003ch3\u003eRincer\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-geld-step\"\u003e\n        \u003cdiv class=\"soi-geld-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-geld-step-content\"\u003e\n          \u003ch3\u003eRenouveler chaque jour\u003c\/h3\u003e\n          \u003cp\u003eUtilisable matin et soir, pour toute la famille dès 3 ans.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-geld-tip\"\u003e\n      \u003cdiv class=\"soi-geld-tip-icon\"\u003e❄️\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eAstuce fraîcheur\u003c\/strong\u003e\n        \u003cp\u003ePour une sensation de fraîcheur maximale, optez pour une eau légèrement fraîche lors du rinçage : la menthe n'en sera que plus vivifiante.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 : Un choix responsable du flacon à la formule --\u003e\n  \u003csection class=\"soi-geld-section\"\u003e\n    \u003ch2\u003eUn choix responsable du flacon à la formule\u003c\/h2\u003e\n    \u003cp\u003eEn choisissant ce gel douche bio certifié, vous soutenez une marque française engagée : Coslys valorise des circuits courts, des ingrédients tracés et une production locale. Le chanvre utilisé provient directement de filières textiles françaises, évitant tout gaspillage de matière première. Un geste simple pour votre peau, et un vrai geste pour la planète.\u003c\/p\u003e\n    \u003cdiv class=\"soi-geld-grid-compact\"\u003e\n      \u003cdiv class=\"soi-geld-card-mini\"\u003e\n        \u003cspan class=\"soi-geld-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-geld-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-geld-card-mini-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-geld-card-mini\"\u003e\n        \u003cspan class=\"soi-geld-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n        \u003cspan class=\"soi-geld-card-mini-label\"\u003eFilière chanvre\u003c\/span\u003e\n        \u003cspan class=\"soi-geld-card-mini-value\"\u003eÉconomie circulaire\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-geld-card-mini\"\u003e\n        \u003cspan class=\"soi-geld-card-mini-icon\"\u003e🌍\u003c\/span\u003e\n        \u003cspan class=\"soi-geld-card-mini-label\"\u003eCircuits\u003c\/span\u003e\n        \u003cspan class=\"soi-geld-card-mini-value\"\u003eCourts et tracés\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-geld-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-geld-cta-box\"\u003e\n      \u003cp class=\"soi-geld-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se laver naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-geld-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau la fraîcheur de la menthe et la douceur du chanvre bio français. Chaque douche devient un vrai moment de bien-être, en toute conscience.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-geld-marine: #1A2D3D;\n  --soi-geld-marine-dark: #0F1E2B;\n  --soi-geld-marine-light: #2C4458;\n  --soi-geld-pomme: #A1C544;\n  --soi-geld-pomme-dark: #84A636;\n  --soi-geld-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-geld-white: #FFFFFF;\n  --soi-geld-off-white: #F8FAF6;\n  --soi-geld-stone: #F1F3EE;\n  --soi-geld-line: #E5E8E0;\n\n  --soi-geld-primary: #5AAE5A;\n  --soi-geld-primary-soft: #E8F5E8;\n  --soi-geld-accent: #94C5A8;\n\n  --soi-geld-text: #1A2D3D;\n  --soi-geld-text-soft: #4A5B6B;\n  --soi-geld-text-muted: #7B8693;\n\n  --soi-geld-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-geld-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-geld-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-geld-radius: 12px;\n  --soi-geld-radius-sm: 8px;\n  --soi-geld-radius-pill: 999px;\n}\n\n.soi-geld-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-geld-fiche img { max-width: 100%; height: auto; }\n\n.soi-geld-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-geld-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-geld-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-geld-hero {\n  position: relative;\n  background: var(--soi-geld-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-geld-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-geld-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-geld-pomme);\n}\n\n.soi-geld-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-geld-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-geld-pomme);\n  border-radius: 50%;\n}\n\n.soi-geld-hero-title {\n  display: block;\n  color: var(--soi-geld-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-geld-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-geld-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-geld-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-geld-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-geld-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-geld-label-accent {\n  background: var(--soi-geld-pomme);\n  border-color: var(--soi-geld-pomme);\n  color: var(--soi-geld-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-geld-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-geld-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-geld-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-geld-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-geld-pomme);\n  border-radius: 2px;\n}\n\n.soi-geld-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-geld-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-geld-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-geld-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-geld-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-geld-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-geld-benefit {\n  background: var(--soi-geld-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-geld-radius);\n  border: 1px solid var(--soi-geld-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-geld-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-geld-shadow-md);\n}\n\n.soi-geld-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-geld-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-geld-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-geld-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-geld-benefit:hover .soi-geld-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-geld-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-geld-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-geld-benefit p {\n  font-size: 13px;\n  color: var(--soi-geld-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-geld-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-geld-card {\n  background: var(--soi-geld-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-geld-radius);\n  border-left: 3px solid var(--soi-geld-pomme);\n}\n\n.soi-geld-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-geld-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-geld-card p {\n  font-size: 14px;\n  color: var(--soi-geld-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-geld-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-geld-card-mini {\n  background: var(--soi-geld-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-geld-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-geld-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-geld-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-geld-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-geld-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-geld-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-geld-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-geld-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-geld-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-geld-radius);\n  border: 1px solid var(--soi-geld-line);\n  align-items: flex-start;\n}\n\n.soi-geld-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-geld-marine);\n  color: var(--soi-geld-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-geld-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-geld-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-geld-step-content p {\n  font-size: 14px;\n  color: var(--soi-geld-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-geld-compo {\n  background: var(--soi-geld-off-white);\n  border-radius: var(--soi-geld-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1rem;\n}\n\n.soi-geld-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-geld-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-geld-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-geld-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-geld-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-geld-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-geld-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-geld-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-geld-pomme-light);\n  border-left: 4px solid var(--soi-geld-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-geld-radius) var(--soi-geld-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-geld-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-geld-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-geld-marine);\n  margin-bottom: 4px;\n}\n\n.soi-geld-tip p {\n  font-size: 14px;\n  color: var(--soi-geld-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-geld-cta-box {\n  background: var(--soi-geld-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-geld-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-geld-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-geld-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-geld-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-geld-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-geld-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-geld-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-geld-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-geld-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-geld-compo-value {\n    text-align: left;\n  }\n\n  .soi-geld-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-geld-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-geld-fiche {\n    --soi-geld-text-soft: #2C3E50;\n    --soi-geld-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603508420938,"sku":"CS0080","price":5.68,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-rafraichissant-certifie-bio-coslys-packshot.webp?v=1781524168","url":"https:\/\/www.soinature.com\/products\/gel-douche-rafraichissant-certifie-bio-coslys","provider":"Soinature","version":"1.0","type":"link"}