{"product_id":"gel-lavant-mains-pomme-certifie-bio-coslys","title":"Gel Lavant Mains Pomme certifié bio – Coslys","description":"\u003cdiv class=\"soi-glpm-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-glpm-hero\"\u003e\n    \u003cdiv class=\"soi-glpm-hero-tag\"\u003e\n      \u003cspan class=\"soi-glpm-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène · Coslys\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-glpm-hero-title\"\u003eDes mains douces, lavage après lavage\u003c\/span\u003e\n    \u003cp class=\"soi-glpm-hero-subtitle\"\u003eUn gel lavant certifié bio, formulé sans savon, qui nettoie en douceur sans jamais tiraillier. 97,5 % d'ingrédients d'origine naturelle, fabriqué en France.\u003c\/p\u003e\n    \u003cdiv class=\"soi-glpm-hero-labels\"\u003e\n      \u003cspan class=\"soi-glpm-label soi-glpm-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-glpm-label\"\u003eECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-glpm-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-glpm-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-glpm-label\"\u003e0% SAVON\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi choisir ce savon liquide naturel pour les mains ? --\u003e\n  \u003csection class=\"soi-glpm-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce savon liquide naturel pour les mains ?\u003c\/h2\u003e\n    \u003cp\u003eContrairement à de nombreux gels du commerce, ce savon naturel pour les mains est formulé sans savon traditionnel (0 % savon), ce qui le rend particulièrement doux pour les peaux sensibles ou sollicitées au quotidien. Sa texture légère mousse facilement et rince sans résidu, sans jamais laisser cette sensation de tiraillement désagréable que l'on connaît trop bien.\u003c\/p\u003e\n    \u003cp\u003eCertifié Cosmos Organic par Ecocert Greenlife, il affiche 97,5 % d'ingrédients d'origine naturelle. Il est également vegan et fabriqué en France, dans le respect des exigences de qualité les plus strictes.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Les actifs clés qui font la différence --\u003e\n  \u003csection class=\"soi-glpm-section\"\u003e\n    \u003ch2\u003eLes actifs clés qui font la différence\u003c\/h2\u003e\n    \u003cdiv class=\"soi-glpm-grid\"\u003e\n      \u003cdiv class=\"soi-glpm-card\"\u003e\n        \u003ch3\u003e🍎 Extrait de pomme bio française\u003c\/h3\u003e\n        \u003cp\u003eIssu de vergers français, il est naturellement riche en polyphénols antioxydants. Il apporte une touche de soin à chaque lavage et une fragrance fruitée et gourmande qui rend l'expérience vraiment agréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-glpm-card\"\u003e\n        \u003ch3\u003e🌸 Eau florale de reine des prés bio\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour ses propriétés apaisantes, elle calme les peaux réactives ou légèrement irritées et contribue à maintenir le confort cutané.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-glpm-card\"\u003e\n        \u003ch3\u003e🧴 Agents lavants doux d'origine naturelle\u003c\/h3\u003e\n        \u003cp\u003eIls nettoient efficacement sans détruire le film hydrolipidique de la peau, ce qui est particulièrement important si vous vous lavez les mains plusieurs fois par jour.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Un geste éco-responsable au quotidien --\u003e\n  \u003csection class=\"soi-glpm-section\"\u003e\n    \u003ch2\u003eUn geste éco-responsable au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"soi-glpm-benefits\"\u003e\n      \u003cdiv class=\"soi-glpm-benefit\"\u003e\n        \u003cdiv class=\"soi-glpm-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePlastique 100 % recyclé\u003c\/h3\u003e\n        \u003cp\u003eLe flacon pompe de 1 litre est fabriqué en plastique entièrement recyclé, recyclable et rechargeable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-glpm-benefit\"\u003e\n        \u003cdiv class=\"soi-glpm-benefit-icon\"\u003e\u003cspan\u003e🏠\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFormat familial 1 litre\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour la salle de bain, la cuisine ou même un usage professionnel intensif. Moins de flacons, moins de déchets.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-glpm-benefit\"\u003e\n        \u003cdiv class=\"soi-glpm-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003e97,5 % d'origine naturelle\u003c\/h3\u003e\n        \u003cp\u003eUne formulation respectueuse de votre peau et de l'environnement, certifiée Cosmos Organic.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pour qui est-il adapté ? --\u003e\n  \u003csection class=\"soi-glpm-section\"\u003e\n    \u003ch2\u003ePour qui est-il adapté ?\u003c\/h2\u003e\n    \u003cp\u003eCe savon liquide pour les mains naturel convient à tous types de peaux, y compris les peaux sèches, sensibles ou intolérantes aux parfums synthétiques. Il peut être utilisé par toute la famille, adultes comme enfants, dès lors que le contact oculaire est évité.\u003c\/p\u003e\n    \u003cdiv class=\"soi-glpm-tip\"\u003e\n      \u003cdiv class=\"soi-glpm-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eSa formule sans savon et sans paraben en fait un allié de choix pour les personnes qui se lavent les mains de nombreuses fois par jour : professionnels de santé, parents de jeunes enfants, cuisiniers.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment l'utiliser ? --\u003e\n  \u003csection class=\"soi-glpm-section\"\u003e\n    \u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-glpm-timeline\"\u003e\n      \u003cdiv class=\"soi-glpm-step\"\u003e\n        \u003cdiv class=\"soi-glpm-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-glpm-step-content\"\u003e\n          \u003ch3\u003eDéposez\u003c\/h3\u003e\n          \u003cp\u003eAppuyez sur la pompe pour déposer une noisette de gel dans le creux de vos mains mouillées.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-glpm-step\"\u003e\n        \u003cdiv class=\"soi-glpm-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-glpm-step-content\"\u003e\n          \u003ch3\u003eFrottez\u003c\/h3\u003e\n          \u003cp\u003eFrottez doucement pendant au moins 20 secondes en insistant sur les espaces entre les doigts et les ongles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-glpm-step\"\u003e\n        \u003cdiv class=\"soi-glpm-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-glpm-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau claire. Ce geste simple, répété régulièrement, est le meilleur allié de votre hygiène au quotidien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition (liste INCI) --\u003e\n  \u003csection class=\"soi-glpm-section\"\u003e\n    \u003ch2\u003eComposition (liste INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"soi-glpm-accordion\"\u003e\n      \u003cdetails class=\"soi-glpm-accordion-item\" open\u003e\n        \u003csummary class=\"soi-glpm-accordion-header\"\u003e📋 Liste complète des ingrédients\u003c\/summary\u003e\n        \u003cdiv class=\"soi-glpm-accordion-content\"\u003e\n          \u003cp\u003eAqua, Sodium Coco-Glucoside Tartrate, Coco-Glucoside, Glycerin*, Filipendula Ulmaria Flower Water*, Pyrus Malus Fruit Extract*, Sodium Chloride, Citric Acid, Sodium Benzoate, Potassium Sorbate, Parfum.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n          \u003cp\u003e\u003cstrong\u003e97,5 % des ingrédients sont d'origine naturelle. 21 % du total des ingrédients sont issus de l'agriculture biologique.\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Informations produit --\u003e\n  \u003csection class=\"soi-glpm-section\"\u003e\n    \u003ch2\u003eInformations produit\u003c\/h2\u003e\n    \u003cdiv class=\"soi-glpm-compo\"\u003e\n      \u003cdiv class=\"soi-glpm-compo-row\"\u003e\n        \u003cspan class=\"soi-glpm-compo-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"soi-glpm-compo-value\"\u003eCoslys\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-glpm-compo-row\"\u003e\n        \u003cspan class=\"soi-glpm-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-glpm-compo-value\"\u003e1 litre\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-glpm-compo-row\"\u003e\n        \u003cspan class=\"soi-glpm-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-glpm-compo-value\"\u003eCosmos Organic, Ecocert Greenlife\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-glpm-compo-row\"\u003e\n        \u003cspan class=\"soi-glpm-compo-label\"\u003eVegan\u003c\/span\u003e\n        \u003cspan class=\"soi-glpm-compo-value\"\u003eOui\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-glpm-compo-row\"\u003e\n        \u003cspan class=\"soi-glpm-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-glpm-compo-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-glpm-compo-row\"\u003e\n        \u003cspan class=\"soi-glpm-compo-label\"\u003eConvient à\u003c\/span\u003e\n        \u003cspan class=\"soi-glpm-compo-value\"\u003eTous types de peaux, toute la famille\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-glpm-compo-row\"\u003e\n        \u003cspan class=\"soi-glpm-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-glpm-compo-value\"\u003eSavon, paraben, sulfate, colorant synthétique\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-glpm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-glpm-cta-box\"\u003e\n      \u003cp class=\"soi-glpm-cta-tag\" style=\"color: white;\"\u003eSe laver les mains en douceur\u003c\/p\u003e\n      \u003cp class=\"soi-glpm-cta-text\" style=\"color: white;\"\u003eParce que se laver les mains ne devrait jamais rimer avec peau tiraillée, le Gel Lavant Mains Pomme bio de Coslys transforme un geste du quotidien en véritable instant de soin. Doux, efficace, naturel à 97,5 % et fabriqué 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  \/* === Couleurs Soinat (FIXES) === *\/\n  --soi-glpm-marine: #1A2D3D;\n  --soi-glpm-marine-dark: #0F1E2B;\n  --soi-glpm-marine-light: #2C4458;\n  --soi-glpm-pomme: #A1C544;\n  --soi-glpm-pomme-dark: #84A636;\n  --soi-glpm-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-glpm-white: #FFFFFF;\n  --soi-glpm-off-white: #F8FAF6;\n  --soi-glpm-stone: #F1F3EE;\n  --soi-glpm-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (packaging pomme \/ vert clair \/ jaune doré) === *\/\n  --soi-glpm-primary: #7BAD4A;\n  --soi-glpm-primary-soft: #E8F2D8;\n  --soi-glpm-accent: #C8D64E;\n\n  \/* === Textes === *\/\n  --soi-glpm-text: #1A2D3D;\n  --soi-glpm-text-soft: #4A5B6B;\n  --soi-glpm-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-glpm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-glpm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-glpm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-glpm-radius: 12px;\n  --soi-glpm-radius-sm: 8px;\n  --soi-glpm-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-glpm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-glpm-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-glpm-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-glpm-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-glpm-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-glpm-hero {\n  position: relative;\n  background: var(--soi-glpm-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-glpm-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-glpm-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-glpm-pomme);\n}\n\n.soi-glpm-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-glpm-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-glpm-pomme);\n  border-radius: 50%;\n}\n\n.soi-glpm-hero-title {\n  display: block;\n  color: var(--soi-glpm-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-glpm-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-glpm-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-glpm-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-glpm-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-glpm-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-glpm-label-accent {\n  background: var(--soi-glpm-pomme);\n  border-color: var(--soi-glpm-pomme);\n  color: var(--soi-glpm-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-glpm-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-glpm-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-glpm-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-glpm-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-glpm-pomme);\n  border-radius: 2px;\n}\n\n.soi-glpm-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-glpm-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-glpm-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS (cercles marine) === *\/\n.soi-glpm-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-glpm-benefit {\n  background: var(--soi-glpm-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-glpm-radius);\n  border: 1px solid var(--soi-glpm-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-glpm-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-glpm-shadow-md);\n}\n\n.soi-glpm-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-glpm-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-glpm-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-glpm-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-glpm-benefit:hover .soi-glpm-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-glpm-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-glpm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-glpm-benefit p {\n  font-size: 13px;\n  color: var(--soi-glpm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-glpm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-glpm-card {\n  background: var(--soi-glpm-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-glpm-radius);\n  border-left: 3px solid var(--soi-glpm-pomme);\n}\n\n.soi-glpm-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-glpm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-glpm-card p {\n  font-size: 14px;\n  color: var(--soi-glpm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-glpm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-glpm-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-glpm-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-glpm-radius);\n  border: 1px solid var(--soi-glpm-line);\n  align-items: flex-start;\n}\n\n.soi-glpm-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-glpm-marine);\n  color: var(--soi-glpm-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-glpm-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-glpm-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-glpm-step-content p {\n  font-size: 14px;\n  color: var(--soi-glpm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-glpm-compo {\n  background: var(--soi-glpm-off-white);\n  border-radius: var(--soi-glpm-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-glpm-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-glpm-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-glpm-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-glpm-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-glpm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-glpm-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-glpm-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-glpm-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-glpm-pomme-light);\n  border-left: 4px solid var(--soi-glpm-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-glpm-radius) var(--soi-glpm-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-glpm-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-glpm-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-glpm-marine);\n  margin-bottom: 4px;\n}\n\n.soi-glpm-tip p {\n  font-size: 14px;\n  color: var(--soi-glpm-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-glpm-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-glpm-accordion-item {\n  background: var(--soi-glpm-off-white);\n  border-radius: var(--soi-glpm-radius-sm);\n  border: 1px solid var(--soi-glpm-line);\n  overflow: hidden;\n}\n\n.soi-glpm-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-glpm-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-glpm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-glpm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-glpm-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-glpm-accordion-item[open] .soi-glpm-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-glpm-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-glpm-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-glpm-text-soft);\n  line-height: 1.6;\n  margin-bottom: 0.5rem;\n}\n\n.soi-glpm-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-glpm-accordion-content em {\n  font-style: italic;\n  color: var(--soi-glpm-text-muted);\n}\n\n.soi-glpm-accordion-content strong {\n  color: var(--soi-glpm-marine);\n}\n\n\/* === CTA BOX === *\/\n.soi-glpm-cta-box {\n  background: var(--soi-glpm-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-glpm-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-glpm-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-glpm-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-glpm-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-glpm-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-glpm-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-glpm-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-glpm-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-glpm-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-glpm-compo-value {\n    text-align: left;\n  }\n\n  .soi-glpm-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-glpm-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-glpm-fiche {\n    --soi-glpm-text-soft: #2C3E50;\n    --soi-glpm-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Flacon pompe de 1L","offer_id":61612339888458,"sku":"CS0005","price":9.9,"currency_code":"EUR","in_stock":true},{"title":"Flacon pompe de 300 ml","offer_id":61612822200650,"sku":"CS0006","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0005-gel-lavant-mains-pomme_8c036949-26a6-42ba-a007-d55f35f77838.jpg?v=1778842759","url":"https:\/\/www.soinature.com\/products\/gel-lavant-mains-pomme-certifie-bio-coslys","provider":"Soinature","version":"1.0","type":"link"}