{"title":"Coslys","description":"","products":[{"product_id":"savon-liquide-de-marseille-fleur-doranger-coslys","title":"Savon de Marseille Liquide - Fleur d'Oranger Bio - Coslys","description":"\u003cdiv class=\"soi-flor-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-flor-hero\"\u003e\n \u003cdiv class=\"soi-flor-hero-tag\"\u003e\n \u003cspan class=\"soi-flor-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-flor-hero-title\"\u003eSavon de Marseille liquide à la Fleur d'Oranger\u003c\/span\u003e\n \u003cp class=\"soi-flor-hero-subtitle\"\u003eLa tradition du savon de Marseille revisitée en version bio : une formule végétale à 96,5 % d'origine naturelle, délicatement parfumée à la fleur d'oranger, pour vos mains et votre corps au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-flor-hero-labels\"\u003e\n \u003cspan class=\"soi-flor-label soi-flor-label-accent\"\u003eCOSMÉBIO\u003c\/span\u003e\n \u003cspan class=\"soi-flor-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-flor-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-flor-label\"\u003e96,5 % D'ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-flor-label\"\u003eSAVON D'ORIGINE VÉGÉTALE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Pourquoi choisir un savon de Marseille liquide bio ? --\u003e\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon de Marseille liquide bio ?\u003c\/h2\u003e\n \u003cp\u003eLe savon de Marseille liquide se distingue du savon classique par sa texture fluide, facile à doser, et sa richesse naturelle en glycérine, un humectant qui contribue à préserver le film hydrolipidique de votre peau. Contrairement à certains savons liquides du commerce, chargés en tensioactifs synthétiques, la formule Coslys mise sur des ingrédients végétaux saponifiés, doux même pour les peaux sensibles.\u003c\/p\u003e\n \u003cp\u003eLe parfum fleur d'oranger, léger et enveloppant, transforme chaque lavage en un moment agréable, sans agresser les peaux réactives.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Composition --\u003e\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003eComposition : des actifs végétaux au service de votre peau\u003c\/h2\u003e\n \u003cp class=\"soi-flor-section-intro\"\u003eLa force de ce savon de Marseille liquide repose sur une synergie d'actifs naturels et biologiques, soigneusement sélectionnés pour respecter votre peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-flor-benefits\"\u003e\n \u003cdiv class=\"soi-flor-benefit\"\u003e\n \u003cdiv class=\"soi-flor-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive bio saponifiée\u003c\/h3\u003e\n \u003cp\u003eNourrissante et protectrice, elle laisse la peau douce et confortable après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-benefit\"\u003e\n \u003cdiv class=\"soi-flor-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eJus d'aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaisant et hydratant, il soutient le confort cutané, même après de multiples lavages journaliers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-benefit\"\u003e\n \u003cdiv class=\"soi-flor-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eGlycérine végétale naturelle\u003c\/h3\u003e\n \u003cp\u003eIssue de la saponification, elle attire et retient l'humidité au cœur de l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-benefit\"\u003e\n \u003cdiv class=\"soi-flor-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum fleur d'oranger\u003c\/h3\u003e\n \u003cp\u003eUne fragrance fruitée et délicate, idéale pour bien commencer la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-compo\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdiv class=\"soi-flor-compo-row\"\u003e\n \u003cspan class=\"soi-flor-compo-label\"\u003eCertifications\u003c\/span\u003e\n \u003cspan class=\"soi-flor-compo-value\"\u003eCosmébio (cosmétique bio)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-compo-row\"\u003e\n \u003cspan class=\"soi-flor-compo-label\"\u003eProfil\u003c\/span\u003e\n \u003cspan class=\"soi-flor-compo-value\"\u003eVegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-compo-row\"\u003e\n \u003cspan class=\"soi-flor-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-flor-compo-value\"\u003e96,5 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-compo-row\"\u003e\n \u003cspan class=\"soi-flor-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-flor-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Comment utiliser ce savon liquide de Marseille ? --\u003e\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon liquide de Marseille ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-flor-timeline\"\u003e\n \u003cdiv class=\"soi-flor-step\"\u003e\n \u003cdiv class=\"soi-flor-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-flor-step-content\"\u003e\n \u003ch3\u003ePour les mains\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de savon sur les mains humides, frottez jusqu'à obtenir une mousse généreuse, puis rincez à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-step\"\u003e\n \u003cdiv class=\"soi-flor-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-flor-step-content\"\u003e\n \u003ch3\u003ePour le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez une quantité adaptée sur une éponge ou directement sur la peau mouillée, massez en douceur puis rincez soigneusement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-step\"\u003e\n \u003cdiv class=\"soi-flor-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-flor-step-content\"\u003e\n \u003ch3\u003eAstuce lessive\u003c\/h3\u003e\n \u003cp\u003eCe savon de Marseille liquide peut être utilisé comme base de lessive maison, dilué dans de l'eau chaude avec du bicarbonate ou des cristaux de soude. Comptez environ 100 à 150 ml pour un litre de lessive maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Un engagement éco-responsable concret --\u003e\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003eUn engagement éco-responsable concret\u003c\/h2\u003e\n \u003cdiv class=\"soi-flor-tip\"\u003e\n \u003cdiv class=\"soi-flor-tip-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFlacon éco-conçu\u003c\/strong\u003e\n \u003cp\u003eLe flacon pompe est conçu en plastique recyclé, recyclable et rechargeable, ce qui réduit significativement les déchets plastiques sur le long terme. En optant pour la recharge ou le grand format, vous limitez votre empreinte environnementale sans compromis sur la qualité. Un geste simple, mais qui compte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Pour qui est ce savon de Marseille liquide ? --\u003e\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003ePour qui est ce savon de Marseille liquide ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-flor-grid\"\u003e\n \u003cdiv class=\"soi-flor-card\"\u003e\n \u003ch3\u003e🤲 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un savon doux au quotidien, respectueux des peaux sèches ou délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eUn produit polyvalent mains et corps pour l'ensemble de la maison, enfants inclus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-card\"\u003e\n \u003ch3\u003e🔎 Consommateurs attentifs\u003c\/h3\u003e\n \u003cp\u003eVous êtes sensible aux compositions et aux labels bio, et souhaitez un produit certifié Cosmébio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-card\"\u003e\n \u003ch3\u003e🧺 Adeptes du fait-maison\u003c\/h3\u003e\n \u003cp\u003eVous cherchez une base de qualité pour préparer votre propre lessive au savon de Marseille liquide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Questions fréquentes --\u003e\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003eCe que vous devez savoir avant de l'acheter\u003c\/h2\u003e\n \u003cdiv class=\"soi-flor-accordion\"\u003e\n \u003cdetails class=\"soi-flor-accordion-item\"\u003e\n \u003csummary class=\"soi-flor-accordion-header\"\u003e🧴 Ce savon de Marseille liquide peut-il être utilisé comme lessive ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-flor-accordion-content\"\u003e\n \u003cp\u003eOui. Il est souvent utilisé comme base pour une lessive liquide maison au savon de Marseille, efficace sur les textiles délicats. Comptez environ 100 à 150 ml pour un litre de lessive maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-flor-accordion-item\"\u003e\n \u003csummary class=\"soi-flor-accordion-header\"\u003e👶 Ce savon convient-il aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-flor-accordion-content\"\u003e\n \u003cp\u003eSa formule douce et sa composition à base d'ingrédients naturels le rendent adapté à toute la famille, enfants inclus. En cas de peau atopique ou d'allergie connue, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-flor-accordion-item\"\u003e\n \u003csummary class=\"soi-flor-accordion-header\"\u003e🇫🇷 Où est-il fabriqué ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-flor-accordion-content\"\u003e\n \u003cp\u003eEntièrement fabriqué en France, dans le respect des normes cosmétiques européennes et de la charte Cosmébio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-flor-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-flor-cta-box\"\u003e\n \u003cp class=\"soi-flor-cta-tag\" style=\"color: white;\"\u003eUn flacon, mille usages\u003c\/p\u003e\n \u003cp class=\"soi-flor-cta-text\" style=\"color: white;\"\u003eDoux, naturel et délicatement parfumé à la fleur d'oranger, ce savon liquide de Marseille Coslys s'invite dans votre salle de bain comme un allié du quotidien. Il nettoie, respecte votre peau et l'environnement, sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-flor-marine: #1A2D3D;\n --soi-flor-marine-dark: #0F1E2B;\n --soi-flor-marine-light: #2C4458;\n --soi-flor-pomme: #A1C544;\n --soi-flor-pomme-dark: #84A636;\n --soi-flor-pomme-light: rgba(161,197,68,0.10);\n --soi-flor-white: #FFFFFF;\n --soi-flor-off-white: #F8FAF6;\n --soi-flor-stone: #F1F3EE;\n --soi-flor-line: #E5E8E0;\n --soi-flor-primary: #D4A82A;\n --soi-flor-primary-soft: rgba(212,168,42,0.10);\n --soi-flor-accent: #E8C95A;\n --soi-flor-text: #1A2D3D;\n --soi-flor-text-soft: #4A5B6B;\n --soi-flor-text-muted: #7B8693;\n --soi-flor-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-flor-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-flor-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-flor-radius: 12px;\n --soi-flor-radius-sm: 8px;\n --soi-flor-radius-pill: 999px;\n}\n\n.soi-flor-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-flor-fiche img { max-width: 100%; height: auto; }\n\n.soi-flor-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-flor-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-flor-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-flor-hero {\n position: relative;\n background: var(--soi-flor-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-flor-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-flor-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-flor-pomme);\n}\n\n.soi-flor-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-flor-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-flor-pomme);\n border-radius: 50%;\n}\n\n.soi-flor-hero-title {\n display: block;\n color: var(--soi-flor-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-flor-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-flor-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-flor-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-flor-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-flor-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-flor-label-accent {\n background: var(--soi-flor-pomme);\n border-color: var(--soi-flor-pomme);\n color: var(--soi-flor-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-flor-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-flor-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-flor-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-flor-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-flor-pomme);\n border-radius: 2px;\n}\n\n.soi-flor-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-flor-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-flor-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-flor-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-flor-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-flor-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-flor-benefit {\n background: var(--soi-flor-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-flor-radius);\n border: 1px solid var(--soi-flor-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-flor-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-flor-shadow-md);\n}\n\n.soi-flor-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-flor-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-flor-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-flor-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-flor-benefit:hover .soi-flor-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-flor-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-flor-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-flor-benefit p {\n font-size: 13px;\n color: var(--soi-flor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-flor-compo {\n background: var(--soi-flor-off-white);\n border-radius: var(--soi-flor-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-flor-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-flor-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-flor-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-flor-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-flor-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-flor-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-flor-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-flor-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-flor-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-flor-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-flor-radius);\n border: 1px solid var(--soi-flor-line);\n align-items: flex-start;\n}\n\n.soi-flor-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-flor-marine);\n color: var(--soi-flor-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-flor-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-flor-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-flor-step-content p {\n font-size: 14px;\n color: var(--soi-flor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-flor-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-flor-card {\n background: var(--soi-flor-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-flor-radius);\n border-left: 3px solid var(--soi-flor-pomme);\n}\n\n.soi-flor-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-flor-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-flor-card p {\n font-size: 14px;\n color: var(--soi-flor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-flor-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-flor-pomme-light);\n border-left: 4px solid var(--soi-flor-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-flor-radius) var(--soi-flor-radius) 0;\n align-items: flex-start;\n}\n\n.soi-flor-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-flor-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-flor-marine);\n margin-bottom: 4px;\n}\n\n.soi-flor-tip p {\n font-size: 14px;\n color: var(--soi-flor-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-flor-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-flor-accordion-item {\n background: var(--soi-flor-off-white);\n border-radius: var(--soi-flor-radius-sm);\n border: 1px solid var(--soi-flor-line);\n overflow: hidden;\n}\n\n.soi-flor-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-flor-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-flor-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-flor-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-flor-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-flor-accordion-item[open] .soi-flor-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-flor-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-flor-accordion-content p {\n font-size: 14px;\n color: var(--soi-flor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-flor-cta-box {\n background: var(--soi-flor-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-flor-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-flor-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-flor-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-flor-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-flor-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-flor-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-flor-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-flor-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-flor-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-flor-compo-value {\n text-align: left;\n }\n\n .soi-flor-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-flor-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-flor-fiche {\n --soi-flor-text-soft: #2C3E50;\n --soi-flor-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603498000714,"sku":"CS0020","price":13.74,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-liquide-de-marseille-fleur-doranger-coslys-packshot.webp?v=1779610387"},{"product_id":"savon-liquide-de-marseille-bio-mandarine-coslys","title":"Savon liquide de Marseille Bio Mandarine – Coslys","description":"\u003cdiv class=\"soi-mand-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-mand-hero\"\u003e\n \u003cdiv class=\"soi-mand-hero-tag\"\u003e\n \u003cspan class=\"soi-mand-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-mand-hero-title\"\u003eSavon liquide de Marseille Bio Mandarine\u003c\/span\u003e\n \u003cp class=\"soi-mand-hero-subtitle\"\u003eUn geste quotidien alliant tradition marseillaise, douceur bio et fraîcheur de mandarine, pour vos mains et votre corps.\u003c\/p\u003e\n \u003cdiv class=\"soi-mand-hero-labels\"\u003e\n \u003cspan class=\"soi-mand-label soi-mand-label-accent\"\u003eCOSMÉBIO\u003c\/span\u003e\n \u003cspan class=\"soi-mand-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-mand-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-mand-label\"\u003e96,5 % D'ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-mand-label\"\u003eFLACON 100 % RECYCLÉ\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Introduction --\u003e\n \u003csection class=\"soi-mand-section\"\u003e\n \u003cp class=\"soi-mand-section-intro\"\u003eLe \u003cstrong\u003esavon liquide de Marseille bio Mandarine Coslys\u003c\/strong\u003e est bien plus qu'un simple savon pour les mains. Fabriqué en France selon les traditions ancestrales de saponification, il allie efficacité nettoyante, douceur pour la peau et engagement écologique sincère. Un flacon suffit pour toute la famille, du lavage des mains au soin du corps.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Pourquoi choisir ce savon --\u003e\n \u003csection class=\"soi-mand-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon liquide de Marseille bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-mand-benefits\"\u003e\n \u003cdiv class=\"soi-mand-benefit\"\u003e\n \u003cdiv class=\"soi-mand-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eSa base saponifiée à l'huile d'olive bio nourrit la peau à chaque lavage, sans l'agresser. La glycérine naturellement présente maintient l'hydratation cutanée, même avec une utilisation quotidienne intensive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-benefit\"\u003e\n \u003cdiv class=\"soi-mand-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eReine des prés bio\u003c\/h3\u003e\n \u003cp\u003eL'eau florale de reine des prés bio apporte une note apaisante appréciable, notamment pour les peaux sensibles ou sujettes aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-benefit\"\u003e\n \u003cdiv class=\"soi-mand-benefit-icon\"\u003e\u003cspan\u003e🍊\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMandarine bio\u003c\/h3\u003e\n \u003cp\u003eLa fragrance de mandarine bio offre à chaque geste un instant frais et légèrement ensoleillé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Composition --\u003e\n \u003csection class=\"soi-mand-section\"\u003e\n \u003ch2\u003eComposition du savon de Marseille liquide Coslys\u003c\/h2\u003e\n \u003cp\u003eVoici les ingrédients qui composent ce savon (liste INCI) :\u003c\/p\u003e\n \u003cdiv class=\"soi-mand-compo\"\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003eAqua\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eEau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003ePotassium olivate*\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eHuile d'olive bio saponifiée, base nettoyante douce et nourrissante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003eGlycerin\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eHydratante naturelle, issue de la saponification\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003eFilipendula ulmaria flower water*\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eEau florale de reine des prés bio, apaisante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003eSodium chloride\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eSel marin, texturant naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003eCitrus reticulata peel oil*\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eHuile essentielle de mandarine bio, parfum naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003eLactic acid\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eAjuste le pH pour le respect du film cutané\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003eLimonene, Linalool\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eComposants naturels de l'huile essentielle de mandarine (allergènes)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Comment utiliser --\u003e\n \u003csection class=\"soi-mand-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon de marseille liquide ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-mand-timeline\"\u003e\n \u003cdiv class=\"soi-mand-step\"\u003e\n \u003cdiv class=\"soi-mand-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-mand-step-content\"\u003e\n \u003ch3\u003ePour les mains\u003c\/h3\u003e\n \u003cp\u003eAppuyez une à deux fois sur la pompe, frottez les mains sous l'eau tiède et rincez. La mousse dense nettoie efficacement sans dessécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-step\"\u003e\n \u003cdiv class=\"soi-mand-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-mand-step-content\"\u003e\n \u003ch3\u003ePour le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez directement sur la peau humide ou sur un gant de toilette, massez en mouvements circulaires puis rincez à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-step\"\u003e\n \u003cdiv class=\"soi-mand-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-mand-step-content\"\u003e\n \u003ch3\u003eUsage ménager léger\u003c\/h3\u003e\n \u003cp\u003eCe savon de Marseille liquide peut également servir de base pour une lessive liquide au savon de Marseille maison, dilué dans de l'eau avec quelques cuillères de bicarbonate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Certifications --\u003e\n \u003csection class=\"soi-mand-section\"\u003e\n \u003ch2\u003eCertifications et engagements éco-responsables\u003c\/h2\u003e\n \u003cdiv class=\"soi-mand-grid\"\u003e\n \u003cdiv class=\"soi-mand-card\"\u003e\n \u003ch3\u003e✅ Certifié Cosmébio\u003c\/h3\u003e\n \u003cp\u003eFormulation bio contrôlée et transparente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-card\"\u003e\n \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-card\"\u003e\n \u003ch3\u003e♻️ Flacon 100 % recyclé et recyclable\u003c\/h3\u003e\n \u003cp\u003eConçu pour limiter l'impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-card\"\u003e\n \u003ch3\u003e🔄 Rechargeable\u003c\/h3\u003e\n \u003cp\u003ePensez à opter pour le grand format ou la recharge pour réduire vos déchets plastiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire local, circuit court.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Ce savon convient-il à toute la famille ? --\u003e\n \u003csection class=\"soi-mand-section\"\u003e\n \u003ch2\u003eCe savon convient-il à toute la famille ?\u003c\/h2\u003e\n \u003cp\u003eOui. Sa formulation douce, sans sulfates agressifs ni silicones, convient aux \u003cstrong\u003epeaux sensibles, sèches ou mixtes\u003c\/strong\u003e. Il peut être utilisé par les adultes comme par les enfants dès l'âge de 3 ans.\u003c\/p\u003e\n \u003cdiv class=\"soi-mand-tip\"\u003e\n \u003cdiv class=\"soi-mand-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSi vous êtes allergique aux composants naturels du limonène ou du linalool (présents dans l'huile essentielle de mandarine), consultez la liste INCI avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Questions fréquentes --\u003e\n \u003csection class=\"soi-mand-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le savon liquide de Marseille\u003c\/h2\u003e\n \u003cdiv class=\"soi-mand-accordion\"\u003e\n \u003cdetails class=\"soi-mand-accordion-item\"\u003e\n \u003csummary class=\"soi-mand-accordion-header\"\u003e🧺 Peut-on l'utiliser comme lessive savon de Marseille liquide ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-mand-accordion-content\"\u003e\n \u003cp\u003eEn usage ponctuel sur des taches légères ou en complément d'une lessive maison, oui. Pour un usage machine régulier, préférez un produit spécifiquement formulé pour l'entretien du linge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-mand-accordion-item\"\u003e\n \u003csummary class=\"soi-mand-accordion-header\"\u003e🧼 Quelle est la différence avec un savon de Marseille solide ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-mand-accordion-content\"\u003e\n \u003cp\u003eLa version liquide est plus pratique au quotidien, dosable grâce à la pompe, et moins susceptible de laisser des résidus sur les lavabos. Elle conserve les mêmes vertus nettoyantes et douces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-mand-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-mand-cta-box\"\u003e\n \u003cp class=\"soi-mand-cta-tag\" style=\"color: white;\"\u003eSe laver avec soin, naturellement\u003c\/p\u003e\n \u003cp class=\"soi-mand-cta-text\" style=\"color: white;\"\u003eAvec le savon liquide de Marseille bio Mandarine de Coslys, vous choisissez un geste quotidien respectueux de votre peau et de la planète. Doux, naturel, vraiment efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-mand-marine: #1A2D3D;\n --soi-mand-marine-dark: #0F1E2B;\n --soi-mand-marine-light: #2C4458;\n --soi-mand-pomme: #A1C544;\n --soi-mand-pomme-dark: #84A636;\n --soi-mand-pomme-light: rgba(161,197,68,0.10);\n\n --soi-mand-white: #FFFFFF;\n --soi-mand-off-white: #F8FAF6;\n --soi-mand-stone: #F1F3EE;\n --soi-mand-line: #E5E8E0;\n\n --soi-mand-primary: #E8943A;\n --soi-mand-primary-soft: #FDF3E7;\n --soi-mand-accent: #D4A52A;\n\n --soi-mand-text: #1A2D3D;\n --soi-mand-text-soft: #4A5B6B;\n --soi-mand-text-muted: #7B8693;\n\n --soi-mand-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-mand-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-mand-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-mand-radius: 12px;\n --soi-mand-radius-sm: 8px;\n --soi-mand-radius-pill: 999px;\n}\n\n.soi-mand-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mand-fiche img { max-width: 100%; height: auto; }\n\n.soi-mand-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-mand-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-mand-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-mand-hero {\n position: relative;\n background: var(--soi-mand-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-mand-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-mand-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-mand-primary);\n}\n\n.soi-mand-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-mand-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-mand-primary);\n border-radius: 50%;\n}\n\n.soi-mand-hero-title {\n display: block;\n color: var(--soi-mand-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-mand-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-mand-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-mand-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-mand-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-mand-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-mand-label-accent {\n background: var(--soi-mand-primary);\n border-color: var(--soi-mand-primary);\n color: var(--soi-mand-white);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-mand-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mand-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-mand-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-mand-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-mand-pomme);\n border-radius: 2px;\n}\n\n.soi-mand-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-mand-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-mand-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-mand-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-mand-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-mand-section p em {\n font-size: 13px;\n color: var(--soi-mand-text-muted);\n}\n\n\/* === BENEFITS === *\/\n.soi-mand-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-mand-benefit {\n background: var(--soi-mand-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-mand-radius);\n border: 1px solid var(--soi-mand-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mand-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-mand-shadow-md);\n}\n\n.soi-mand-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-mand-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-mand-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-mand-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-mand-benefit:hover .soi-mand-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-mand-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mand-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mand-benefit p {\n font-size: 13px;\n color: var(--soi-mand-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-mand-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-mand-card {\n background: var(--soi-mand-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mand-radius);\n border-left: 3px solid var(--soi-mand-pomme);\n}\n\n.soi-mand-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mand-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mand-card p {\n font-size: 14px;\n color: var(--soi-mand-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-mand-compo {\n background: var(--soi-mand-off-white);\n border-radius: var(--soi-mand-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-mand-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-mand-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-mand-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-mand-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-mand-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-mand-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-mand-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-mand-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-mand-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-mand-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mand-radius);\n border: 1px solid var(--soi-mand-line);\n align-items: flex-start;\n}\n\n.soi-mand-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-mand-primary);\n color: var(--soi-mand-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-mand-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-mand-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-mand-step-content p {\n font-size: 14px;\n color: var(--soi-mand-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-mand-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-mand-primary-soft);\n border-left: 4px solid var(--soi-mand-primary);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-mand-radius) var(--soi-mand-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-mand-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-mand-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-mand-marine);\n margin-bottom: 4px;\n}\n\n.soi-mand-tip p {\n font-size: 14px;\n color: var(--soi-mand-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-mand-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-mand-accordion-item {\n background: var(--soi-mand-off-white);\n border-radius: var(--soi-mand-radius-sm);\n border: 1px solid var(--soi-mand-line);\n overflow: hidden;\n}\n\n.soi-mand-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-mand-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-mand-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-mand-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-mand-primary);\n transition: transform 0.2s ease;\n}\n\n.soi-mand-accordion-item[open] .soi-mand-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-mand-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-mand-accordion-content p {\n font-size: 14px;\n color: var(--soi-mand-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-mand-cta-box {\n background: var(--soi-mand-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-mand-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-mand-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-mand-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-mand-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-mand-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-mand-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-mand-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-mand-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-mand-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-mand-compo-value {\n text-align: left;\n }\n\n .soi-mand-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-mand-tip {\n flex-direction: column;\n gap: 0.5rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-mand-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-mand-fiche {\n --soi-mand-text-soft: #2C3E50;\n --soi-mand-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603498525002,"sku":"CS0025","price":13.74,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-liquide-de-marseille-bio-mandarine-coslys-packshot.webp?v=1779614256"},{"product_id":"dentifrice-charbon-vegetal-certifie-bio-coslys","title":"Dentifrice Charbon Végétal Certifié Bio – Coslys","description":"\u003cdiv class=\"soi-chvg-fiche\"\u003e\n\n\u003csection class=\"soi-chvg-hero\"\u003e\n\u003cdiv class=\"soi-chvg-hero-tag\"\u003e\n\u003cspan class=\"soi-chvg-tag-dot\"\u003e\u003c\/span\u003e\nHygiène bucco-dentaire · Coslys\n\u003c\/div\u003e\n\u003cspan class=\"soi-chvg-hero-title\"\u003eLe charbon végétal au service de votre sourire\u003c\/span\u003e\n\u003cp class=\"soi-chvg-hero-subtitle\"\u003eUne formule certifiée bio, fabriquée en France, qui allie charbon de pins, aloe vera et prébiotiques pour blanchir et purifier vos dents au quotidien, sans agresser l'émail.\u003c\/p\u003e\n\u003cdiv class=\"soi-chvg-hero-labels\"\u003e\n\u003cspan class=\"soi-chvg-label soi-chvg-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-label\"\u003e99% D'ORIGINE NATURELLE\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-label\"\u003eSANS FLUOR\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-label\"\u003eARÔME NATUREL\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-chvg-section\"\u003e\n\u003ch2\u003eCe que contient vraiment ce dentifrice au charbon\u003c\/h2\u003e\n\u003cp class=\"soi-chvg-section-intro\"\u003eContrairement à de nombreux dentifrices au charbon du marché, celui de Coslys mise sur une synergie d'actifs bio complémentaires, pas uniquement sur le charbon.\u003c\/p\u003e\n\u003cdiv class=\"soi-chvg-benefits\"\u003e\n\u003cdiv class=\"soi-chvg-benefit\"\u003e\n\u003cdiv class=\"soi-chvg-benefit-icon\"\u003e\u003cspan\u003e🌑\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eCharbon de pins français\u003c\/h3\u003e\n\u003cp\u003eUn charbon végétal activé, absorbant, qui capte les impuretés et les résidus de surface pour révéler progressivement des dents plus blanches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-benefit\"\u003e\n\u003cdiv class=\"soi-chvg-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eAloe vera bio\u003c\/h3\u003e\n\u003cp\u003eApaise les gencives et hydrate les muqueuses buccales pour un confort quotidien réel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-benefit\"\u003e\n\u003cdiv class=\"soi-chvg-benefit-icon\"\u003e\u003cspan\u003e🍋\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eHuiles essentielles bio de citron et menthe poivrée\u003c\/h3\u003e\n\u003cp\u003eUne haleine fraîche durablement, avec une action antibactérienne naturelle, sans arôme de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-benefit\"\u003e\n\u003cdiv class=\"soi-chvg-benefit-icon\"\u003e\u003cspan\u003e🦷\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eInuline et fructose (prébiotiques)\u003c\/h3\u003e\n\u003cp\u003eFavorisent un microbiote buccal équilibré, réduisant ainsi les risques de caries et d'inflammation des gencives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-tip\"\u003e\n\u003cdiv class=\"soi-chvg-tip-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003eLa formule est sans fluor, sans dioxyde de titane, sans colorant de synthèse, avec un indice RDA de 69 : un niveau d'abrasivité modéré, compatible avec un usage quotidien sécurisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-chvg-section\"\u003e\n\u003ch2\u003eDentifrice charbon actif : ce qu'en disent les dentistes\u003c\/h2\u003e\n\u003cp\u003eL'avis des dentistes sur le dentifrice au charbon actif est souvent nuancé : le charbon peut être abrasif et certains produits du marché manquent de transparence sur leur RDA. Ici, Coslys affiche clairement un RDA de 69, bien en dessous du seuil de 150 recommandé par l'OMS pour un brossage sûr. Ce chiffre, rarement communiqué par les grandes marques, est pourtant essentiel pour préserver l'émail à long terme.\u003c\/p\u003e\n\u003cp\u003eRésultat : vous profitez de l'action purifiante et blanchissante du dentifrice charbon, sans agression de la dentine ni fragilisation de l'émail.\u003c\/p\u003e\n\u003cdiv class=\"soi-chvg-grid-compact\"\u003e\n\u003cdiv class=\"soi-chvg-card-mini\"\u003e\n\u003cspan class=\"soi-chvg-card-mini-icon\"\u003e📊\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-card-mini-label\"\u003eIndice RDA\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-card-mini-value\"\u003e69\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card-mini\"\u003e\n\u003cspan class=\"soi-chvg-card-mini-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-card-mini-label\"\u003eSeuil OMS\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-card-mini-value\"\u003e150 max\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card-mini\"\u003e\n\u003cspan class=\"soi-chvg-card-mini-icon\"\u003e✅\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-card-mini-label\"\u003eAbrasivité\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-card-mini-value\"\u003eModérée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-chvg-section\"\u003e\n\u003ch2\u003eMode d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"soi-chvg-timeline\"\u003e\n\u003cdiv class=\"soi-chvg-step\"\u003e\n\u003cdiv class=\"soi-chvg-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-step-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eDéposez une noisette de dentifrice sur votre brosse à dents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-step\"\u003e\n\u003cdiv class=\"soi-chvg-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-step-content\"\u003e\n\u003ch3\u003eBrossez\u003c\/h3\u003e\n\u003cp\u003eBrossez pendant 2 minutes minimum, deux fois par jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-step\"\u003e\n\u003cdiv class=\"soi-chvg-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-step-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment : la pâte noire disparaît complètement au rinçage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-step\"\u003e\n\u003cdiv class=\"soi-chvg-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-step-content\"\u003e\n\u003ch3\u003eRésultats visibles\u003c\/h3\u003e\n\u003cp\u003ePour des résultats visibles sur la blancheur, comptez 4 à 6 semaines d'utilisation régulière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-accordion\"\u003e\n\u003cdetails class=\"soi-chvg-accordion-item\"\u003e\n\u003csummary class=\"soi-chvg-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n\u003cdiv class=\"soi-chvg-accordion-content\"\u003e\n\u003cp\u003eConvient aux adultes. Non recommandé chez l'enfant sans avis médical. Ce produit ne remplace pas un suivi dentaire régulier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-chvg-section\"\u003e\n\u003ch2\u003eCertifications et récompenses\u003c\/h2\u003e\n\u003cdiv class=\"soi-chvg-grid\"\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic par Ecocert\u003c\/h3\u003e\n\u003cp\u003eGarantit la naturalité et la traçabilité des ingrédients.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e🏆 Meilleur Produit Bio 2020\u003c\/h3\u003e\n\u003cp\u003eRécompensé pour l'excellence de sa formulation naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e🥇 Trophée Or Innovation Bio Natexpo 2019\u003c\/h3\u003e\n\u003cp\u003eDistingué pour son approche innovante de l'hygiène bucco-dentaire bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eEmballage recyclable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-chvg-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"soi-chvg-compo\"\u003e\n\u003cdiv class=\"soi-chvg-compo-row\"\u003e\n\u003cspan class=\"soi-chvg-compo-label\"\u003eListe INCI\u003c\/span\u003e\n\u003cspan class=\"soi-chvg-compo-value\"\u003eAqua, Sorbitol, Hydrated Silica, Glycerin*, Sodium Lauroyl Sarcosinate, Inulin*, Citrus Limon Peel Oil*, Mentha Piperita Oil*, Aloe Barbadensis Leaf Juice Powder*, Charcoal Powder, Fructose*, Xanthan Gum, Sodium Benzoate, Potassium Sorbate, Citric Acid, Linalool**\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique. ** Composant naturel d'huiles essentielles.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-chvg-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce dentifrice au charbon bio plutôt qu'un autre ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-chvg-grid\"\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e🔍 Transparence totale\u003c\/h3\u003e\n\u003cp\u003eComposition et abrasivité clairement affichées (RDA 69).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e🦠 Prébiotiques inclus\u003c\/h3\u003e\n\u003cp\u003eUn atout rare dans cette catégorie, pour un microbiote buccal équilibré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e🌱 Arôme 100 % naturel\u003c\/h3\u003e\n\u003cp\u003eSans arôme de synthèse ni édulcorant artificiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-chvg-card\"\u003e\n\u003ch3\u003e✅ Certification indépendante Ecocert\u003c\/h3\u003e\n\u003cp\u003ePas une simple allégation marketing, une garantie vérifiable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-chvg-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-chvg-cta-box\"\u003e\n\u003cp class=\"soi-chvg-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, sourire pleinement\u003c\/p\u003e\n\u003cp class=\"soi-chvg-cta-text\" style=\"color: white;\"\u003ePrenez soin de votre sourire avec une formule qui respecte autant votre santé que la planète. Un geste quotidien simple, pour un sourire que vous assumez pleinement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-chvg-marine: #1A2D3D;\n --soi-chvg-marine-dark: #0F1E2B;\n --soi-chvg-marine-light: #2C4458;\n --soi-chvg-pomme: #A1C544;\n --soi-chvg-pomme-dark: #84A636;\n --soi-chvg-pomme-light: rgba(161,197,68,0.10);\n --soi-chvg-white: #FFFFFF;\n --soi-chvg-off-white: #F8FAF6;\n --soi-chvg-stone: #F1F3EE;\n --soi-chvg-line: #E5E8E0;\n --soi-chvg-primary: #2D2D2D;\n --soi-chvg-primary-soft: #3A3A3A;\n --soi-chvg-accent: #D4C842;\n --soi-chvg-text: #1A2D3D;\n --soi-chvg-text-soft: #4A5B6B;\n --soi-chvg-text-muted: #7B8693;\n --soi-chvg-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-chvg-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-chvg-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-chvg-radius: 12px;\n --soi-chvg-radius-sm: 8px;\n --soi-chvg-radius-pill: 999px;\n}\n\n.soi-chvg-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-chvg-fiche img { max-width: 100%; height: auto; }\n\n.soi-chvg-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-chvg-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-chvg-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-chvg-hero {\n position: relative;\n background: var(--soi-chvg-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-chvg-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-chvg-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-chvg-pomme);\n}\n\n.soi-chvg-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-chvg-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-chvg-pomme);\n border-radius: 50%;\n}\n\n.soi-chvg-hero-title {\n display: block;\n color: var(--soi-chvg-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-chvg-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-chvg-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-chvg-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-chvg-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-chvg-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-chvg-label-accent {\n background: var(--soi-chvg-pomme);\n border-color: var(--soi-chvg-pomme);\n color: var(--soi-chvg-marine);\n font-weight: 600;\n}\n\n.soi-chvg-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-chvg-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-chvg-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-chvg-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-chvg-pomme);\n border-radius: 2px;\n}\n\n.soi-chvg-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-chvg-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-chvg-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-chvg-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-chvg-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-chvg-section p em {\n font-size: clamp(12px, 1.8vw, 13px);\n color: var(--soi-chvg-text-muted);\n}\n\n.soi-chvg-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-chvg-benefit {\n background: var(--soi-chvg-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-chvg-radius);\n border: 1px solid var(--soi-chvg-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-chvg-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-chvg-shadow-md);\n}\n\n.soi-chvg-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-chvg-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-chvg-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-chvg-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-chvg-benefit:hover .soi-chvg-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-chvg-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-chvg-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-chvg-benefit p {\n font-size: 13px;\n color: var(--soi-chvg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-chvg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-chvg-card {\n background: var(--soi-chvg-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-chvg-radius);\n border-left: 3px solid var(--soi-chvg-pomme);\n}\n\n.soi-chvg-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-chvg-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-chvg-card p {\n font-size: 14px;\n color: var(--soi-chvg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-chvg-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.5rem;\n}\n\n.soi-chvg-card-mini {\n background: var(--soi-chvg-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-chvg-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-chvg-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-chvg-card-mini-label {\n font-size: 11px;\n color: var(--soi-chvg-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-chvg-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-chvg-marine);\n}\n\n.soi-chvg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-chvg-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-chvg-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-chvg-radius);\n border: 1px solid var(--soi-chvg-line);\n align-items: flex-start;\n}\n\n.soi-chvg-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-chvg-marine);\n color: var(--soi-chvg-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-chvg-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-chvg-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-chvg-step-content p {\n font-size: 14px;\n color: var(--soi-chvg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-chvg-compo {\n background: var(--soi-chvg-off-white);\n border-radius: var(--soi-chvg-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.soi-chvg-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-chvg-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-chvg-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-chvg-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-chvg-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-chvg-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 400;\n color: var(--soi-chvg-marine);\n text-align: right;\n line-height: 1.6;\n}\n\n.soi-chvg-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-chvg-pomme-light);\n border-left: 4px solid var(--soi-chvg-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-chvg-radius) var(--soi-chvg-radius) 0;\n align-items: flex-start;\n}\n\n.soi-chvg-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-chvg-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-chvg-marine);\n margin-bottom: 4px;\n}\n\n.soi-chvg-tip p {\n font-size: 14px;\n color: var(--soi-chvg-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-chvg-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-chvg-accordion-item {\n background: var(--soi-chvg-off-white);\n border-radius: var(--soi-chvg-radius-sm);\n border: 1px solid var(--soi-chvg-line);\n overflow: hidden;\n}\n\n.soi-chvg-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-chvg-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-chvg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-chvg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-chvg-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-chvg-accordion-item[open] .soi-chvg-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-chvg-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-chvg-accordion-content p {\n font-size: 14px;\n color: var(--soi-chvg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-chvg-cta-box {\n background: var(--soi-chvg-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-chvg-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-chvg-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-chvg-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-chvg-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-chvg-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-chvg-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-chvg-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-chvg-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-chvg-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-chvg-compo-value {\n text-align: left;\n }\n\n .soi-chvg-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-chvg-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-chvg-fiche {\n --soi-chvg-text-soft: #2C3E50;\n --soi-chvg-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603498918218,"sku":"CS0030","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dentifrice-charbon-vegetal-certifie-bio-coslys-packshot.webp?v=1781527029"},{"product_id":"dentifreeze-menthe-certifie-bio-coslys","title":"Denti'freeze Menthe Certifié Bio – Coslys","description":"\u003cdiv class=\"soi-dfrz-fiche\"\u003e\n\n\u003csection class=\"soi-dfrz-hero\"\u003e\n \u003cdiv class=\"soi-dfrz-hero-tag\"\u003e\n \u003cspan class=\"soi-dfrz-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène bucco-dentaire · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-dfrz-hero-title\"\u003eFraîcheur mentholée bio pour toute la famille\u003c\/span\u003e\n \u003cp class=\"soi-dfrz-hero-subtitle\"\u003eUn dentifrice certifié Cosmos Organic, sans sulfate, sans silice et sans fluor, formulé avec des actifs reminéralisants pour protéger vos dents naturellement, dès 7 ans.\u003c\/p\u003e\n \u003cdiv class=\"soi-dfrz-hero-labels\"\u003e\n \u003cspan class=\"soi-dfrz-label soi-dfrz-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-label\"\u003e100% ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-label\"\u003eNON TESTÉ SUR LES ANIMAUX\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-label\"\u003eSANS SULFATE · SANS FLUOR\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dfrz-section\"\u003e\n \u003ch2\u003eUn dentifrice bio menthe pensé pour toute la famille\u003c\/h2\u003e\n \u003cp\u003eLe Denti'freeze Menthe Bio de Coslys se distingue par une formule sans sulfate, sans silice et sans fluor, idéale pour les personnes aux dents ou gencives sensibles. Certifié Cosmos Organic et fabriqué en France, il répond aux exigences des familles qui recherchent un dentifrice bio naturel à la menthe, efficace, sûr et respectueux de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"soi-dfrz-grid-compact\"\u003e\n \u003cdiv class=\"soi-dfrz-card-mini\"\u003e\n \u003cspan class=\"soi-dfrz-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-card-mini\"\u003e\n \u003cspan class=\"soi-dfrz-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-card-mini\"\u003e\n \u003cspan class=\"soi-dfrz-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-value\"\u003eFlacon pompe 350 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-card-mini\"\u003e\n \u003cspan class=\"soi-dfrz-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-label\"\u003eÉco-conception\u003c\/span\u003e\n \u003cspan class=\"soi-dfrz-card-mini-value\"\u003eRechargeable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dfrz-section\"\u003e\n \u003ch2\u003eLes ingrédients clés et leurs bienfaits\u003c\/h2\u003e\n \u003cp\u003eContrairement à de nombreux dentifrices bio à la menthe du marché, Coslys associe trois actifs complémentaires pour une efficacité réelle :\u003c\/p\u003e\n \u003cdiv class=\"soi-dfrz-benefits\"\u003e\n \u003cdiv class=\"soi-dfrz-benefit\"\u003e\n \u003cdiv class=\"soi-dfrz-benefit-icon\"\u003e\u003cspan\u003e🍬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eXylitol\u003c\/h3\u003e\n \u003cp\u003eSucre naturellement présent dans les fruits et légumes, il réduit la croissance des bactéries responsables de la plaque dentaire et contribue à prévenir les caries au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-benefit\"\u003e\n \u003cdiv class=\"soi-dfrz-benefit-icon\"\u003e\u003cspan\u003e🦷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydroxyapatite\u003c\/h3\u003e\n \u003cp\u003eComposant naturel de l'émail, elle renforce et reminéralise vos dents tout en diminuant la sensibilité. Une alternative au fluor particulièrement appréciée des familles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-benefit\"\u003e\n \u003cdiv class=\"soi-dfrz-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile essentielle de menthe bio\u003c\/h3\u003e\n \u003cp\u003eElle procure une fraîcheur intense et durable dès le premier brossage, avec des propriétés antiseptiques douces pour les gencives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dfrz-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cp class=\"soi-dfrz-inci\"\u003eAqua, Glycerin*, Hydrated Silica, Xylitol*, Hydroxyapatite, Sodium Cocoyl Glutamate, Mentha Piperita (Peppermint) Oil*, Mentha Viridis (Spearmint) Leaf Oil*, Cellulose Gum, Sodium Bicarbonate, Citric Acid, Sodium Benzoate, Potassium Sorbate, Limonene**.\u003c\/p\u003e\n \u003cp class=\"soi-dfrz-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique. **Composant naturel des huiles essentielles.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dfrz-section\"\u003e\n \u003ch2\u003eComment utiliser le Denti'freeze Menthe Bio Coslys ?\u003c\/h2\u003e\n \u003cp\u003eL'utilisation est simple et rapide, ce qui en fait un allié idéal pour les familles pressées le matin :\u003c\/p\u003e\n \u003cdiv class=\"soi-dfrz-timeline\"\u003e\n \u003cdiv class=\"soi-dfrz-step\"\u003e\n \u003cdiv class=\"soi-dfrz-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-step-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eAppuyez une fois sur la pompe pour déposer une noisette de dentifrice sur votre brosse à dents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-step\"\u003e\n \u003cdiv class=\"soi-dfrz-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-step-content\"\u003e\n \u003ch3\u003eBrossez\u003c\/h3\u003e\n \u003cp\u003eBrossez vos dents pendant 2 minutes, en insistant sur les gencives et les espaces interdentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-step\"\u003e\n \u003cdiv class=\"soi-dfrz-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-step\"\u003e\n \u003cdiv class=\"soi-dfrz-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-step-content\"\u003e\n \u003ch3\u003eRépétez matin et soir\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, brossez vos dents matin et soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-tip\"\u003e\n \u003cdiv class=\"soi-dfrz-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe dentifrice convient dès 7 ans. Pour les enfants plus jeunes, nous vous recommandons de consulter votre dentiste pour un conseil personnalisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dfrz-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce dentifrice bio menthe plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp\u003eBeaucoup de dentifrices bio à la menthe misent uniquement sur la naturalité de leurs ingrédients. Coslys va plus loin : la combinaison xylitol et hydroxyapatite offre une protection active contre les caries, là où d'autres formules bio se limitent à un simple nettoyage. Ajoutez à cela un flacon pompe grand format économique, pratique et générant moins de plastique à jeter, et vous obtenez un produit pensé autant pour votre santé bucco-dentaire que pour la planète.\u003c\/p\u003e\n \u003cdiv class=\"soi-dfrz-grid\"\u003e\n \u003cdiv class=\"soi-dfrz-card\"\u003e\n \u003ch3\u003e🏆 Prix Innovation de l'Année\u003c\/h3\u003e\n \u003cp\u003eRécompensé dans le domaine des soins bucco-dentaires bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dfrz-card\"\u003e\n \u003ch3\u003e⭐ Meilleur Produit Bio 2023\u003c\/h3\u003e\n \u003cp\u003eÉlu par un jury de 100 utilisateurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dfrz-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le Denti'freeze Menthe Coslys\u003c\/h2\u003e\n \u003cdiv class=\"soi-dfrz-accordion\"\u003e\n \u003cdetails class=\"soi-dfrz-accordion-item\"\u003e\n \u003csummary class=\"soi-dfrz-accordion-header\"\u003e🦷 Ce dentifrice bio menthe convient-il aux gencives sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-dfrz-accordion-content\"\u003e\n \u003cp\u003eOui, la formule sans sulfate et sans silice est particulièrement douce pour les gencives irritées ou fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-dfrz-accordion-item\"\u003e\n \u003csummary class=\"soi-dfrz-accordion-header\"\u003e🔬 Peut-on l'utiliser sans fluor en toute sécurité ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-dfrz-accordion-content\"\u003e\n \u003cp\u003eL'hydroxyapatite remplace avantageusement le fluor pour reminéraliser l'émail. Ce n'est pas un médicament et ne remplace pas un suivi dentaire régulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-dfrz-accordion-item\"\u003e\n \u003csummary class=\"soi-dfrz-accordion-header\"\u003e♻️ Le format pompe est-il rechargeable ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-dfrz-accordion-content\"\u003e\n \u003cp\u003eOui, Coslys propose des recharges pour ce flacon, réduisant ainsi les déchets plastiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dfrz-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-dfrz-cta-box\"\u003e\n \u003cp class=\"soi-dfrz-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, sourire après sourire\u003c\/p\u003e\n \u003cp class=\"soi-dfrz-cta-text\" style=\"color: white;\"\u003eOffrez à toute votre famille un brossage efficace, naturel et vraiment agréable. Fraîcheur intense, actifs reminéralisants, zéro compromis sur la sécurité : voilà ce que chaque matin et chaque soir méritent.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-dfrz-marine: #1A2D3D;\n --soi-dfrz-marine-dark: #0F1E2B;\n --soi-dfrz-marine-light: #2C4458;\n --soi-dfrz-pomme: #A1C544;\n --soi-dfrz-pomme-dark: #84A636;\n --soi-dfrz-pomme-light: rgba(161,197,68,0.10);\n\n --soi-dfrz-white: #FFFFFF;\n --soi-dfrz-off-white: #F8FAF6;\n --soi-dfrz-stone: #F1F3EE;\n --soi-dfrz-line: #E5E8E0;\n\n --soi-dfrz-primary: #4CC5D4;\n --soi-dfrz-primary-soft: #D6F1F5;\n --soi-dfrz-accent: #56C4CF;\n\n --soi-dfrz-text: #1A2D3D;\n --soi-dfrz-text-soft: #4A5B6B;\n --soi-dfrz-text-muted: #7B8693;\n\n --soi-dfrz-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-dfrz-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-dfrz-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-dfrz-radius: 12px;\n --soi-dfrz-radius-sm: 8px;\n --soi-dfrz-radius-pill: 999px;\n}\n\n.soi-dfrz-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-dfrz-fiche img { max-width: 100%; height: auto; }\n\n.soi-dfrz-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-dfrz-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-dfrz-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-dfrz-hero {\n position: relative;\n background: var(--soi-dfrz-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-dfrz-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-dfrz-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-dfrz-pomme);\n}\n\n.soi-dfrz-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-dfrz-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-dfrz-pomme);\n border-radius: 50%;\n}\n\n.soi-dfrz-hero-title {\n display: block;\n color: var(--soi-dfrz-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-dfrz-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-dfrz-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-dfrz-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-dfrz-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-dfrz-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-dfrz-label-accent {\n background: var(--soi-dfrz-pomme);\n border-color: var(--soi-dfrz-pomme);\n color: var(--soi-dfrz-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-dfrz-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-dfrz-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-dfrz-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-dfrz-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-dfrz-pomme);\n border-radius: 2px;\n}\n\n.soi-dfrz-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-dfrz-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-dfrz-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-dfrz-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-dfrz-benefit {\n background: var(--soi-dfrz-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-dfrz-radius);\n border: 1px solid var(--soi-dfrz-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-dfrz-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-dfrz-shadow-md);\n}\n\n.soi-dfrz-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-dfrz-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-dfrz-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-dfrz-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-dfrz-benefit:hover .soi-dfrz-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-dfrz-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-dfrz-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-dfrz-benefit p {\n font-size: 13px;\n color: var(--soi-dfrz-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-dfrz-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-dfrz-card {\n background: var(--soi-dfrz-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-dfrz-radius);\n border-left: 3px solid var(--soi-dfrz-pomme);\n}\n\n.soi-dfrz-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-dfrz-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-dfrz-card p {\n font-size: 14px;\n color: var(--soi-dfrz-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-dfrz-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.5rem;\n}\n\n.soi-dfrz-card-mini {\n background: var(--soi-dfrz-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-dfrz-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-dfrz-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-dfrz-card-mini-label {\n font-size: 11px;\n color: var(--soi-dfrz-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-dfrz-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-dfrz-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-dfrz-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-dfrz-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-dfrz-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-dfrz-radius);\n border: 1px solid var(--soi-dfrz-line);\n align-items: flex-start;\n}\n\n.soi-dfrz-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-dfrz-marine);\n color: var(--soi-dfrz-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-dfrz-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-dfrz-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-dfrz-step-content p {\n font-size: 14px;\n color: var(--soi-dfrz-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === INCI === *\/\n.soi-dfrz-inci {\n font-family: 'Inter', sans-serif;\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-dfrz-text-soft);\n background: var(--soi-dfrz-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-dfrz-radius);\n border: 1px solid var(--soi-dfrz-line);\n line-height: 1.8;\n word-break: break-word;\n}\n\n.soi-dfrz-inci-note {\n font-size: 12px;\n color: var(--soi-dfrz-text-muted);\n font-style: italic;\n margin-top: 0.5rem;\n}\n\n\/* === TIP === *\/\n.soi-dfrz-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-dfrz-pomme-light);\n border-left: 4px solid var(--soi-dfrz-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-dfrz-radius) var(--soi-dfrz-radius) 0;\n align-items: flex-start;\n}\n\n.soi-dfrz-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-dfrz-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-dfrz-marine);\n margin-bottom: 4px;\n}\n\n.soi-dfrz-tip p {\n font-size: 14px;\n color: var(--soi-dfrz-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-dfrz-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-dfrz-accordion-item {\n background: var(--soi-dfrz-off-white);\n border-radius: var(--soi-dfrz-radius-sm);\n border: 1px solid var(--soi-dfrz-line);\n overflow: hidden;\n}\n\n.soi-dfrz-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-dfrz-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-dfrz-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-dfrz-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-dfrz-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-dfrz-accordion-item[open] .soi-dfrz-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-dfrz-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-dfrz-accordion-content p {\n font-size: 14px;\n color: var(--soi-dfrz-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-dfrz-cta-box {\n background: var(--soi-dfrz-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-dfrz-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-dfrz-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-dfrz-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-dfrz-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-dfrz-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-dfrz-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-dfrz-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-dfrz-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-dfrz-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-dfrz-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-dfrz-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-dfrz-fiche {\n --soi-dfrz-text-soft: #2C3E50;\n --soi-dfrz-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603499376970,"sku":"CS0035","price":14.57,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0035-dentifreeze_0c26b333-dd55-4c5a-a794-e4596e26881c.jpg?v=1778843032"},{"product_id":"dentifrice-enfant-fraise-certifie-bio-coslys","title":"Dentifrice Enfant Fraise Certifié Bio – Coslys","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLe Dentifrice Enfant Fraise certifié Bio de Coslys\u003c\/strong\u003e est spécialement conçu pour répondre aux besoins spécifiques des \u003cstrong\u003eenfants dès l'âge de 3 ans\u003c\/strong\u003e. Sa formule naturelle, sans fluor, nettoie en douceur tout en protégeant l'émail délicat des jeunes enfants. Ce dentifrice a été rigoureusement testé sous contrôle odontologique pour garantir une sécurité optimale.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CS0040_789ae48f-2898-4b4b-8b76-14e47fe7cbd3.jpg?v=1776180876\" alt=\"Photo en macro de fraises disposées sur une nappe vichy\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et bienfaits du Dentifrice Enfant Fraise de Coslys\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients Apaisants:\u003c\/strong\u003e Enrichi en thé vert et camomille, il apaise et prend soin des gencives sensibles des enfants. Ces ingrédients naturels sont connus pour leurs propriétés anti-inflammatoires et apaisantes, offrant un soin doux et efficace.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGoût Agréable:\u003c\/strong\u003e Le goût naturel de fraise rend le brossage des dents agréable et ludique pour les enfants. Cette saveur fruitée encourage les petits à adopter de bonnes habitudes d'hygiène bucco-dentaire dès leur plus jeune âge.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eUn produit naturel de qualité\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifié Cosmos Organic:\u003c\/strong\u003e Garantit des ingrédients de haute qualité et une traçabilité irréprochable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCruelty-Free et Vegan:\u003c\/strong\u003e Aucun test sur les animaux et sans ingrédients d'origine animale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabriqué en France:\u003c\/strong\u003e Assure un produit local, respectant les normes strictes de qualité et de sécurité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003e\u003cstrong\u003eAvantages du Dentifrice Enfant Fraise certifié bio Coslys\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule Sans Fluor:\u003c\/strong\u003e Adaptée pour les enfants, évitant les risques liés à l'ingestion de fluor.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDouceur et Protection:\u003c\/strong\u003e Nettoie en douceur tout en protégeant l'émail et les gencives sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGoût Naturel:\u003c\/strong\u003e Un arôme de fraise qui plaît aux enfants, rendant le brossage des dents un moment agréable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eOffrez à vos enfants le meilleur de la nature avec \u003cstrong\u003ele Dentifrice Enfant Fraise Bio de Coslys\u003c\/strong\u003e, pour des dents saines et un sourire éclatant!\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603500032330,"sku":"CS0040","price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0040-dentifrice-enfant-fraise_e489b65d-a69f-4047-b242-e86156751ddb.jpg?v=1778843033"},{"product_id":"dentifrice-enfant-peche-certifie-bio-coslys","title":"Dentifrice Enfant Pêche Certifié Bio – Coslys","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLe Dentifrice Enfant Pêche certifié bio de Coslys\u003c\/strong\u003e est spécialement conçu pour les enfants âgés de 7 à 12 ans, répondant parfaitement à leurs besoins spécifiques en matière d'hygiène bucco-dentaire.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CS0045_60d40c0c-31ac-4547-960c-327503146152.jpg?v=1776180876\" alt=\"Photo de pêches positionnées sur une table de jardin\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques du Dentifrice Enfant Pêche de Coslys\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule naturelle\u003c\/strong\u003e : Composé d'ingrédients d'origine naturelle, ce dentifrice aide à prévenir efficacement les caries tout en respectant les gencives délicates des enfants.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #333333;\"\u003eSans fluor\u003c\/strong\u003e\u003cspan style=\"color: #333333;\"\u003e : Idéal pour les enfants qui n'ont pas besoin d'apport supplémentaire de fluor, ce qui permet de limiter les risques d'excès de fluor dans l'organisme.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #333333;\"\u003eContrôle odontologique\u003c\/strong\u003e\u003cspan style=\"color: #333333;\"\u003e : Testé sous contrôle odontologique pour garantir son efficacité et sa sécurité, assurant ainsi une protection adaptée aux jeunes dents en développement.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #333333;\"\u003eCertifié Cosmos Organic\u003c\/strong\u003e\u003cspan style=\"color: #333333;\"\u003e : Ce label certifie la qualité biologique des ingrédients et le respect des normes environnementales, offrant une garantie supplémentaire pour les parents soucieux de la santé et de l'environnement.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #333333;\"\u003eCruelty-Free et Vegan\u003c\/strong\u003e\u003cspan style=\"color: #333333;\"\u003e : Aucun test sur les animaux et sans ingrédient d'origine animale, ce qui répond aux attentes des consommateurs éthiques.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong style=\"color: #333333;\"\u003eFabriqué en France\u003c\/strong\u003e\u003cspan style=\"color: #333333;\"\u003e : Gage de qualité et de traçabilité irréprochable, soutenant les savoir-faire locaux et réduisant l'empreinte carbone.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003e\u003cspan style=\"text-decoration: underline;\"\u003e\u003cstrong\u003eDes ingrédients Biologiques\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePêche Bio Française\u003c\/strong\u003e : Enrichi en arôme naturel de pêche bio française, il rend le brossage des dents agréable et ludique pour les enfants.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloe Vera Bio\u003c\/strong\u003e : Connu pour ses propriétés apaisantes et hydratantes, il contribue à maintenir des gencives saines en offrant une sensation de fraîcheur durable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eXylitol d'origine naturelle\u003c\/strong\u003e : Protège les dents contre les caries en neutralisant les acides produits par les bactéries buccales, aidant ainsi à prévenir les problèmes de plaque dentaire.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003e\u003cstrong\u003eAvantages et bienfaits du Dentifrice Enfant Pêche Coslys\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHygiène optimale\u003c\/strong\u003e : Offre une protection complète pour une hygiène bucco-dentaire optimale, assurant des dents et des gencives saines à long terme.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdoption des bonnes habitudes\u003c\/strong\u003e : Son goût agréable de pêche encourage les enfants à adopter et maintenir de bonnes habitudes de brossage, rendant cette routine quotidienne plus agréable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection naturelle\u003c\/strong\u003e : La combinaison d'aloe vera et de xylitol assure une protection naturelle contre les caries et les inflammations, tout en étant douce pour les gencives.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eEn choisissant \u003cstrong\u003ele Dentifrice Enfant Pêche certifié bio de Coslys\u003c\/strong\u003e, vous faites le choix d'une \u003cstrong\u003ehygiène bucco-dentaire naturelle\u003c\/strong\u003e, efficace et agréable pour vos enfants. Sa formulation douce et respectueuse, enrichie en ingrédients biologiques, garantit une protection optimale tout en inculquant de bonnes habitudes de brossage. \u003cstrong\u003eCertifié Cosmos Organic, cruelty-free et vegan\u003c\/strong\u003e, ce dentifrice est le reflet d'un engagement pour la santé de vos enfants et le respect de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603500360010,"sku":"CS0045","price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0045-dentifrice-enfant-peche_8cc78858-72ae-43b0-8660-31ee0a99ab6c.jpg?v=1778843032"},{"product_id":"soin-hydratant-triple-action-certifie-bio-coslys","title":"Soin Hydratant Triple Action Bio Homme - Coslys","description":"\u003cdiv class=\"soi-hydr-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-hydr-hero\"\u003e\n \u003cdiv class=\"soi-hydr-hero-tag\"\u003e\n \u003cspan class=\"soi-hydr-tag-dot\"\u003e\u003c\/span\u003e\n Soin visage homme · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-hydr-hero-title\"\u003eSoin Hydratant Triple Action certifié Bio\u003c\/span\u003e\n \u003cp class=\"soi-hydr-hero-subtitle\"\u003eHydratation intense, apaisement après rasage et éclat retrouvé : trois actions en un seul geste pour la peau masculine, formulé à 98,9 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"soi-hydr-hero-labels\"\u003e\n \u003cspan class=\"soi-hydr-label soi-hydr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-hydr-label\"\u003e98,9 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-hydr-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-hydr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-hydr-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 1 : Pourquoi choisir ce soin hydratant bio pour homme ? --\u003e\n \u003csection class=\"soi-hydr-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce soin hydratant bio pour homme ?\u003c\/h2\u003e\n \u003cp class=\"soi-hydr-section-intro\"\u003eCe soin Coslys Homme joue la carte de la transparence : des actifs identifiés, des actions concrètes, une texture agréable au quotidien. Sa triple action se déploie à chaque application.\u003c\/p\u003e\n \u003cdiv class=\"soi-hydr-benefits\"\u003e\n \u003cdiv class=\"soi-hydr-benefit\"\u003e\n \u003cdiv class=\"soi-hydr-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation intense et durable\u003c\/h3\u003e\n \u003cp\u003eVotre peau est nourrie en profondeur, le confort se maintient tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hydr-benefit\"\u003e\n \u003cdiv class=\"soi-hydr-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisement immédiat\u003c\/h3\u003e\n \u003cp\u003eIdéal après le rasage, il calme les rougeurs et les tiraillements sans agresser votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hydr-benefit\"\u003e\n \u003cdiv class=\"soi-hydr-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRéduction des signes de fatigue\u003c\/h3\u003e\n \u003cp\u003eLe teint est revitalisé, le regard moins marqué, la peau visiblement plus reposée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 : Les ingrédients clés de la formule --\u003e\n \u003csection class=\"soi-hydr-section\"\u003e\n \u003ch2\u003eLes ingrédients clés de la formule\u003c\/h2\u003e\n \u003cp class=\"soi-hydr-section-intro\"\u003eChaque actif a été choisi pour sa complémentarité et son efficacité réelle sur la peau masculine.\u003c\/p\u003e\n \u003cdiv class=\"soi-hydr-grid\"\u003e\n \u003cdiv class=\"soi-hydr-card\"\u003e\n \u003ch3\u003e🌳 Extrait d'hêtre bio d'Ardèche\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient signature de cette formule. Riche en polyphénols, il lisse le grain de peau, atténue les ridules et renforce la résistance cutanée face aux agressions extérieures (pollution, froid, UV).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hydr-card\"\u003e\n \u003ch3\u003e🪴 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydratant, régénérant et apaisant, il apporte une fraîcheur immédiate et favorise le renouvellement cellulaire. Parfait pour les peaux sensibles ou irritées par le rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hydr-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003eSource de vitamines A, E et d'acides gras essentiels, il restaure le film hydrolipidique, assouplit la peau et la protège des agressions climatiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 : Comment utiliser ce soin hydratant visage bio ? --\u003e\n \u003csection class=\"soi-hydr-section\"\u003e\n \u003ch2\u003eComment utiliser ce soin hydratant visage bio ?\u003c\/h2\u003e\n \u003cp class=\"soi-hydr-section-intro\"\u003eCe soin 3-en-1 s'adapte à votre routine, quelle qu'elle soit. La texture légère et non grasse pénètre rapidement, sans laisser de film résiduel.\u003c\/p\u003e\n \u003cdiv class=\"soi-hydr-timeline\"\u003e\n \u003cdiv class=\"soi-hydr-step\"\u003e\n \u003cdiv class=\"soi-hydr-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-hydr-step-content\"\u003e\n \u003ch3\u003eEn crème de jour\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette sur le visage propre et sec, matin et\/ou soir, en massant doucement jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hydr-step\"\u003e\n \u003cdiv class=\"soi-hydr-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-hydr-step-content\"\u003e\n \u003ch3\u003eEn soin après-rasage\u003c\/h3\u003e\n \u003cp\u003eJuste après le rasage, appliquez sur la zone irritée pour apaiser instantanément et éviter les rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hydr-step\"\u003e\n \u003cdiv class=\"soi-hydr-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-hydr-step-content\"\u003e\n \u003ch3\u003eEn soin contour des yeux\u003c\/h3\u003e\n \u003cp\u003eTamponnez délicatement du bout des doigts autour des yeux pour atténuer cernes et signes de fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 : Certifications et engagements Coslys --\u003e\n \u003csection class=\"soi-hydr-section\"\u003e\n \u003ch2\u003eCertifications et engagements Coslys\u003c\/h2\u003e\n \u003cdiv class=\"soi-hydr-grid-compact\"\u003e\n \u003cdiv class=\"soi-hydr-card-mini\"\u003e\n \u003cspan class=\"soi-hydr-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-hydr-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-hydr-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hydr-card-mini\"\u003e\n \u003cspan class=\"soi-hydr-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n \u003cspan class=\"soi-hydr-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-hydr-card-mini-value\"\u003e98,9 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hydr-card-mini\"\u003e\n \u003cspan class=\"soi-hydr-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-hydr-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-hydr-card-mini-value\"\u003eVegan \u0026amp; Cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hydr-card-mini\"\u003e\n \u003cspan class=\"soi-hydr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-hydr-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-hydr-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hydr-tip\"\u003e\n \u003cdiv class=\"soi-hydr-tip-icon\"\u003e🧴\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe format airless\u003c\/strong\u003e\n \u003cp\u003eLe flacon pompe hygiénique préserve l'intégrité de la formule sans conservateurs superflus. Formule sans silicone, sans paraben, sans phénoxyéthanol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 5 : Pour qui est fait ce soin hydratant naturel ? --\u003e\n \u003csection class=\"soi-hydr-section\"\u003e\n \u003ch2\u003ePour qui est fait ce soin hydratant naturel ?\u003c\/h2\u003e\n \u003cp\u003eCe soin convient à \u003cstrong\u003etous types de peaux masculines\u003c\/strong\u003e : peaux normales, sèches, sensibles ou fatiguées. Il vous est particulièrement recommandé si vous cherchez un produit multifonction simple à intégrer dans une routine minimaliste, sans sacrifier la qualité des actifs.\u003c\/p\u003e\n \u003cdiv class=\"soi-hydr-tip\"\u003e\n \u003cdiv class=\"soi-hydr-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePrécaution\u003c\/strong\u003e\n \u003cp\u003eCe produit ne remplace pas un traitement médical dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 6 : Composition complète (INCI) --\u003e\n \u003csection class=\"soi-hydr-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-hydr-accordion\"\u003e\n \u003cdetails class=\"soi-hydr-accordion-item\"\u003e\n \u003csummary class=\"soi-hydr-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-hydr-accordion-content\"\u003e\n \u003cp\u003eAqua, Aloe Barbadensis Leaf Juice*, Glycerin, Butyrospermum Parkii Butter*, Cetearyl Alcohol, Cetearyl Glucoside, Fagus Sylvatica Bud Extract*, Sodium Levulinate, Sodium Anisate, Xanthan Gum, Parfum, Tocopherol, Helianthus Annuus Seed Oil*, Citric Acid.\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 \u003c!-- CTA --\u003e\n \u003csection class=\"soi-hydr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-hydr-cta-box\"\u003e\n \u003cp class=\"soi-hydr-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, prendre soin de soi sincèrement\u003c\/p\u003e\n \u003cp class=\"soi-hydr-cta-text\" style=\"color: white;\"\u003eHydratation profonde, apaisement après rasage, regard reposé. Un soin certifié bio, vegan et fabriqué en France, pour une routine simple et vraiment efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-hydr-marine: #1A2D3D;\n --soi-hydr-marine-dark: #0F1E2B;\n --soi-hydr-marine-light: #2C4458;\n --soi-hydr-pomme: #A1C544;\n --soi-hydr-pomme-dark: #84A636;\n --soi-hydr-pomme-light: rgba(161,197,68,0.10);\n --soi-hydr-white: #FFFFFF;\n --soi-hydr-off-white: #F8FAF6;\n --soi-hydr-stone: #F1F3EE;\n --soi-hydr-line: #E5E8E0;\n --soi-hydr-primary: #5A8F29;\n --soi-hydr-primary-soft: rgba(90,143,41,0.08);\n --soi-hydr-accent: #3D6B1A;\n --soi-hydr-text: #1A2D3D;\n --soi-hydr-text-soft: #4A5B6B;\n --soi-hydr-text-muted: #7B8693;\n --soi-hydr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-hydr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-hydr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-hydr-radius: 12px;\n --soi-hydr-radius-sm: 8px;\n --soi-hydr-radius-pill: 999px;\n}\n\n.soi-hydr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-hydr-fiche img { max-width: 100%; height: auto; }\n\n.soi-hydr-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-hydr-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-hydr-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-hydr-hero {\n position: relative;\n background: var(--soi-hydr-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-hydr-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-hydr-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-hydr-pomme);\n}\n\n.soi-hydr-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-hydr-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-hydr-pomme);\n border-radius: 50%;\n}\n\n.soi-hydr-hero-title {\n display: block;\n color: var(--soi-hydr-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-hydr-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-hydr-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-hydr-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-hydr-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-hydr-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-hydr-label-accent {\n background: var(--soi-hydr-pomme);\n border-color: var(--soi-hydr-pomme);\n color: var(--soi-hydr-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-hydr-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-hydr-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-hydr-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-hydr-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-hydr-pomme);\n border-radius: 2px;\n}\n\n.soi-hydr-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-hydr-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-hydr-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-hydr-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-hydr-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-hydr-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-hydr-benefit {\n background: var(--soi-hydr-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-hydr-radius);\n border: 1px solid var(--soi-hydr-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-hydr-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-hydr-shadow-md);\n}\n\n.soi-hydr-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-hydr-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-hydr-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-hydr-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-hydr-benefit:hover .soi-hydr-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-hydr-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-hydr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-hydr-benefit p {\n font-size: 13px;\n color: var(--soi-hydr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-hydr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-hydr-card {\n background: var(--soi-hydr-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-hydr-radius);\n border-left: 3px solid var(--soi-hydr-pomme);\n}\n\n.soi-hydr-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-hydr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-hydr-card p {\n font-size: 14px;\n color: var(--soi-hydr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-hydr-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.25rem;\n}\n\n.soi-hydr-card-mini {\n background: var(--soi-hydr-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-hydr-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-hydr-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-hydr-card-mini-label {\n font-size: 11px;\n color: var(--soi-hydr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-hydr-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-hydr-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-hydr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-hydr-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-hydr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-hydr-radius);\n border: 1px solid var(--soi-hydr-line);\n align-items: flex-start;\n}\n\n.soi-hydr-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-hydr-marine);\n color: var(--soi-hydr-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-hydr-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-hydr-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-hydr-step-content p {\n font-size: 14px;\n color: var(--soi-hydr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-hydr-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-hydr-pomme-light);\n border-left: 4px solid var(--soi-hydr-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-hydr-radius) var(--soi-hydr-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-hydr-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-hydr-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-hydr-marine);\n margin-bottom: 4px;\n}\n\n.soi-hydr-tip p {\n font-size: 14px;\n color: var(--soi-hydr-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-hydr-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-hydr-accordion-item {\n background: var(--soi-hydr-off-white);\n border-radius: var(--soi-hydr-radius-sm);\n border: 1px solid var(--soi-hydr-line);\n overflow: hidden;\n}\n\n.soi-hydr-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-hydr-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-hydr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-hydr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-hydr-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-hydr-accordion-item[open] .soi-hydr-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-hydr-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-hydr-accordion-content p {\n font-size: 14px;\n color: var(--soi-hydr-text-soft);\n line-height: 1.6;\n margin-bottom: 0.5rem;\n}\n\n.soi-hydr-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.soi-hydr-accordion-content em {\n font-size: 13px;\n color: var(--soi-hydr-text-muted);\n}\n\n\/* === CTA BOX === *\/\n.soi-hydr-cta-box {\n background: var(--soi-hydr-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-hydr-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-hydr-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-hydr-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-hydr-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-hydr-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-hydr-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-hydr-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-hydr-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-hydr-step-num {\n margin: 0;\n }\n\n .soi-hydr-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-hydr-tip {\n flex-direction: column;\n gap: 0.5rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-hydr-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-hydr-fiche {\n --soi-hydr-text-soft: #2C3E50;\n --soi-hydr-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603506422090,"sku":"CS0250","price":16.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soin-hydratant-triple-action-certifie-bio-coslys-packshot.webp?v=1779364949"},{"product_id":"gel-douche-protecteur-olive-certifie-bio-coslys","title":"Gel douche protecteur Olive certifié bio – Coslys","description":"\n\u003cdiv class=\"soi-oliv-fiche\"\u003e\n\n \u003csection class=\"soi-oliv-hero\"\u003e\n \u003cdiv class=\"soi-oliv-hero-tag\"\u003e\n \u003cspan class=\"soi-oliv-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène corporelle · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-oliv-hero-title\"\u003eLa douceur protectrice de l'olivier\u003c\/span\u003e\n \u003cp class=\"soi-oliv-hero-subtitle\"\u003eUn gel douche sans savon, certifié bio, qui nettoie en douceur tout en nourrissant votre peau grâce à l'huile d'olive et à la reine des prés biologiques.\u003c\/p\u003e\n \u003cdiv class=\"soi-oliv-hero-labels\"\u003e\n \u003cspan class=\"soi-oliv-label soi-oliv-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-label\"\u003eSANS SAVON\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-oliv-section\"\u003e\n \u003ch2\u003ePourquoi choisir un gel douche à l'huile d'olive bio ?\u003c\/h2\u003e\n \u003cp\u003eL'huile d'olive est l'un des actifs naturels les plus anciens et les plus reconnus pour le soin de la peau. Riche en acides gras et en antioxydants, elle aide à nourrir la barrière cutanée, à maintenir l'hydratation naturelle et à laisser la peau douce sans résidu gras. Associée à la reine des prés bio, connue pour ses propriétés apaisantes, cette formule vous offre un soin complet dès la douche.\u003c\/p\u003e\n \u003cp\u003eContrairement à un savon classique qui peut déséquilibrer le film hydrolipidique, ce gel sans savon respecte l'équilibre naturel de votre peau. Résultat : aucune sensation de tiraillement, même après une douche chaude.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-oliv-section\"\u003e\n \u003ch2\u003eCe que vous apporte vraiment ce gel douche Coslys\u003c\/h2\u003e\n \u003cdiv class=\"soi-oliv-benefits\"\u003e\n \u003cdiv class=\"soi-oliv-benefit\"\u003e\n \u003cdiv class=\"soi-oliv-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage en douceur\u003c\/h3\u003e\n \u003cp\u003eSa mousse fine et légère élimine efficacement les impuretés sans agresser la peau, idéale pour un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-benefit\"\u003e\n \u003cdiv class=\"soi-oliv-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection et nutrition\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive bio renforce la barrière cutanée et prévient le dessèchement de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-benefit\"\u003e\n \u003cdiv class=\"soi-oliv-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eFormulé pour tous types de peaux, y compris les peaux sensibles : un seul flacon pour tout le foyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-benefit\"\u003e\n \u003cdiv class=\"soi-oliv-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum frais et naturel\u003c\/h3\u003e\n \u003cp\u003eUne fragrance pétillante qui accompagne agréablement votre rituel de douche quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-grid\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-oliv-card\"\u003e\n \u003ch3\u003e♻️ Flacon éco-responsable\u003c\/h3\u003e\n \u003cp\u003e1 litre en plastique 100 % recyclé, recyclable et rechargeable pour limiter votre impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eDéveloppé et conditionné à Somloire, en Anjou, dans le laboratoire Coslys.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-card\"\u003e\n \u003ch3\u003e✅ Certifié et engagé\u003c\/h3\u003e\n \u003cp\u003eCertifié Cosmos Organic, vegan et cruelty-free : sans ingrédients d'origine animale, sans tests sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-oliv-section\"\u003e\n \u003ch2\u003eComposition : 97,5 % d'ingrédients d'origine naturelle\u003c\/h2\u003e\n \u003cp class=\"soi-oliv-section-intro\"\u003eCe gel douche bio affiche une transparence totale sur sa formule. Voici les ingrédients clés qui composent ce soin.\u003c\/p\u003e\n \u003cdiv class=\"soi-oliv-compo\"\u003e\n \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n \u003cspan class=\"soi-oliv-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-compo-value\"\u003eHuile d'olive bio (Olea Europaea Fruit Oil)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n \u003cspan class=\"soi-oliv-compo-label\"\u003eActif apaisant\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-compo-value\"\u003eExtrait de reine des prés bio (Filipendula Ulmaria)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n \u003cspan class=\"soi-oliv-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-compo-value\"\u003eTensioactifs d'origine végétale, sans sulfates agressifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n \u003cspan class=\"soi-oliv-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-compo-value\"\u003e97,5 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n \u003cspan class=\"soi-oliv-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-compo-value\"\u003e0 % savon, paraben, silicone, colorant de synthèse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-oliv-tip-icon\"\u003e📋\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eTransparence totale\u003c\/strong\u003e\n \u003cp\u003eLa liste complète des ingrédients (INCI) est disponible sur l'emballage du produit, conformément aux exigences de la certification Cosmos Organic.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-oliv-section\"\u003e\n \u003ch2\u003eComment utiliser ce gel douche à l'huile d'olive ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-oliv-timeline\"\u003e\n \u003cdiv class=\"soi-oliv-step\"\u003e\n \u003cdiv class=\"soi-oliv-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-step-content\"\u003e\n \u003ch3\u003eDosez avec la pompe\u003c\/h3\u003e\n \u003cp\u003eAppuyez sur le distributeur pompe pour déposer une noisette de gel dans votre main ou sur un gant de toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-step\"\u003e\n \u003cdiv class=\"soi-oliv-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur l'ensemble du corps en massages circulaires doux. Le gel convient également pour les enfants, sous surveillance adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-step\"\u003e\n \u003cdiv class=\"soi-oliv-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau. La peau reste douce, souple et légèrement parfumée, sans résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-oliv-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur ce gel douche bio olive\u003c\/h2\u003e\n \u003cdiv class=\"soi-oliv-accordion\"\u003e\n \u003cdetails class=\"soi-oliv-accordion-item\"\u003e\n \u003csummary class=\"soi-oliv-accordion-header\"\u003e🧴 Ce gel douche convient-il aux peaux sèches ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-oliv-accordion-content\"\u003e\n \u003cp\u003eOui, grâce à l'huile d'olive bio qui nourrit et protège la peau, il est particulièrement adapté aux peaux sèches ou inconfortables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-oliv-accordion-item\"\u003e\n \u003csummary class=\"soi-oliv-accordion-header\"\u003e👶 Peut-on l'utiliser comme gel douche pour bébé ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-oliv-accordion-content\"\u003e\n \u003cp\u003eSa formule douce sans savon et sans tensioactifs sulfatés est compatible avec les peaux fragiles. Cependant, pour les tout-petits, consultez l'avis d'un professionnel de santé avant usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-oliv-accordion-item\"\u003e\n \u003csummary class=\"soi-oliv-accordion-header\"\u003e📦 Le grand format 1 litre est-il pratique ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-oliv-accordion-content\"\u003e\n \u003cp\u003eAbsolument : le flacon pompe facilite le dosage et limite le gaspillage. Il est aussi rechargeable pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-oliv-accordion-item\"\u003e\n \u003csummary class=\"soi-oliv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-oliv-accordion-content\"\u003e\n \u003cp\u003eCe produit est un cosmétique. Il ne se substitue à aucun traitement médical. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-oliv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-oliv-cta-box\"\u003e\n \u003cp class=\"soi-oliv-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se laver en douceur\u003c\/p\u003e\n \u003cp class=\"soi-oliv-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau un nettoyage respectueux et nourrissant, chaque jour. Ce gel douche bio Coslys à l'huile d'olive, fabriqué en France et certifié Cosmos Organic, est bien plus qu'un simple nettoyant : c'est un moment de douceur quotidien pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-oliv-marine: #1A2D3D;\n --soi-oliv-marine-dark: #0F1E2B;\n --soi-oliv-marine-light: #2C4458;\n --soi-oliv-pomme: #A1C544;\n --soi-oliv-pomme-dark: #84A636;\n --soi-oliv-pomme-light: rgba(161,197,68,0.10);\n --soi-oliv-white: #FFFFFF;\n --soi-oliv-off-white: #F8FAF6;\n --soi-oliv-stone: #F1F3EE;\n --soi-oliv-line: #E5E8E0;\n --soi-oliv-primary: #7A9A5A;\n --soi-oliv-primary-soft: #E8F0DC;\n --soi-oliv-accent: #A8B5D4;\n --soi-oliv-text: #1A2D3D;\n --soi-oliv-text-soft: #4A5B6B;\n --soi-oliv-text-muted: #7B8693;\n --soi-oliv-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-oliv-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-oliv-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-oliv-radius: 12px;\n --soi-oliv-radius-sm: 8px;\n --soi-oliv-radius-pill: 999px;\n}\n\n.soi-oliv-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-oliv-fiche img { max-width: 100%; height: auto; }\n\n.soi-oliv-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-oliv-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-oliv-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-oliv-hero {\n position: relative;\n background: var(--soi-oliv-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-oliv-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-oliv-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-oliv-pomme);\n}\n\n.soi-oliv-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-oliv-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-oliv-pomme);\n border-radius: 50%;\n}\n\n.soi-oliv-hero-title {\n display: block;\n color: var(--soi-oliv-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-oliv-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-oliv-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-oliv-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-oliv-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-oliv-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-oliv-label-accent {\n background: var(--soi-oliv-pomme);\n border-color: var(--soi-oliv-pomme);\n color: var(--soi-oliv-marine);\n font-weight: 600;\n}\n\n.soi-oliv-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-oliv-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-oliv-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-oliv-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-oliv-pomme);\n border-radius: 2px;\n}\n\n.soi-oliv-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-oliv-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-oliv-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-oliv-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-oliv-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-oliv-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-oliv-benefit {\n background: var(--soi-oliv-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-oliv-radius);\n border: 1px solid var(--soi-oliv-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-oliv-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-oliv-shadow-md);\n}\n\n.soi-oliv-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-oliv-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-oliv-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-oliv-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-oliv-benefit:hover .soi-oliv-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-oliv-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-oliv-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-oliv-benefit p {\n font-size: 13px;\n color: var(--soi-oliv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-oliv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-oliv-card {\n background: var(--soi-oliv-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-oliv-radius);\n border-left: 3px solid var(--soi-oliv-pomme);\n}\n\n.soi-oliv-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-oliv-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-oliv-card p {\n font-size: 14px;\n color: var(--soi-oliv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-oliv-compo {\n background: var(--soi-oliv-off-white);\n border-radius: var(--soi-oliv-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-oliv-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-oliv-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-oliv-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-oliv-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-oliv-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-oliv-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-oliv-marine);\n text-align: right;\n}\n\n.soi-oliv-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-oliv-pomme-light);\n border-left: 4px solid var(--soi-oliv-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-oliv-radius) var(--soi-oliv-radius) 0;\n align-items: flex-start;\n}\n\n.soi-oliv-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-oliv-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-oliv-marine);\n margin-bottom: 4px;\n}\n\n.soi-oliv-tip p {\n font-size: 14px;\n color: var(--soi-oliv-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-oliv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-oliv-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-oliv-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-oliv-radius);\n border: 1px solid var(--soi-oliv-line);\n align-items: flex-start;\n}\n\n.soi-oliv-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-oliv-marine);\n color: var(--soi-oliv-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-oliv-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-oliv-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-oliv-step-content p {\n font-size: 14px;\n color: var(--soi-oliv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-oliv-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-oliv-accordion-item {\n background: var(--soi-oliv-off-white);\n border-radius: var(--soi-oliv-radius-sm);\n border: 1px solid var(--soi-oliv-line);\n overflow: hidden;\n}\n\n.soi-oliv-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-oliv-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-oliv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-oliv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-oliv-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-oliv-accordion-item[open] .soi-oliv-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-oliv-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-oliv-accordion-content p {\n font-size: 14px;\n color: var(--soi-oliv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-oliv-cta-box {\n background: var(--soi-oliv-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-oliv-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-oliv-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-oliv-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-oliv-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-oliv-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-oliv-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-oliv-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-oliv-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-oliv-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-oliv-compo-value {\n text-align: left;\n }\n\n .soi-oliv-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-oliv-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-oliv-fiche {\n --soi-oliv-text-soft: #2C3E50;\n --soi-oliv-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603507241290,"sku":"CS0065","price":16.15,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0065-gel-douche-protecteur-olive_e46ed58e-3772-45ec-b141-35eff45ac0c5.jpg?v=1778843053"},{"product_id":"gel-douche-verveine-citron-certifie-bio-coslys","title":"Gel douche Verveine Citron certifié bio – Coslys","description":"\n\u003cdiv class=\"soi-gdvc-fiche\"\u003e\n\n \u003csection class=\"soi-gdvc-hero\"\u003e\n \u003cdiv class=\"soi-gdvc-hero-tag\"\u003e\n \u003cspan class=\"soi-gdvc-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène corps · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-gdvc-hero-title\"\u003eLe réveil sensoriel à la verveine et au citron\u003c\/span\u003e\n \u003cp class=\"soi-gdvc-hero-subtitle\"\u003eUn gel douche bio certifié Cosmos Organic, formulé à 97,5 % d'ingrédients d'origine naturelle, pour transformer chaque douche en un élan de fraîcheur vivifiante.\u003c\/p\u003e\n \u003cdiv class=\"soi-gdvc-hero-labels\"\u003e\n \u003cspan class=\"soi-gdvc-label soi-gdvc-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eSANS SAVON\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eGel douche bio Verveine \u0026amp; Citron : la douche qui réveille vraiment\u003c\/h2\u003e\n \u003cp\u003eVous connaissez ces matins où le corps a du mal à démarrer ? Ce gel douche bio Verveine Citron de Coslys est précisément fait pour ça. Sa fragrance fraîche et acidulée, mêlant la verveine bio et les notes vives du citron, transforme une douche ordinaire en un vrai moment de réveil sensoriel. Certifié Cosmos Organic, il est formulé à 97,5 % d'ingrédients d'origine naturelle et convient à tous les types de peaux, même les plus réactives.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eCe que vous trouverez dans la formule\u003c\/h2\u003e\n \u003cp class=\"soi-gdvc-section-intro\"\u003eChaque ingrédient a été sélectionné pour son utilité réelle, pas pour l'affichage.\u003c\/p\u003e\n \u003cdiv class=\"soi-gdvc-grid\"\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate et apaise en douceur, sans effet collant. Idéal pour les peaux sensibles ou celles qui tiraillent après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🌸 Eau florale de reine des prés bio\u003c\/h3\u003e\n \u003cp\u003eTonifiante et calmante, elle contribue à l'équilibre cutané et laisse une sensation de fraîcheur durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🍃 Verveine exotique\u003c\/h3\u003e\n \u003cp\u003eNote herbacée légère et revitalisante, véritable signature olfactive de ce gel douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🍋 Essence naturelle de citron\u003c\/h3\u003e\n \u003cp\u003eVivifiante, elle stimule les sens et apporte cette touche d'énergie que l'on recherche en début de journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🧴 Base lavante végétale, sans savon\u003c\/h3\u003e\n \u003cp\u003eNettoie sans agresser et respecte le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eLes points qui font vraiment la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-gdvc-benefits\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eGage de transparence totale sur la composition et les procédés de fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e🚿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans savon, pH équilibré\u003c\/h3\u003e\n \u003cp\u003eLa peau n'est pas desséchée ni agressée, même avec une utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-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 animaux. Un choix cohérent et éthique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduction locale, contrôle qualité rigoureux, empreinte carbone réduite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003ePour qui est ce gel douche bio ?\u003c\/h2\u003e\n \u003cp\u003eCe gel douche convient à tous les types de peaux, y compris les peaux sensibles et les peaux sèches qui réagissent mal aux formules classiques. Sa texture fluide et son parfum délicat en font aussi une excellente option pour les personnes à la recherche d'un gel douche bio à l'aloe vera efficace au quotidien. Adapté à toute la famille grâce à sa formule douce, il peut être utilisé dès le plus jeune âge, en dehors des nourrissons.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gdvc-timeline\"\u003e\n \u003cdiv class=\"soi-gdvc-step\"\u003e\n \u003cdiv class=\"soi-gdvc-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eUne à deux pressions de pompe sur une main ou un gant de toilette humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step\"\u003e\n \u003cdiv class=\"soi-gdvc-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step-content\"\u003e\n \u003ch3\u003eFaire mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser sur l'ensemble du corps pour une mousse onctueuse et enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step\"\u003e\n \u003cdiv class=\"soi-gdvc-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Convient pour une utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-tip\"\u003e\n \u003cdiv class=\"soi-gdvc-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour une sensation de fraîcheur maximale, terminez votre douche par un rinçage à l'eau légèrement fraîche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-gdvc-accordion\"\u003e\n \u003cdetails class=\"soi-gdvc-accordion-item\"\u003e\n \u003csummary class=\"soi-gdvc-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-gdvc-accordion-content\"\u003e\n \u003cp\u003eAqua, Sodium Coco-Sulfate, Coco-Glucoside, Glycerin, Aloe Barbadensis Leaf Juice*, Filipendula Ulmaria Flower Water*, Cymbopogon Nardus Oil, Citrus Limon Peel Oil, Citric Acid, Sodium Chloride, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n \u003cp\u003e* Ingrédients issus de l'agriculture biologique. 97,5 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-gdvc-accordion-item\"\u003e\n \u003csummary class=\"soi-gdvc-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n \u003cdiv class=\"soi-gdvc-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue pas à un avis médical ni à un traitement dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gdvc-cta-box\"\u003e\n \u003cp class=\"soi-gdvc-cta-tag\" style=\"color: white;\"\u003eUn rituel de douche naturel et vivifiant\u003c\/p\u003e\n \u003cp class=\"soi-gdvc-cta-text\" style=\"color: white;\"\u003eChaque matin mérite un vrai élan. Offrez à votre peau une formule douce et certifiée, et à vos sens un réveil à la fraîcheur du citron et à la légèreté de la verveine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-gdvc-marine: #1A2D3D;\n --soi-gdvc-marine-dark: #0F1E2B;\n --soi-gdvc-marine-light: #2C4458;\n --soi-gdvc-pomme: #A1C544;\n --soi-gdvc-pomme-dark: #84A636;\n --soi-gdvc-pomme-light: rgba(161,197,68,0.10);\n\n --soi-gdvc-white: #FFFFFF;\n --soi-gdvc-off-white: #F8FAF6;\n --soi-gdvc-stone: #F1F3EE;\n --soi-gdvc-line: #E5E8E0;\n\n --soi-gdvc-primary: #D4B83A;\n --soi-gdvc-primary-soft: #F5EFD6;\n --soi-gdvc-accent: #C8A62E;\n\n --soi-gdvc-text: #1A2D3D;\n --soi-gdvc-text-soft: #4A5B6B;\n --soi-gdvc-text-muted: #7B8693;\n\n --soi-gdvc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gdvc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gdvc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gdvc-radius: 12px;\n --soi-gdvc-radius-sm: 8px;\n --soi-gdvc-radius-pill: 999px;\n}\n\n.soi-gdvc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gdvc-fiche img { max-width: 100%; height: auto; }\n\n.soi-gdvc-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gdvc-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gdvc-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gdvc-hero {\n position: relative;\n background: var(--soi-gdvc-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-gdvc-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gdvc-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gdvc-pomme);\n}\n\n.soi-gdvc-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-gdvc-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gdvc-pomme);\n border-radius: 50%;\n}\n\n.soi-gdvc-hero-title {\n display: block;\n color: var(--soi-gdvc-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-gdvc-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-gdvc-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gdvc-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-gdvc-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gdvc-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gdvc-label-accent {\n background: var(--soi-gdvc-pomme);\n border-color: var(--soi-gdvc-pomme);\n color: var(--soi-gdvc-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gdvc-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gdvc-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gdvc-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-gdvc-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gdvc-pomme);\n border-radius: 2px;\n}\n\n.soi-gdvc-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gdvc-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-gdvc-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gdvc-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gdvc-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-gdvc-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-gdvc-benefit {\n background: var(--soi-gdvc-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gdvc-radius);\n border: 1px solid var(--soi-gdvc-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gdvc-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gdvc-shadow-md);\n}\n\n.soi-gdvc-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gdvc-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-gdvc-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gdvc-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gdvc-benefit:hover .soi-gdvc-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gdvc-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gdvc-benefit p {\n font-size: 13px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gdvc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-gdvc-card {\n background: var(--soi-gdvc-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gdvc-radius);\n border-left: 3px solid var(--soi-gdvc-pomme);\n}\n\n.soi-gdvc-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gdvc-card p {\n font-size: 14px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-gdvc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-gdvc-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gdvc-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gdvc-radius);\n border: 1px solid var(--soi-gdvc-line);\n align-items: flex-start;\n}\n\n.soi-gdvc-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gdvc-marine);\n color: var(--soi-gdvc-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-gdvc-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gdvc-step-content p {\n font-size: 14px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-gdvc-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gdvc-pomme-light);\n border-left: 4px solid var(--soi-gdvc-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gdvc-radius) var(--soi-gdvc-radius) 0;\n align-items: flex-start;\n}\n\n.soi-gdvc-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gdvc-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gdvc-marine);\n margin-bottom: 4px;\n}\n\n.soi-gdvc-tip p {\n font-size: 14px;\n color: var(--soi-gdvc-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gdvc-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gdvc-accordion-item {\n background: var(--soi-gdvc-off-white);\n border-radius: var(--soi-gdvc-radius-sm);\n border: 1px solid var(--soi-gdvc-line);\n overflow: hidden;\n}\n\n.soi-gdvc-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gdvc-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-gdvc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gdvc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gdvc-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gdvc-accordion-item[open] .soi-gdvc-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gdvc-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gdvc-accordion-content p {\n font-size: 14px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem;\n}\n\n.soi-gdvc-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gdvc-cta-box {\n background: var(--soi-gdvc-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gdvc-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gdvc-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-gdvc-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gdvc-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-gdvc-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gdvc-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gdvc-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-gdvc-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gdvc-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-gdvc-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-gdvc-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-gdvc-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gdvc-fiche {\n --soi-gdvc-text-soft: #2C3E50;\n --soi-gdvc-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603507732810,"sku":"CS0075","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-verveine-citron-certifie-bio-coslys-packshot.webp?v=1782111705"},{"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"},{"product_id":"creme-douche-relaxante-certifiee-bio-coslys","title":"Crème douche Relaxante certifiée bio – Coslys","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eOffrez-vous un véritable moment de détente et de gourmandise sous la douche avec \u003cstrong\u003ela Crème Douche Relaxante certifiée bio de Coslys\u003c\/strong\u003e. Cette crème de douche sensorielle est spécialement formulée pour transformer votre routine de soin en une expérience apaisante et réconfortante. \u003cstrong\u003eParfumée au caramel 100% d'origine naturelle\u003c\/strong\u003e, elle vous enveloppe de \u003cstrong\u003enotes délicieusement sucrées et lactées\u003c\/strong\u003e, évoquant les souvenirs chaleureux de l'automne avec ses accords de châtaigne et de cacao.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CS0085_f39e527e-3196-4f21-99ed-2eb020486846.jpg?v=1776180888\" alt=\"Photo de châtaignes sur une table avec dans un coupelle des morceaux de caramel\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques de la Crème Douche Relaxante Coslys\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eBase lavante d'origine végétale :\u003c\/strong\u003e Une formule douce qui nettoie efficacement tous les types de peau sans les agresser.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans tensioactifs sulfatés et sans savon :\u003c\/strong\u003e Conçue pour respecter l'équilibre naturel de votre peau, idéale pour les peaux les plus sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum gourmand et naturel :\u003c\/strong\u003e Des notes sucrées et lactées obtenues à partir d'extraits naturels de cosses de cacao et de châtaigne bio, cultivés en Ardèche, valorisant ainsi les ressources locales.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule naturelle et écologique :\u003c\/strong\u003e Avec 98% des ingrédients d'origine naturelle, ce produit est respectueux de votre peau et de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifications rigoureuses :\u003c\/strong\u003e Certifiée Cosmos Organic, vegan et cruelty-free, garantissant une composition respectueuse des animaux et de la nature.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdapté à toute la famille :\u003c\/strong\u003e Formulée pour convenir à tous les membres de la famille dès l'âge de 3 ans.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eAvantages et bienfaits de la Crème Douche Coslys\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRelaxation et bien-être assurés :\u003c\/strong\u003e Le parfum délicat de caramel et de châtaigne procure un moment de relaxation intense et de bien-être sous la douche.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de l'environnement :\u003c\/strong\u003e En utilisant des ingrédients biologiques et des ressources locales, ce produit contribue à une consommation plus responsable et durable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDouceur incomparable :\u003c\/strong\u003e Sa formule sans sulfates ni savon offre une douceur extrême, parfait pour une utilisation quotidienne même sur les peaux les plus fragiles.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLa Crème Douche Relaxante certifiée bio Coslys\u003c\/strong\u003e est bien plus qu’un simple produit de soin. Elle transforme chaque douche en un moment privilégié de relaxation et de bien-être grâce à son parfum gourmand et sa formule respectueuse de la peau et de l’environnement. Adoptez-la pour une expérience sensorielle unique et pour prendre soin de toute votre famille avec douceur et naturel.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603510059338,"sku":"CS0085","price":5.68,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0085-creme-douche-chataigne-caramel_04e0ce70-b770-4833-88f2-a8b53afd42f7.jpg?v=1778843061"},{"product_id":"shampooing-ultra-doux-certifie-bio-coslys","title":"Shampooing Ultra-doux bio – Coslys","description":"\n\u003cdiv class=\"soi-shmp-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-shmp-hero\"\u003e\n \u003cdiv class=\"soi-shmp-hero-tag\"\u003e\n \u003cspan class=\"soi-shmp-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire bio · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-shmp-hero-title\"\u003eShampooing Ultra-doux certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-shmp-hero-subtitle\"\u003eEnrichi à la reine des prés bio, ce shampooing certifié Cosmos Organic nettoie en douceur vos cheveux normaux et leur offre brillance, légèreté et souplesse, sans silicone ni compromis.\u003c\/p\u003e\n \u003cdiv class=\"soi-shmp-hero-labels\"\u003e\n \u003cspan class=\"soi-shmp-label soi-shmp-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003e0 % SILICONE\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 1 --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eUn shampooing ultra-doux 100 % bio, formulé pour les cheveux normaux\u003c\/h2\u003e\n \u003cp\u003eContrairement aux formules conventionnelles souvent chargées en silicones et sulfates agressifs, ce shampooing ultra-doux Coslys mise sur la simplicité efficace : 97,5 % d'ingrédients d'origine naturelle, une base lavante végétale douce et des actifs biologiques soigneusement choisis. Le résultat ? Des cheveux propres, légers, brillants et facilement démêlables, dès le premier lavage.\u003c\/p\u003e\n \u003cp\u003eIl est certifié Cosmos Organic, la référence la plus exigeante en matière de cosmétique biologique, et fabriqué en France dans le respect des normes environnementales les plus strictes.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-shmp-grid\"\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🌸 Eau florale de reine des prés bio\u003c\/h3\u003e\n \u003cp\u003eCette fleur emblématique des prairies françaises est reconnue pour ses propriétés apaisantes et purifiantes. Elle équilibre le cuir chevelu en douceur, sans agresser son film hydrolipidique naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🌰 Huile de jojoba\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines E et B, elle nourrit la fibre capillaire en profondeur, apporte de la souplesse et sublime le brillant naturel de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🌾 Peptide de blé\u003c\/h3\u003e\n \u003cp\u003eCe complexe protéique végétal renforce la structure du cheveu, limite la casse et lisse les pointes abîmées pour un résultat visible dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🧴 Base lavante d'origine végétale\u003c\/h3\u003e\n \u003cp\u003eUn nettoyage en profondeur, sans agressivité, adapté à un usage quotidien pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eCe que vous gagnez au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-shmp-benefits\"\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eLégèreté préservée\u003c\/h3\u003e\n \u003cp\u003eLa formule sans silicone ne leste pas les cheveux. Ils retrouvent leur volume naturel après chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBrillance et douceur\u003c\/h3\u003e\n \u003cp\u003eJojoba et peptide de blé agissent ensemble pour un effet soyeux durable, même sur des cheveux fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUsage quotidien et familial\u003c\/h3\u003e\n \u003cp\u003eSa formule ultra-douce convient aux adultes comme aux enfants, y compris les cuirs chevelus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon 1 litre en plastique 100 % recyclé, rechargeable, fabriqué en France. Un geste concret pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eComposition et mode d'emploi\u003c\/h2\u003e\n \u003cp class=\"soi-shmp-section-intro\"\u003eRetrouvez ci-dessous les ingrédients principaux de cette formule certifiée bio ainsi que nos conseils d'utilisation pour profiter pleinement de ses bienfaits.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-shmp-compo\"\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eEau florale de reine des prés bio (Filipendula ulmaria)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eActif nourrissant\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eHuile de jojoba (Simmondsia chinensis)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eActif fortifiant\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003ePeptide de blé (Triticum vulgare)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eOrigine végétale, sans sulfates agressifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eSilicone, paraben, colorant artificiel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003e97,5 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003e1 litre avec pompe doseuse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-shmp-timeline\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-shmp-step\"\u003e\n \u003cdiv class=\"soi-shmp-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampooing sur vos cheveux mouillés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step\"\u003e\n \u003cdiv class=\"soi-shmp-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le cuir chevelu pour faire mousser et répartir le produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step\"\u003e\n \u003cdiv class=\"soi-shmp-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Renouvelez l'opération si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-shmp-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-shmp-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un résultat optimal, complétez votre routine avec un après-shampooing ultra-doux de la gamme Coslys.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 5 --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eCe shampooing bio est-il fait pour vous ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shmp-grid\"\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e💆 Cheveux normaux à légèrement gras\u003c\/h3\u003e\n \u003cp\u003eVous cherchez un nettoyage quotidien efficace sans agresser votre cuir chevelu ni alourdir vos longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🌱 Transition vers le bio\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez passer à un shampooing bio certifié sans sacrifier l'efficacité ni le plaisir d'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🌍 Sensibilité environnementale\u003c\/h3\u003e\n \u003cp\u003eVous êtes sensible à l'impact écologique de vos achats beauté et privilégiez les formules responsables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🔄 Alternative naturelle certifiée\u003c\/h3\u003e\n \u003cp\u003eVous cherchez une alternative naturelle aux grandes marques conventionnelles, avec un niveau de certification biologique supérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-shmp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shmp-cta-box\"\u003e\n \u003cp class=\"soi-shmp-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se laver en douceur\u003c\/p\u003e\n \u003cp class=\"soi-shmp-cta-text\" style=\"color: white;\"\u003eLa reine des prés apaise, le jojoba nourrit, le peptide de blé renforce. Un rituel simple, naturel, certifié bio et fabriqué en France, 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:root {\n --soi-shmp-marine: #1A2D3D;\n --soi-shmp-marine-dark: #0F1E2B;\n --soi-shmp-marine-light: #2C4458;\n --soi-shmp-pomme: #A1C544;\n --soi-shmp-pomme-dark: #84A636;\n --soi-shmp-pomme-light: rgba(161,197,68,0.10);\n --soi-shmp-white: #FFFFFF;\n --soi-shmp-off-white: #F8FAF6;\n --soi-shmp-stone: #F1F3EE;\n --soi-shmp-line: #E5E8E0;\n --soi-shmp-primary: #D4A52A;\n --soi-shmp-primary-soft: #F5ECD4;\n --soi-shmp-accent: #E8B5A8;\n --soi-shmp-text: #1A2D3D;\n --soi-shmp-text-soft: #4A5B6B;\n --soi-shmp-text-muted: #7B8693;\n --soi-shmp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shmp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shmp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shmp-radius: 12px;\n --soi-shmp-radius-sm: 8px;\n --soi-shmp-radius-pill: 999px;\n}\n\n.soi-shmp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shmp-fiche img { max-width: 100%; height: auto; }\n\n.soi-shmp-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shmp-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shmp-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shmp-hero {\n position: relative;\n background: var(--soi-shmp-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-shmp-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shmp-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shmp-pomme);\n}\n\n.soi-shmp-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-shmp-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shmp-pomme);\n border-radius: 50%;\n}\n\n.soi-shmp-hero-title {\n display: block;\n color: var(--soi-shmp-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-shmp-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-shmp-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shmp-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-shmp-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shmp-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shmp-label-accent {\n background: var(--soi-shmp-pomme);\n border-color: var(--soi-shmp-pomme);\n color: var(--soi-shmp-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shmp-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shmp-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shmp-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-shmp-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shmp-pomme);\n border-radius: 2px;\n}\n\n.soi-shmp-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shmp-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shmp-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shmp-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shmp-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shmp-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-shmp-benefit {\n background: var(--soi-shmp-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shmp-radius);\n border: 1px solid var(--soi-shmp-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shmp-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shmp-shadow-md);\n}\n\n.soi-shmp-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shmp-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-shmp-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shmp-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shmp-benefit:hover .soi-shmp-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shmp-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shmp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shmp-benefit p {\n font-size: 13px;\n color: var(--soi-shmp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shmp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shmp-card {\n background: var(--soi-shmp-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shmp-radius);\n border-left: 3px solid var(--soi-shmp-pomme);\n}\n\n.soi-shmp-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shmp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shmp-card p {\n font-size: 14px;\n color: var(--soi-shmp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-shmp-compo {\n background: var(--soi-shmp-off-white);\n border-radius: var(--soi-shmp-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shmp-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-shmp-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shmp-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shmp-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shmp-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shmp-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shmp-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-shmp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shmp-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shmp-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shmp-radius);\n border: 1px solid var(--soi-shmp-line);\n align-items: flex-start;\n}\n\n.soi-shmp-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shmp-marine);\n color: var(--soi-shmp-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-shmp-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shmp-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shmp-step-content p {\n font-size: 14px;\n color: var(--soi-shmp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-shmp-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shmp-pomme-light);\n border-left: 4px solid var(--soi-shmp-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shmp-radius) var(--soi-shmp-radius) 0;\n align-items: flex-start;\n}\n\n.soi-shmp-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shmp-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shmp-marine);\n margin-bottom: 4px;\n}\n\n.soi-shmp-tip p {\n font-size: 14px;\n color: var(--soi-shmp-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shmp-cta-box {\n background: var(--soi-shmp-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shmp-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shmp-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-shmp-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shmp-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-shmp-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shmp-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shmp-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-shmp-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shmp-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shmp-compo-value {\n text-align: left;\n }\n\n .soi-shmp-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shmp-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shmp-fiche {\n --soi-shmp-text-soft: #2C3E50;\n --soi-shmp-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603510649162,"sku":"CS0110","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0110-shampooing-cheveux-normaux_c8da52a4-f8f8-463c-bfe9-4f15ce215493.jpg?v=1778843061"},{"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"},{"product_id":"creme-rasage-expert-certifiee-bio-coslys","title":"Crème Rasage Expert certifiée Bio – Coslys","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLa Crème de Rasage Expert certifiée bio de Coslys \u003c\/strong\u003eest spécialement formulée pour offrir un rasage à la fois précis et confortable. Grâce à une combinaison d'ingrédients biologiques et naturels, cette crème \u003cstrong\u003eassure une protection optimale et un soin incomparable pour la peau\u003c\/strong\u003e. Elle répond aux besoins des hommes soucieux de leur peau et de l'environnement, en garantissant une expérience de rasage exceptionnelle.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CS0245_63afac79-f7a6-43da-ad6e-2ab535fcb786.jpg?v=1776180893\" alt=\"Photo d'un homme devant son miroir qui regarde son rasage\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et bienfaits de la Crème Rasage Expert certifiée bio de Coslys\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eLa Crème de Rasage Expert certifié bio de Coslys se distingue par ses ingrédients soigneusement sélectionnés et ses certifications garantissant sa qualité et son respect de l'environnement.\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de Hêtre Bio\u003c\/strong\u003e : Cet ingrédient phare assouplit le poil, facilitant ainsi le passage de la lame et réduisant les risques de coupures. Il permet un rasage plus net et plus précis.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloé Vera Bio\u003c\/strong\u003e : Reconnu pour ses propriétés apaisantes et hydratantes, l'aloé vera calme les irritations et hydrate la peau en profondeur. Il aide également à prévenir les rougeurs et les inflammations post-rasage.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBisabolol naturel\u003c\/strong\u003e : Cet actif naturel possède des propriétés anti-inflammatoires, apaisantes et cicatrisantes. Il contribue à réduire les irritations et les inflammations, assurant une peau douce et bien soignée après chaque rasage.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule Vegan et Cruelty Free\u003c\/strong\u003e : La crème est formulée sans aucun ingrédient d'origine animale et n'est pas testée sur les animaux, respectant ainsi les principes éthiques et environnementaux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertification Cosmos Organic\u003c\/strong\u003e : Cette certification garantit que la crème est composée d'ingrédients biologiques et naturels, répondant à des standards stricts de qualité et de respect de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication française\u003c\/strong\u003e : Fabriquée en France, la Crème de Rasage Expert Bio de Coslys bénéficie d'un savoir-faire local, assurant une qualité supérieure et une traçabilité des ingrédients utilisés.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLa Crème de Rasage Expert certifiée bio de Coslys\u003c\/strong\u003e est le choix idéal pour les hommes souhaitant allier efficacité, confort et respect de l'environnement. Grâce à ses ingrédients naturels et biologiques, elle offre une expérience de rasage incomparable, en prenant soin des peaux les plus sensibles. Adoptez cette crème à raser pour un rasage précis, confortable et respectueux de votre peau et de la planète.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603514745162,"sku":"CS0245","price":12.96,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0245-homme-creme-rasage_c3a4a3db-97e2-45bd-951b-6c926e4b0766.jpg?v=1778843067"},{"product_id":"lotion-traitante-poux-coslys","title":"Lotion Traitante Anti-Poux – Coslys","description":"\u003cdiv class=\"soi-poux-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-poux-hero\"\u003e\n \u003cdiv class=\"soi-poux-hero-tag\"\u003e\n \u003cspan class=\"soi-poux-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-poux-hero-title\"\u003eEfficacité express sans insecticide\u003c\/span\u003e\n \u003cp class=\"soi-poux-hero-subtitle\"\u003eUne lotion anti-poux à base d'acides gras de coco, efficace en 5 minutes dès la première application. Formulée pour toute la famille, bébés dès 6 mois inclus.\u003c\/p\u003e\n \u003cdiv class=\"soi-poux-hero-labels\"\u003e\n \u003cspan class=\"soi-poux-label soi-poux-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-poux-label\"\u003eDISPOSITIF MÉDICAL CE\u003c\/span\u003e\n \u003cspan class=\"soi-poux-label\"\u003e98% ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-poux-label\"\u003e0% INSECTICIDE\u003c\/span\u003e\n \u003cspan class=\"soi-poux-label\"\u003eDÈS 6 MOIS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Efficacité --\u003e\n \u003csection class=\"soi-poux-section\"\u003e\n \u003ch2\u003eUne lotion anti-poux sans insecticide, efficace en 5 minutes\u003c\/h2\u003e\n \u003cp class=\"soi-poux-section-intro\"\u003eCe qui distingue vraiment cette lotion, c'est son mode d'action : elle n'utilise aucun insecticide chimique, aucune huile essentielle, aucune substance neurotoxique. À la place, ses acides gras de coco agissent mécaniquement en asphyxiant poux et lentes, les éliminant sans leur laisser la moindre chance de développer une résistance.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-poux-benefits\"\u003e\n \u003cdiv class=\"soi-poux-benefit\"\u003e\n \u003cdiv class=\"soi-poux-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e100% efficace en 1 application\u003c\/h3\u003e\n \u003cp\u003eTemps de pose de seulement 5 minutes : poux, larves et lentes sont éliminés en une seule séance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-poux-benefit\"\u003e\n \u003cdiv class=\"soi-poux-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e98% d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003e0% insecticide, 0% silicone, 0% conservateur, 0% huile essentielle. Une formule épurée au maximum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-poux-benefit\"\u003e\n \u003cdiv class=\"soi-poux-benefit-icon\"\u003e\u003cspan\u003e🍓\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum framboise sans allergènes\u003c\/h3\u003e\n \u003cp\u003eUne application agréable, même sur les enfants, grâce à un parfum doux et sans allergènes déclarés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Pour qui --\u003e\n \u003csection class=\"soi-poux-section\"\u003e\n \u003ch2\u003ePour qui est cette lotion poux Coslys ?\u003c\/h2\u003e\n \u003cp class=\"soi-poux-section-intro\"\u003eC'est l'une des rares lotions anti-poux adaptées à des profils très sensibles, souvent oubliés par les traitements classiques. Certifiée Dispositif Médical CE, elle répond à des exigences de qualité et de sécurité rigoureuses.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-poux-grid\"\u003e\n \u003cdiv class=\"soi-poux-card\"\u003e\n \u003ch3\u003e👶 Enfants dès 6 mois\u003c\/h3\u003e\n \u003cp\u003eConçue pour les cheveux fins et les cuirs chevelus délicats des tout-petits, sans aucune substance agressive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-poux-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes et allaitantes\u003c\/h3\u003e\n \u003cp\u003eSans insecticide, sans huile essentielle : une formule compatible avec la grossesse et l'allaitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-poux-card\"\u003e\n \u003ch3\u003e🛡️ Peaux sensibles ou allergiques\u003c\/h3\u003e\n \u003cp\u003eParfum sans allergènes, 0% conservateur, 0% silicone : adaptée aux cuirs chevelus les plus réactifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-poux-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eUne seule formule pour tous les membres du foyer, du plus petit au plus grand.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Mode d'emploi --\u003e\n \u003csection class=\"soi-poux-section\"\u003e\n \u003ch2\u003eComment utiliser la Lotion Traitante Poux Coslys ?\u003c\/h2\u003e\n\n \u003cdiv class=\"soi-poux-timeline\"\u003e\n \u003cdiv class=\"soi-poux-step\"\u003e\n \u003cdiv class=\"soi-poux-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-poux-step-content\"\u003e\n \u003ch3\u003eAppliquez sur cheveux secs\u003c\/h3\u003e\n \u003cp\u003eRépartissez la lotion en partant de la racine. Utilisez l'embout applicateur pour bien couvrir chaque mèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-poux-step\"\u003e\n \u003cdiv class=\"soi-poux-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-poux-step-content\"\u003e\n \u003ch3\u003eLaissez poser 5 minutes\u003c\/h3\u003e\n \u003cp\u003ePas besoin de laisser agir des heures : la formule agit rapidement par asphyxie mécanique des parasites.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-poux-step\"\u003e\n \u003cdiv class=\"soi-poux-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-poux-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau, puis passez un peigne à dents fines pour retirer les lentes et poux déjà éliminés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-poux-step\"\u003e\n \u003cdiv class=\"soi-poux-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-poux-step-content\"\u003e\n \u003ch3\u003eUne seule application suffit\u003c\/h3\u003e\n \u003cp\u003eEn cas de réinfestation (contact avec une personne non traitée), renouvelez le traitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-poux-tip\"\u003e\n \u003cdiv class=\"soi-poux-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLa lotion s'utilise idéalement avec un peigne à dents fines (non inclus) pour retirer mécaniquement les lentes après rinçage. Coslys propose également une gamme de produits complémentaires pour un traitement complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Composition --\u003e\n \u003csection class=\"soi-poux-section\"\u003e\n \u003ch2\u003eComposition de la lotion anti-poux Coslys\u003c\/h2\u003e\n \u003cp class=\"soi-poux-section-intro\"\u003eLa formule mise tout sur la naturalité et la tolérance cutanée. Aucun insecticide, aucune huile essentielle, aucune substance susceptible d'irriter les cuirs chevelus fragiles des tout-petits ou des peaux réactives.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-poux-compo\"\u003e\n \u003cdiv class=\"soi-poux-compo-row\"\u003e\n \u003cspan class=\"soi-poux-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-poux-compo-value\"\u003eAcides gras de coco (Cocos Nucifera)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-poux-compo-row\"\u003e\n \u003cspan class=\"soi-poux-compo-label\"\u003eMode d'action\u003c\/span\u003e\n \u003cspan class=\"soi-poux-compo-value\"\u003eMécanique, par asphyxie des parasites\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-poux-compo-row\"\u003e\n \u003cspan class=\"soi-poux-compo-label\"\u003eBase\u003c\/span\u003e\n \u003cspan class=\"soi-poux-compo-value\"\u003eEau (Aqua)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-poux-compo-row\"\u003e\n \u003cspan class=\"soi-poux-compo-label\"\u003eÉmulsifiants\u003c\/span\u003e\n \u003cspan class=\"soi-poux-compo-value\"\u003eD'origine naturelle, facilitent l'application et le rinçage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-poux-compo-row\"\u003e\n \u003cspan class=\"soi-poux-compo-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-poux-compo-value\"\u003eFramboise, sans allergènes déclarés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-poux-grid-compact\"\u003e\n \u003cdiv class=\"soi-poux-card-mini\"\u003e\n \u003cspan class=\"soi-poux-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-poux-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-poux-card-mini-value\"\u003e98%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-poux-card-mini\"\u003e\n \u003cspan class=\"soi-poux-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-poux-card-mini-label\"\u003eInsecticide\u003c\/span\u003e\n \u003cspan class=\"soi-poux-card-mini-value\"\u003e0%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-poux-card-mini\"\u003e\n \u003cspan class=\"soi-poux-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-poux-card-mini-label\"\u003eSilicone\u003c\/span\u003e\n \u003cspan class=\"soi-poux-card-mini-value\"\u003e0%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-poux-card-mini\"\u003e\n \u003cspan class=\"soi-poux-card-mini-icon\"\u003e🌸\u003c\/span\u003e\n \u003cspan class=\"soi-poux-card-mini-label\"\u003eHuile essentielle\u003c\/span\u003e\n \u003cspan class=\"soi-poux-card-mini-value\"\u003e0%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : F\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-poux-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-poux-cta-box\"\u003e\n \u003cp class=\"soi-poux-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n \u003cp class=\"soi-poux-cta-text\" style=\"color: white;\"\u003eEn 5 minutes, sans insecticide, dès 6 mois : la réponse naturelle et rapide face aux poux pour toute votre famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-poux-marine: #1A2D3D;\n --soi-poux-marine-dark: #0F1E2B;\n --soi-poux-marine-light: #2C4458;\n --soi-poux-pomme: #A1C544;\n --soi-poux-pomme-dark: #84A636;\n --soi-poux-pomme-light: rgba(161,197,68,0.10);\n\n --soi-poux-white: #FFFFFF;\n --soi-poux-off-white: #F8FAF6;\n --soi-poux-stone: #F1F3EE;\n --soi-poux-line: #E5E8E0;\n\n --soi-poux-primary: #7CA86E;\n --soi-poux-primary-soft: rgba(124,168,110,0.12);\n --soi-poux-accent: #D64B8A;\n\n --soi-poux-text: #1A2D3D;\n --soi-poux-text-soft: #4A5B6B;\n --soi-poux-text-muted: #7B8693;\n\n --soi-poux-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-poux-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-poux-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-poux-radius: 12px;\n --soi-poux-radius-sm: 8px;\n --soi-poux-radius-pill: 999px;\n}\n\n.soi-poux-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-poux-fiche img { max-width: 100%; height: auto; }\n\n.soi-poux-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-poux-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-poux-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-poux-hero {\n position: relative;\n background: var(--soi-poux-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-poux-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-poux-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-poux-pomme);\n}\n\n.soi-poux-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-poux-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-poux-pomme);\n border-radius: 50%;\n}\n\n.soi-poux-hero-title {\n display: block;\n color: var(--soi-poux-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-poux-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-poux-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-poux-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-poux-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-poux-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-poux-label-accent {\n background: var(--soi-poux-pomme);\n border-color: var(--soi-poux-pomme);\n color: var(--soi-poux-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-poux-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-poux-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-poux-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-poux-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-poux-pomme);\n border-radius: 2px;\n}\n\n.soi-poux-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-poux-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-poux-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-poux-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-poux-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-poux-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-poux-benefit {\n background: var(--soi-poux-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-poux-radius);\n border: 1px solid var(--soi-poux-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-poux-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-poux-shadow-md);\n}\n\n.soi-poux-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-poux-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-poux-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-poux-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-poux-benefit:hover .soi-poux-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-poux-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-poux-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-poux-benefit p {\n font-size: 13px;\n color: var(--soi-poux-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-poux-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-poux-card {\n background: var(--soi-poux-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-poux-radius);\n border-left: 3px solid var(--soi-poux-pomme);\n}\n\n.soi-poux-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-poux-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-poux-card p {\n font-size: 14px;\n color: var(--soi-poux-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-poux-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.5rem;\n}\n\n.soi-poux-card-mini {\n background: var(--soi-poux-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-poux-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-poux-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-poux-card-mini-label {\n font-size: 11px;\n color: var(--soi-poux-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-poux-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-poux-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-poux-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-poux-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-poux-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-poux-radius);\n border: 1px solid var(--soi-poux-line);\n align-items: flex-start;\n}\n\n.soi-poux-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-poux-marine);\n color: var(--soi-poux-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-poux-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-poux-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-poux-step-content p {\n font-size: 14px;\n color: var(--soi-poux-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-poux-compo {\n background: var(--soi-poux-off-white);\n border-radius: var(--soi-poux-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-poux-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-poux-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-poux-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-poux-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-poux-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-poux-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-poux-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-poux-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-poux-pomme-light);\n border-left: 4px solid var(--soi-poux-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-poux-radius) var(--soi-poux-radius) 0;\n align-items: flex-start;\n}\n\n.soi-poux-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-poux-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-poux-marine);\n margin-bottom: 4px;\n}\n\n.soi-poux-tip p {\n font-size: 14px;\n color: var(--soi-poux-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-poux-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-poux-accordion-item {\n background: var(--soi-poux-off-white);\n border-radius: var(--soi-poux-radius-sm);\n border: 1px solid var(--soi-poux-line);\n overflow: hidden;\n}\n\n.soi-poux-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-poux-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-poux-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-poux-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-poux-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-poux-accordion-item[open] .soi-poux-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-poux-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-poux-accordion-content p {\n font-size: 14px;\n color: var(--soi-poux-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-poux-cta-box {\n background: var(--soi-poux-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-poux-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-poux-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-poux-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-poux-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-poux-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-poux-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-poux-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-poux-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-poux-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-poux-compo-value {\n text-align: left;\n }\n\n .soi-poux-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-poux-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-poux-fiche {\n --soi-poux-text-soft: #2C3E50;\n --soi-poux-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603515892042,"sku":"CS0235","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/lotion-traitante-poux-coslys-packshot_11zon.jpg?v=1781525191"},{"product_id":"shampooing-anti-jaunissement-certifie-bio-coslys","title":"Shampooing Anti-jaunissement certifié bio – Coslys","description":"\n\u003cdiv class=\"soi-cent-fiche\"\u003e\n\n \u003csection class=\"soi-cent-hero\"\u003e\n \u003cdiv class=\"soi-cent-hero-tag\"\u003e\n \u003cspan class=\"soi-cent-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire bio · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-cent-hero-title\"\u003eShampooing Anti-jaunissement certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-cent-hero-subtitle\"\u003eLa centaurée bio au service de vos cheveux blancs, gris et blonds : une blancheur lumineuse retrouvée, lavage après lavage, sans silicone ni sulfates agressifs.\u003c\/p\u003e\n \u003cdiv class=\"soi-cent-hero-labels\"\u003e\n \u003cspan class=\"soi-cent-label soi-cent-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-cent-label\"\u003e97,5 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-cent-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-cent-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-cent-label\"\u003e0 % SILICONE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003eShampooing anti-jaunissement bio à la centaurée, pour cheveux blancs, gris et blonds\u003c\/h2\u003e\n \u003cp\u003eVos cheveux blancs, gris ou blonds virent parfois au jaune avec le temps, la pollution ou l'eau calcaire. Ce phénomène, tout à fait naturel, peut pourtant ternir l'éclat de votre chevelure. Le Shampooing Anti-Jaunissement Coslys certifié bio a été conçu précisément pour y remédier, sans colorant synthétique agressif ni silicone. Il neutralise les reflets indésirables lavage après lavage, tout en prenant soin de la fibre capillaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing pour cheveux blancs et gris ?\u003c\/h2\u003e\n \u003cp class=\"soi-cent-section-intro\"\u003eContrairement à de nombreux shampooings anti-jaunissement du marché, la formule Coslys mise sur des actifs naturels et biologiques pour agir en douceur. Résultat : les cheveux retrouvent leur vrai éclat, lumineux et sans reflets dorés, tout en restant souples et nourris. La certification Cosmos Organic garantit une composition transparente, respectueuse de votre cuir chevelu et de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"soi-cent-benefits\"\u003e\n \u003cdiv class=\"soi-cent-benefit\"\u003e\n \u003cdiv class=\"soi-cent-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAnti-reflets jaunâtres\u003c\/h3\u003e\n \u003cp\u003eNeutralise activement les reflets jaunâtres et oxydés pour une chevelure lumineuse et éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-benefit\"\u003e\n \u003cdiv class=\"soi-cent-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e97,5 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eUne formule certifiée Cosmos Organic, sans silicone et sans sulfates agressifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-benefit\"\u003e\n \u003cdiv class=\"soi-cent-benefit-icon\"\u003e\u003cspan\u003e🐰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVegan et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux, une démarche éthique de la conception jusqu'au flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-benefit\"\u003e\n \u003cdiv class=\"soi-cent-benefit-icon\"\u003e\u003cspan\u003e🏆\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTrophée Pleine Vie 2023\u003c\/h3\u003e\n \u003cp\u003eLauréat du 1er prix dans la catégorie Cosmétique, une reconnaissance par les consommatrices elles-mêmes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003eLes ingrédients actifs qui font la différence\u003c\/h2\u003e\n \u003cp class=\"soi-cent-section-intro\"\u003eLa force de ce shampooing anti-jaunissement bio repose sur une sélection d'actifs complémentaires, chacun jouant un rôle précis dans le soin de vos cheveux.\u003c\/p\u003e\n \u003cdiv class=\"soi-cent-grid\"\u003e\n \u003cdiv class=\"soi-cent-card\"\u003e\n \u003ch3\u003e💙 Extrait de centaurée bio\u003c\/h3\u003e\n \u003cp\u003eVéritable star de la formule, la centaurée est reconnue depuis longtemps pour ses propriétés bleutantes naturelles. Elle neutralise les pigments jaunes et apaise le cuir chevelu en même temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-card\"\u003e\n \u003ch3\u003e🌳 Extrait de baobab\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, il nourrit et hydrate en profondeur des racines jusqu'aux pointes, pour une chevelure souple et brillante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-card\"\u003e\n \u003ch3\u003e🌾 Extrait de riz\u003c\/h3\u003e\n \u003cp\u003eIl renforce la fibre capillaire de l'intérieur, limitant la casse et préservant la structure du cheveu au fil des lavages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003eComment utiliser le shampooing anti-jaunissement Coslys ?\u003c\/h2\u003e\n \u003cp class=\"soi-cent-section-intro\"\u003eSon utilisation est simple et s'intègre sans effort dans votre routine capillaire habituelle.\u003c\/p\u003e\n \u003cdiv class=\"soi-cent-timeline\"\u003e\n \u003cdiv class=\"soi-cent-step\"\u003e\n \u003cdiv class=\"soi-cent-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step\"\u003e\n \u003cdiv class=\"soi-cent-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step-content\"\u003e\n \u003ch3\u003eMasser et faire mousser\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu et faites mousser sur toute la longueur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step\"\u003e\n \u003cdiv class=\"soi-cent-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step-content\"\u003e\n \u003ch3\u003eLaisser poser\u003c\/h3\u003e\n \u003cp\u003ePatientez 2 à 3 minutes pour maximiser l'action neutralisante de la centaurée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step\"\u003e\n \u003cdiv class=\"soi-cent-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-cent-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 \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-tip\"\u003e\n \u003cdiv class=\"soi-cent-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un résultat optimal sur des cheveux blancs ou gris très jaunes, utilisez-le à chaque shampooing ou en alternance avec votre shampooing habituel selon l'intensité des reflets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003eCe que les utilisatrices en disent\u003c\/h2\u003e\n \u003cp\u003eCe shampooing a été testé et approuvé par 100 % des testeuses lors de son lancement. Les retours sont unanimes : les cheveux gris et blancs retrouvent une blancheur éclatante dès les premières utilisations, sans effet violet excessif parfois reproché aux shampooings déjaunisseurs classiques. Une formule pensée pour être efficace et agréable à utiliser au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-cent-grid-compact\"\u003e\n \u003cdiv class=\"soi-cent-card-mini\"\u003e\n \u003cspan class=\"soi-cent-card-mini-icon\"\u003e✅\u003c\/span\u003e\n \u003cspan class=\"soi-cent-card-mini-label\"\u003eApprobation\u003c\/span\u003e\n \u003cspan class=\"soi-cent-card-mini-value\"\u003e100 % des testeuses\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-card-mini\"\u003e\n \u003cspan class=\"soi-cent-card-mini-icon\"\u003e🏆\u003c\/span\u003e\n \u003cspan class=\"soi-cent-card-mini-label\"\u003eRécompense\u003c\/span\u003e\n \u003cspan class=\"soi-cent-card-mini-value\"\u003eTrophée Pleine Vie 2023\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-card-mini\"\u003e\n \u003cspan class=\"soi-cent-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-cent-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-cent-card-mini-value\"\u003eSomloire, Anjou\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-cent-compo\"\u003e\n \u003cdiv class=\"soi-cent-compo-row\"\u003e\n \u003cspan class=\"soi-cent-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-cent-compo-value\"\u003e97,5 % des ingrédients\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-compo-row\"\u003e\n \u003cspan class=\"soi-cent-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-cent-compo-value\"\u003eCosmos Organic par Ecocert Greenlife\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-compo-row\"\u003e\n \u003cspan class=\"soi-cent-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-cent-compo-value\"\u003eFrance (Somloire, Anjou)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-accordion\"\u003e\n \u003cdetails class=\"soi-cent-accordion-item\"\u003e\n \u003csummary class=\"soi-cent-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-cent-accordion-content\"\u003e\n \u003cp\u003eAqua, Sodium Coco-Sulfate, Cocamidopropyl Betaine, Glycerin*, Oryza Sativa Starch*, Adansonia Digitata Seed Oil*, Centaurea Cyanus Flower Water*, Centaurea Cyanus Flower Extract*, Sodium Chloride, Citric Acid, Parfum, Sodium Benzoate, Potassium Sorbate, CI 42090, CI 60730.\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 \u003cdetails class=\"soi-cent-accordion-item\"\u003e\n \u003csummary class=\"soi-cent-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n \u003cdiv class=\"soi-cent-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne remplace en aucun cas l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cent-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-cent-cta-box\"\u003e\n \u003cp class=\"soi-cent-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans vos cheveux\u003c\/p\u003e\n \u003cp class=\"soi-cent-cta-text\" style=\"color: white;\"\u003eVos cheveux blancs, gris ou blonds méritent de rayonner pleinement. Grâce à la centaurée bio et à des actifs naturels soigneusement sélectionnés, le Shampooing Anti-Jaunissement Coslys redonne en quelques lavages une blancheur lumineuse, sans agresser ni alourdir la fibre. Une formule française, certifiée bio, qui prend soin de vous et de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-cent-marine: #1A2D3D;\n --soi-cent-marine-dark: #0F1E2B;\n --soi-cent-marine-light: #2C4458;\n --soi-cent-pomme: #A1C544;\n --soi-cent-pomme-dark: #84A636;\n --soi-cent-pomme-light: rgba(161,197,68,0.10);\n\n --soi-cent-white: #FFFFFF;\n --soi-cent-off-white: #F8FAF6;\n --soi-cent-stone: #F1F3EE;\n --soi-cent-line: #E5E8E0;\n\n --soi-cent-primary: #7B8EC8;\n --soi-cent-primary-soft: rgba(123,142,200,0.12);\n --soi-cent-accent: #A8B5D4;\n\n --soi-cent-text: #1A2D3D;\n --soi-cent-text-soft: #4A5B6B;\n --soi-cent-text-muted: #7B8693;\n\n --soi-cent-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-cent-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-cent-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-cent-radius: 12px;\n --soi-cent-radius-sm: 8px;\n --soi-cent-radius-pill: 999px;\n}\n\n.soi-cent-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cent-fiche img { max-width: 100%; height: auto; }\n\n.soi-cent-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-cent-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-cent-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-cent-hero {\n position: relative;\n background: var(--soi-cent-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-cent-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-cent-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-cent-pomme);\n}\n\n.soi-cent-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-cent-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-cent-pomme);\n border-radius: 50%;\n}\n\n.soi-cent-hero-title {\n display: block;\n color: var(--soi-cent-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-cent-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-cent-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-cent-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-cent-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-cent-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-cent-label-accent {\n background: var(--soi-cent-pomme);\n border-color: var(--soi-cent-pomme);\n color: var(--soi-cent-marine);\n font-weight: 600;\n}\n\n.soi-cent-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cent-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-cent-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-cent-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-cent-pomme);\n border-radius: 2px;\n}\n\n.soi-cent-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-cent-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-cent-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-cent-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-cent-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-cent-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-cent-benefit {\n background: var(--soi-cent-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-cent-radius);\n border: 1px solid var(--soi-cent-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cent-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-cent-shadow-md);\n}\n\n.soi-cent-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-cent-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-cent-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-cent-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-cent-benefit:hover .soi-cent-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-cent-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cent-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cent-benefit p {\n font-size: 13px;\n color: var(--soi-cent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cent-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-cent-card {\n background: var(--soi-cent-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cent-radius);\n border-left: 3px solid var(--soi-cent-pomme);\n}\n\n.soi-cent-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cent-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cent-card p {\n font-size: 14px;\n color: var(--soi-cent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cent-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.5rem;\n}\n\n.soi-cent-card-mini {\n background: var(--soi-cent-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-cent-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-cent-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-cent-card-mini-label {\n font-size: 11px;\n color: var(--soi-cent-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-cent-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cent-marine);\n}\n\n.soi-cent-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-cent-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-cent-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cent-radius);\n border: 1px solid var(--soi-cent-line);\n align-items: flex-start;\n}\n\n.soi-cent-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-cent-marine);\n color: var(--soi-cent-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-cent-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cent-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-cent-step-content p {\n font-size: 14px;\n color: var(--soi-cent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cent-compo {\n background: var(--soi-cent-off-white);\n border-radius: var(--soi-cent-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-cent-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-cent-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-cent-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-cent-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-cent-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-cent-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-cent-marine);\n text-align: right;\n}\n\n.soi-cent-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-cent-pomme-light);\n border-left: 4px solid var(--soi-cent-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-cent-radius) var(--soi-cent-radius) 0;\n align-items: flex-start;\n}\n\n.soi-cent-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-cent-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-cent-marine);\n margin-bottom: 4px;\n}\n\n.soi-cent-tip p {\n font-size: 14px;\n color: var(--soi-cent-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cent-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-cent-accordion-item {\n background: var(--soi-cent-off-white);\n border-radius: var(--soi-cent-radius-sm);\n border: 1px solid var(--soi-cent-line);\n overflow: hidden;\n}\n\n.soi-cent-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-cent-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-cent-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-cent-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-cent-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-cent-accordion-item[open] .soi-cent-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-cent-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-cent-accordion-content p {\n font-size: 14px;\n color: var(--soi-cent-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem;\n}\n\n.soi-cent-accordion-content p:last-child {\n margin: 0;\n}\n\n.soi-cent-cta-box {\n background: var(--soi-cent-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-cent-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-cent-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-cent-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-cent-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-cent-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-cent-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-cent-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-cent-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-cent-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-cent-compo-value {\n text-align: left;\n }\n\n .soi-cent-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-cent-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-cent-fiche {\n --soi-cent-text-soft: #2C3E50;\n --soi-cent-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603516940618,"sku":"CS0135","price":15.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-anti-jaunissement-certifie-bio-coslys-packshot.webp?v=1779444159"},{"product_id":"masque-keratine-certifie-bio-coslys","title":"Masque Kératine certifié bio – Coslys","description":"\u003cdiv class=\"soi-mker-fiche\"\u003e\n\n\u003csection class=\"soi-mker-hero\"\u003e\n \u003cdiv class=\"soi-mker-hero-tag\"\u003e\n \u003cspan class=\"soi-mker-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétiques et soins capillaires · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-mker-hero-title\"\u003eRéparation végétale pour cheveux fragilisés\u003c\/span\u003e\n \u003cp class=\"soi-mker-hero-subtitle\"\u003eLa phytokératine et la fleur de lys bio s'allient dans une formule à 99 % d'origine naturelle pour restaurer, lisser et protéger vos cheveux dès la première application.\u003c\/p\u003e\n \u003cdiv class=\"soi-mker-hero-labels\"\u003e\n \u003cspan class=\"soi-mker-label soi-mker-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-mker-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-mker-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-mker-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-mker-label\"\u003eNON TESTÉ SUR LES ANIMAUX\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\"\u003e\n \u003ch2\u003ePourquoi ce masque à la kératine fait vraiment la différence\u003c\/h2\u003e\n \u003cp class=\"soi-mker-section-intro\"\u003eParmi les nombreux masques capillaires à la kératine disponibles sur le marché, celui de Coslys se distingue par la qualité de ses actifs et son engagement bio. Là où beaucoup de formules conventionnelles s'appuient sur des agents synthétiques, Coslys mise sur des ingrédients d'origine naturelle sans sacrifier l'efficacité.\u003c\/p\u003e\n \u003cdiv class=\"soi-mker-benefits\"\u003e\n \u003cdiv class=\"soi-mker-benefit\"\u003e\n \u003cdiv class=\"soi-mker-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePhytokératine végétale\u003c\/h3\u003e\n \u003cp\u003eElle pénètre la fibre capillaire pour combler les zones fragilisées, réduire la porosité et restaurer la résistance du cheveu de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-benefit\"\u003e\n \u003cdiv class=\"soi-mker-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFleur de lys bio\u003c\/h3\u003e\n \u003cp\u003eRiche en actifs adoucissants, elle enveloppe le cheveu d'une pellicule protectrice qui facilite le démêlage et apporte de la légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-benefit\"\u003e\n \u003cdiv class=\"soi-mker-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eThermo-protection intégrée\u003c\/h3\u003e\n \u003cp\u003eLe masque forme un bouclier contre la chaleur du sèche-cheveux ou du fer à lisser, idéal si vous coiffez vos cheveux régulièrement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-benefit\"\u003e\n \u003cdiv class=\"soi-mker-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eLissage et discipline durables\u003c\/h3\u003e\n \u003cp\u003eLes cheveux indisciplinés retrouvent de la souplesse, du galbe et une surface visiblement plus lisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\"\u003e\n \u003ch2\u003ePour qui est ce masque kératine cheveux ?\u003c\/h2\u003e\n \u003cp\u003eCe soin est conçu spécifiquement pour les cheveux fragilisés, abîmés, colorés ou frisottants. Si vos pointes sont sèches, si vos cheveux cassent facilement ou si le brushing ne tient pas, ce masque kératine action intensive est fait pour vous.\u003c\/p\u003e\n \u003cp\u003eIl convient aussi bien aux cheveux fins (en usage ponctuel) qu'aux cheveux épais ou bouclés qui nécessitent un soin structurant régulier.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\"\u003e\n \u003ch2\u003eComment utiliser le masque kératine Coslys : les 3 étapes clés\u003c\/h2\u003e\n \u003cdiv class=\"soi-mker-timeline\"\u003e\n \u003cdiv class=\"soi-mker-step\"\u003e\n \u003cdiv class=\"soi-mker-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-mker-step-content\"\u003e\n \u003ch3\u003eAppliquez sur cheveux essorés\u003c\/h3\u003e\n \u003cp\u003eAprès le shampoing, essorez légèrement vos cheveux. Appliquez une noisette généreuse de masque sur les longueurs et les pointes, en évitant le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-step\"\u003e\n \u003cdiv class=\"soi-mker-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-mker-step-content\"\u003e\n \u003ch3\u003eLaissez poser 3 à 5 minutes\u003c\/h3\u003e\n \u003cp\u003ePour un soin intensif hebdomadaire, enveloppez vos cheveux dans une serviette chaude pour amplifier la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-step\"\u003e\n \u003cdiv class=\"soi-mker-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-mker-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède, puis séchez et coiffez comme à votre habitude. Résultat immédiat : des cheveux plus lisses, plus doux et visiblement nourris.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-tip\"\u003e\n \u003cdiv class=\"soi-mker-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un rituel complet, associez ce masque au shampoing et à l'après-shampoing de la gamme Sublime Kératine Coslys pour décupler les effets réparateurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\"\u003e\n \u003ch2\u003eComposition du masque kératine bio Coslys\u003c\/h2\u003e\n \u003cp class=\"soi-mker-section-intro\"\u003eFormule certifiée Cosmos Organic, à 99 % d'origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"soi-mker-grid\"\u003e\n \u003cdiv class=\"soi-mker-card\"\u003e\n \u003ch3\u003e🌿 Phytokératine (kératine d'origine végétale)\u003c\/h3\u003e\n \u003cp\u003eActif réparateur principal, restructure la fibre capillaire en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-card\"\u003e\n \u003ch3\u003e🌸 Extrait de fleur de lys bio\u003c\/h3\u003e\n \u003cp\u003eAdoucissant, protecteur et sublimateur de brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-card\"\u003e\n \u003ch3\u003e💧 Agents conditionneurs naturels\u003c\/h3\u003e\n \u003cp\u003eFacilitent le démêlage et lissent les écailles du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-compo\"\u003e\n \u003cdiv class=\"soi-mker-compo-row\"\u003e\n \u003cspan class=\"soi-mker-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-mker-compo-value\"\u003e250 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-compo-row\"\u003e\n \u003cspan class=\"soi-mker-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-mker-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-compo-row\"\u003e\n \u003cspan class=\"soi-mker-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-mker-compo-value\"\u003e99 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-compo-row\"\u003e\n \u003cspan class=\"soi-mker-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-mker-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mker-compo-row\"\u003e\n \u003cspan class=\"soi-mker-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-mker-compo-value\"\u003eSilicones, parabènes, colorants synthétiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le masque cheveux à la kératine\u003c\/h2\u003e\n \u003cdiv class=\"soi-mker-accordion\"\u003e\n \u003cdetails class=\"soi-mker-accordion-item\"\u003e\n \u003csummary class=\"soi-mker-accordion-header\"\u003e🔄 À quelle fréquence utiliser ce masque kératine ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-mker-accordion-content\"\u003e\n \u003cp\u003eUne fois par semaine pour un soin réparateur en profondeur, ou deux fois par semaine si vos cheveux sont très abîmés ou colorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-mker-accordion-item\"\u003e\n \u003csummary class=\"soi-mker-accordion-header\"\u003e🎨 Ce masque kératine est-il compatible avec les cheveux colorés ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-mker-accordion-content\"\u003e\n \u003cp\u003eOui, sa formule douce et sans sulfates ni agents agressifs le rend tout à fait adapté aux cheveux colorés ou décolorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-mker-accordion-item\"\u003e\n \u003csummary class=\"soi-mker-accordion-header\"\u003e⏱️ Peut-on l'utiliser comme après-shampoing express ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-mker-accordion-content\"\u003e\n \u003cp\u003eAbsolument. Une application de 2 minutes suffit pour retrouver des cheveux démêlés et soyeux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-mker-cta-box\"\u003e\n \u003cp class=\"soi-mker-cta-tag\" style=\"color: white;\"\u003eUn soin capillaire certifié bio, efficace et éthique\u003c\/p\u003e\n \u003cp class=\"soi-mker-cta-text\" style=\"color: white;\"\u003eQuand vos cheveux semblent à bout de souffle, ce masque kératine bio Coslys répare, lisse et protège grâce à des actifs naturels certifiés, sans compromis sur l'éthique ni sur l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-mker-marine: #1A2D3D;\n --soi-mker-marine-dark: #0F1E2B;\n --soi-mker-marine-light: #2C4458;\n --soi-mker-pomme: #A1C544;\n --soi-mker-pomme-dark: #84A636;\n --soi-mker-pomme-light: rgba(161,197,68,0.10);\n --soi-mker-white: #FFFFFF;\n --soi-mker-off-white: #F8FAF6;\n --soi-mker-stone: #F1F3EE;\n --soi-mker-line: #E5E8E0;\n --soi-mker-primary: #D4A8B5;\n --soi-mker-primary-soft: #F2E4EA;\n --soi-mker-accent: #C084A0;\n --soi-mker-text: #1A2D3D;\n --soi-mker-text-soft: #4A5B6B;\n --soi-mker-text-muted: #7B8693;\n --soi-mker-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-mker-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-mker-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-mker-radius: 12px;\n --soi-mker-radius-sm: 8px;\n --soi-mker-radius-pill: 999px;\n}\n\n.soi-mker-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mker-fiche img { max-width: 100%; height: auto; }\n\n.soi-mker-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-mker-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-mker-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-mker-hero {\n position: relative;\n background: var(--soi-mker-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-mker-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-mker-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-mker-pomme);\n}\n\n.soi-mker-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-mker-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-mker-pomme);\n border-radius: 50%;\n}\n\n.soi-mker-hero-title {\n display: block;\n color: var(--soi-mker-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-mker-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-mker-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-mker-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-mker-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-mker-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-mker-label-accent {\n background: var(--soi-mker-pomme);\n border-color: var(--soi-mker-pomme);\n color: var(--soi-mker-marine);\n font-weight: 600;\n}\n\n.soi-mker-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mker-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-mker-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-mker-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-mker-pomme);\n border-radius: 2px;\n}\n\n.soi-mker-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-mker-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-mker-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-mker-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-mker-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-mker-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-mker-benefit {\n background: var(--soi-mker-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-mker-radius);\n border: 1px solid var(--soi-mker-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mker-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-mker-shadow-md);\n}\n\n.soi-mker-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-mker-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-mker-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-mker-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-mker-benefit:hover .soi-mker-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-mker-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mker-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mker-benefit p {\n font-size: 13px;\n color: var(--soi-mker-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mker-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-mker-card {\n background: var(--soi-mker-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mker-radius);\n border-left: 3px solid var(--soi-mker-pomme);\n}\n\n.soi-mker-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mker-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mker-card p {\n font-size: 14px;\n color: var(--soi-mker-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mker-compo {\n background: var(--soi-mker-off-white);\n border-radius: var(--soi-mker-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-mker-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-mker-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-mker-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-mker-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-mker-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-mker-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-mker-marine);\n text-align: right;\n}\n\n.soi-mker-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-mker-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-mker-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mker-radius);\n border: 1px solid var(--soi-mker-line);\n align-items: flex-start;\n}\n\n.soi-mker-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-mker-marine);\n color: var(--soi-mker-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-mker-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-mker-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-mker-step-content p {\n font-size: 14px;\n color: var(--soi-mker-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mker-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-mker-pomme-light);\n border-left: 4px solid var(--soi-mker-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-mker-radius) var(--soi-mker-radius) 0;\n align-items: flex-start;\n}\n\n.soi-mker-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-mker-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-mker-marine);\n margin-bottom: 4px;\n}\n\n.soi-mker-tip p {\n font-size: 14px;\n color: var(--soi-mker-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mker-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-mker-accordion-item {\n background: var(--soi-mker-off-white);\n border-radius: var(--soi-mker-radius-sm);\n border: 1px solid var(--soi-mker-line);\n overflow: hidden;\n}\n\n.soi-mker-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-mker-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-mker-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-mker-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-mker-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-mker-accordion-item[open] .soi-mker-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-mker-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-mker-accordion-content p {\n font-size: 14px;\n color: var(--soi-mker-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mker-cta-box {\n background: var(--soi-mker-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-mker-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-mker-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-mker-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-mker-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-mker-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-mker-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-mker-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-mker-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-mker-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-mker-compo-value {\n text-align: left;\n }\n\n .soi-mker-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-mker-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-mker-fiche {\n --soi-mker-text-soft: #2C3E50;\n --soi-mker-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603517792586,"sku":"CS0150","price":18.13,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/masque-keratine-certifie-bio-coslys-packshot_1__11zon.webp?v=1781518497"},{"product_id":"shampooing-nourrissant-certifie-bio-coslys","title":"Shampooing Bio Nourrissant Cheveux Bouclés - Coslys","description":"\u003cdiv class=\"soi-came-fiche\"\u003e\n\n \u003csection class=\"soi-came-hero\"\u003e\n \u003cdiv class=\"soi-came-hero-tag\"\u003e\n \u003cspan class=\"soi-came-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire bio · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-came-hero-title\"\u003eShampooing Nourrissant certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-came-hero-subtitle\"\u003eLa nutrition profonde de l'huile de cameline bio française pour redonner vie, souplesse et définition à vos cheveux secs, bouclés ou crépus.\u003c\/p\u003e\n \u003cdiv class=\"soi-came-hero-labels\"\u003e\n \u003cspan class=\"soi-came-label soi-came-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-came-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-came-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-came-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-came-label\"\u003e0% SILICONE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-came-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de cameline change tout pour les cheveux secs\u003c\/h2\u003e\n \u003cp\u003eL'huile de cameline bio française est la véritable star de ce shampooing naturel bio. Riche en oméga-3, oméga-6 et vitamine E, elle agit comme un bouclier nutritif sur la fibre capillaire. Concrètement, elle comble les zones fragilisées, réduit la porosité excessive et restitue une souplesse visible dès les premiers lavages. Contrairement à des huiles plus lourdes, la cameline nourrit sans alourdir, ce qui est idéal pour les boucles et les frisottis récalcitrants.\u003c\/p\u003e\n \u003cp\u003eL'aloe vera complète ce soin en apportant une hydratation continue au cuir chevelu, tandis que l'eau florale de reine des prés apaise les cuirs chevelus réactifs. Le résultat : des cheveux visiblement plus doux, brillants, et des boucles mieux dessinées sans effet collant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-came-section\"\u003e\n \u003ch2\u003eCe shampooing bio est fait pour vous si…\u003c\/h2\u003e\n \u003cdiv class=\"soi-came-grid\"\u003e\n \u003cdiv class=\"soi-came-card\"\u003e\n \u003ch3\u003e🌀 Vous avez les cheveux secs, frisés, bouclés ou crépus\u003c\/h3\u003e\n \u003cp\u003eVos longueurs manquent d'hydratation et vos boucles peinent à se dessiner ? Ce shampooing leur apporte la nutrition dont elles ont besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-card\"\u003e\n \u003ch3\u003e🌿 Vous êtes adepte du sans sulfates et sans silicone\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un shampooing bio respectueux du cuir chevelu, sans tensioactifs agressifs ni agents occlusifs synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-card\"\u003e\n \u003ch3\u003e✨ Si vous souhaitez des boucles naturelles sans chimie\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez définir et sublimer vos boucles naturellement, sans recourir à des produits chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-card\"\u003e\n \u003ch3\u003e🐰 Si vous êtes sensible aux valeurs éthiques\u003c\/h3\u003e\n \u003cp\u003eVous privilégiez les formules véganes, cruelty-free et fabriquées en France pour une routine capillaire alignée avec vos convictions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-came-section\"\u003e\n \u003ch2\u003eComment utiliser le shampooing nourrissant Coslys\u003c\/h2\u003e\n \u003cdiv class=\"soi-came-timeline\"\u003e\n \u003cdiv class=\"soi-came-step\"\u003e\n \u003cdiv class=\"soi-came-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-came-step-content\"\u003e\n \u003ch3\u003eMouiller abondamment\u003c\/h3\u003e\n \u003cp\u003eMouillez vos cheveux à l'eau tiède pour ouvrir les écailles et préparer la fibre à recevoir les actifs nourrissants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-step\"\u003e\n \u003cdiv class=\"soi-came-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-came-step-content\"\u003e\n \u003ch3\u003eAppliquer et masser\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur le cuir chevelu, massez doucement pour faire mousser, puis étalez sur les longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-step\"\u003e\n \u003cdiv class=\"soi-came-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-came-step-content\"\u003e\n \u003ch3\u003eRincer et sublimer\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède, puis terminez par un rinçage à l'eau froide pour sceller les écailles et sublimer la brillance. À utiliser seul ou suivi d'un après-shampooing bio pour un résultat optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-came-section\"\u003e\n \u003ch2\u003eComposition : que contient ce shampooing bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-came-compo\"\u003e\n \u003cdiv class=\"soi-came-compo-row\"\u003e\n \u003cspan class=\"soi-came-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-came-compo-value\"\u003eHuile de cameline bio française (oméga-3, oméga-6, vitamine E)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-compo-row\"\u003e\n \u003cspan class=\"soi-came-compo-label\"\u003eActif hydratant\u003c\/span\u003e\n \u003cspan class=\"soi-came-compo-value\"\u003eAloe vera bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-compo-row\"\u003e\n \u003cspan class=\"soi-came-compo-label\"\u003eActif apaisant\u003c\/span\u003e\n \u003cspan class=\"soi-came-compo-value\"\u003eEau florale de reine des prés bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-compo-row\"\u003e\n \u003cspan class=\"soi-came-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-came-compo-value\"\u003eVégétale douce, sans sulfates, sans silicone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-compo-row\"\u003e\n \u003cspan class=\"soi-came-compo-label\"\u003eSoin gainant\u003c\/span\u003e\n \u003cspan class=\"soi-came-compo-value\"\u003eActif gainant objectivé (définition des boucles)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-compo-row\"\u003e\n \u003cspan class=\"soi-came-compo-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-came-compo-value\"\u003eD'origine naturelle, notes florales légères\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-compo-row\"\u003e\n \u003cspan class=\"soi-came-compo-label\"\u003eNaturalité\u003c\/span\u003e\n \u003cspan class=\"soi-came-compo-value\"\u003e98,8 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-came-card-mini\"\u003e\n \u003cspan class=\"soi-came-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-value\"\u003e98,8 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-card-mini\"\u003e\n \u003cspan class=\"soi-came-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-label\"\u003eSilicone\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-value\"\u003e0 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-card-mini\"\u003e\n \u003cspan class=\"soi-came-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-value\"\u003e500 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-card-mini\"\u003e\n \u003cspan class=\"soi-came-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-came-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-came-section\"\u003e\n \u003ch2\u003eLes engagements Coslys qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-came-benefits\"\u003e\n \u003cdiv class=\"soi-came-benefit\"\u003e\n \u003cdiv class=\"soi-came-benefit-icon\"\u003e\u003cspan\u003e🏅\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eContrôlé par Ecocert, gage d'une formule transparente et respectueuse de la charte biologique européenne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-benefit\"\u003e\n \u003cdiv class=\"soi-came-benefit-icon\"\u003e\u003cspan\u003e🏭\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eÉlaboré dans les Pays de la Loire, avec un contrôle qualité rigoureux à chaque étape.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-benefit\"\u003e\n \u003cdiv class=\"soi-came-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 d'origine animale, aucun test sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-came-benefit\"\u003e\n \u003cdiv class=\"soi-came-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFlacon grand format 500 ml\u003c\/h3\u003e\n \u003cp\u003eÉconomique et durable, pour une routine capillaire bio au quotidien sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-came-section\"\u003e\n \u003cdiv class=\"soi-came-accordion\"\u003e\n \u003cdetails class=\"soi-came-accordion-item\"\u003e\n \u003csummary class=\"soi-came-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-came-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique et ne se substitue à aucun traitement médical. En cas de problème persistant du cuir chevelu, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-came-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-came-cta-box\"\u003e\n \u003cp class=\"soi-came-cta-tag\" style=\"color: white;\"\u003ePrenez soin de vos boucles, naturellement\u003c\/p\u003e\n \u003cp class=\"soi-came-cta-text\" style=\"color: white;\"\u003eVos cheveux secs méritent une vraie nutrition, du cuir chevelu jusqu'aux pointes. L'huile de cameline bio française, des boucles définies, un geste éco-responsable chaque matin : c'est ça, se soigner naturellement avec Soinat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-came-marine: #1A2D3D;\n --soi-came-marine-dark: #0F1E2B;\n --soi-came-marine-light: #2C4458;\n --soi-came-pomme: #A1C544;\n --soi-came-pomme-dark: #84A636;\n --soi-came-pomme-light: rgba(161,197,68,0.10);\n\n --soi-came-white: #FFFFFF;\n --soi-came-off-white: #F8FAF6;\n --soi-came-stone: #F1F3EE;\n --soi-came-line: #E5E8E0;\n\n --soi-came-primary: #D4A52A;\n --soi-came-primary-soft: #F5E6B8;\n --soi-came-accent: #B5C96A;\n\n --soi-came-text: #1A2D3D;\n --soi-came-text-soft: #4A5B6B;\n --soi-came-text-muted: #7B8693;\n\n --soi-came-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-came-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-came-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-came-radius: 12px;\n --soi-came-radius-sm: 8px;\n --soi-came-radius-pill: 999px;\n}\n\n.soi-came-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-came-fiche img { max-width: 100%; height: auto; }\n\n.soi-came-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-came-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-came-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-came-hero {\n position: relative;\n background: var(--soi-came-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-came-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-came-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-came-pomme);\n}\n\n.soi-came-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-came-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-came-pomme);\n border-radius: 50%;\n}\n\n.soi-came-hero-title {\n display: block;\n color: var(--soi-came-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-came-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-came-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-came-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-came-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-came-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-came-label-accent {\n background: var(--soi-came-pomme);\n border-color: var(--soi-came-pomme);\n color: var(--soi-came-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-came-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-came-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-came-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-came-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-came-pomme);\n border-radius: 2px;\n}\n\n.soi-came-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-came-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-came-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-came-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-came-card {\n background: var(--soi-came-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-came-radius);\n border-left: 3px solid var(--soi-came-pomme);\n}\n\n.soi-came-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-came-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-came-card p {\n font-size: 14px;\n color: var(--soi-came-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-came-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-came-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-came-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-came-radius);\n border: 1px solid var(--soi-came-line);\n align-items: flex-start;\n}\n\n.soi-came-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-came-marine);\n color: var(--soi-came-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-came-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-came-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-came-step-content p {\n font-size: 14px;\n color: var(--soi-came-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-came-compo {\n background: var(--soi-came-off-white);\n border-radius: var(--soi-came-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-came-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-came-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-came-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-came-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-came-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-came-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-came-marine);\n text-align: right;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-came-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-came-card-mini {\n background: var(--soi-came-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-came-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-came-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-came-card-mini-label {\n font-size: 11px;\n color: var(--soi-came-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-came-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-came-marine);\n}\n\n\/* === BENEFITS === *\/\n.soi-came-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-came-benefit {\n background: var(--soi-came-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-came-radius);\n border: 1px solid var(--soi-came-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-came-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-came-shadow-md);\n}\n\n.soi-came-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-came-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-came-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-came-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-came-benefit:hover .soi-came-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-came-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-came-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-came-benefit p {\n font-size: 13px;\n color: var(--soi-came-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-came-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-came-accordion-item {\n background: var(--soi-came-off-white);\n border-radius: var(--soi-came-radius-sm);\n border: 1px solid var(--soi-came-line);\n overflow: hidden;\n}\n\n.soi-came-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-came-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-came-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-came-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-came-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-came-accordion-item[open] .soi-came-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-came-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-came-accordion-content p {\n font-size: 14px;\n color: var(--soi-came-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-came-cta-box {\n background: var(--soi-came-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-came-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-came-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-came-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-came-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-came-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-came-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-came-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-came-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-came-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-came-compo-value {\n text-align: left;\n }\n\n .soi-came-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-came-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-came-fiche {\n --soi-came-text-soft: #2C3E50;\n --soi-came-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603519398218,"sku":"CS0156","price":13.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-nourrissant-certifie-bio-coslys-packshot.webp?v=1779443019"},{"product_id":"masque-nutrition-intense-certifie-bio-coslys","title":"Masque capillaire Nutrition Intense bio – Coslys","description":"\n\u003cdiv class=\"soi-masq-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-masq-hero\"\u003e\n \u003cdiv class=\"soi-masq-hero-tag\"\u003e\n \u003cspan class=\"soi-masq-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire bio · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-masq-hero-title\"\u003eLa nutrition profonde venue de Lorraine\u003c\/span\u003e\n \u003cp class=\"soi-masq-hero-subtitle\"\u003eEnrichi en huile de Mirabelle de Lorraine et en beurre de karité bio, ce masque nutrition intense nourrit en profondeur vos cheveux secs et abîmés. 98,5 % d'ingrédients d'origine naturelle, certifié Cosmos Organic.\u003c\/p\u003e\n \u003cdiv class=\"soi-masq-hero-labels\"\u003e\n \u003cspan class=\"soi-masq-label soi-masq-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-masq-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-masq-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-masq-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-masq-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 : Pourquoi ce masque bio est différent des autres ? --\u003e\n \u003csection class=\"soi-masq-section\"\u003e\n \u003ch2\u003ePourquoi ce masque capillaire bio est différent des autres ?\u003c\/h2\u003e\n \u003cp\u003eLà où beaucoup de masques capillaires se contentent d'enrober la surface du cheveu, celui de Coslys agit directement au cœur de la fibre capillaire. Sa texture onctueuse, riche sans être lourde, fond littéralement sur les longueurs et les pointes pour une nutrition intense et durable.\u003c\/p\u003e\n \u003cp\u003eLe résultat est visible dès la première application : des cheveux plus doux, plus brillants et nettement plus faciles à coiffer.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 : Les actifs clés --\u003e\n \u003csection class=\"soi-masq-section\"\u003e\n \u003ch2\u003eLes actifs clés : ce qui nourrit vraiment vos cheveux\u003c\/h2\u003e\n \u003cdiv class=\"soi-masq-grid\"\u003e\n \u003cdiv class=\"soi-masq-card\"\u003e\n \u003ch3\u003e🍑 Huile de Mirabelle de Lorraine (bio)\u003c\/h3\u003e\n \u003cp\u003eVéritable signature de la gamme Coslys, cette huile végétale précieuse est riche en vitamines A et E et en acides gras essentiels. Elle renforce la fibre capillaire, apporte une brillance naturelle et protège vos cheveux des agressions quotidiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité (bio)\u003c\/h3\u003e\n \u003cp\u003eIngrédient star des soins nourrissants, il pénètre en profondeur pour hydrater intensément, réparer les pointes fourchues et réduire la casse. Idéal pour les cheveux très secs et fragilisés par la chaleur ou la coloration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-card\"\u003e\n \u003ch3\u003e🌿 Formule sans silicone, sans sulfate\u003c\/h3\u003e\n \u003cp\u003eVos cheveux sont nourris sans effet coating ni accumulation de résidus, pour un résultat sain sur la durée. Une approche respectueuse de la fibre capillaire et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 : Comment utiliser le masque --\u003e\n \u003csection class=\"soi-masq-section\"\u003e\n \u003ch2\u003eComment utiliser le masque nutrition Coslys ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-masq-timeline\"\u003e\n \u003cdiv class=\"soi-masq-step\"\u003e\n \u003cdiv class=\"soi-masq-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-masq-step-content\"\u003e\n \u003ch3\u003eEssorez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eAprès le shampoing, essorez doucement vos cheveux pour éliminer l'excès d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-step\"\u003e\n \u003cdiv class=\"soi-masq-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-masq-step-content\"\u003e\n \u003ch3\u003eAppliquez le masque\u003c\/h3\u003e\n \u003cp\u003eDéposez une noix généreuse du masque sur les longueurs et les pointes, en évitant le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-step\"\u003e\n \u003cdiv class=\"soi-masq-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-masq-step-content\"\u003e\n \u003ch3\u003eLaissez poser 3 à 5 minutes\u003c\/h3\u003e\n \u003cp\u003ePatientez 3 à 5 minutes, ou plus longtemps sous une serviette chaude pour un effet masque intensif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-step\"\u003e\n \u003cdiv class=\"soi-masq-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-masq-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède. Vos cheveux se démêlent facilement et se coiffent sans effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-tip\"\u003e\n \u003cdiv class=\"soi-masq-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eNous vous recommandons 1 à 2 applications par semaine, selon le degré de sécheresse de vos cheveux. Pour un soin encore plus profond, enveloppez votre chevelure dans une serviette chaude pendant le temps de pose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 5 : Composition INCI complète --\u003e\n \u003csection class=\"soi-masq-section\"\u003e\n \u003ch2\u003eComposition INCI complète\u003c\/h2\u003e\n \u003cdiv class=\"soi-masq-accordion\"\u003e\n \u003cdetails class=\"soi-masq-accordion-item\"\u003e\n \u003csummary class=\"soi-masq-accordion-header\"\u003e📋 Voir la liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-masq-accordion-content\"\u003e\n \u003cp\u003e\u003cem\u003eAqua, Cetearyl Alcohol, Prunus Domestica Seed Oil*, Butyrospermum Parkii Butter*, Behentrimonium Chloride, Glycerin*, Polyglyceryl-3 Stearate, Sodium Cocoyl Glutamate, Parfum (Fragrance), Xanthan Gum, Tocopherol, Citric Acid, Sodium Benzoate, Potassium Sorbate, Limonene, Linalool.\u003c\/em\u003e\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 \u003c!-- H2 6 : Certifications et engagements Coslys --\u003e\n \u003csection class=\"soi-masq-section\"\u003e\n \u003ch2\u003eCertifications et engagements Coslys\u003c\/h2\u003e\n \u003cdiv class=\"soi-masq-grid-compact\"\u003e\n \u003cdiv class=\"soi-masq-card-mini\"\u003e\n \u003cspan class=\"soi-masq-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-masq-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-masq-card-mini-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-card-mini\"\u003e\n \u003cspan class=\"soi-masq-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-masq-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-masq-card-mini-value\"\u003eVegan \u0026amp; Cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-card-mini\"\u003e\n \u003cspan class=\"soi-masq-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-masq-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-masq-card-mini-value\"\u003eMade in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-card-mini\"\u003e\n \u003cspan class=\"soi-masq-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n \u003cspan class=\"soi-masq-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n \u003cspan class=\"soi-masq-card-mini-value\"\u003e98,5 % d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 7 : Pour qui est ce masque capillaire bio ? --\u003e\n \u003csection class=\"soi-masq-section\"\u003e\n \u003ch2\u003ePour qui est ce masque cheveux bio ?\u003c\/h2\u003e\n \u003cp\u003eCe masque hydratant bio est fait pour vous si vos cheveux sont naturellement secs, rendus poreux par des colorations répétées, fragilisés par la chaleur des outils coiffants ou agressés par le soleil et le vent.\u003c\/p\u003e\n \u003cp\u003eIl convient aussi bien aux cheveux fins qu'épais, aux textures lisses que bouclées.\u003c\/p\u003e\n \u003cdiv class=\"soi-masq-compo\"\u003e\n \u003cdiv class=\"soi-masq-compo-row\"\u003e\n \u003cspan class=\"soi-masq-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-masq-compo-value\"\u003e250 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-compo-row\"\u003e\n \u003cspan class=\"soi-masq-compo-label\"\u003eType de cheveux\u003c\/span\u003e\n \u003cspan class=\"soi-masq-compo-value\"\u003eSecs et abîmés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-masq-compo-row\"\u003e\n \u003cspan class=\"soi-masq-compo-label\"\u003eForme\u003c\/span\u003e\n \u003cspan class=\"soi-masq-compo-value\"\u003eMasque capillaire en pot\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-masq-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-masq-cta-box\"\u003e\n \u003cp class=\"soi-masq-cta-text\" style=\"color: white;\"\u003eOffrez à vos cheveux la richesse de la Mirabelle de Lorraine et du karité bio, réunis dans une formule certifiée et fabriquée en France. Douceur, brillance et vitalité retrouvées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-masq-marine: #1A2D3D;\n --soi-masq-marine-dark: #0F1E2B;\n --soi-masq-marine-light: #2C4458;\n --soi-masq-pomme: #A1C544;\n --soi-masq-pomme-dark: #84A636;\n --soi-masq-pomme-light: rgba(161,197,68,0.10);\n\n --soi-masq-white: #FFFFFF;\n --soi-masq-off-white: #F8FAF6;\n --soi-masq-stone: #F1F3EE;\n --soi-masq-line: #E5E8E0;\n\n --soi-masq-primary: #D4A52A;\n --soi-masq-primary-soft: #F5E6B8;\n --soi-masq-accent: #E8B845;\n\n --soi-masq-text: #1A2D3D;\n --soi-masq-text-soft: #4A5B6B;\n --soi-masq-text-muted: #7B8693;\n\n --soi-masq-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-masq-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-masq-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-masq-radius: 12px;\n --soi-masq-radius-sm: 8px;\n --soi-masq-radius-pill: 999px;\n}\n\n.soi-masq-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-masq-fiche img { max-width: 100%; height: auto; }\n\n.soi-masq-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-masq-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-masq-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-masq-hero {\n position: relative;\n background: var(--soi-masq-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-masq-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-masq-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-masq-accent);\n}\n\n.soi-masq-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-masq-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-masq-accent);\n border-radius: 50%;\n}\n\n.soi-masq-hero-title {\n display: block;\n color: var(--soi-masq-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-masq-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-masq-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-masq-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-masq-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-masq-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-masq-label-accent {\n background: var(--soi-masq-accent);\n border-color: var(--soi-masq-accent);\n color: var(--soi-masq-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-masq-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-masq-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-masq-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-masq-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-masq-pomme);\n border-radius: 2px;\n}\n\n.soi-masq-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-masq-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-masq-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-masq-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-masq-card {\n background: var(--soi-masq-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-masq-radius);\n border-left: 3px solid var(--soi-masq-pomme);\n}\n\n.soi-masq-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-masq-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-masq-card p {\n font-size: 14px;\n color: var(--soi-masq-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-masq-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-masq-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-masq-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-masq-radius);\n border: 1px solid var(--soi-masq-line);\n align-items: flex-start;\n}\n\n.soi-masq-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-masq-marine);\n color: var(--soi-masq-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-masq-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-masq-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-masq-step-content p {\n font-size: 14px;\n color: var(--soi-masq-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-masq-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-masq-pomme-light);\n border-left: 4px solid var(--soi-masq-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-masq-radius) var(--soi-masq-radius) 0;\n align-items: flex-start;\n}\n\n.soi-masq-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-masq-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-masq-marine);\n margin-bottom: 4px;\n}\n\n.soi-masq-tip p {\n font-size: 14px;\n color: var(--soi-masq-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-masq-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-masq-accordion-item {\n background: var(--soi-masq-off-white);\n border-radius: var(--soi-masq-radius-sm);\n border: 1px solid var(--soi-masq-line);\n overflow: hidden;\n}\n\n.soi-masq-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-masq-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-masq-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-masq-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-masq-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-masq-accordion-item[open] .soi-masq-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-masq-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-masq-accordion-content p {\n font-size: 14px;\n color: var(--soi-masq-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem;\n}\n\n.soi-masq-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-masq-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-masq-card-mini {\n background: var(--soi-masq-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-masq-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-masq-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-masq-card-mini-label {\n font-size: 11px;\n color: var(--soi-masq-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-masq-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-masq-marine);\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-masq-compo {\n background: var(--soi-masq-off-white);\n border-radius: var(--soi-masq-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-masq-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-masq-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-masq-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-masq-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-masq-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-masq-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-masq-marine);\n text-align: right;\n}\n\n\/* === CTA BOX === *\/\n.soi-masq-cta-box {\n background: var(--soi-masq-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-masq-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-masq-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-masq-accent);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-masq-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-masq-accent);\n margin-bottom: 0.75rem;\n}\n\n.soi-masq-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-masq-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-masq-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-masq-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-masq-compo-value {\n text-align: left;\n }\n\n .soi-masq-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-masq-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-masq-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-masq-fiche {\n --soi-masq-text-soft: #2C3E50;\n --soi-masq-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603520250186,"sku":"CS0160","price":20.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/masque-nutrition_intense-certifie-bio-coslys-packshot_11zon.webp?v=1781518511"},{"product_id":"deodorant-soin-protecteur-certifie-bio-coslys","title":"Déodorant Soin Protecteur certifié Bio – Coslys","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLe Déodorant Soin Protecteur Coslys \u003c\/strong\u003evous offre une\u003cstrong\u003e protection optimale de 48 heures\u003c\/strong\u003e contre les mauvaises odeurs grâce à une formule enrichie en pierre d'alun et en actifs protecteurs. Ce déodorant, spécialement formulé pour préserver votre peau, \u003cstrong\u003econtient du lotus bio français\u003c\/strong\u003e, offrant ainsi une touche de douceur et un parfum floral délicat.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CS0225_0624b107-8c78-44cf-b843-714b2c9d1960.jpg?v=1776180901\" alt=\"Photo de fleurs de lotus\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques du Déodorant Soin Protecteur de Coslys\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection durable :\u003c\/strong\u003e Efficace contre les mauvaises odeurs pendant 48 heures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels :\u003c\/strong\u003e Composé à 99,9% d'ingrédients d'origine naturelle.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule douce :\u003c\/strong\u003e Sans alcool ni chlorhydrate d'aluminium, respectueuse de la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum naturel :\u003c\/strong\u003e Parfum floral 100% naturel, agréable pour les femmes comme pour les hommes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEngagement écologique :\u003c\/strong\u003e Flacon recyclé et recyclable, contribuant à la réduction des déchets.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifications :\u003c\/strong\u003e Produit vegan, certifié Cosmos Organic et non testé sur les animaux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication française :\u003c\/strong\u003e Conçu et fabriqué en France.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eAvantages et bienfaits du Déodorant Soin Protecteur certifié bio\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection efficace :\u003c\/strong\u003e Les actifs protecteurs et la pierre d'alun garantissent une protection fiable contre les mauvaises odeurs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de la peau :\u003c\/strong\u003e Sa formule sans alcool et sans chlorhydrate d'aluminium est idéale pour les peaux sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum agréable :\u003c\/strong\u003e Enrichi en lotus bio français, il laisse un parfum floral subtil et naturel.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdapté à tous :\u003c\/strong\u003e Un déodorant mixte, parfait pour toute la famille.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eAdoptez le \u003cstrong\u003eDéodorant Soin Protecteur Coslys pour une protection naturelle anti-odeur et efficace\u003c\/strong\u003e, respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603521429834,"sku":"CS0225","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_coslys_cs0225_deodorant_protecteur.jpg?v=1776161244"},{"product_id":"shampooing-antipelliculaire-certifie-bio-coslys","title":"Shampooing Antipelliculaire certifié bio – Coslys","description":"\n\u003cdiv class=\"soi-shap-fiche\"\u003e\n\n \u003csection class=\"soi-shap-hero\"\u003e\n \u003cdiv class=\"soi-shap-hero-tag\"\u003e\n \u003cspan class=\"soi-shap-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-shap-hero-title\"\u003eShampooing antipelliculaire certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-shap-hero-subtitle\"\u003eUn soin capillaire naturel au lierre bio pour assainir votre cuir chevelu, réduire les pellicules et les démangeaisons, sans compromis sur la douceur ni sur l'efficacité.\u003c\/p\u003e\n \u003cdiv class=\"soi-shap-hero-labels\"\u003e\n \u003cspan class=\"soi-shap-label soi-shap-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shap-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shap-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-shap-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-shap-label\"\u003e0% SILICONE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shap-section\"\u003e\n \u003ch2\u003eUn shampooing antipelliculaire efficace, bio et sans compromis\u003c\/h2\u003e\n \u003cp\u003eLes pellicules touchent près d'une personne sur deux à un moment de sa vie. Démangeaisons, squames visibles sur les vêtements, cuir chevelu irrité : vous savez à quel point cela peut peser sur le quotidien. Le Shampooing Antipelliculaire Coslys au lierre bio répond à ce problème avec une approche naturelle, certifiée Cosmos Organic, fabriquée en France et formulée sans silicone, sans SLS ni ALS.\u003c\/p\u003e\n \u003cp\u003e97,5 % d'ingrédients d'origine naturelle, 0 % de compromis sur l'efficacité : voilà la promesse de Coslys.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shap-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing antipelliculaire plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp class=\"soi-shap-section-intro\"\u003eSur le marché, les références ne manquent pas. Mais beaucoup reposent sur des agents chimiques forts, parfois irritants à l'usage répété. Coslys prend le contre-pied avec une formule douce, respectueuse du cuir chevelu sensible, et tout aussi performante.\u003c\/p\u003e\n \u003cdiv class=\"soi-shap-grid\"\u003e\n \u003cdiv class=\"soi-shap-card\"\u003e\n \u003ch3\u003e🌿 Extrait de lierre bio\u003c\/h3\u003e\n \u003cp\u003eActif purifiant naturel qui assainit le cuir chevelu en douceur et limite la réapparition des pellicules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shap-card\"\u003e\n \u003ch3\u003e🔬 Extrait de Zizyphus Joazeiro\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés antipelliculaires scientifiquement étudiées, il réduit les irritations et les démangeaisons dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shap-card\"\u003e\n \u003ch3\u003e🧴 Sans SLS ni ALS\u003c\/h3\u003e\n \u003cp\u003ePas d'agent moussant agressif, idéal pour une utilisation fréquente sans abîmer le film hydrolipidique du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shap-card\"\u003e\n \u003ch3\u003e💨 Sans silicone\u003c\/h3\u003e\n \u003cp\u003eVos cheveux respirent, la fibre capillaire n'est pas alourdie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shap-card\"\u003e\n \u003ch3\u003e🐇 Vegan 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-shap-card\"\u003e\n \u003ch3\u003e♻️ Flacon éco-conçu\u003c\/h3\u003e\n \u003cp\u003eFabriqué en plastique 100 % recyclé et recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shap-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampooing antipelliculaire bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shap-timeline\"\u003e\n \u003cdiv class=\"soi-shap-step\"\u003e\n \u003cdiv class=\"soi-shap-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shap-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez le shampooing sur cheveux mouillés en massant doucement le cuir chevelu pendant 2 à 3 minutes pour activer les actifs antipelliculaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shap-step\"\u003e\n \u003cdiv class=\"soi-shap-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shap-step-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003eAccordez 1 à 2 minutes de pause pour laisser le lierre bio agir en profondeur sur le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shap-step\"\u003e\n \u003cdiv class=\"soi-shap-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shap-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003ePour les pellicules persistantes, renouvelez l'opération à chaque lavage, 2 à 3 fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shap-section\"\u003e\n \u003ch2\u003eComposition complète du shampooing antipelliculaire Coslys\u003c\/h2\u003e\n \u003cp class=\"soi-shap-section-intro\"\u003eLa transparence fait partie de l'ADN de Coslys. Voici la liste INCI complète :\u003c\/p\u003e\n \u003cdiv class=\"soi-shap-compo\"\u003e\n \u003cdiv class=\"soi-shap-compo-row\"\u003e\n \u003cspan class=\"soi-shap-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shap-compo-value\"\u003eCosmos Organic par Ecocert Greenlife\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shap-compo-row\"\u003e\n \u003cspan class=\"soi-shap-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-shap-compo-value\"\u003e97,5 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shap-compo-row\"\u003e\n \u003cspan class=\"soi-shap-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shap-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shap-compo-row\"\u003e\n \u003cspan class=\"soi-shap-compo-label\"\u003eSilicone\u003c\/span\u003e\n \u003cspan class=\"soi-shap-compo-value\"\u003e0 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shap-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-shap-tip-icon\"\u003e📋\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eListe INCI\u003c\/strong\u003e\n \u003cp\u003eAqua, Sodium Cocoyl Glutamate, Cocamidopropyl Betaine, Glycerin*, Hedera Helix (Ivy) Leaf\/Stem Extract*, Zizyphus Joazeiro Bark Extract, Sodium Chloride, Citric Acid, Sodium Benzoate, Potassium Sorbate, Parfum.\u003c\/p\u003e\n \u003cp style=\"margin-top: 0.4rem; font-style: italic; font-size: 13px; color: var(--soi-shap-text-muted);\"\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shap-section\"\u003e\n \u003ch2\u003ePour qui est fait ce shampooing antipelliculaire ?\u003c\/h2\u003e\n \u003cp\u003eCe soin convient à toute personne souffrant de pellicules légères à modérées, qu'elles soient sèches ou grasses, et dont le cuir chevelu est sensible ou réactif aux formules conventionnelles. Il est particulièrement adapté si vous cherchez un shampooing antipelliculaire naturel en alternative aux produits de parapharmacie, sans renoncer à l'efficacité.\u003c\/p\u003e\n \u003cdiv class=\"soi-shap-accordion\"\u003e\n \u003cdetails class=\"soi-shap-accordion-item\"\u003e\n \u003csummary class=\"soi-shap-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-shap-accordion-content\"\u003e\n \u003cp\u003ePour les pellicules très persistantes ou associées à un psoriasis du cuir chevelu, consultez un dermatologue : ce produit ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shap-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shap-cta-box\"\u003e\n \u003cp class=\"soi-shap-cta-tag\" style=\"color: white;\"\u003eUn cuir chevelu apaisé, naturellement\u003c\/p\u003e\n \u003cp class=\"soi-shap-cta-text\" style=\"color: white;\"\u003eFini les pellicules qui s'invitent sur vos épaules et les démangeaisons qui gâchent votre quotidien. Avec le shampooing antipelliculaire bio Coslys, vous prenez soin de votre cuir chevelu avec des actifs naturels, sans produits agressifs, et avec la conscience d'un geste respectueux de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shap-marine: #1A2D3D;\n --soi-shap-marine-dark: #0F1E2B;\n --soi-shap-marine-light: #2C4458;\n --soi-shap-pomme: #A1C544;\n --soi-shap-pomme-dark: #84A636;\n --soi-shap-pomme-light: rgba(161,197,68,0.10);\n\n --soi-shap-white: #FFFFFF;\n --soi-shap-off-white: #F8FAF6;\n --soi-shap-stone: #F1F3EE;\n --soi-shap-line: #E5E8E0;\n\n --soi-shap-primary: #7AB648;\n --soi-shap-primary-soft: rgba(122,182,72,0.10);\n --soi-shap-accent: #A8B5D4;\n\n --soi-shap-text: #1A2D3D;\n --soi-shap-text-soft: #4A5B6B;\n --soi-shap-text-muted: #7B8693;\n\n --soi-shap-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shap-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shap-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shap-radius: 12px;\n --soi-shap-radius-sm: 8px;\n --soi-shap-radius-pill: 999px;\n}\n\n.soi-shap-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shap-fiche img { max-width: 100%; height: auto; }\n\n.soi-shap-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shap-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shap-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shap-hero {\n position: relative;\n background: var(--soi-shap-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-shap-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shap-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shap-pomme);\n}\n\n.soi-shap-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-shap-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shap-pomme);\n border-radius: 50%;\n}\n\n.soi-shap-hero-title {\n display: block;\n color: var(--soi-shap-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-shap-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-shap-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shap-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-shap-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shap-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shap-label-accent {\n background: var(--soi-shap-pomme);\n border-color: var(--soi-shap-pomme);\n color: var(--soi-shap-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shap-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shap-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shap-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-shap-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shap-pomme);\n border-radius: 2px;\n}\n\n.soi-shap-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shap-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shap-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shap-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shap-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shap-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shap-card {\n background: var(--soi-shap-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shap-radius);\n border-left: 3px solid var(--soi-shap-pomme);\n}\n\n.soi-shap-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shap-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shap-card p {\n font-size: 14px;\n color: var(--soi-shap-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shap-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shap-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shap-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shap-radius);\n border: 1px solid var(--soi-shap-line);\n align-items: flex-start;\n}\n\n.soi-shap-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shap-marine);\n color: var(--soi-shap-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-shap-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shap-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shap-step-content p {\n font-size: 14px;\n color: var(--soi-shap-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shap-compo {\n background: var(--soi-shap-off-white);\n border-radius: var(--soi-shap-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shap-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-shap-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shap-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shap-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shap-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shap-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shap-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shap-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shap-pomme-light);\n border-left: 4px solid var(--soi-shap-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shap-radius) var(--soi-shap-radius) 0;\n align-items: flex-start;\n}\n\n.soi-shap-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shap-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shap-marine);\n margin-bottom: 4px;\n}\n\n.soi-shap-tip p {\n font-size: 14px;\n color: var(--soi-shap-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shap-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 1.25rem;\n}\n\n.soi-shap-accordion-item {\n background: var(--soi-shap-off-white);\n border-radius: var(--soi-shap-radius-sm);\n border: 1px solid var(--soi-shap-line);\n overflow: hidden;\n}\n\n.soi-shap-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shap-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-shap-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shap-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shap-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shap-accordion-item[open] .soi-shap-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shap-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shap-accordion-content p {\n font-size: 14px;\n color: var(--soi-shap-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shap-cta-box {\n background: var(--soi-shap-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shap-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shap-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-shap-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shap-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-shap-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shap-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 500;\n color: var(--soi-shap-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-shap-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shap-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shap-compo-value {\n text-align: left;\n }\n\n .soi-shap-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shap-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shap-fiche {\n --soi-shap-text-soft: #2C3E50;\n --soi-shap-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603521790282,"sku":"CS0165","price":15.84,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-antipelliculaire-certifie-bio-coslys-packshot.webp?v=1779442002"},{"product_id":"deodorant-soin-fraicheur-certifie-bio-coslys","title":"Déodorant Soin Fraîcheur certifié bio – Coslys","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLe Déodorant Soin Fraîcheur Coslys\u003c\/strong\u003e se distingue par sa \u003cstrong\u003eformule innovante et naturelle\u003c\/strong\u003e, offrant une protection efficace contre les mauvaises odeurs pendant 48 heures. Conçu sans alcool ni chlorhydrate d'aluminium, ce déodorant est parfait pour ceux qui recherchent \u003cstrong\u003eune alternative saine pour leur peau\u003c\/strong\u003e tout en respectant l'environnement. Enrichi en \u003cstrong\u003ealoe vera et thé vert bio\u003c\/strong\u003e, il allie performance et douceur pour une expérience de fraîcheur quotidienne.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CS0220_802bdd5c-7784-4ec4-9532-fc2f364af1cb.jpg?v=1776180903\" alt=\"Photo d'une femme en train de se mettre du déodorant bille sous le bras\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et bienfaits du Déodorant Soin Fraîcheur certifié bio de Coslys\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eLe Déodorant Soin Fraîcheur de Coslys \u003c\/strong\u003ese compose de 99% d'ingrédients d'origine naturelle, garantissant ainsi une \u003cstrong\u003eformule douce et respectueuse de la peau\u003c\/strong\u003e. Voici les caractéristiques et bienfaits qui en font un choix incontournable :\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection de longue durée\u003c\/strong\u003e : Grâce à sa formulation riche en zinc, ce déodorant offre une protection contre les mauvaises odeurs pendant 48 heures, assurant une sensation de fraîcheur durable tout au long de la journée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule naturelle et douce\u003c\/strong\u003e : Sans alcool ni chlorhydrate d'aluminium, il est idéal pour les peaux sensibles. Enrichi en aloe vera, il hydrate et apaise la peau, tandis que le thé vert bio apporte des propriétés antioxydantes pour une peau saine et protégée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum naturel\u003c\/strong\u003e : Le parfum 100% naturel, avec ses notes vertes et mentholées, est à la fois rafraîchissant et subtil. Il convient parfaitement à un usage mixte, autant pour les femmes que pour les hommes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEngagement écologique\u003c\/strong\u003e : Fabriqué en France, le déodorant est conditionné dans un flacon recyclé et recyclable, soulignant l'engagement de Coslys pour la protection de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifications\u003c\/strong\u003e : Ce produit est vegan et certifié Cosmos Organic et Cruelty Free, garantissant une production respectueuse de l'environnement et des animaux.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003cp\u003e\u003cstrong\u003eLe Déodorant Soin Fraîcheur Coslys\u003c\/strong\u003e est la solution idéale pour ceux qui cherchent une protection efficace et naturelle contre les mauvaises odeurs. Sa formule douce et ses ingrédients d'origine naturelle prennent soin de votre peau tout en respectant l'environnement. En choisissant ce déodorant, \u003cstrong\u003evous optez pour une fraîcheur durable, un parfum naturel et une démarche éco-responsable\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eOffrez-vous la tranquillité d'esprit et la sensation de bien-être avec le Déodorant Soin Fraîcheur Coslys.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603522412874,"sku":"CS0220","price":4.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_coslys_cs0220_deodorant_fraicheur.jpg?v=1776161265"},{"product_id":"gel-coiffant-structurant-bio-coslys","title":"Gel coiffant structurant bio - Coslys","description":"\u003cdiv class=\"soi-gelc-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-gelc-hero\"\u003e\n \u003cdiv class=\"soi-gelc-hero-tag\"\u003e\n \u003cspan class=\"soi-gelc-tag-dot\"\u003e\u003c\/span\u003e\n Soin capillaire bio · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-gelc-hero-title\"\u003eFixation longue durée, légèreté naturelle\u003c\/span\u003e\n \u003cp class=\"soi-gelc-hero-subtitle\"\u003eUn gel coiffant structurant à 99 % d'origine naturelle, enrichi en algue rouge marine, pour une tenue franche sans effet gras ni résidu.\u003c\/p\u003e\n \u003cdiv class=\"soi-gelc-hero-labels\"\u003e\n \u003cspan class=\"soi-gelc-label soi-gelc-label-accent\"\u003eBIO COSMÉBIO\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-label\"\u003eEFFET NON GRAS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Pourquoi choisir ce gel --\u003e\n \u003csection class=\"soi-gelc-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel coiffant naturel bio ?\u003c\/h2\u003e\n \u003cp class=\"soi-gelc-section-intro\"\u003eSur le marché des gels coiffants bio, beaucoup promettent fixation et légèreté mais livrent un résultat poisseux ou trop rigide. Le gel coiffant structurant Coslys se distingue par son extrait d'algue rouge marine, un actif reminéralisant et restructurant qui nourrit la fibre capillaire tout en offrant une tenue durable. Résultat : vos cheveux sont coiffés, brillants, et ils restent souples au toucher.\u003c\/p\u003e\n \u003cdiv class=\"soi-gelc-benefits\"\u003e\n \u003cdiv class=\"soi-gelc-benefit\"\u003e\n \u003cdiv class=\"soi-gelc-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFixation forte et longue durée\u003c\/h3\u003e\n \u003cp\u003eVotre coiffure tient toute la journée, structurée ou plus naturelle selon la quantité appliquée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-benefit\"\u003e\n \u003cdiv class=\"soi-gelc-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEffet non gras garanti\u003c\/h3\u003e\n \u003cp\u003eTexture fluide, répartition facile, sans film huileux ni pellicules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-benefit\"\u003e\n \u003cdiv class=\"soi-gelc-benefit-icon\"\u003e\u003cspan\u003e🌊\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAlgues marines reminéralisantes\u003c\/h3\u003e\n \u003cp\u003eElles renforcent la fibre capillaire, apportent brillance et vitalité aux cheveux ternes ou fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-benefit\"\u003e\n \u003cdiv class=\"soi-gelc-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e99 % d'ingrédients d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eFormule certifiée Cosmébio, fabriquée en France. Un choix éthique, vegan et non testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Pour qui --\u003e\n \u003csection class=\"soi-gelc-section\"\u003e\n \u003ch2\u003ePour qui est fait ce gel coiffant bio homme et femme ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gelc-grid\"\u003e\n \u003cdiv class=\"soi-gelc-card\"\u003e\n \u003ch3\u003e👤 Tous types de cheveux\u003c\/h3\u003e\n \u003cp\u003eFins, épais, bouclés ou raides : ce gel s'adapte à chaque nature de cheveu pour un rendu sur mesure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-card\"\u003e\n \u003ch3\u003e🧔 Hommes en quête de tenue forte\u003c\/h3\u003e\n \u003cp\u003eParticulièrement apprécié des hommes qui recherchent un gel à tenue forte sans effet plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-card\"\u003e\n \u003ch3\u003e🛡️ Cuirs chevelus sensibles\u003c\/h3\u003e\n \u003cp\u003eFormulé sans silicones, alcools agressifs ni polymères synthétiques, il convient aux personnes sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-tip\"\u003e\n \u003cdiv class=\"soi-gelc-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eVous pouvez l'utiliser sur cheveux humides pour moduler l'intensité de la fixation, ou sur cheveux légèrement secs pour un rendu plus structuré. Quelques points de gel suffisent : une application uniforme des racines aux pointes garantit un résultat homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Composition --\u003e\n \u003csection class=\"soi-gelc-section\"\u003e\n \u003ch2\u003eComposition complète du gel coiffant structurant Coslys\u003c\/h2\u003e\n \u003cp class=\"soi-gelc-section-intro\"\u003eFormulé sans ingrédients controversés, ce gel coiffant bio affiche une liste INCI transparente :\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003eAqua, Chondrus Crispus (Red Seaweed) Extract, Xanthan Gum, Sodium Benzoate, Potassium Sorbate, Citric Acid, Parfum.\u003c\/em\u003e\u003c\/p\u003e\n \u003cdiv class=\"soi-gelc-grid\"\u003e\n \u003cdiv class=\"soi-gelc-card\"\u003e\n \u003ch3\u003e🌊 Chondrus Crispus (algue rouge)\u003c\/h3\u003e\n \u003cp\u003eFixant naturel, reminéralisant, source d'oligo-éléments pour la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-card\"\u003e\n \u003ch3\u003e🧪 Xanthan Gum\u003c\/h3\u003e\n \u003cp\u003eGélifiant d'origine fermentaire, il assure la texture fluide et l'homogénéité du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-card\"\u003e\n \u003ch3\u003e🛡️ Sodium Benzoate et Potassium Sorbate\u003c\/h3\u003e\n \u003cp\u003eConservateurs d'origine naturelle, doux et bien tolérés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-compo\"\u003e\n \u003cdiv class=\"soi-gelc-compo-row\"\u003e\n \u003cspan class=\"soi-gelc-compo-label\"\u003eSans silicone\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-compo-row\"\u003e\n \u003cspan class=\"soi-gelc-compo-label\"\u003eSans PEG\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-compo-row\"\u003e\n \u003cspan class=\"soi-gelc-compo-label\"\u003eSans alcool agressif\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-compo-row\"\u003e\n \u003cspan class=\"soi-gelc-compo-label\"\u003eSans parabène\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Comment utiliser --\u003e\n \u003csection class=\"soi-gelc-section\"\u003e\n \u003ch2\u003eComment utiliser le gel coiffant naturel bio Coslys ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gelc-timeline\"\u003e\n \u003cdiv class=\"soi-gelc-step\"\u003e\n \u003cdiv class=\"soi-gelc-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-step-content\"\u003e\n \u003ch3\u003eAppliquez une noisette de gel\u003c\/h3\u003e\n \u003cp\u003eSur cheveux propres, humides ou secs, prélevez une petite quantité de gel dans le creux de la main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-step\"\u003e\n \u003cdiv class=\"soi-gelc-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-step-content\"\u003e\n \u003ch3\u003eRépartissez uniformément\u003c\/h3\u003e\n \u003cp\u003eAvec les doigts ou un peigne, répartissez le gel selon le style souhaité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-step\"\u003e\n \u003cdiv class=\"soi-gelc-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-step-content\"\u003e\n \u003ch3\u003eCoiffez comme vous le désirez\u003c\/h3\u003e\n \u003cp\u003eLa fixation prend en séchant, sans effet carton. Structuré, naturel ou volumineux : vous choisissez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-step\"\u003e\n \u003cdiv class=\"soi-gelc-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-step-content\"\u003e\n \u003ch3\u003eRavivez en cours de journée\u003c\/h3\u003e\n \u003cp\u003ePour reformer les boucles ou raviver le volume, humidifiez légèrement vos mains avant de passer dans les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-tip\"\u003e\n \u003cdiv class=\"soi-gelc-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCommencez par une petite quantité et ajustez selon l'effet voulu. Un excès de produit peut alourdir les cheveux fins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Informations pratiques --\u003e\n \u003csection class=\"soi-gelc-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-gelc-grid-compact\"\u003e\n \u003cdiv class=\"soi-gelc-card-mini\"\u003e\n \u003cspan class=\"soi-gelc-card-mini-icon\"\u003e📏\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-value\"\u003e150 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-card-mini\"\u003e\n \u003cspan class=\"soi-gelc-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-value\"\u003eCosmébio (Cosmos Organic)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-card-mini\"\u003e\n \u003cspan class=\"soi-gelc-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-card-mini\"\u003e\n \u003cspan class=\"soi-gelc-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-label\"\u003eStatut\u003c\/span\u003e\n \u003cspan class=\"soi-gelc-card-mini-value\"\u003eVegan, non testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gelc-accordion\"\u003e\n \u003cdetails class=\"soi-gelc-accordion-item\"\u003e\n \u003csummary class=\"soi-gelc-accordion-header\"\u003e👥 Convient à qui ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gelc-accordion-content\"\u003e\n \u003cp\u003eTous types de cheveux, hommes et femmes. Particulièrement adapté aux personnes sensibles souhaitant éviter silicones, alcools agressifs et polymères synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-gelc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gelc-cta-box\"\u003e\n \u003cp class=\"soi-gelc-cta-tag\" style=\"color: white;\"\u003eSe coiffer naturellement\u003c\/p\u003e\n \u003cp class=\"soi-gelc-cta-text\" style=\"color: white;\"\u003eFini le compromis entre performance et naturel. Le gel coiffant structurant bio Coslys vous offre une tenue franche et durable, une formule propre et une texture légère qui respecte vos cheveux comme votre cuir chevelu.\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-gelc-marine: #1A2D3D;\n --soi-gelc-marine-dark: #0F1E2B;\n --soi-gelc-marine-light: #2C4458;\n --soi-gelc-pomme: #A1C544;\n --soi-gelc-pomme-dark: #84A636;\n --soi-gelc-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-gelc-white: #FFFFFF;\n --soi-gelc-off-white: #F8FAF6;\n --soi-gelc-stone: #F1F3EE;\n --soi-gelc-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging rose\/rouge algue + violet) === *\/\n --soi-gelc-primary: #C4607A;\n --soi-gelc-primary-soft: #F2E0E6;\n --soi-gelc-accent: #8B4A6B;\n\n \/* === Textes === *\/\n --soi-gelc-text: #1A2D3D;\n --soi-gelc-text-soft: #4A5B6B;\n --soi-gelc-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-gelc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gelc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gelc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gelc-radius: 12px;\n --soi-gelc-radius-sm: 8px;\n --soi-gelc-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-gelc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gelc-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-gelc-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gelc-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gelc-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gelc-hero {\n position: relative;\n background: var(--soi-gelc-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-gelc-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gelc-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gelc-pomme);\n}\n\n.soi-gelc-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-gelc-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gelc-pomme);\n border-radius: 50%;\n}\n\n.soi-gelc-hero-title {\n display: block;\n color: var(--soi-gelc-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-gelc-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-gelc-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gelc-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-gelc-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gelc-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gelc-label-accent {\n background: var(--soi-gelc-pomme);\n border-color: var(--soi-gelc-pomme);\n color: var(--soi-gelc-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gelc-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gelc-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gelc-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-gelc-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gelc-pomme);\n border-radius: 2px;\n}\n\n.soi-gelc-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gelc-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-gelc-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gelc-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gelc-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-gelc-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-gelc-benefit {\n background: var(--soi-gelc-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gelc-radius);\n border: 1px solid var(--soi-gelc-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gelc-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gelc-shadow-md);\n}\n\n.soi-gelc-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gelc-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-gelc-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gelc-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gelc-benefit:hover .soi-gelc-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gelc-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gelc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gelc-benefit p {\n font-size: 13px;\n color: var(--soi-gelc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gelc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-gelc-card {\n background: var(--soi-gelc-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gelc-radius);\n border-left: 3px solid var(--soi-gelc-pomme);\n}\n\n.soi-gelc-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gelc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gelc-card p {\n font-size: 14px;\n color: var(--soi-gelc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-gelc-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.25rem;\n}\n\n.soi-gelc-card-mini {\n background: var(--soi-gelc-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-gelc-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-gelc-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-gelc-card-mini-label {\n font-size: 11px;\n color: var(--soi-gelc-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-gelc-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gelc-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-gelc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-gelc-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gelc-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gelc-radius);\n border: 1px solid var(--soi-gelc-line);\n align-items: flex-start;\n}\n\n.soi-gelc-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gelc-marine);\n color: var(--soi-gelc-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-gelc-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gelc-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gelc-step-content p {\n font-size: 14px;\n color: var(--soi-gelc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-gelc-compo {\n background: var(--soi-gelc-off-white);\n border-radius: var(--soi-gelc-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-gelc-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-gelc-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-gelc-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-gelc-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-gelc-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-gelc-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-gelc-pomme-dark);\n}\n\n\/* === TIP === *\/\n.soi-gelc-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gelc-pomme-light);\n border-left: 4px solid var(--soi-gelc-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gelc-radius) var(--soi-gelc-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-gelc-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gelc-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gelc-marine);\n margin-bottom: 4px;\n}\n\n.soi-gelc-tip p {\n font-size: 14px;\n color: var(--soi-gelc-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gelc-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gelc-accordion-item {\n background: var(--soi-gelc-off-white);\n border-radius: var(--soi-gelc-radius-sm);\n border: 1px solid var(--soi-gelc-line);\n overflow: hidden;\n}\n\n.soi-gelc-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gelc-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-gelc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gelc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gelc-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gelc-accordion-item[open] .soi-gelc-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gelc-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gelc-accordion-content p {\n font-size: 14px;\n color: var(--soi-gelc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gelc-cta-box {\n background: var(--soi-gelc-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gelc-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gelc-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-gelc-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gelc-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-gelc-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gelc-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gelc-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-gelc-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gelc-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-gelc-compo-value {\n text-align: left;\n }\n\n .soi-gelc-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-gelc-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-gelc-benefits {\n grid-template-columns: 1fr 1fr;\n }\n\n .soi-gelc-grid-compact {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n@media (max-width: 420px) {\n .soi-gelc-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-gelc-grid-compact {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-gelc-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gelc-fiche {\n --soi-gelc-text-soft: #2C3E50;\n --soi-gelc-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603525165386,"sku":"CS0180","price":15.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-coiffant-structurant-coslys_11zon.webp?v=1782034861"},{"product_id":"creme-corps-extra-riche-certifiee-bio-coslys","title":"Crème corps Extra riche certifiée Bio – Coslys","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eDécouvrez la Crème Corps Hydratante Bio de Coslys\u003c\/strong\u003e, spécialement formulée pour apporter une hydratation intense et durable à toutes les peaux, y compris les plus sèches. Avec ses ingrédients naturels et bio, cette crème respecte les valeurs éthiques de la marque tout en offrant une efficacité prouvée. Parfaite pour l'hiver, elle enveloppe votre peau d'un voile de douceur et de confort.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CS0195_aa02cf9c-7010-4fa4-a777-d650643ac097.jpg?v=1776180917\" alt=\"Photo d'un bol d'amandes\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et bienfaits de la Crème Corps Coslys\u003c\/strong\u003e\u003c\/h2\u003e\n\u003ch3\u003eIngrédients Naturels et Éthiques\u003c\/h3\u003e\n\u003cp\u003eLa Crème Corps Hydratante Bio de Coslys se distingue par sa composition riche en ingrédients naturels soigneusement sélectionnés pour leurs bienfaits sur la peau :\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAmande douce Bio\u003c\/strong\u003e : Riche en vitamines A et E, l'amande douce bio est connue pour ses propriétés nourrissantes et apaisantes. Elle aide à adoucir et à protéger la peau contre les agressions extérieures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeurre de karité\u003c\/strong\u003e : Un incontournable pour les peaux sèches, le beurre de karité pénètre en profondeur pour hydrater et nourrir intensément la peau. Il aide également à prévenir le dessèchement et à restaurer l'élasticité de la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eArnica\u003c\/strong\u003e : Utilisée pour ses propriétés apaisantes, l'arnica aide à calmer les irritations et à soulager les sensations de tiraillement, laissant la peau confortable et apaisée.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eCertification et Fabrication\u003c\/h3\u003e\n\u003cp\u003eCoslys s'engage à offrir des produits respectueux de l'environnement et des animaux :\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCosmos Organic\u003c\/strong\u003e : La certification biologique Cosmos garantit que la crème contient des ingrédients issus de l'agriculture biologique et qu'elle respecte des normes strictes de production écologique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVegan\u003c\/strong\u003e : Cette crème est formulée sans aucun ingrédient d'origine animale, en accord avec les valeurs éthiques de la marque.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNon testée sur les animaux\u003c\/strong\u003e : Coslys s'engage à ne pas tester ses produits sur les animaux, soutenant ainsi le bien-être animal.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabriquée en France\u003c\/strong\u003e : La production locale en France assure une qualité supérieure et une empreinte carbone réduite.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eParfum et Texture\u003c\/h3\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum Gourmand\u003c\/strong\u003e : La crème enveloppe votre peau d'une délicieuse fragrance de vanille et d'abricot, offrant une expérience sensorielle agréable à chaque application.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTexture Onctueuse\u003c\/strong\u003e : Sa texture riche et crémeuse pénètre rapidement dans la peau sans laisser de film gras, procurant une sensation de douceur et de confort immédiat.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLa Crème Corps Hydratante Bio de Coslys \u003c\/strong\u003eest donc l'alliée indispensable pour une \u003cstrong\u003epeau douce, nourrie et protégée\u003c\/strong\u003e tout au long de l'année. Grâce à ses ingrédients naturels et bio, sa certification Cosmos Organic, et son engagement éthique, cette crème répond parfaitement aux besoins des peaux sèches tout en respectant l'environnement et les animaux. Offrez à votre peau le meilleur de la nature avec la Crème Corps Hydratante Bio de Coslys et profitez d'une \u003cstrong\u003esensation de confort et de bien-être chaque jour\u003c\/strong\u003e.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603525853514,"sku":"CS0195","price":13.1,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0195-creme-corps-extra-riche_e2a8e656-9d22-4532-b2d3-172ecb670437.jpg?v=1778843089"},{"product_id":"creme-mains-et-ongles-reparatrice-certifiee-bio-coslys","title":"Crème mains et ongles réparatrice certifiée bio – Coslys","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLa Crème Mains et Ongles Réparatrice certifiée Bio de Coslys\u003c\/strong\u003e est la solution idéale pour prendre soin des mains sèches et abîmées. Fabriquée en France et certifiée Cosmos Organic, cette crème vegan et non testée sur les animaux reflète parfaitement les valeurs éthiques de la marque.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CS0205_e8e90991-e07d-4df1-ae06-797c1f7f8aec.jpg?v=1776180917\" alt=\"Photo de mains s'appliquant de la crème\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eIngrédients clés de la Crème Mains et Ongles de Coslys\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAmande Douce Bio\u003c\/strong\u003e : Enrichie en amande douce bio, cette crème offre une douceur inégalée et aide à apaiser les irritations.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait d'Arnica\u003c\/strong\u003e : Connue pour ses propriétés apaisantes, l'arnica aide à calmer les peaux irritées et sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeurre de Karité\u003c\/strong\u003e : Fournit une nutrition intense et profonde sans laisser de film gras, idéale pour les mains très sèches.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et bienfaits de la Crème Mains et Ongles\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRépare et nourrit\u003c\/strong\u003e : Grâce à sa formule riche et onctueuse, elle répare les gerçures causées par le froid et nourrit intensément la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDouceur et souplesse\u003c\/strong\u003e : Redonne souplesse et douceur aux mains, même les plus sèches, en les protégeant des agressions extérieures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTexture confortable\u003c\/strong\u003e : Sa texture non grasse pénètre rapidement, laissant les mains confortables et délicatement parfumées.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCosmos Organic\u003c\/strong\u003e : Assure que la crème est composée d'ingrédients naturels et biologiques.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVegan\u003c\/strong\u003e : Aucun ingrédient d'origine animale n'est utilisé dans cette formule.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNon testée sur les animaux\u003c\/strong\u003e : Respecte les standards éthiques de Coslys.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eOffrez à vos mains une \u003cstrong\u003eprotection et une hydratation optimale\u003c\/strong\u003e avec la\u003cstrong\u003e Crème Mains et Ongles Réparatrice de Coslys\u003c\/strong\u003e, pour une peau douce, souple et bien nourrie au quotidien.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603526869322,"sku":"CS0205","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0205-creme-mains-reparatrice.jpg?v=1776161321"},{"product_id":"gel-intime-apaisant-bio-coslys","title":"Gel Intime Apaisant Bio – Coslys","description":"\u003cdiv class=\"soi-gint-fiche\"\u003e\n\n\u003csection class=\"soi-gint-hero\"\u003e\n \u003cdiv class=\"soi-gint-hero-tag\"\u003e\n \u003cspan class=\"soi-gint-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène intime · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-gint-hero-title\"\u003eDouceur apaisante pour votre intimité\u003c\/span\u003e\n \u003cp class=\"soi-gint-hero-subtitle\"\u003eUn gel intime bio à pH 8, formulé avec de la fleur de calendula et du magnésium pour nettoyer en douceur et apaiser les muqueuses sensibles au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-gint-hero-labels\"\u003e\n \u003cspan class=\"soi-gint-label soi-gint-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eCOSMÉBIO ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eTESTÉ GYNÉCOLOGIQUEMENT\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003cp class=\"soi-gint-section-intro\"\u003eVous ressentez des tiraillements, des démangeaisons ou un inconfort persistant dans la zone intime ? Vous n'êtes pas seule. Ces sensations, souvent liées à un déséquilibre de la flore ou à des produits trop agressifs, méritent une vraie réponse naturelle. Le \u003cstrong\u003eGel Intime Apaisant Bio Coslys\u003c\/strong\u003e a été conçu exactement pour cela : nettoyer en douceur, apaiser les muqueuses sensibles et respecter l'équilibre naturel de votre intimité au quotidien.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003ePourquoi choisir un gel intime bio à pH 8 ?\u003c\/h2\u003e\n \u003cp\u003eContrairement aux idées reçues, le pH de la zone intime externe (vulve) n'est pas le même que celui du vagin. La peau vulvaire supporte mieux un pH légèrement alcalin, autour de 8, ce qui justifie la formulation de ce gel. Il nettoie efficacement sans perturber l'équilibre local, sans savon agressif et sans parfum irritant.\u003c\/p\u003e\n \u003cp\u003eCe gel intime se démarque des références classiques par sa composition certifiée bio et sa transparence sur les ingrédients : \u003cstrong\u003e98 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, fabriqué en France, labellisé Cosmébio par Ecocert.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-benefits\"\u003e\n \u003cdiv class=\"soi-gint-benefit\"\u003e\n \u003cdiv class=\"soi-gint-benefit-icon\"\u003e\u003cspan\u003e🌼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFleur de Calendula Bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes et adoucissantes, elle calme immédiatement les muqueuses irritées ou inflammées. Idéale après l'épilation, en période de règles ou en cas d'irritation passagère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-benefit\"\u003e\n \u003cdiv class=\"soi-gint-benefit-icon\"\u003e\u003cspan\u003e🧬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMagnésium\u003c\/h3\u003e\n \u003cp\u003eCet oligo-élément soutient l'équilibre cellulaire de l'épiderme intime, réduit les réactions d'inconfort et favorise une tolérance optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-benefit\"\u003e\n \u003cdiv class=\"soi-gint-benefit-icon\"\u003e\u003cspan\u003e🚫\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans savon, sans parfum\u003c\/h3\u003e\n \u003cp\u003eZéro risque d'allergie ou de déséquilibre, même pour les peaux les plus réactives. Une formule épurée qui respecte votre sensibilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eComment utiliser le gel intime Coslys ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-timeline\"\u003e\n \u003cdiv class=\"soi-gint-step\"\u003e\n \u003cdiv class=\"soi-gint-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step-content\"\u003e\n \u003ch3\u003eApplication\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite noisette de gel sur la zone externe uniquement, jamais en interne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step\"\u003e\n \u003cdiv class=\"soi-gint-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step-content\"\u003e\n \u003ch3\u003eMassage et rinçage\u003c\/h3\u003e\n \u003cp\u003eMassez doucement, rincez à l'eau tiède. Une fois par jour suffit, matin ou soir selon votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step\"\u003e\n \u003cdiv class=\"soi-gint-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step-content\"\u003e\n \u003ch3\u003ePrécaution importante\u003c\/h3\u003e\n \u003cp\u003eEn cas d'irritation intense ou persistante, consultez un médecin ou un gynécologue. Ce gel est un soin d'hygiène, pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eComposition complète du Gel Intime Apaisant Bio Coslys\u003c\/h2\u003e\n \u003cp\u003e\u003cem\u003eINCI :\u003c\/em\u003e Aqua, Cocamidopropyl Betaine, Sodium Cocoyl Glutamate, Glycerin, Calendula Officinalis Flower Extract*, Magnesium Chloride, Sodium Chloride, Citric Acid, Sodium Benzoate, Potassium Sorbate. \u003cem\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003cdiv class=\"soi-gint-grid-compact\"\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003e98 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eSavon \/ Parfum \/ Colorant\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003e0 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eEngagement\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003eVegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003ePour qui est fait ce gel intime femme ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-grid\"\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🌸 Muqueuses sensibles\u003c\/h3\u003e\n \u003cp\u003eParticulièrement adapté si vous êtes sujette aux irritations, aux tiraillements ou aux démangeaisons au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🏃‍♀️ Après le sport ou l'épilation\u003c\/h3\u003e\n \u003cp\u003eSa formule sans savon et sans parfum apaise la zone intime après les frottements ou le rasage, sans provoquer de réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🌷 Ménopause et sécheresse intime\u003c\/h3\u003e\n \u003cp\u003eUn soin doux qui respecte l'épiderme fragilisé par les changements hormonaux et contribue à votre confort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🌱 Envie de naturel\u003c\/h3\u003e\n \u003cp\u003ePour celles qui souhaitent adopter une hygiène intime plus respectueuse, certifiée bio et transparente sur sa composition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-tip\"\u003e\n \u003cdiv class=\"soi-gint-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe gel convient également aux femmes enceintes (avis médical recommandé) et constitue une alternative bio aux gels intimes classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003cdiv class=\"soi-gint-accordion\"\u003e\n \u003cdetails class=\"soi-gint-accordion-item\"\u003e\n \u003csummary class=\"soi-gint-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-gint-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eCe produit ne se substitue pas à un avis ou traitement médical.\u003c\/strong\u003e En cas de symptômes persistants (brûlures, pertes inhabituelles, douleurs), consultez un professionnel de santé. Usage externe uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gint-cta-box\"\u003e\n \u003cp class=\"soi-gint-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans l'intimité\u003c\/p\u003e\n \u003cp class=\"soi-gint-cta-text\" style=\"color: white;\"\u003eEnrichi en calendula bio et magnésium, le Gel Intime Apaisant Coslys prend soin de votre intimité chaque jour, sans agressivité, sans artifice, avec toute la bienveillance du naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-gint-marine: #1A2D3D;\n --soi-gint-marine-dark: #0F1E2B;\n --soi-gint-marine-light: #2C4458;\n --soi-gint-pomme: #A1C544;\n --soi-gint-pomme-dark: #84A636;\n --soi-gint-pomme-light: rgba(161,197,68,0.10);\n --soi-gint-white: #FFFFFF;\n --soi-gint-off-white: #F8FAF6;\n --soi-gint-stone: #F1F3EE;\n --soi-gint-line: #E5E8E0;\n --soi-gint-primary: #E8A832;\n --soi-gint-primary-soft: #FDF3DC;\n --soi-gint-accent: #5AAFE0;\n --soi-gint-text: #1A2D3D;\n --soi-gint-text-soft: #4A5B6B;\n --soi-gint-text-muted: #7B8693;\n --soi-gint-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gint-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gint-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gint-radius: 12px;\n --soi-gint-radius-sm: 8px;\n --soi-gint-radius-pill: 999px;\n}\n\n.soi-gint-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gint-fiche img { max-width: 100%; height: auto; }\n\n.soi-gint-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gint-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gint-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-gint-hero {\n position: relative;\n background: var(--soi-gint-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-gint-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gint-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gint-pomme);\n}\n\n.soi-gint-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-gint-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gint-pomme);\n border-radius: 50%;\n}\n\n.soi-gint-hero-title {\n display: block;\n color: var(--soi-gint-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-gint-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-gint-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gint-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-gint-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gint-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gint-label-accent {\n background: var(--soi-gint-pomme);\n border-color: var(--soi-gint-pomme);\n color: var(--soi-gint-marine);\n font-weight: 600;\n}\n\n.soi-gint-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gint-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gint-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-gint-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gint-pomme);\n border-radius: 2px;\n}\n\n.soi-gint-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gint-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-gint-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gint-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gint-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-gint-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-gint-benefit {\n background: var(--soi-gint-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gint-radius);\n border: 1px solid var(--soi-gint-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gint-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gint-shadow-md);\n}\n\n.soi-gint-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gint-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-gint-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gint-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gint-benefit:hover .soi-gint-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gint-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gint-benefit p {\n font-size: 13px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gint-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-gint-card {\n background: var(--soi-gint-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gint-radius);\n border-left: 3px solid var(--soi-gint-pomme);\n}\n\n.soi-gint-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gint-card p {\n font-size: 14px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gint-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.25rem;\n}\n\n.soi-gint-card-mini {\n background: var(--soi-gint-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-gint-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-gint-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-gint-card-mini-label {\n font-size: 11px;\n color: var(--soi-gint-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-gint-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n}\n\n.soi-gint-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-gint-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gint-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gint-radius);\n border: 1px solid var(--soi-gint-line);\n align-items: flex-start;\n}\n\n.soi-gint-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gint-marine);\n color: var(--soi-gint-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-gint-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gint-step-content p {\n font-size: 14px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gint-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gint-pomme-light);\n border-left: 4px solid var(--soi-gint-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gint-radius) var(--soi-gint-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-gint-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gint-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gint-marine);\n margin-bottom: 4px;\n}\n\n.soi-gint-tip p {\n font-size: 14px;\n color: var(--soi-gint-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gint-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gint-accordion-item {\n background: var(--soi-gint-off-white);\n border-radius: var(--soi-gint-radius-sm);\n border: 1px solid var(--soi-gint-line);\n overflow: hidden;\n}\n\n.soi-gint-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gint-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-gint-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gint-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gint-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gint-accordion-item[open] .soi-gint-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gint-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gint-accordion-content p {\n font-size: 14px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gint-cta-box {\n background: var(--soi-gint-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gint-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gint-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-gint-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gint-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-gint-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gint-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gint-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-gint-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gint-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-gint-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gint-fiche {\n --soi-gint-text-soft: #2C3E50;\n --soi-gint-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603527917898,"sku":"CS0210","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0210-toilette-intime-gel-apaisant_c447568c-4924-4f56-8b62-7e72ee1d7353.jpg?v=1778843075"},{"product_id":"gel-intime-fraicheur-bio-coslys","title":"Gel Intime Fraîcheur Bio – Coslys","description":"\n\n\u003cdiv class=\"soi-gint-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-gint-hero\"\u003e\n \u003cdiv class=\"soi-gint-hero-tag\"\u003e\n \u003cspan class=\"soi-gint-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène intime · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-gint-hero-title\"\u003eFraîcheur florale pour votre intimité\u003c\/span\u003e\n \u003cp class=\"soi-gint-hero-subtitle\"\u003eUn gel lavant intime à 99 % d'origine naturelle, sans savon, au pH physiologique respectueux de votre flore. Rose, Reine des Prés et Eucalyptus bio pour un confort quotidien en toute douceur.\u003c\/p\u003e\n \u003cdiv class=\"soi-gint-hero-labels\"\u003e\n \u003cspan class=\"soi-gint-label soi-gint-label-accent\"\u003eCOSMÉBIO\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eTESTÉ GYNÉCOLOGIQUEMENT\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi choisir ce gel intime bio plutôt qu'un autre ? --\u003e\n \u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel intime bio plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp\u003eSur le marché du gel intime bio, nombreuses sont les formules qui affichent le naturel en façade tout en conservant des tensioactifs agressifs ou un pH inadapté. Coslys fait le choix inverse : un pH physiologique compris entre \u003cstrong\u003e5,6 et 6\u003c\/strong\u003e, sans savon, sans antiseptique, pour respecter l'équilibre naturel des muqueuses et préserver votre flore intime.\u003c\/p\u003e\n \u003cp\u003eLe résultat ? Une tolérance optimale, même pour les peaux les plus sensibles. Vous bénéficiez d'un soin lavant qui nettoie en douceur sans jamais compromettre les défenses naturelles de votre zone intime.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les ingrédients clés : la nature à l'état pur --\u003e\n \u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eLes ingrédients clés : la nature à l'état pur\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-grid\"\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🌹 Eau florale de Rose bio\u003c\/h3\u003e\n \u003cp\u003eApaisante, adoucissante et légèrement parfumée, elle hydrate les muqueuses et procure une sensation de confort immédiate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-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 contribue à calmer les légères irritations au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle d'Eucalyptus bio\u003c\/h3\u003e\n \u003cp\u003eFraîcheur naturelle et effet purifiant pour une sensation de propreté durable tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-tip\"\u003e\n \u003cdiv class=\"soi-gint-tip-icon\"\u003e✅\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormule exigeante\u003c\/strong\u003e\n \u003cp\u003eSans savon, sans parabènes, sans colorants synthétiques. 99 % d'origine naturelle, 27 % d'ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser ce gel intime naturel au quotidien ? --\u003e\n \u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eComment utiliser ce gel intime naturel au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-timeline\"\u003e\n \u003cdiv class=\"soi-gint-step\"\u003e\n \u003cdiv class=\"soi-gint-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eAppuyez sur la pompe pour déposer une petite quantité de gel dans le creux de votre main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step\"\u003e\n \u003cdiv class=\"soi-gint-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eAppliquez délicatement sur la zone intime externe avec de l'eau tiède, en évitant l'intérieur des muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step\"\u003e\n \u003cdiv class=\"soi-gint-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez soigneusement à l'eau claire. À utiliser matin ou soir, selon vos besoins, en usage 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 complète (INCI) --\u003e\n \u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-compo\"\u003e\n \u003cdiv class=\"soi-gint-compo-row\"\u003e\n \u003cspan class=\"soi-gint-compo-label\"\u003eListe INCI\u003c\/span\u003e\n \u003cspan class=\"soi-gint-compo-value soi-gint-compo-inci\"\u003eAqua, Sodium Cocoyl Glutamate, Sodium Lauryl Glucose Carboxylate, Lauryl Glucoside, Glycerin, Filipendula Ulmaria Flower Water*, Rosa Damascena Flower Water*, Eucalyptus Globulus Leaf Oil*, Sodium Chloride, Citric Acid, Sodium Benzoate, Potassium Sorbate, Parfum.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-compo-row\"\u003e\n \u003cspan class=\"soi-gint-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-gint-compo-value\"\u003e99 % des ingrédients\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-compo-row\"\u003e\n \u003cspan class=\"soi-gint-compo-label\"\u003eAgriculture biologique\u003c\/span\u003e\n \u003cspan class=\"soi-gint-compo-value\"\u003e27 % des ingrédients\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-gint-inci-note\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les engagements Coslys en un coup d'œil --\u003e\n \u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eLes engagements Coslys en un coup d'œil\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-grid-compact\"\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003eCosmébio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003eVegan, non testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e⚕️\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eTolérance\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003eTesté gynécologiquement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Questions fréquentes sur le gel intime bio Coslys --\u003e\n \u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le gel intime bio Coslys\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-accordion\"\u003e\n \u003cdetails class=\"soi-gint-accordion-item\"\u003e\n \u003csummary class=\"soi-gint-accordion-header\"\u003e🤰 Ce gel intime est-il adapté aux femmes enceintes ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gint-accordion-content\"\u003e\n \u003cp\u003eSa formule douce et sans composants agressifs le rend généralement bien toléré. Cependant, nous vous recommandons de toujours demander l'avis de votre médecin ou sage-femme avant de l'intégrer à votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-gint-accordion-item\"\u003e\n \u003csummary class=\"soi-gint-accordion-header\"\u003e📅 Peut-on l'utiliser tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gint-accordion-content\"\u003e\n \u003cp\u003eOui, ce gel est spécialement conçu pour un usage quotidien. Son pH physiologique (entre 5,6 et 6) ne perturbe pas la flore naturelle, ce qui vous permet de l'utiliser chaque jour en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-gint-accordion-item\"\u003e\n \u003csummary class=\"soi-gint-accordion-header\"\u003e💧 Est-ce un gel lubrifiant intime ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gint-accordion-content\"\u003e\n \u003cp\u003eNon, il s'agit exclusivement d'un gel lavant destiné à l'hygiène externe. Pour un usage lubrifiant, orientez-vous vers un produit spécifiquement formulé à cet effet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-gint-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gint-cta-box\"\u003e\n \u003cp class=\"soi-gint-cta-tag\" style=\"color: white;\"\u003eVotre rituel intime au naturel\u003c\/p\u003e\n \u003cp class=\"soi-gint-cta-text\" style=\"color: white;\"\u003eDouceur, fraîcheur et respect de votre équilibre intime : avec ses fleurs de Rose et son Eucalyptus bio, ce gel transforme un geste ordinaire en un véritable moment de soin naturel, pensé pour vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-gint-marine: #1A2D3D;\n --soi-gint-marine-dark: #0F1E2B;\n --soi-gint-marine-light: #2C4458;\n --soi-gint-pomme: #A1C544;\n --soi-gint-pomme-dark: #84A636;\n --soi-gint-pomme-light: rgba(161,197,68,0.10);\n\n --soi-gint-white: #FFFFFF;\n --soi-gint-off-white: #F8FAF6;\n --soi-gint-stone: #F1F3EE;\n --soi-gint-line: #E5E8E0;\n\n --soi-gint-primary: #E8A8B5;\n --soi-gint-primary-soft: #FDF0F4;\n --soi-gint-accent: #A8B5D4;\n\n --soi-gint-text: #1A2D3D;\n --soi-gint-text-soft: #4A5B6B;\n --soi-gint-text-muted: #7B8693;\n\n --soi-gint-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gint-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gint-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gint-radius: 12px;\n --soi-gint-radius-sm: 8px;\n --soi-gint-radius-pill: 999px;\n}\n\n.soi-gint-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gint-fiche img { max-width: 100%; height: auto; }\n\n.soi-gint-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gint-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gint-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gint-hero {\n position: relative;\n background: var(--soi-gint-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-gint-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gint-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gint-pomme);\n}\n\n.soi-gint-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-gint-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gint-pomme);\n border-radius: 50%;\n}\n\n.soi-gint-hero-title {\n display: block;\n color: var(--soi-gint-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-gint-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-gint-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gint-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-gint-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gint-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gint-label-accent {\n background: var(--soi-gint-pomme);\n border-color: var(--soi-gint-pomme);\n color: var(--soi-gint-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gint-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gint-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gint-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-gint-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gint-pomme);\n border-radius: 2px;\n}\n\n.soi-gint-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gint-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gint-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gint-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-gint-card {\n background: var(--soi-gint-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gint-radius);\n border-left: 3px solid var(--soi-gint-primary);\n}\n\n.soi-gint-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gint-card p {\n font-size: 14px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-gint-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-gint-card-mini {\n background: var(--soi-gint-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-gint-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-gint-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-gint-card-mini-label {\n font-size: 11px;\n color: var(--soi-gint-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-gint-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-gint-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-gint-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gint-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gint-radius);\n border: 1px solid var(--soi-gint-line);\n align-items: flex-start;\n}\n\n.soi-gint-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gint-marine);\n color: var(--soi-gint-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-gint-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gint-step-content p {\n font-size: 14px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-gint-compo {\n background: var(--soi-gint-off-white);\n border-radius: var(--soi-gint-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-gint-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-gint-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-gint-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-gint-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-gint-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-gint-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-gint-marine);\n text-align: right;\n}\n\n.soi-gint-compo-inci {\n font-family: 'Inter', sans-serif;\n font-size: 13px;\n font-weight: 400;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n text-align: left;\n flex: 1 1 100%;\n margin-top: 4px;\n}\n\n.soi-gint-inci-note {\n font-size: 13px;\n color: var(--soi-gint-text-muted);\n margin-top: 0.75rem;\n}\n\n\/* === TIP === *\/\n.soi-gint-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gint-pomme-light);\n border-left: 4px solid var(--soi-gint-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gint-radius) var(--soi-gint-radius) 0;\n align-items: flex-start;\n}\n\n.soi-gint-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gint-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gint-marine);\n margin-bottom: 4px;\n}\n\n.soi-gint-tip p {\n font-size: 14px;\n color: var(--soi-gint-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gint-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gint-accordion-item {\n background: var(--soi-gint-off-white);\n border-radius: var(--soi-gint-radius-sm);\n border: 1px solid var(--soi-gint-line);\n overflow: hidden;\n}\n\n.soi-gint-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gint-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-gint-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gint-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gint-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gint-accordion-item[open] .soi-gint-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gint-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gint-accordion-content p {\n font-size: 14px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gint-cta-box {\n background: var(--soi-gint-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gint-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gint-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-gint-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gint-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-gint-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gint-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gint-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-gint-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gint-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-gint-compo-value {\n text-align: left;\n }\n\n .soi-gint-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-gint-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-gint-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-gint-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gint-fiche {\n --soi-gint-text-soft: #2C3E50;\n --soi-gint-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603529097546,"sku":"CS0215","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0215-toilette-intime-gel-fraicheur_a07adafb-3e0e-4719-8c7d-16aca813b106.jpg?v=1778843076"},{"product_id":"apres-shampooing-protecteur-de-couleur-certifie-bio-et-vegan-coslys","title":"Après shampooing protecteur de couleur certifié bio et vegan – Coslys","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CS0121_7109eff8-3e47-43fb-be98-2e79a26df8fc.jpg?v=1776185217\" alt=\"Photo d'une femme en train de s'appliquer un après-shampoing\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp data-start=\"19\" data-end=\"386\"\u003ePensé pour sublimer les \u003cstrong data-start=\"43\" data-end=\"72\"\u003echeveux colorés ou méchés\u003c\/strong\u003e, l’Après-shampooing protecteur de couleur Coslys enveloppe la fibre d’un soin à la fois efficace et sensoriel. Sa texture crémeuse fond sur les longueurs, facilite le démêlage et ravive instantanément la brillance, tout en respectant votre routine capillaire avec une formule \u003cstrong data-start=\"349\" data-end=\"385\"\u003edouce, sans silicone ni sulfates\u003c\/strong\u003e.\u003c\/p\u003e\n\u003ch2 data-start=\"388\" data-end=\"477\"\u003eCaractéristiques et bienfaits de l'Après shampooing protecteur de couleur de Coslys\u003c\/h2\u003e\n\u003cp data-start=\"478\" data-end=\"1578\"\u003eAu cœur de la formule, l’\u003cstrong data-start=\"503\" data-end=\"526\"\u003ehuile de cerise bio\u003c\/strong\u003e apporte nutrition et souplesse, tandis que le \u003cstrong data-start=\"573\" data-end=\"611\"\u003evinaigre de framboise bio français\u003c\/strong\u003e aide à lisser la cuticule et à révéler un éclat miroir. Un actif objectivé couleur, extrait de \u003cstrong data-start=\"707\" data-end=\"726\"\u003eprotéine de riz\u003c\/strong\u003e, agit comme un bouclier contre le dégorgement et l’affadissement au fil des lavages, prolongeant l’intensité de votre couleur. L’agent conditionneur intégré assure un démêlage rapide, limite les nœuds et rend le coiffage plus fluide, pour des longueurs douces, légères et disciplinées.\u003cbr data-start=\"1012\" data-end=\"1015\"\u003eLa signature olfactive fruitée et gourmande, composée d’ingrédients \u003cstrong data-start=\"1083\" data-end=\"1112\" data-is-only-node=\"\"\u003e100 % d’origine naturelle\u003c\/strong\u003e, parfume délicatement la chevelure sans l’alourdir. Fidèle aux engagements de la marque, ce soin est \u003cstrong data-start=\"1214\" data-end=\"1236\"\u003efabriqué en France\u003c\/strong\u003e, certifié \u003cstrong data-start=\"1247\" data-end=\"1265\"\u003eCOSMOS Organic\u003c\/strong\u003e et labellisé \u003cstrong data-start=\"1279\" data-end=\"1303\"\u003eCruelty Free \u0026amp; Vegan\u003c\/strong\u003e. Son flacon est \u003cstrong data-start=\"1320\" data-end=\"1351\"\u003e100 % recyclé et recyclable\u003c\/strong\u003e, dans une démarche de pack \u003cstrong data-start=\"1379\" data-end=\"1397\"\u003e100 % français\u003c\/strong\u003e. Pour un résultat optimal, utilisez-le après le shampooing protecteur de couleur de la même gamme afin d’installer une routine beauté qui préserve la brillance de vos cheveux jour après jour.\u003c\/p\u003e\n\u003ch2 data-start=\"1580\" data-end=\"1607\"\u003eL’essentiel à retenir\u003c\/h2\u003e\n\u003cp data-start=\"1608\" data-end=\"1903\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eCet après-shampooing allie \u003cstrong data-start=\"1635\" data-end=\"1663\"\u003eprotection de la couleur\u003c\/strong\u003e, douceur et plaisir d’utilisation. Il nourrit, démêle et fait rayonner les cheveux colorés ou méchés, tout en respectant la fibre et l’environnement. Un geste simple, des résultats visibles, et une couleur qui reste intense plus longtemps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603799990602,"sku":"CS0121","price":11.23,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_coslys_cs0121_apres_shampoing_couleur.jpg?v=1776165407"},{"product_id":"creme-demelante-certifiee-bio-et-vegan-coslys","title":"Crème démêlante certifiée bio et vegan – Coslys","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CS0191_c3a1f8db-45b5-4eea-9668-b8e87683e958.jpg?v=1776185555\" alt=\"Femme qui se démêle les cheveux avec un peigne\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp data-start=\"158\" data-end=\"493\"\u003eOffrez à vos cheveux un soin naturel et performant avec la \u003cstrong data-start=\"217\" data-end=\"250\"\u003eCrème Démêlante Bio de Coslys\u003c\/strong\u003e, une formule douce qui simplifie le coiffage tout en préservant la beauté et la vitalité des cheveux. Conçue pour convenir à \u003cstrong data-start=\"376\" data-end=\"405\"\u003etous les types de cheveux\u003c\/strong\u003e, elle révèle jour après jour une chevelure souple, brillante et facile à discipliner.\u003c\/p\u003e\n\u003ch2 data-start=\"495\" data-end=\"562\"\u003eCaractéristiques et bienfaits de la Crème Démêlante de Coslys\u003c\/h2\u003e\n\u003cp data-start=\"564\" data-end=\"971\"\u003eEnrichie en \u003cstrong data-start=\"576\" data-end=\"593\"\u003ealoe vera bio\u003c\/strong\u003e, reconnu pour ses vertus hydratantes et protectrices, et en \u003cstrong data-start=\"654\" data-end=\"675\"\u003ehuile de coco bio\u003c\/strong\u003e, cette crème nourrit intensément la fibre capillaire. Elle aide à restaurer la souplesse naturelle du cheveu tout en l’enveloppant d’un voile de douceur. Sa texture onctueuse pénètre facilement et laisse un \u003cstrong data-start=\"883\" data-end=\"911\"\u003eparfum fruité et délicat\u003c\/strong\u003e qui apporte une touche de fraîcheur à chaque utilisation.\u003c\/p\u003e\n\u003cp data-start=\"973\" data-end=\"1261\"\u003eSon \u003cstrong data-start=\"977\" data-end=\"1019\"\u003eagent conditionneur d’origine végétale\u003c\/strong\u003e, issu de la betterave sucrière et du colza, renforce l’efficacité démêlante et facilite le coiffage, même sur les cheveux les plus rebelles. Après application, la chevelure retrouve légèreté et brillance, sans effet gras ni alourdissement.\u003c\/p\u003e\n\u003cp data-start=\"1263\" data-end=\"1574\"\u003eComposée à \u003cstrong data-start=\"1274\" data-end=\"1318\"\u003e98,4 % d’ingrédients d’origine naturelle\u003c\/strong\u003e, la Crème Démêlante Coslys est \u003cstrong data-start=\"1350\" data-end=\"1378\"\u003ecertifiée Cosmos Organic\u003c\/strong\u003e par Ecocert Greenlife et \u003cstrong data-start=\"1404\" data-end=\"1439\"\u003elabellisée Vegan \u0026amp; Cruelty Free\u003c\/strong\u003e. Fabriquée en France, elle s’intègre parfaitement dans une routine capillaire respectueuse de la planète et de la santé des cheveux.\u003c\/p\u003e\n\u003cp data-start=\"1576\" data-end=\"1755\"\u003eUtilisée après le shampooing, sur cheveux propres et essorés, elle agit en quelques minutes pour offrir un résultat visible : des \u003cstrong data-start=\"1706\" data-end=\"1752\"\u003echeveux doux, soyeux et éclatants de santé\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2 data-start=\"1757\" data-end=\"1812\"\u003eL’alliée quotidienne pour une chevelure éclatante\u003c\/h2\u003e\n\u003cp data-start=\"1814\" data-end=\"2200\"\u003eAdopter la Crème Démêlante Bio Coslys, c’est choisir un \u003cstrong data-start=\"1870\" data-end=\"1898\"\u003esoin naturel et efficace\u003c\/strong\u003e, qui allie plaisir sensoriel et performance. Elle offre à chaque chevelure — qu’elle soit lisse, bouclée, fine ou épaisse — une dose de bien-être et de brillance durable. Grâce à sa formule douce et son parfum délicatement fruité, elle transforme le démêlage en un \u003cstrong data-start=\"2164\" data-end=\"2197\"\u003emoment de soin et de légèreté\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603905798474,"sku":"CS0191","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_coslys_cs0191_creme_demelante.jpg?v=1776167053"},{"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"},{"product_id":"gel-lavant-mains-lavande-citron-certifie-bio-coslys","title":"Gel Lavant Mains Lavande \u0026 Citron Certifié Bio – Coslys","description":"\u003cdiv class=\"soi-glmc-fiche\"\u003e\n\n\u003csection class=\"soi-glmc-hero\"\u003e\n \u003cdiv class=\"soi-glmc-hero-tag\"\u003e\n \u003cspan class=\"soi-glmc-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-glmc-hero-title\"\u003eLa douceur bio à chaque lavage\u003c\/span\u003e\n \u003cp class=\"soi-glmc-hero-subtitle\"\u003eUn gel lavant mains sans savon, à 97 % d'origine naturelle, qui nettoie vos mains en douceur grâce à la lavande et au citron biologiques.\u003c\/p\u003e\n \u003cdiv class=\"soi-glmc-hero-labels\"\u003e\n \u003cspan class=\"soi-glmc-label soi-glmc-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-glmc-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-glmc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-glmc-label\"\u003eSANS SAVON\u003c\/span\u003e\n \u003cspan class=\"soi-glmc-label\"\u003e97 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-glmc-section\"\u003e\n \u003ch2\u003eUn gel lavant mains bio qui nettoie sans agresser\u003c\/h2\u003e\n \u003cp\u003eSe laver les mains plusieurs fois par jour ne devrait jamais rimer avec inconfort ou peau tiraillée. La formule sans savon de ce gel lavant, composée à 97 % d'ingrédients d'origine naturelle, nettoie efficacement vos mains sans détruire leur film hydrolipidique naturel.\u003c\/p\u003e\n \u003cp\u003eConvenant à tous types de peaux, y compris les peaux sensibles, ce gel lavant bio se distingue par l'intégration d'une eau florale de reine des prés biologique, reconnue pour ses propriétés apaisantes et adoucissantes sur les peaux irritées ou sèches.\u003c\/p\u003e\n \u003cp\u003eContrairement à de nombreux savons conventionnels, sa texture gel légère rince facilement et ne laisse aucun résidu collant, pour des mains propres, douces et confortables dès le premier lavage.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-glmc-section\"\u003e\n \u003ch2\u003eLavande et citron bio : un duo parfumé qui fait du bien\u003c\/h2\u003e\n \u003cp\u003eL'association lavande bio et citron bio n'est pas qu'esthétique. La lavande est reconnue pour ses vertus apaisantes, tandis que le citron apporte une note pétillante et purifiante. Ensemble, ils forment un parfum frais, naturel et délicat qui accompagne agréablement chaque geste du quotidien, sans jamais agresser les voies respiratoires comme peuvent le faire les fragrances synthétiques.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-glmc-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel lavant mains plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-glmc-benefits\"\u003e\n \u003cdiv class=\"soi-glmc-benefit\"\u003e\n \u003cdiv class=\"soi-glmc-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eGage de qualité, de traçabilité et d'ingrédients véritablement biologiques, loin des labels marketing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-benefit\"\u003e\n \u003cdiv class=\"soi-glmc-benefit-icon\"\u003e\u003cspan\u003e🚫\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans savon\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les lavages fréquents : il nettoie sans assécher ni provoquer de tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-benefit\"\u003e\n \u003cdiv class=\"soi-glmc-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVegan et fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduit à Somloire en Anjou, dans le laboratoire Coslys, avec un savoir-faire local et responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-benefit\"\u003e\n \u003cdiv class=\"soi-glmc-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFlacon éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFabriqué en plastique 100 % recyclé, recyclable et rechargeable pour limiter les déchets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-glmc-section\"\u003e\n \u003ch2\u003eComposition du Gel Lavant Mains Coslys\u003c\/h2\u003e\n \u003cp class=\"soi-glmc-section-intro\"\u003eLa formule repose sur des actifs naturels soigneusement sélectionnés :\u003c\/p\u003e\n \u003cdiv class=\"soi-glmc-compo\"\u003e\n \u003cdiv class=\"soi-glmc-compo-row\"\u003e\n \u003cspan class=\"soi-glmc-compo-label\"\u003eEau florale de reine des prés bio\u003c\/span\u003e\n \u003cspan class=\"soi-glmc-compo-value\"\u003eApaisante et adoucissante, idéale pour les peaux sensibles et réactives\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-compo-row\"\u003e\n \u003cspan class=\"soi-glmc-compo-label\"\u003eHuile essentielle de lavande bio\u003c\/span\u003e\n \u003cspan class=\"soi-glmc-compo-value\"\u003eNote florale apaisante, parfum naturel certifié\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-compo-row\"\u003e\n \u003cspan class=\"soi-glmc-compo-label\"\u003eExtrait de citron bio\u003c\/span\u003e\n \u003cspan class=\"soi-glmc-compo-value\"\u003eEffet frais et purifiant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-compo-row\"\u003e\n \u003cspan class=\"soi-glmc-compo-label\"\u003eTensioactifs d'origine végétale\u003c\/span\u003e\n \u003cspan class=\"soi-glmc-compo-value\"\u003eNettoyage doux sans savon, respectueux du microbiome cutané\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-compo-row\"\u003e\n \u003cspan class=\"soi-glmc-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-glmc-compo-value\"\u003e97 % d'ingrédients d'origine naturelle, sans sulfates agressifs ni parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-tip\"\u003e\n \u003cdiv class=\"soi-glmc-tip-icon\"\u003e📋\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eInformation\u003c\/strong\u003e\n \u003cp\u003eLa liste INCI complète est disponible sur l'emballage du produit. En cas d'allergie connue, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-glmc-section\"\u003e\n \u003ch2\u003eComment utiliser ce gel lavant mains bio au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-glmc-timeline\"\u003e\n \u003cdiv class=\"soi-glmc-step\"\u003e\n \u003cdiv class=\"soi-glmc-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-step-content\"\u003e\n \u003ch3\u003eDéposez le gel\u003c\/h3\u003e\n \u003cp\u003eAppuyez sur le distributeur pompe pour déposer une petite noisette de gel au creux de vos mains humides. Une à deux pressions suffisent pour un lavage efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-step\"\u003e\n \u003cdiv class=\"soi-glmc-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-step-content\"\u003e\n \u003ch3\u003eFrottez et nettoyez\u003c\/h3\u003e\n \u003cp\u003eFrottez doucement 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-glmc-step\"\u003e\n \u003cdiv class=\"soi-glmc-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-step-content\"\u003e\n \u003ch3\u003eRincez et hydratez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède. Pour les peaux très sèches, complétez avec une crème mains hydratante après chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-glmc-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur ce gel lavant mains\u003c\/h2\u003e\n \u003cdiv class=\"soi-glmc-accordion\"\u003e\n \u003cdetails class=\"soi-glmc-accordion-item\"\u003e\n \u003csummary class=\"soi-glmc-accordion-header\"\u003e👶 Ce gel convient-il aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-glmc-accordion-content\"\u003e\n \u003cp\u003eLa formule douce et sans savon est conçue pour toute la famille. Pour les jeunes enfants, vérifiez toujours la tolérance cutanée individuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-glmc-accordion-item\"\u003e\n \u003csummary class=\"soi-glmc-accordion-header\"\u003e♻️ Peut-on recharger le flacon ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-glmc-accordion-content\"\u003e\n \u003cp\u003eOui, Coslys propose ce produit en version recharge pour prolonger la durée de vie de votre flacon pompe et réduire vos déchets plastiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-glmc-accordion-item\"\u003e\n \u003csummary class=\"soi-glmc-accordion-header\"\u003e🧴 Ce produit est-il adapté aux lavages fréquents ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-glmc-accordion-content\"\u003e\n \u003cp\u003eAbsolument. Sa formule sans savon a précisément été pensée pour les mains qui se lavent souvent sans se dessécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-glmc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-glmc-cta-box\"\u003e\n \u003cp class=\"soi-glmc-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans les gestes simples\u003c\/p\u003e\n \u003cp class=\"soi-glmc-cta-text\" style=\"color: white;\"\u003eUn geste aussi simple que se laver les mains mérite une formule à la hauteur. Avec ce gel lavant bio Coslys, vous choisissez une douceur certifiée, un parfum naturel qui rafraîchit l'instant, et une démarche éco-responsable du flacon jusqu'à la dernière goutte.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-glmc-marine: #1A2D3D;\n --soi-glmc-marine-dark: #0F1E2B;\n --soi-glmc-marine-light: #2C4458;\n --soi-glmc-pomme: #A1C544;\n --soi-glmc-pomme-dark: #84A636;\n --soi-glmc-pomme-light: rgba(161,197,68,0.10);\n --soi-glmc-white: #FFFFFF;\n --soi-glmc-off-white: #F8FAF6;\n --soi-glmc-stone: #F1F3EE;\n --soi-glmc-line: #E5E8E0;\n --soi-glmc-primary: #D4C84A;\n --soi-glmc-primary-soft: #F5F3D6;\n --soi-glmc-accent: #A8B5D4;\n --soi-glmc-text: #1A2D3D;\n --soi-glmc-text-soft: #4A5B6B;\n --soi-glmc-text-muted: #7B8693;\n --soi-glmc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-glmc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-glmc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-glmc-radius: 12px;\n --soi-glmc-radius-sm: 8px;\n --soi-glmc-radius-pill: 999px;\n}\n\n.soi-glmc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-glmc-fiche img { max-width: 100%; height: auto; }\n\n.soi-glmc-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-glmc-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-glmc-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-glmc-hero {\n position: relative;\n background: var(--soi-glmc-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-glmc-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-glmc-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-glmc-pomme);\n}\n\n.soi-glmc-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-glmc-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-glmc-pomme);\n border-radius: 50%;\n}\n\n.soi-glmc-hero-title {\n display: block;\n color: var(--soi-glmc-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-glmc-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-glmc-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-glmc-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-glmc-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-glmc-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-glmc-label-accent {\n background: var(--soi-glmc-pomme);\n border-color: var(--soi-glmc-pomme);\n color: var(--soi-glmc-marine);\n font-weight: 600;\n}\n\n.soi-glmc-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-glmc-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-glmc-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-glmc-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-glmc-pomme);\n border-radius: 2px;\n}\n\n.soi-glmc-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-glmc-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-glmc-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-glmc-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-glmc-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-glmc-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-glmc-benefit {\n background: var(--soi-glmc-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-glmc-radius);\n border: 1px solid var(--soi-glmc-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-glmc-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-glmc-shadow-md);\n}\n\n.soi-glmc-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-glmc-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-glmc-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-glmc-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-glmc-benefit:hover .soi-glmc-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-glmc-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-glmc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-glmc-benefit p {\n font-size: 13px;\n color: var(--soi-glmc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-glmc-compo {\n background: var(--soi-glmc-off-white);\n border-radius: var(--soi-glmc-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-glmc-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-glmc-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-glmc-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-glmc-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-glmc-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-glmc-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-glmc-marine);\n text-align: right;\n}\n\n.soi-glmc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-glmc-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-glmc-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-glmc-radius);\n border: 1px solid var(--soi-glmc-line);\n align-items: flex-start;\n}\n\n.soi-glmc-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-glmc-marine);\n color: var(--soi-glmc-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-glmc-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-glmc-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-glmc-step-content p {\n font-size: 14px;\n color: var(--soi-glmc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-glmc-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-glmc-pomme-light);\n border-left: 4px solid var(--soi-glmc-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-glmc-radius) var(--soi-glmc-radius) 0;\n align-items: flex-start;\n}\n\n.soi-glmc-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-glmc-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-glmc-marine);\n margin-bottom: 4px;\n}\n\n.soi-glmc-tip p {\n font-size: 14px;\n color: var(--soi-glmc-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-glmc-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-glmc-accordion-item {\n background: var(--soi-glmc-off-white);\n border-radius: var(--soi-glmc-radius-sm);\n border: 1px solid var(--soi-glmc-line);\n overflow: hidden;\n}\n\n.soi-glmc-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-glmc-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-glmc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-glmc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-glmc-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-glmc-accordion-item[open] .soi-glmc-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-glmc-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-glmc-accordion-content p {\n font-size: 14px;\n color: var(--soi-glmc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-glmc-cta-box {\n background: var(--soi-glmc-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-glmc-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-glmc-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-glmc-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-glmc-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-glmc-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-glmc-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-glmc-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-glmc-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-glmc-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-glmc-compo-value {\n text-align: left;\n }\n\n .soi-glmc-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-glmc-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-glmc-fiche {\n --soi-glmc-text-soft: #2C3E50;\n --soi-glmc-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Flacon pompe de 1L","offer_id":61612339855690,"sku":"CS0015","price":8.9,"currency_code":"EUR","in_stock":true},{"title":"Flacon pompe de 300 ml","offer_id":61612822266186,"sku":"CS0016","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0015-gel-lavant-mains-lavande-citron_b37a1fa4-79dd-44a5-a935-ff67a92c3f02.jpg?v=1778842734"},{"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"},{"product_id":"shampooing-aloe-vera-certifie-bio-coslys","title":"Shampooing Aloe vera certifié bio – Coslys","description":"\u003cdiv class=\"soi-aloe-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-aloe-hero\"\u003e\n \u003cdiv class=\"soi-aloe-hero-tag\"\u003e\n \u003cspan class=\"soi-aloe-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-aloe-hero-title\"\u003eShampooing Aloe Vera certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-aloe-hero-subtitle\"\u003eUn shampooing doux et hydratant pour toute la famille, formulé à 97,5 % d'ingrédients d'origine naturelle, sans silicone ni sulfates agressifs.\u003c\/p\u003e\n \u003cdiv class=\"soi-aloe-hero-labels\"\u003e\n \u003cspan class=\"soi-aloe-label soi-aloe-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003e0 % SILICONE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Le shampooing bio à l'aloe vera pour toute la famille --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eLe shampooing bio à l'aloe vera pour toute la famille\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un \u003cstrong\u003eshampooing bio doux, efficace et adapté à tous les types de cheveux\u003c\/strong\u003e ? Le Shampooing Aloe Vera certifié bio de Coslys est fait pour vous. Formulé avec de l'aloe vera biologique certifié Cosmos Organic, il nettoie en douceur, hydrate en profondeur et respecte l'équilibre naturel du cuir chevelu, pour les enfants comme pour les adultes.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi choisir ce shampooing naturel bio ? --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing naturel bio ?\u003c\/h2\u003e\n \u003cp class=\"soi-aloe-section-intro\"\u003eContrairement à de nombreux shampooings naturels bio du marché, celui-ci ne fait aucune concession entre efficacité et douceur. Sa formule à \u003cstrong\u003e97,5 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, sans silicone, sans sulfates agressifs, convient aussi bien aux cheveux secs, gras, normaux que mixtes. Un seul flacon pour toute la famille, c'est aussi un geste concret pour simplifier votre routine et réduire votre impact environnemental.\u003c\/p\u003e\n \u003cdiv class=\"soi-aloe-grid\"\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🌿 Certifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eGage de qualité biologique reconnu à l'échelle internationale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eSelon des normes strictes de formulation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🐰 Vegan et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient animal, aucun test sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e♻️ Emballage 100 % recyclé et recyclable\u003c\/h3\u003e\n \u003cp\u003eRechargeable pour limiter les déchets plastiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e✨ 0 % silicone\u003c\/h3\u003e\n \u003cp\u003eLes cheveux respirent et retrouvent leur légèreté naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les bienfaits de l'aloe vera bio sur vos cheveux --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'aloe vera bio sur vos cheveux\u003c\/h2\u003e\n \u003cp class=\"soi-aloe-section-intro\"\u003eL'aloe vera est l'un des actifs capillaires les plus complets qui existe. Riche en vitamines, minéraux et acides aminés, il agit simultanément sur plusieurs niveaux.\u003c\/p\u003e\n \u003cdiv class=\"soi-aloe-benefits\"\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation intense\u003c\/h3\u003e\n \u003cp\u003eIl pénètre la fibre capillaire pour nourrir durablement sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisement du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eIl calme les irritations, les démangeaisons et la sensation de tiraillement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉquilibre du sébum\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les cheveux gras, il régule la production de sébum sans dessécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBrillance et légèreté\u003c\/h3\u003e\n \u003cp\u003eAprès chaque lavage, les cheveux sont visiblement plus doux, brillants et pleins de vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser ce shampooing bio ? --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampooing bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-aloe-timeline\"\u003e\n \u003cdiv class=\"soi-aloe-step\"\u003e\n \u003cdiv class=\"soi-aloe-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step\"\u003e\n \u003cdiv class=\"soi-aloe-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu pour faire mousser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step\"\u003e\n \u003cdiv class=\"soi-aloe-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Renouvelez si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-tip\"\u003e\n \u003cdiv class=\"soi-aloe-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSa formule douce convient à une utilisation quotidienne, même pour les peaux et cuirs chevelus les plus sensibles. Elle ne pique pas les yeux, ce qui la rend parfaitement adaptée aux enfants. Pour un résultat optimal, vous pouvez compléter ce shampooing avec un après-shampooing bio pour démêler et sublimer encore davantage vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition du Shampooing Aloe Vera Bio Coslys --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eComposition du Shampooing Aloe Vera Bio Coslys\u003c\/h2\u003e\n \u003cp class=\"soi-aloe-section-intro\"\u003eFormule à \u003cstrong\u003e97,5 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont de l'aloe vera biologique certifié en ingrédient vedette.\u003c\/p\u003e\n \u003cdiv class=\"soi-aloe-compo\"\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eAloe Barbadensis Leaf Juice* (aloe vera bio) : hydratant, apaisant et régénérant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eAgents lavants\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eD'origine végétale, nettoyage doux sans agresser la fibre capillaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eD'origine naturelle, note fraîche et légère\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003e97,5 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédient issu de l'agriculture biologique. Liste complète des ingrédients disponible sur l'emballage produit.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Ce shampooing est-il fait pour vous ? --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eCe shampooing est-il fait pour vous ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-aloe-grid\"\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🔄 Transition vers le bio\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez passer à un shampooing bio sans compromis sur la mousse ni l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🌱 Cuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eVous avez un cuir chevelu sensible, irrité ou des cheveux gras qui nécessitent douceur et équilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eVous cherchez un produit adapté à toute la famille, des enfants aux adultes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🌍 Consommation responsable\u003c\/h3\u003e\n \u003cp\u003eVous êtes engagé dans une consommation responsable et souhaitez réduire votre empreinte écologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-aloe-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-aloe-cta-box\"\u003e\n \u003cp class=\"soi-aloe-cta-text\" style=\"color: white;\"\u003ePrenez soin de vos cheveux et de votre famille avec un shampooing bio qui tient vraiment ses promesses. L'aloe vera certifié de Coslys apaise, hydrate et équilibre, lavage après lavage, sans jamais agresser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-aloe-marine: #1A2D3D;\n --soi-aloe-marine-dark: #0F1E2B;\n --soi-aloe-marine-light: #2C4458;\n --soi-aloe-pomme: #A1C544;\n --soi-aloe-pomme-dark: #84A636;\n --soi-aloe-pomme-light: rgba(161,197,68,0.10);\n\n --soi-aloe-white: #FFFFFF;\n --soi-aloe-off-white: #F8FAF6;\n --soi-aloe-stone: #F1F3EE;\n --soi-aloe-line: #E5E8E0;\n\n --soi-aloe-primary: #6BAF3D;\n --soi-aloe-primary-soft: #E8F5D6;\n --soi-aloe-accent: #C9437A;\n\n --soi-aloe-text: #1A2D3D;\n --soi-aloe-text-soft: #4A5B6B;\n --soi-aloe-text-muted: #7B8693;\n\n --soi-aloe-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-aloe-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-aloe-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-aloe-radius: 12px;\n --soi-aloe-radius-sm: 8px;\n --soi-aloe-radius-pill: 999px;\n}\n\n.soi-aloe-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-aloe-fiche img { max-width: 100%; height: auto; }\n\n.soi-aloe-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-aloe-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-aloe-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-aloe-hero {\n position: relative;\n background: var(--soi-aloe-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-aloe-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-aloe-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-aloe-pomme);\n}\n\n.soi-aloe-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-aloe-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-aloe-pomme);\n border-radius: 50%;\n}\n\n.soi-aloe-hero-title {\n display: block;\n color: var(--soi-aloe-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-aloe-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-aloe-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-aloe-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-aloe-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-aloe-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-aloe-label-accent {\n background: var(--soi-aloe-pomme);\n border-color: var(--soi-aloe-pomme);\n color: var(--soi-aloe-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-aloe-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-aloe-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-aloe-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-aloe-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-aloe-pomme);\n border-radius: 2px;\n}\n\n.soi-aloe-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-aloe-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-aloe-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-aloe-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-aloe-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-aloe-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-aloe-benefit {\n background: var(--soi-aloe-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-aloe-radius);\n border: 1px solid var(--soi-aloe-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-aloe-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-aloe-shadow-md);\n}\n\n.soi-aloe-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-aloe-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-aloe-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-aloe-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-aloe-benefit:hover .soi-aloe-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-aloe-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-aloe-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-aloe-benefit p {\n font-size: 13px;\n color: var(--soi-aloe-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-aloe-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-aloe-card {\n background: var(--soi-aloe-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-aloe-radius);\n border-left: 3px solid var(--soi-aloe-pomme);\n}\n\n.soi-aloe-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-aloe-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-aloe-card p {\n font-size: 14px;\n color: var(--soi-aloe-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-aloe-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-aloe-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-aloe-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-aloe-radius);\n border: 1px solid var(--soi-aloe-line);\n align-items: flex-start;\n}\n\n.soi-aloe-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-aloe-marine);\n color: var(--soi-aloe-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-aloe-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-aloe-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-aloe-step-content p {\n font-size: 14px;\n color: var(--soi-aloe-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-aloe-compo {\n background: var(--soi-aloe-off-white);\n border-radius: var(--soi-aloe-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.soi-aloe-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-aloe-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-aloe-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-aloe-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-aloe-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-aloe-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-aloe-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-aloe-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-aloe-pomme-light);\n border-left: 4px solid var(--soi-aloe-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-aloe-radius) var(--soi-aloe-radius) 0;\n align-items: flex-start;\n}\n\n.soi-aloe-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-aloe-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-aloe-marine);\n margin-bottom: 4px;\n}\n\n.soi-aloe-tip p {\n font-size: 14px;\n color: var(--soi-aloe-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-aloe-cta-box {\n background: var(--soi-aloe-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-aloe-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-aloe-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-aloe-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-aloe-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-aloe-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-aloe-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-aloe-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-aloe-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-aloe-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-aloe-compo-value {\n text-align: left;\n }\n\n .soi-aloe-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-aloe-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-aloe-fiche {\n --soi-aloe-text-soft: #2C3E50;\n --soi-aloe-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61612339822922,"sku":"CS0170","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0170-shampooing-famille_2743fafa-7a42-4218-8e0c-d662f8153e87.jpg?v=1778842734"},{"product_id":"gel-lavant-neutre-certifi-bio-coslys","title":"Gel lavant neutre bio 3en1 - 100 ml - Coslys","description":"\u003cdiv class=\"soi-geln-fiche\"\u003e\n\n\u003csection class=\"soi-geln-hero\"\u003e\n \u003cdiv class=\"soi-geln-hero-tag\"\u003e\n \u003cspan class=\"soi-geln-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-geln-hero-title\"\u003eUn soin lavant universel pour toute la famille\u003c\/span\u003e\n \u003cp class=\"soi-geln-hero-subtitle\"\u003e97,9 % d'ingrédients d'origine naturelle, sans sulfates, sans parfum, sans savon. Du premier bain de bébé à la douche du soir, une formule réduite à l'essentiel.\u003c\/p\u003e\n \u003cdiv class=\"soi-geln-hero-labels\"\u003e\n \u003cspan class=\"soi-geln-label soi-geln-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-geln-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-geln-label\"\u003eHYPOALLERGÉNIQUE\u003c\/span\u003e\n \u003cspan class=\"soi-geln-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-geln-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003eGel lavant neutre certifié bio Coslys : un soin universel pour toute la famille\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un gel lavant vraiment doux, sans compromis sur les ingrédients, qui convient aussi bien à votre bébé qu'à vous-même ? Le \u003cstrong\u003egel lavant neutre certifié bio Coslys\u003c\/strong\u003e répond exactement à ce besoin. Un seul flacon pour le corps, le visage et les cheveux, toléré dès la naissance, formulé sans parfum, sans savon et sans sulfates. Simple, efficace, rassurant.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel lavant bio au pH neutre ?\u003c\/h2\u003e\n \u003cp class=\"soi-geln-section-intro\"\u003eContrairement à de nombreux gels du commerce, ce produit affiche \u003cstrong\u003e97,9 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et une certification \u003cstrong\u003eCosmos Organic délivrée par Ecocert Greenlife\u003c\/strong\u003e. Son pH neutre respecte le film hydrolipidique de la peau, y compris les épidermes les plus réactifs.\u003c\/p\u003e\n \u003cdiv class=\"soi-geln-benefits\"\u003e\n \u003cdiv class=\"soi-geln-benefit\"\u003e\n \u003cdiv class=\"soi-geln-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e3-en-1\u003c\/h3\u003e\n \u003cp\u003eCorps, visage et cheveux en un seul geste pour simplifier votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-benefit\"\u003e\n \u003cdiv class=\"soi-geln-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHypoallergénique\u003c\/h3\u003e\n \u003cp\u003eTesté sous contrôle dermatologique, sans sulfates, sans savon, sans parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-benefit\"\u003e\n \u003cdiv class=\"soi-geln-benefit-icon\"\u003e\u003cspan\u003e👶\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eAdapté aux bébés dès la naissance, enfants, adultes, femmes enceintes et allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-benefit\"\u003e\n \u003cdiv class=\"soi-geln-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉco-conçu\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France (Anjou), flacon 100 % recyclé et recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003eUne formule courte, des ingrédients choisis\u003c\/h2\u003e\n \u003cp class=\"soi-geln-section-intro\"\u003eLa liste INCI du gel lavant neutre Coslys est volontairement courte : chaque ingrédient a sa raison d'être. 10 % du total des ingrédients sont issus de l'Agriculture Biologique.\u003c\/p\u003e\n \u003cdiv class=\"soi-geln-grid\"\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e🌿 Decyl Glucoside\u003c\/h3\u003e\n \u003cp\u003eTensioactif doux d'origine végétale, sans sulfate, qui nettoie sans décaper.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaise, hydrate et préserve l'équilibre cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e🤍 Glycérine\u003c\/h3\u003e\n \u003cp\u003eAgent hydratant naturel qui maintient le confort de la peau après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e⚖️ Acide lactique\u003c\/h3\u003e\n \u003cp\u003eContribue à maintenir un pH adapté à la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"soi-geln-accordion-item\"\u003e\n \u003csummary class=\"soi-geln-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-geln-accordion-content\"\u003e\n \u003cp\u003eAqua (Water), Glycerin, Decyl Glucoside, Cocamidopropyl Betaine, Xanthan Gum, \u003cem\u003eAloe Barbadensis Leaf Juice Powder*\u003c\/em\u003e, Sodium Chloride, Lactic Acid, Caprylyl Glycol, Sodium Benzoate, Glyceryl Caprylate, Propanediol.\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-geln-section\"\u003e\n \u003ch2\u003eComment utiliser le gel lavant neutre Coslys ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-geln-timeline\"\u003e\n \u003cdiv class=\"soi-geln-step\"\u003e\n \u003cdiv class=\"soi-geln-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une petite quantité sur la peau ou les cheveux humides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step\"\u003e\n \u003cdiv class=\"soi-geln-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMassez doucement pour faire mousser le gel sur la zone à nettoyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step\"\u003e\n \u003cdiv class=\"soi-geln-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-geln-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eEn cas de contact accidentel avec les yeux, rincez immédiatement à l'eau claire. Ce gel est conçu pour une utilisation quotidienne sans risque d'altérer le microbiome cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003eUn format pratique, une démarche éco-responsable\u003c\/h2\u003e\n \u003cdiv class=\"soi-geln-grid-compact\"\u003e\n \u003cdiv class=\"soi-geln-card-mini\"\u003e\n \u003cspan class=\"soi-geln-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-value\"\u003e100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card-mini\"\u003e\n \u003cspan class=\"soi-geln-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-label\"\u003eFlacon\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-value\"\u003e100 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card-mini\"\u003e\n \u003cspan class=\"soi-geln-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-value\"\u003eAnjou, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card-mini\"\u003e\n \u003cspan class=\"soi-geln-card-mini-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-label\"\u003eAussi disponible\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-value\"\u003eFormat 1 litre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1rem;\"\u003eLe flacon de 100 ml est idéal pour les voyages ou pour tester le produit. Un format 1 litre est également disponible pour les familles qui souhaitent réduire leurs déchets plastique grâce à la recharge. Le flacon est fabriqué en plastique 100 % recyclé et recyclable : à déposer dans le bac de tri jaune après utilisation.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003ePour qui est fait ce gel lavant bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-geln-grid\"\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e👶 Parents de nourrissons et jeunes enfants\u003c\/h3\u003e\n \u003cp\u003ePour les peaux ultra-sensibles des tout-petits, dès la naissance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes ou allaitantes\u003c\/h3\u003e\n \u003cp\u003ePour celles qui souhaitent éviter tout ingrédient superflu durant cette période.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e🩹 Peaux réactives, eczéma, psoriasis\u003c\/h3\u003e\n \u003cp\u003ePour les personnes aux épidermes sensibles. Toujours demander l'avis d'un médecin en cas de pathologie cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui préfèrent un seul produit polyvalent, sain et certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-geln-accordion\"\u003e\n \u003cdetails class=\"soi-geln-accordion-item\"\u003e\n \u003csummary class=\"soi-geln-accordion-header\"\u003e⚠️ Précaution importante\u003c\/summary\u003e\n \u003cdiv class=\"soi-geln-accordion-content\"\u003e\n \u003cp\u003eCe produit est un cosmétique, il ne remplace pas un traitement médical. En cas de pathologie cutanée, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-geln-cta-box\"\u003e\n \u003cp class=\"soi-geln-cta-tag\" style=\"color: white;\"\u003eSe laver plus simplement\u003c\/p\u003e\n \u003cp class=\"soi-geln-cta-text\" style=\"color: white;\"\u003eUn gel, toute une famille protégée. Le gel lavant neutre certifié bio Coslys, c'est la promesse d'une formule sans fioriture, respectueuse des peaux les plus fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-geln-marine: #1A2D3D;\n --soi-geln-marine-dark: #0F1E2B;\n --soi-geln-marine-light: #2C4458;\n --soi-geln-pomme: #A1C544;\n --soi-geln-pomme-dark: #84A636;\n --soi-geln-pomme-light: rgba(161,197,68,0.10);\n\n --soi-geln-white: #FFFFFF;\n --soi-geln-off-white: #F8FAFE;\n --soi-geln-stone: #EFF4FA;\n --soi-geln-line: #DDE6EF;\n\n --soi-geln-primary: #5BA4D9;\n --soi-geln-primary-soft: #D6E9F6;\n --soi-geln-accent: #89C4E8;\n\n --soi-geln-text: #1A2D3D;\n --soi-geln-text-soft: #4A5B6B;\n --soi-geln-text-muted: #7B8693;\n\n --soi-geln-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-geln-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-geln-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-geln-radius: 12px;\n --soi-geln-radius-sm: 8px;\n --soi-geln-radius-pill: 999px;\n}\n\n.soi-geln-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-geln-fiche img { max-width: 100%; height: auto; }\n\n.soi-geln-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-geln-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-geln-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-geln-hero {\n position: relative;\n background: var(--soi-geln-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-geln-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-geln-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-geln-pomme);\n}\n\n.soi-geln-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-geln-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-geln-pomme);\n border-radius: 50%;\n}\n\n.soi-geln-hero-title {\n display: block;\n color: var(--soi-geln-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-geln-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-geln-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-geln-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-geln-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-geln-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-geln-label-accent {\n background: var(--soi-geln-pomme);\n border-color: var(--soi-geln-pomme);\n color: var(--soi-geln-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-geln-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-geln-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-geln-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-geln-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-geln-pomme);\n border-radius: 2px;\n}\n\n.soi-geln-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-geln-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-geln-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-geln-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-geln-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-geln-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-geln-benefit {\n background: var(--soi-geln-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-geln-radius);\n border: 1px solid var(--soi-geln-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-geln-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-geln-shadow-md);\n}\n\n.soi-geln-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-geln-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-geln-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-geln-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-geln-benefit:hover .soi-geln-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-geln-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-geln-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-geln-benefit p {\n font-size: 13px;\n color: var(--soi-geln-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-geln-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-geln-card {\n background: var(--soi-geln-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-geln-radius);\n border-left: 3px solid var(--soi-geln-pomme);\n}\n\n.soi-geln-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-geln-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-geln-card p {\n font-size: 14px;\n color: var(--soi-geln-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-geln-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-geln-card-mini {\n background: var(--soi-geln-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-geln-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-geln-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-geln-card-mini-label {\n font-size: 11px;\n color: var(--soi-geln-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-geln-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-geln-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-geln-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-geln-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-geln-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-geln-radius);\n border: 1px solid var(--soi-geln-line);\n align-items: flex-start;\n}\n\n.soi-geln-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-geln-marine);\n color: var(--soi-geln-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-geln-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-geln-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-geln-step-content p {\n font-size: 14px;\n color: var(--soi-geln-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-geln-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-geln-pomme-light);\n border-left: 4px solid var(--soi-geln-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-geln-radius) var(--soi-geln-radius) 0;\n align-items: flex-start;\n}\n\n.soi-geln-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-geln-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-geln-marine);\n margin-bottom: 4px;\n}\n\n.soi-geln-tip p {\n font-size: 14px;\n color: var(--soi-geln-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-geln-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-geln-accordion-item {\n background: var(--soi-geln-off-white);\n border-radius: var(--soi-geln-radius-sm);\n border: 1px solid var(--soi-geln-line);\n overflow: hidden;\n}\n\n.soi-geln-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-geln-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-geln-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-geln-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-geln-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-geln-accordion-item[open] .soi-geln-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-geln-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-geln-accordion-content p {\n font-size: 14px;\n color: var(--soi-geln-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-geln-accordion-content p + p {\n margin-top: 0.5rem;\n}\n\n\/* === CTA BOX === *\/\n.soi-geln-cta-box {\n background: var(--soi-geln-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-geln-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-geln-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-geln-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-geln-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-geln-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-geln-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-geln-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-geln-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-geln-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-geln-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-geln-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-geln-fiche {\n --soi-geln-text-soft: #2C3E50;\n --soi-geln-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":62001447993674,"sku":"CS0057","price":3.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-lavant-neutre_coslys.webp?v=1781252228"},{"product_id":"shampooing-sublime-keratine-bio-coslys","title":"Shampooing Sublime Kératine bio – 500 ml – Coslys","description":"\n\u003cdiv class=\"soi-kera-fiche\"\u003e\n\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 Soin capillaire bio · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-kera-hero-title\"\u003eLa phytokératine végétale qui répare vraiment\u003c\/span\u003e\n \u003cp class=\"soi-kera-hero-subtitle\"\u003eUn shampooing certifié bio, sans sulfate ni silicone, enrichi en kératine d'origine végétale pour redonner force, brillance et discipline à vos cheveux fragilisés.\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\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-kera-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-kera-label\"\u003eSANS 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 \u003csection class=\"soi-kera-section\"\u003e\n \u003ch2\u003eShampooing kératine bio Coslys : des cheveux réparés, lissés et protégés\u003c\/h2\u003e\n \u003cp\u003eVous avez les cheveux fragilisés par la chaleur, la coloration ou simplement rétifs au quotidien ? Le Shampooing Sublime Kératine de Coslys est fait pour vous. Formulé avec une base lavante végétale sans sulfate et enrichi en phytokératine d'origine végétale (blé, maïs, glycine, champignon), il nettoie en douceur tout en reconstituant la fibre capillaire dès le premier lavage.\u003c\/p\u003e\n \u003cp\u003eCertifié Cosmos Organic par Ecocert, vegan et fabriqué en France, il coche toutes les cases d'un soin naturel exigeant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kera-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing à la kératine sans sulfate ?\u003c\/h2\u003e\n \u003cp class=\"soi-kera-section-intro\"\u003eContrairement à de nombreux shampooings kératine du marché, ce soin Coslys mise sur une kératine 100% d'origine végétale, sans silicone ni sulfate. Résultat : votre cuir chevelu n'est pas agressé, et la fibre capillaire est réellement réparée, pas seulement enrobée.\u003c\/p\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\u003eRépare en profondeur\u003c\/h3\u003e\n \u003cp\u003eLa phytokératine reconstitue la surface de la cuticule pour des cheveux plus forts et plus lisses.\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 naturelle\u003c\/h3\u003e\n \u003cp\u003eUn bouclier contre la chaleur du sèche-cheveux et du fer à lisser.\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\u003eLes cheveux indisciplinés retrouvent de la souplesse et du brillant.\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\u003eNettoyage doux\u003c\/h3\u003e\n \u003cp\u003eLa base glucoside végétale lave sans décaper, idéale pour les lavages fréquents.\u003c\/p\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\u003eLe saviez-vous ?\u003c\/strong\u003e\n \u003cp\u003eCe shampooing contient 97,8% d'ingrédients d'origine naturelle, dont 11% issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\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 généreuse sur cheveux mouillés.\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\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eFaites mousser doucement en insistant sur les pointes fragilisées.\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 soigneusement à l'eau tiède. Renouvelez si besoin.\u003c\/p\u003e\n \u003c\/div\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\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un résultat optimal, associez ce shampooing à un après-shampooing ou masque kératine. Utilisé régulièrement, l'effet réparateur est visible dès 2 à 3 semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kera-section\"\u003e\n \u003ch2\u003eComposition complète du Shampooing Sublime Kératine\u003c\/h2\u003e\n \u003cp class=\"soi-kera-section-intro\"\u003eUne formule transparente, certifiée Cosmos Organic, avec des actifs végétaux soigneusement sélectionnés.\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\"\u003eActifs phares\u003c\/span\u003e\n \u003cspan class=\"soi-kera-compo-value\"\u003ePhytokératine végétale (blé, maïs, glycine, champignon), 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\"\u003eGlucoside végétale (sans sulfate)\u003c\/span\u003e\n \u003c\/div\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\"\u003eAgriculture biologique\u003c\/span\u003e\n \u003cspan class=\"soi-kera-compo-value\"\u003e11%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-accordion\"\u003e\n \u003cdetails class=\"soi-kera-accordion-item\"\u003e\n \u003csummary class=\"soi-kera-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-kera-accordion-content\"\u003e\n \u003cp\u003eAqua (water), caprylyl\/capryl glucoside, decyl glucoside, cocamidopropyl betaine, glycerin, glyceryl stearate SE, lactic acid, sodium cocoyl glutamate, bentonite, dicaprylyl ether, ricinus communis (castor) seed oil*, lauryl alcohol, sodium chloride, xanthan gum, aloe barbadensis leaf juice powder*, hydrolyzed soy protein, hydrolyzed corn protein, hydrolyzed wheat protein, spiraea ulmaria flower water*, trametes versicolor extract, lilium candidum flower extract*, tocopherol, parfum (fragrance), leuconostoc\/radish root ferment filtrate, sodium benzoate, sodium dehydroacetate, potassium sorbate, dehydroacetic acid, limonene, linalool.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédient issu 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-kera-section\"\u003e\n \u003ch2\u003eCertifications et engagements Coslys\u003c\/h2\u003e\n \u003cdiv class=\"soi-kera-grid\"\u003e\n \u003cdiv class=\"soi-kera-card\"\u003e\n \u003ch3\u003e🌱 Cosmos Organic (Ecocert)\u003c\/h3\u003e\n \u003cp\u003eGarantie d'une formule bio rigoureusement contrôlée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-card\"\u003e\n \u003ch3\u003e🐰 Vegan et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient animal, jamais testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-card\"\u003e\n \u003ch3\u003e🚫 Sans silicone, sans sulfate\u003c\/h3\u003e\n \u003cp\u003eDoux pour le cheveu comme pour l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eÉlaboré dans le laboratoire Coslys à Somloire, en Anjou.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-card\"\u003e\n \u003ch3\u003e♻️ Flacon recyclable\u003c\/h3\u003e\n \u003cp\u003e500 ml en flacon à déposer dans le bac de tri jaune.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kera-section\"\u003e\n \u003ch2\u003eInformations produit\u003c\/h2\u003e\n \u003cdiv class=\"soi-kera-compo\"\u003e\n \u003cdiv class=\"soi-kera-compo-row\"\u003e\n \u003cspan class=\"soi-kera-compo-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-kera-compo-value\"\u003eCoslys\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-compo-row\"\u003e\n \u003cspan class=\"soi-kera-compo-label\"\u003eRéférence\u003c\/span\u003e\n \u003cspan class=\"soi-kera-compo-value\"\u003eCS0140\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-compo-row\"\u003e\n \u003cspan class=\"soi-kera-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-kera-compo-value\"\u003e500 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-compo-row\"\u003e\n \u003cspan class=\"soi-kera-compo-label\"\u003ePays de fabrication\u003c\/span\u003e\n \u003cspan class=\"soi-kera-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kera-compo-row\"\u003e\n \u003cspan class=\"soi-kera-compo-label\"\u003eEAN\u003c\/span\u003e\n \u003cspan class=\"soi-kera-compo-value\"\u003e3538396160406\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\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;\"\u003ePrendre soin de soi naturellement, jusque dans vos cheveux\u003c\/p\u003e\n \u003cp class=\"soi-kera-cta-text\" style=\"color: white;\"\u003eLavage après lavage, vos cheveux retrouvent force, brillance et discipline naturelle. La phytokératine végétale Coslys, certifiée bio, 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\n --soi-kera-white: #FFFFFF;\n --soi-kera-off-white: #F8FAF6;\n --soi-kera-stone: #F1F3EE;\n --soi-kera-line: #E5E8E0;\n\n --soi-kera-primary: #D4A8B0;\n --soi-kera-primary-soft: #F2E4E7;\n --soi-kera-accent: #C48A94;\n\n --soi-kera-text: #1A2D3D;\n --soi-kera-text-soft: #4A5B6B;\n --soi-kera-text-muted: #7B8693;\n\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 margin-bottom: 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-pomme);\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\/* === TIMELINE === *\/\n.soi-kera-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\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 === *\/\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}\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 margin-top: 1.5rem;\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\/* === ACCORDÉON === *\/\n.soi-kera-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 1.25rem;\n}\n\n.soi-kera-accordion-item {\n background: var(--soi-kera-off-white);\n border-radius: var(--soi-kera-radius-sm);\n border: 1px solid var(--soi-kera-line);\n overflow: hidden;\n}\n\n.soi-kera-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-kera-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-kera-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-kera-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-kera-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-kera-accordion-item[open] .soi-kera-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-kera-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-kera-accordion-content p {\n font-size: 14px;\n color: var(--soi-kera-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-kera-accordion-content p + p {\n margin-top: 0.5rem;\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":62001448026442,"sku":"CS0140","price":15.83,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-sublime-keratine-certifie-bio-500-ml-coslys-packshot_11zon.webp?v=1781259067"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/Coslys.png?v=1779893956","url":"https:\/\/www.soinature.com\/collections\/coslys.oembed","provider":"Soinature","version":"1.0","type":"link"}