{"title":"Coslys","description":"","products":[{"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.85,"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.9,"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 class=\"soi-dent-fiche\"\u003e\n\n\u003csection class=\"soi-dent-hero\"\u003e\n \u003cdiv class=\"soi-dent-hero-tag\"\u003e\n \u003cspan class=\"soi-dent-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène bucco-dentaire enfant · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-dent-hero-title\"\u003eLe brossage devient un moment plaisir\u003c\/span\u003e\n \u003cp class=\"soi-dent-hero-subtitle\"\u003eUn dentifrice certifié bio à l'arôme naturel de fraise, formulé avec douceur pour les dents de lait sensibles de 3 à 6 ans.\u003c\/p\u003e\n \u003cdiv class=\"soi-dent-hero-labels\"\u003e\n \u003cspan class=\"soi-dent-label soi-dent-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003eSANS FLUOR\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce dentifrice bio pour votre enfant ?\u003c\/h2\u003e\n \u003cp class=\"soi-dent-section-intro\"\u003eTous les dentifrices pour enfants ne se valent pas. Nombreux contiennent des substances irritantes ou des arômes artificiels que les parents préfèrent éviter. Celui de Coslys est certifié Cosmos Organic, formulé à 99% d'ingrédients d'origine naturelle, sans fluor, sans colorants synthétiques et sans ingrédients d'origine animale. Il a également été testé sous contrôle odontologique, une garantie concrète de sécurité pour les petites bouches.\u003c\/p\u003e\n \u003cdiv class=\"soi-dent-benefits\"\u003e\n \u003cdiv class=\"soi-dent-benefit\"\u003e\n \u003cdiv class=\"soi-dent-benefit-icon\"\u003e\u003cspan\u003e🦷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans fluor\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les enfants qui avalent encore involontairement une partie du dentifrice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-benefit\"\u003e\n \u003cdiv class=\"soi-dent-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCosmos Organic\u003c\/h3\u003e\n \u003cp\u003eTraçabilité et qualité des ingrédients vérifiées de manière indépendante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-benefit\"\u003e\n \u003cdiv class=\"soi-dent-benefit-icon\"\u003e\u003cspan\u003e🐇\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVegan et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun test sur les animaux, aucun ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-benefit\"\u003e\n \u003cdiv class=\"soi-dent-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eSous contrôle qualité rigoureux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eUne formule douce qui protège l'émail des dents de lait\u003c\/h2\u003e\n \u003cp\u003eL'émail des dents de lait est plus fin et plus perméable que celui des dents permanentes. Il mérite donc une attention particulière. Ce dentifrice nettoie en douceur sans agresser, tout en prenant soin des gencives sensibles grâce à deux actifs naturels clés.\u003c\/p\u003e\n \u003cdiv class=\"soi-dent-grid\"\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🍃 Extrait de thé vert\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés purifiantes et protectrices au niveau buccal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🌼 Camomille\u003c\/h3\u003e\n \u003cp\u003eApaisante, elle aide à calmer les gencives en cours de développement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-tip\"\u003e\n \u003cdiv class=\"soi-dent-tip-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe résultat\u003c\/strong\u003e\n \u003cp\u003eUne haleine fraîche, des gencives respectées et des dents propres, sans agressivité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eComment bien utiliser ce dentifrice pour enfant ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-dent-timeline\"\u003e\n \u003cdiv class=\"soi-dent-step\"\u003e\n \u003cdiv class=\"soi-dent-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-dent-step-content\"\u003e\n \u003ch3\u003eQuantité\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette de dentifrice (taille d'un petit pois) sur une brosse à dents adaptée à votre enfant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-step\"\u003e\n \u003cdiv class=\"soi-dent-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-dent-step-content\"\u003e\n \u003ch3\u003eFréquence\u003c\/h3\u003e\n \u003cp\u003eDeux fois par jour, matin et soir après les repas, pour de bonnes habitudes d'hygiène bucco-dentaire dès le plus jeune âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-step\"\u003e\n \u003cdiv class=\"soi-dent-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-dent-step-content\"\u003e\n \u003ch3\u003eSurveillance\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 6 ans, le brossage reste supervisé par un adulte pour garantir une bonne technique et limiter l'ingestion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eComposition complète du dentifrice enfant fraise Coslys\u003c\/h2\u003e\n \u003cp class=\"soi-dent-section-intro\"\u003eLa transparence est essentielle quand il s'agit de produits pour enfants. Voici les principaux ingrédients de ce dentifrice bio.\u003c\/p\u003e\n \u003cdiv class=\"soi-dent-compo\"\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eSilice\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eAgent abrasif doux, élimine la plaque sans rayer l'émail fragile\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eGlycérine végétale\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eHumectant d'origine végétale, maintient la texture onctueuse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eExtrait de thé vert bio\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eCamellia Sinensis, actif naturel purifiant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eExtrait de camomille bio\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eChamomilla Recutita, actif apaisant pour les gencives\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eArôme naturel de fraise\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eSaveur fruitée pour rendre le brossage agréable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-grid-compact\"\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003eSans fluor\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003eSans paraben\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003eSans phénoxyéthanol\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003eSans colorant synthétique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card-mini\"\u003e\n \u003cspan class=\"soi-dent-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-dent-card-mini-label\"\u003eSans alcool\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n \u003cdiv class=\"soi-dent-accordion\"\u003e\n \u003cdetails class=\"soi-dent-accordion-item\"\u003e\n \u003csummary class=\"soi-dent-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-dent-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique bucco-dentaire. Il ne remplace pas les consultations régulières chez le dentiste pédiatrique, recommandées dès l'apparition des premières dents. Convient aux enfants de 3 à 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-dent-accordion-item\"\u003e\n \u003csummary class=\"soi-dent-accordion-header\"\u003e👶 Tranche d'âge\u003c\/summary\u003e\n \u003cdiv class=\"soi-dent-accordion-content\"\u003e\n \u003cp\u003eSpécialement formulé pour les dents de lait des enfants de 3 à 6 ans. Le brossage doit rester supervisé par un adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-dent-cta-box\"\u003e\n \u003cp class=\"soi-dent-cta-tag\" style=\"color: white;\"\u003eDes sourires naturellement protégés\u003c\/p\u003e\n \u003cp class=\"soi-dent-cta-text\" style=\"color: white;\"\u003eOffrez à votre enfant un brossage qui rime avec plaisir et douceur. Dents de lait protégées, gencives apaisées, sourire rayonnant : Coslys prouve qu'on peut prendre soin des tout-petits avec naturel et bonne humeur.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-dent-marine: #1A2D3D;\n --soi-dent-marine-dark: #0F1E2B;\n --soi-dent-marine-light: #2C4458;\n --soi-dent-pomme: #A1C544;\n --soi-dent-pomme-dark: #84A636;\n --soi-dent-pomme-light: rgba(161,197,68,0.10);\n\n --soi-dent-white: #FFFFFF;\n --soi-dent-off-white: #F8FAF6;\n --soi-dent-stone: #F1F3EE;\n --soi-dent-line: #E5E8E0;\n\n --soi-dent-primary: #E05A5A;\n --soi-dent-primary-soft: #FDEAEA;\n --soi-dent-accent: #D4424B;\n\n --soi-dent-text: #1A2D3D;\n --soi-dent-text-soft: #4A5B6B;\n --soi-dent-text-muted: #7B8693;\n\n --soi-dent-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-dent-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-dent-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-dent-radius: 12px;\n --soi-dent-radius-sm: 8px;\n --soi-dent-radius-pill: 999px;\n}\n\n.soi-dent-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-dent-fiche img { max-width: 100%; height: auto; }\n\n.soi-dent-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-dent-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-dent-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-dent-hero {\n position: relative;\n background: var(--soi-dent-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-dent-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-dent-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-dent-primary);\n}\n\n.soi-dent-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-dent-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-dent-primary);\n border-radius: 50%;\n}\n\n.soi-dent-hero-title {\n display: block;\n color: var(--soi-dent-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-dent-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-dent-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-dent-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-dent-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-dent-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-dent-label-accent {\n background: var(--soi-dent-pomme);\n border-color: var(--soi-dent-pomme);\n color: var(--soi-dent-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-dent-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-dent-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-dent-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-dent-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-dent-pomme);\n border-radius: 2px;\n}\n\n.soi-dent-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-dent-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-dent-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-dent-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-dent-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-dent-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-dent-benefit {\n background: var(--soi-dent-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-dent-radius);\n border: 1px solid var(--soi-dent-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-dent-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-dent-shadow-md);\n}\n\n.soi-dent-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-dent-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-dent-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-dent-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-dent-benefit:hover .soi-dent-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-dent-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-dent-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-dent-benefit p {\n font-size: 13px;\n color: var(--soi-dent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-dent-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-dent-card {\n background: var(--soi-dent-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-dent-radius);\n border-left: 3px solid var(--soi-dent-pomme);\n}\n\n.soi-dent-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-dent-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-dent-card p {\n font-size: 14px;\n color: var(--soi-dent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-dent-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-dent-card-mini {\n background: var(--soi-dent-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-dent-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-dent-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-dent-card-mini-label {\n font-size: 11px;\n color: var(--soi-dent-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n\/* === TIMELINE === *\/\n.soi-dent-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-dent-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-dent-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-dent-radius);\n border: 1px solid var(--soi-dent-line);\n align-items: flex-start;\n}\n\n.soi-dent-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-dent-marine);\n color: var(--soi-dent-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-dent-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-dent-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-dent-step-content p {\n font-size: 14px;\n color: var(--soi-dent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-dent-compo {\n background: var(--soi-dent-off-white);\n border-radius: var(--soi-dent-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-dent-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-dent-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-dent-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-dent-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-dent-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-dent-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-dent-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-dent-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-dent-pomme-light);\n border-left: 4px solid var(--soi-dent-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-dent-radius) var(--soi-dent-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-dent-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-dent-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-dent-marine);\n margin-bottom: 4px;\n}\n\n.soi-dent-tip p {\n font-size: 14px;\n color: var(--soi-dent-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-dent-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-dent-accordion-item {\n background: var(--soi-dent-off-white);\n border-radius: var(--soi-dent-radius-sm);\n border: 1px solid var(--soi-dent-line);\n overflow: hidden;\n}\n\n.soi-dent-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-dent-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-dent-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-dent-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-dent-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-dent-accordion-item[open] .soi-dent-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-dent-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-dent-accordion-content p {\n font-size: 14px;\n color: var(--soi-dent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-dent-cta-box {\n background: var(--soi-dent-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-dent-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-dent-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-dent-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-dent-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-dent-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-dent-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-dent-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-dent-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-dent-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-dent-compo-value {\n text-align: left;\n }\n\n .soi-dent-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-dent-grid-compact {\n grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-dent-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-dent-fiche {\n --soi-dent-text-soft: #2C3E50;\n --soi-dent-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603500032330,"sku":"CS0040","price":3.96,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dentifrice-enfant-fraise-certifie-bio-coslys-packshot.webp?v=1783247140"},{"product_id":"dentifrice-enfant-peche-certifie-bio-coslys","title":"Dentifrice Enfant Pêche Certifié Bio – Coslys","description":"\u003cdiv class=\"soi-dent-fiche\"\u003e\n\n\u003csection class=\"soi-dent-hero\"\u003e\n \u003cdiv class=\"soi-dent-hero-tag\"\u003e\n \u003cspan class=\"soi-dent-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène bucco-dentaire enfant · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-dent-hero-title\"\u003eDes dents protégées, un brossage adopté\u003c\/span\u003e\n \u003cp class=\"soi-dent-hero-subtitle\"\u003eUn dentifrice certifié bio au bon goût de pêche française, formulé sans fluor pour accompagner les sourires de 7 à 12 ans en toute confiance.\u003c\/p\u003e\n \u003cdiv class=\"soi-dent-hero-labels\"\u003e\n \u003cspan class=\"soi-dent-label soi-dent-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003eSANS FLUOR\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-dent-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce dentifrice bio pour enfant ?\u003c\/h2\u003e\n \u003cp\u003eÀ l'âge où les dents définitives font leur apparition, la prévention des caries devient une priorité. Ce dentifrice Coslys associe des actifs naturels éprouvés à une formule douce, sans fluor, pensée pour les jeunes bouches en plein développement. Sa certification \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e garantit que les ingrédients biologiques représentent une part significative de la formule et que les procédés de fabrication respectent des normes environnementales strictes.\u003c\/p\u003e\n \u003cdiv class=\"soi-dent-benefits\"\u003e\n \u003cdiv class=\"soi-dent-benefit\"\u003e\n \u003cdiv class=\"soi-dent-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eLabel de référence pour les cosmétiques biologiques, garant d'une formule exigeante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-benefit\"\u003e\n \u003cdiv class=\"soi-dent-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans fluor\u003c\/h3\u003e\n \u003cp\u003eAdapté aux enfants qui n'ont pas besoin d'un apport fluoré supplémentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-benefit\"\u003e\n \u003cdiv class=\"soi-dent-benefit-icon\"\u003e\u003cspan\u003e🦷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eContrôle odontologique\u003c\/h3\u003e\n \u003cp\u003eTesté sous contrôle odontologique pour une sécurité validée sur les dents en développement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-benefit\"\u003e\n \u003cdiv class=\"soi-dent-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e99 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eVegan, cruelty-free, fabriqué en France avec une traçabilité totale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eComposition : des actifs naturels qui font vraiment la différence\u003c\/h2\u003e\n \u003cp\u003eCe dentifrice n'est pas simplement « sans mauvais ingrédients » : il est formulé avec des actifs qui agissent concrètement sur la santé bucco-dentaire de votre enfant.\u003c\/p\u003e\n \u003cdiv class=\"soi-dent-grid\"\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🍑 Arôme naturel de pêche bio française\u003c\/h3\u003e\n \u003cp\u003eUn goût fruité authentique qui donne envie de se brosser les dents, sans arômes artificiels ni saveurs chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🌲 Xylitol d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eIssu du bouleau, cet édulcorant neutralise les acides produits par les bactéries buccales et contribue à la prévention de la plaque dentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eSes propriétés apaisantes aident à maintenir des gencives saines et confortables, même lors de la pousse des premières molaires définitives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-tip\"\u003e\n \u003cdiv class=\"soi-dent-tip-icon\"\u003e✅\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormule clean\u003c\/strong\u003e\n \u003cp\u003eExempte de parabènes, de SLS, de colorants synthétiques et de perturbateurs endocriniens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eComment utiliser ce dentifrice enfant bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-dent-timeline\"\u003e\n \u003cdiv class=\"soi-dent-step\"\u003e\n \u003cdiv class=\"soi-dent-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-dent-step-content\"\u003e\n \u003ch3\u003eDoser\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de dentifrice (environ 1 cm) sur une brosse à dents adaptée à l'âge de votre enfant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-step\"\u003e\n \u003cdiv class=\"soi-dent-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-dent-step-content\"\u003e\n \u003ch3\u003eBrosser\u003c\/h3\u003e\n \u003cp\u003eBrossez les dents pendant 2 minutes minimum, matin et soir, en insistant sur les surfaces masticatoires et le bord des gencives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-step\"\u003e\n \u003cdiv class=\"soi-dent-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-dent-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez bien. Ce dentifrice est recommandé pour les enfants de 7 à 12 ans, sous surveillance parentale si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eCe que les parents apprécient vraiment\u003c\/h2\u003e\n \u003cp\u003eCe dentifrice Coslys se distingue sur un point souvent négligé : il concilie \u003cstrong\u003etransparence de composition, efficacité prouvée et acceptabilité enfant\u003c\/strong\u003e. Le goût de pêche, doux et non écœurant, est suffisamment attrayant pour que le brossage devienne une habitude que votre enfant adopte naturellement, sans négociation chaque soir.\u003c\/p\u003e\n \u003cp\u003eLa certification bio n'est pas ici un argument marketing : elle traduit une exigence réelle sur chaque ingrédient et sur l'ensemble du processus de fabrication, du champ de pêchers français jusqu'au tube.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-dent-compo\"\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eTranche d'âge\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003e7 à 12 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eCosmos Organic (Cosmébio)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eArôme\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003ePêche bio française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eSans fluor, sans SLS, sans parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eVegan et cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dent-compo-row\"\u003e\n \u003cspan class=\"soi-dent-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-dent-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-dent-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-dent-cta-box\"\u003e\n \u003cp class=\"soi-dent-cta-tag\" style=\"color: white;\"\u003eUn brossage qui devient un plaisir\u003c\/p\u003e\n \u003cp class=\"soi-dent-cta-text\" style=\"color: white;\"\u003eParce que la santé bucco-dentaire de votre enfant mérite des ingrédients aussi sains que ceux de son assiette, offrez-lui un dentifrice naturel, éthique 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-dent-marine: #1A2D3D;\n --soi-dent-marine-dark: #0F1E2B;\n --soi-dent-marine-light: #2C4458;\n --soi-dent-pomme: #A1C544;\n --soi-dent-pomme-dark: #84A636;\n --soi-dent-pomme-light: rgba(161,197,68,0.10);\n --soi-dent-white: #FFFFFF;\n --soi-dent-off-white: #F8FAF6;\n --soi-dent-stone: #F1F3EE;\n --soi-dent-line: #E5E8E0;\n --soi-dent-primary: #F4A133;\n --soi-dent-primary-soft: #FFF4E5;\n --soi-dent-accent: #E8763C;\n --soi-dent-text: #1A2D3D;\n --soi-dent-text-soft: #4A5B6B;\n --soi-dent-text-muted: #7B8693;\n --soi-dent-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-dent-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-dent-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-dent-radius: 12px;\n --soi-dent-radius-sm: 8px;\n --soi-dent-radius-pill: 999px;\n}\n\n.soi-dent-fiche * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.soi-dent-fiche img {\n max-width: 100%;\n height: auto;\n}\n\n.soi-dent-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-dent-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-dent-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-dent-hero {\n position: relative;\n background: var(--soi-dent-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-dent-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-dent-hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--soi-dent-primary);\n}\n\n.soi-dent-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-dent-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-dent-primary);\n border-radius: 50%;\n}\n\n.soi-dent-hero-title {\n display: block;\n color: var(--soi-dent-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-dent-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-dent-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-dent-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-dent-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-dent-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-dent-label-accent {\n background: var(--soi-dent-primary);\n border-color: var(--soi-dent-primary);\n color: var(--soi-dent-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-dent-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-dent-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-dent-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-dent-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-dent-pomme);\n border-radius: 2px;\n}\n\n.soi-dent-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-dent-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-dent-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-dent-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-top: 1.5rem;\n}\n\n.soi-dent-benefit {\n background: var(--soi-dent-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-dent-radius);\n border: 1px solid var(--soi-dent-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-dent-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-dent-shadow-md);\n}\n\n.soi-dent-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-dent-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-dent-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-dent-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-dent-benefit:hover .soi-dent-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-dent-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-dent-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-dent-benefit p {\n font-size: 13px;\n color: var(--soi-dent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-dent-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-dent-card {\n background: var(--soi-dent-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-dent-radius);\n border-left: 3px solid var(--soi-dent-primary);\n}\n\n.soi-dent-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-dent-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-dent-card p {\n font-size: 14px;\n color: var(--soi-dent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-dent-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-dent-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-dent-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-dent-radius);\n border: 1px solid var(--soi-dent-line);\n align-items: flex-start;\n}\n\n.soi-dent-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-dent-primary);\n color: var(--soi-dent-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-dent-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-dent-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-dent-step-content p {\n font-size: 14px;\n color: var(--soi-dent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-dent-compo {\n background: var(--soi-dent-off-white);\n border-radius: var(--soi-dent-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-dent-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-dent-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-dent-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-dent-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-dent-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-dent-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-dent-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-dent-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-dent-primary-soft);\n border-left: 4px solid var(--soi-dent-primary);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-dent-radius) var(--soi-dent-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-dent-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-dent-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-dent-marine);\n margin-bottom: 4px;\n}\n\n.soi-dent-tip p {\n font-size: 14px;\n color: var(--soi-dent-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-dent-cta-box {\n background: var(--soi-dent-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-dent-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-dent-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-dent-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-dent-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-dent-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-dent-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-dent-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-dent-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-dent-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-dent-compo-value {\n text-align: left;\n }\n\n .soi-dent-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-dent-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-dent-fiche {\n --soi-dent-text-soft: #2C3E50;\n --soi-dent-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603500360010,"sku":"CS0045","price":4.25,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dentifrice-enfant-peche-certifie-bio-coslys-packshot.webp?v=1782373548"},{"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.5,"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-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":11.49,"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.9,"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 class=\"soi-cosl-fiche\"\u003e\n\n \u003csection class=\"soi-cosl-hero\"\u003e\n \u003cdiv class=\"soi-cosl-hero-tag\"\u003e\n \u003cspan class=\"soi-cosl-tag-dot\"\u003e\u003c\/span\u003e\n Crème de douche bio · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-cosl-hero-title\"\u003eUn goûter d'automne sous la douche\u003c\/span\u003e\n \u003cp class=\"soi-cosl-hero-subtitle\"\u003eChâtaigne bio française et caramel se rencontrent dans une crème de douche sans sulfates ni savon. Elle convient à tous les types de peau et se partage en famille dès 3 ans.\u003c\/p\u003e\n \u003cdiv class=\"soi-cosl-hero-labels\"\u003e\n \u003cspan class=\"soi-cosl-label soi-cosl-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003eUn gel douche naturel bio qui sent l'automne\u003c\/h2\u003e\n \u003cp\u003eDès la première noisette, la texture crémeuse mousse en douceur et libère des \u003cstrong\u003enotes sucrées et lactées\u003c\/strong\u003e. Le parfum de caramel est \u003cstrong\u003e100% d'origine naturelle\u003c\/strong\u003e. Il s'accorde avec des extraits de \u003cstrong\u003ecosses de cacao\u003c\/strong\u003e et de \u003cstrong\u003echâtaigne bio cultivée en Ardèche\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp\u003eLe résultat : une odeur réconfortante, comparable à un goûter d'automne, qui s'installe sans être écœurante. Un vrai moment de pause, après une longue journée ou avant de vous coucher.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème de douche bio ?\u003c\/h2\u003e\n \u003cp class=\"soi-cosl-section-intro\"\u003eFace à la multitude de gels douche naturels, voici les critères qui comptent vraiment pour bien choisir le produit lavant de votre famille.\u003c\/p\u003e\n \u003cdiv class=\"soi-cosl-grid\"\u003e\n \u003cdiv class=\"soi-cosl-card\"\u003e\n \u003ch3\u003eUne certification reconnue\u003c\/h3\u003e\n \u003cp\u003eCe produit est certifié Cosmos Organic, un référentiel exigeant et un vrai gage de transparence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card\"\u003e\n \u003ch3\u003e98% d'ingrédients d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eLa formulation d'un produit lavant moussant demande toujours quelques ingrédients de transformation. Ici, la part naturelle atteint 98%, ce qui est remarquable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card\"\u003e\n \u003ch3\u003eSans sulfates et sans savon\u003c\/h3\u003e\n \u003cp\u003eLa base lavante végétale nettoie sans décaper, sans produit chimique agressif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card\"\u003e\n \u003ch3\u003eVegan et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale, aucun test sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card\"\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eUne production locale, avec des matières premières issues de filières françaises.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003eComposition : ce que contient le flacon\u003c\/h2\u003e\n \u003cp class=\"soi-cosl-section-intro\"\u003eLa formule repose sur une logique simple : peu d'artifices, des ingrédients sélectionnés.\u003c\/p\u003e\n \u003cdiv class=\"soi-cosl-benefits\"\u003e\n \u003cdiv class=\"soi-cosl-benefit\"\u003e\n \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBase lavante végétale\u003c\/h3\u003e\n \u003cp\u003eElle nettoie en douceur et respecte l'équilibre de l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-benefit\"\u003e\n \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🌰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eChâtaigne bio d'Ardèche\u003c\/h3\u003e\n \u003cp\u003eIssu de l'agriculture biologique, cet extrait donne à la crème son caractère boisé et rond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-benefit\"\u003e\n \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🍫\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCosses de cacao\u003c\/h3\u003e\n \u003cp\u003eLeurs extraits apportent la note chocolatée et lactée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-benefit\"\u003e\n \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum caramel\u003c\/h3\u003e\n \u003cp\u003e100% d'origine naturelle, sans fragrance de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-cosl-note\"\u003eLa liste INCI complète figure sur l'étiquette du flacon. Nous vous invitons à la consulter si vous avez des allergies connues.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003eComment l'utiliser en 3 gestes\u003c\/h2\u003e\n \u003cdiv class=\"soi-cosl-timeline\"\u003e\n \u003cdiv class=\"soi-cosl-step\"\u003e\n \u003cdiv class=\"soi-cosl-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eHumidifiez votre peau à l'eau tiède, pas trop chaude, pour préserver son confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step\"\u003e\n \u003cdiv class=\"soi-cosl-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step-content\"\u003e\n \u003ch3\u003eDéposez\u003c\/h3\u003e\n \u003cp\u003ePlacez une noisette de crème dans la paume ou sur une fleur de douche, puis faites mousser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step\"\u003e\n \u003cdiv class=\"soi-cosl-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le corps en prenant le temps de respirer le parfum, puis rincez abondamment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-tip\"\u003e\n \u003cdiv class=\"soi-cosl-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSon usage est possible au quotidien. Pour les plus jeunes (dès 3 ans), un adulte peut doser la quantité et veiller à éviter le contact avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003ePour qui est-elle faite ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-cosl-grid\"\u003e\n \u003cdiv class=\"soi-cosl-card soi-cosl-card-warm\"\u003e\n \u003ch3\u003eLes gourmands\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui aiment les rituels sensoriels et les parfums rassurants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card soi-cosl-card-warm\"\u003e\n \u003ch3\u003eLes peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eElles apprécient l'absence de sulfates et de savon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card soi-cosl-card-warm\"\u003e\n \u003ch3\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eUn seul flacon pour les parents et les enfants dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card soi-cosl-card-warm\"\u003e\n \u003ch3\u003eLes hommes\u003c\/h3\u003e\n \u003cp\u003eLe parfum de châtaigne et de cacao, chaud et boisé, n'a rien de trop sucré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-cosl-note\"\u003eVous hésitez encore ? Les avis sur cette crème de douche relaxante Coslys mentionnent surtout sa mousse onctueuse et son parfum enveloppant. Un bon point de départ pour découvrir un gel douche naturel bio en toute simplicité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003eBon à savoir\u003c\/h2\u003e\n \u003cdiv class=\"soi-cosl-accordion\"\u003e\n \u003cdetails class=\"soi-cosl-accordion-item\"\u003e\n \u003csummary class=\"soi-cosl-accordion-header\"\u003ePrécautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-cosl-accordion-content\"\u003e\n \u003cp\u003eCe produit cosmétique est destiné à l'hygiène quotidienne. Il ne remplace pas un traitement médical ni l'avis d'un professionnel de santé en cas de problème de peau (eczéma, psoriasis, irritations persistantes).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cosl-accordion-item\"\u003e\n \u003csummary class=\"soi-cosl-accordion-header\"\u003eConservation\u003c\/summary\u003e\n \u003cdiv class=\"soi-cosl-accordion-content\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la chaleur et refermez-le bien après usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-cosl-cta-box\"\u003e\n \u003cp class=\"soi-cosl-cta-tag\" style=\"color: white;\"\u003eVotre parenthèse gourmande et bio\u003c\/p\u003e\n \u003cp class=\"soi-cosl-cta-text\" style=\"color: white;\"\u003eCaramel fondant, châtaigne d'Ardèche et cacao réconfortant enveloppent votre peau comme un plaid d'automne. Chaque minute sous l'eau devient un moment de calme, pour vous et toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.soi-cosl-fiche {\n --soi-cosl-marine: #1A2D3D;\n --soi-cosl-marine-dark: #0F1E2B;\n --soi-cosl-marine-light: #2C4458;\n --soi-cosl-pomme: #A1C544;\n --soi-cosl-pomme-dark: #84A636;\n --soi-cosl-pomme-light: rgba(161,197,68,0.10);\n --soi-cosl-white: #FFFFFF;\n --soi-cosl-off-white: #F8FAF6;\n --soi-cosl-stone: #F1F3EE;\n --soi-cosl-line: #E5E8E0;\n --soi-cosl-primary: #D9942F;\n --soi-cosl-primary-soft: #FBF1E2;\n --soi-cosl-accent: #7A4A2E;\n --soi-cosl-text: #1A2D3D;\n --soi-cosl-text-soft: #4A5B6B;\n --soi-cosl-text-muted: #7B8693;\n --soi-cosl-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-cosl-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-cosl-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-cosl-radius: 12px;\n --soi-cosl-radius-sm: 8px;\n --soi-cosl-radius-pill: 999px;\n}\n\n.soi-cosl-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cosl-fiche img { max-width: 100%; height: auto; }\n\n.soi-cosl-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-cosl-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-cosl-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-cosl-hero {\n position: relative;\n background: var(--soi-cosl-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-cosl-radius);\n text-align: center;\n overflow: hidden;\n}\n.soi-cosl-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-cosl-pomme);\n}\n.soi-cosl-hero::after {\n content: '';\n position: absolute;\n bottom: 0; left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: var(--soi-cosl-primary);\n border-radius: 3px 3px 0 0;\n}\n.soi-cosl-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n.soi-cosl-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-cosl-pomme);\n border-radius: 50%;\n}\n.soi-cosl-hero-title {\n display: block;\n color: var(--soi-cosl-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n.soi-cosl-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n.soi-cosl-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n.soi-cosl-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-cosl-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-cosl-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n.soi-cosl-label-accent {\n background: var(--soi-cosl-pomme);\n border-color: var(--soi-cosl-pomme);\n color: var(--soi-cosl-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-cosl-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n.soi-cosl-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-cosl-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n.soi-cosl-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-cosl-pomme);\n border-radius: 2px;\n}\n.soi-cosl-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-cosl-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n.soi-cosl-section p:last-child {\n margin-bottom: 0;\n}\n.soi-cosl-section .soi-cosl-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-cosl-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n.soi-cosl-section .soi-cosl-note {\n margin-top: 1.25rem;\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-cosl-text-soft);\n}\n\n\/* BENEFITS *\/\n.soi-cosl-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n.soi-cosl-benefit {\n background: var(--soi-cosl-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-cosl-radius);\n border: 1px solid var(--soi-cosl-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.soi-cosl-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-cosl-shadow-md);\n}\n.soi-cosl-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-cosl-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n.soi-cosl-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-cosl-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n.soi-cosl-benefit:hover .soi-cosl-benefit-icon::after {\n opacity: 1;\n}\n.soi-cosl-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cosl-marine);\n margin-bottom: 0.5rem;\n}\n.soi-cosl-benefit p {\n font-size: 15px;\n color: var(--soi-cosl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-cosl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n.soi-cosl-card {\n background: var(--soi-cosl-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cosl-radius);\n border-left: 3px solid var(--soi-cosl-pomme);\n}\n.soi-cosl-card-warm {\n background: var(--soi-cosl-primary-soft);\n border-left-color: var(--soi-cosl-primary);\n}\n.soi-cosl-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cosl-marine);\n margin-bottom: 0.5rem;\n}\n.soi-cosl-card p {\n font-size: 14px;\n color: var(--soi-cosl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-cosl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n.soi-cosl-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-cosl-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cosl-radius);\n border: 1px solid var(--soi-cosl-line);\n align-items: flex-start;\n}\n.soi-cosl-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-cosl-marine);\n color: var(--soi-cosl-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n.soi-cosl-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cosl-marine);\n margin-bottom: 0.3rem;\n}\n.soi-cosl-step-content p {\n font-size: 15px;\n color: var(--soi-cosl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIP *\/\n.soi-cosl-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-cosl-pomme-light);\n border-left: 4px solid var(--soi-cosl-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-cosl-radius) var(--soi-cosl-radius) 0;\n align-items: flex-start;\n}\n.soi-cosl-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n.soi-cosl-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-cosl-marine);\n margin-bottom: 4px;\n}\n.soi-cosl-tip p {\n font-size: 15px;\n color: var(--soi-cosl-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-cosl-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.soi-cosl-accordion-item {\n background: var(--soi-cosl-off-white);\n border-radius: var(--soi-cosl-radius-sm);\n border: 1px solid var(--soi-cosl-line);\n overflow: hidden;\n}\n.soi-cosl-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-cosl-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.soi-cosl-accordion-header::-webkit-details-marker {\n display: none;\n}\n.soi-cosl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-cosl-pomme);\n transition: transform 0.2s ease;\n}\n.soi-cosl-accordion-item[open] .soi-cosl-accordion-header::after {\n transform: rotate(45deg);\n}\n.soi-cosl-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n.soi-cosl-accordion-content p {\n font-size: 14px;\n color: var(--soi-cosl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-cosl-cta-box {\n background: var(--soi-cosl-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-cosl-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n.soi-cosl-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-cosl-pomme);\n border-radius: 0 0 4px 4px;\n}\n.soi-cosl-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-cosl-pomme);\n margin-bottom: 0.75rem;\n}\n.soi-cosl-section .soi-cosl-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 2.6vw, 20px);\n font-weight: 500;\n color: var(--soi-cosl-white);\n line-height: 1.5;\n margin: 0 auto;\n max-width: 640px;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n .soi-cosl-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n .soi-cosl-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-cosl-fiche * {\n animation: none !important;\n transition: none !important;\n }\n}\n@media (prefers-contrast: more) {\n .soi-cosl-fiche {\n --soi-cosl-text-soft: #2C3E50;\n --soi-cosl-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603510059338,"sku":"CS0085","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-douche-relaxante-certifiee-bio-coslys-packshot.webp?v=1792142911"},{"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":15.99,"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-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.99,"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.9,"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.9,"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":19.9,"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":"\n\u003cdiv class=\"soi-deop-fiche\"\u003e\n\n \u003csection class=\"soi-deop-hero\"\u003e\n \u003cdiv class=\"soi-deop-hero-tag\"\u003e\n \u003cspan class=\"soi-deop-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-deop-hero-title\"\u003e48 h de fraîcheur, zéro compromis sur la peau\u003c\/span\u003e\n \u003cp class=\"soi-deop-hero-subtitle\"\u003eUn déodorant soin certifié bio, formulé à 99,9 % d'ingrédients d'origine naturelle, sans chlorhydrate d'aluminium ni alcool. Fabriqué en France, il protège durablement tout en respectant les peaux les plus réactives.\u003c\/p\u003e\n \u003cdiv class=\"soi-deop-hero-labels\"\u003e\n \u003cspan class=\"soi-deop-label soi-deop-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-deop-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-deop-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-deop-label\"\u003eSANS ALUMINIUM\u003c\/span\u003e\n \u003cspan class=\"soi-deop-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deop-section\"\u003e\n \u003ch2\u003eDéodorant naturel et efficace : 48 h de protection, zéro compromis\u003c\/h2\u003e\n \u003cp\u003eTrouver un déodorant naturel vraiment efficace est souvent un parcours du combattant. Trop doux pour certains, mal toléré pour d'autres… Le Déodorant Soin Protecteur certifié Bio Coslys répond à ce défi avec une formule à 99,9 % d'origine naturelle, certifiée Cosmos Organic, sans chlorhydrate d'aluminium et sans alcool. Fabriqué en France, il s'adresse aussi bien aux femmes qu'aux hommes, y compris aux peaux les plus réactives.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deop-section\"\u003e\n \u003ch2\u003ePourquoi ce déodorant bio se distingue vraiment ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-deop-benefits\"\u003e\n \u003cdiv class=\"soi-deop-benefit\"\u003e\n \u003cdiv class=\"soi-deop-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eLotus bio français\u003c\/h3\u003e\n \u003cp\u003eCultivé en France, cet actif floral apporte douceur et un parfum subtil, 100 % naturel. Une note délicate qui vous accompagne toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-benefit\"\u003e\n \u003cdiv class=\"soi-deop-benefit-icon\"\u003e\u003cspan\u003e🪨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePierre d'alun naturelle\u003c\/h3\u003e\n \u003cp\u003eReconnue pour limiter la prolifération des bactéries responsables des mauvaises odeurs, sans obstruer les pores ni perturber la transpiration naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-benefit\"\u003e\n \u003cdiv class=\"soi-deop-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAloe vera et huile d'amande douce\u003c\/h3\u003e\n \u003cp\u003eCes deux actifs apaisants hydratent la peau sous les bras, idéal après l'épilation pour éviter toute irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-benefit\"\u003e\n \u003cdiv class=\"soi-deop-benefit-icon\"\u003e\u003cspan\u003e⏱️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection 48 heures\u003c\/h3\u003e\n \u003cp\u003eUne tenue longue durée pour accompagner aussi bien les journées au bureau que les activités sportives légères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deop-section\"\u003e\n \u003ch2\u003eComposition complète du déodorant naturel Coslys\u003c\/h2\u003e\n \u003cp class=\"soi-deop-section-intro\"\u003eTransparence totale sur les ingrédients, parce que vous méritez de savoir ce que vous appliquez sur votre peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-deop-compo\"\u003e\n \u003cdiv class=\"soi-deop-compo-row\"\u003e\n \u003cspan class=\"soi-deop-compo-label\"\u003eAqua (eau)\u003c\/span\u003e\n \u003cspan class=\"soi-deop-compo-value\"\u003eBase purifiée de la formule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-compo-row\"\u003e\n \u003cspan class=\"soi-deop-compo-label\"\u003eAloe Barbadensis Leaf Juice*\u003c\/span\u003e\n \u003cspan class=\"soi-deop-compo-value\"\u003eAloe vera bio : hydratation et apaisement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-compo-row\"\u003e\n \u003cspan class=\"soi-deop-compo-label\"\u003ePotassium Alum\u003c\/span\u003e\n \u003cspan class=\"soi-deop-compo-value\"\u003ePierre d'alun : action déodorante naturelle antibactérienne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-compo-row\"\u003e\n \u003cspan class=\"soi-deop-compo-label\"\u003ePrunus Amygdalus Dulcis Oil*\u003c\/span\u003e\n \u003cspan class=\"soi-deop-compo-value\"\u003eHuile d'amande douce bio : soin et douceur cutanée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-compo-row\"\u003e\n \u003cspan class=\"soi-deop-compo-label\"\u003eNelumbo Nucifera Flower Extract*\u003c\/span\u003e\n \u003cspan class=\"soi-deop-compo-value\"\u003eLotus bio français : parfum floral et actif apaisant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-compo-row\"\u003e\n \u003cspan class=\"soi-deop-compo-label\"\u003eParfum naturel\u003c\/span\u003e\n \u003cspan class=\"soi-deop-compo-value\"\u003e100 % d'origine naturelle, sans allergènes synthétiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-compo-row\"\u003e\n \u003cspan class=\"soi-deop-compo-label\"\u003eXanthan Gum\u003c\/span\u003e\n \u003cspan class=\"soi-deop-compo-value\"\u003eAgent texturant d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1rem; font-size: 13px; color: var(--soi-deop-text-muted); font-style: italic;\"\u003e* Ingrédients issus de l'agriculture biologique. 99,9 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deop-section\"\u003e\n \u003ch2\u003eComment utiliser ce déodorant bio efficacement ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-deop-timeline\"\u003e\n \u003cdiv class=\"soi-deop-step\"\u003e\n \u003cdiv class=\"soi-deop-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-deop-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur les aisselles propres et sèches, de préférence après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-step\"\u003e\n \u003cdiv class=\"soi-deop-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-deop-step-content\"\u003e\n \u003ch3\u003eDosez avec justesse\u003c\/h3\u003e\n \u003cp\u003ePompez 2 à 3 fois pour obtenir la quantité nécessaire, sans excès.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-step\"\u003e\n \u003cdiv class=\"soi-deop-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-deop-step-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003ePatientez quelques secondes avant de vous habiller pour une tenue optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-step\"\u003e\n \u003cdiv class=\"soi-deop-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-deop-step-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003eEn cas de journée intense, n'hésitez pas à renouveler l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-deop-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLors des premières semaines d'utilisation d'un déodorant naturel, la peau passe par une phase de transition. C'est normal. Persistez 2 à 3 semaines pour profiter pleinement de son efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deop-section\"\u003e\n \u003ch2\u003eCertifications et engagements Coslys\u003c\/h2\u003e\n \u003cdiv class=\"soi-deop-grid-compact\"\u003e\n \u003cdiv class=\"soi-deop-card-mini\"\u003e\n \u003cspan class=\"soi-deop-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-card-mini\"\u003e\n \u003cspan class=\"soi-deop-card-mini-icon\"\u003e🐇\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-value\"\u003eVegan, non testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-card-mini\"\u003e\n \u003cspan class=\"soi-deop-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-card-mini\"\u003e\n \u003cspan class=\"soi-deop-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-label\"\u003eÉco-conception\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-value\"\u003eFlacon recyclé et recyclable, pompe airless\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"soi-deop-accordion-item\"\u003e\n \u003csummary class=\"soi-deop-accordion-header\"\u003e🚫 Formulé sans\u003c\/summary\u003e\n \u003cdiv class=\"soi-deop-accordion-content\"\u003e\n \u003cp\u003eSans chlorhydrate d'aluminium, sans alcool, sans paraben. Une formule minimaliste et respectueuse pour les peaux les plus exigeantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deop-section\"\u003e\n \u003ch2\u003ePour qui est fait ce déodorant naturel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-deop-grid\"\u003e\n \u003cdiv class=\"soi-deop-card\"\u003e\n \u003ch3\u003e👩 Femmes et hommes\u003c\/h3\u003e\n \u003cp\u003eSon parfum floral discret de lotus plaît à tous. Que vous cherchiez un déodorant naturel pour homme avec une tenue sérieuse ou un soin doux pour une peau réactive, il convient à toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-card\"\u003e\n \u003ch3\u003e🤸 Mode de vie actif\u003c\/h3\u003e\n \u003cp\u003eCompact et pratique, il se glisse facilement dans un sac de sport pour une application express après l'effort. Sa protection 48 heures accompagne aussi bien les journées chargées que les séances d'activité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-card\"\u003e\n \u003ch3\u003e🩹 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eFormulé sans alcool ni chlorhydrate d'aluminium, enrichi en aloe vera et huile d'amande douce, il convient parfaitement aux peaux sensibles ou sujettes aux irritations, y compris après l'épilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deop-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-deop-cta-box\"\u003e\n \u003cp class=\"soi-deop-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans les gestes du quotidien\u003c\/p\u003e\n \u003cp class=\"soi-deop-cta-text\" style=\"color: white;\"\u003eUn déodorant bio honnête, certifié, pensé pour celles et ceux qui veulent prendre soin d'eux et de la planète, sans sacrifier le confort ni 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-deop-marine: #1A2D3D;\n --soi-deop-marine-dark: #0F1E2B;\n --soi-deop-marine-light: #2C4458;\n --soi-deop-pomme: #A1C544;\n --soi-deop-pomme-dark: #84A636;\n --soi-deop-pomme-light: rgba(161,197,68,0.10);\n --soi-deop-white: #FFFFFF;\n --soi-deop-off-white: #F8FAF6;\n --soi-deop-stone: #F1F3EE;\n --soi-deop-line: #E5E8E0;\n --soi-deop-primary: #E8B0C0;\n --soi-deop-primary-soft: #F5DDE5;\n --soi-deop-accent: #A8B5D4;\n --soi-deop-text: #1A2D3D;\n --soi-deop-text-soft: #4A5B6B;\n --soi-deop-text-muted: #7B8693;\n --soi-deop-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-deop-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-deop-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-deop-radius: 12px;\n --soi-deop-radius-sm: 8px;\n --soi-deop-radius-pill: 999px;\n}\n\n.soi-deop-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-deop-fiche img { max-width: 100%; height: auto; }\n\n.soi-deop-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-deop-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-deop-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-deop-hero {\n position: relative;\n background: var(--soi-deop-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-deop-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-deop-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-deop-pomme);\n}\n\n.soi-deop-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-deop-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-deop-pomme);\n border-radius: 50%;\n}\n\n.soi-deop-hero-title {\n display: block;\n color: var(--soi-deop-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-deop-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-deop-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-deop-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-deop-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-deop-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-deop-label-accent {\n background: var(--soi-deop-pomme);\n border-color: var(--soi-deop-pomme);\n color: var(--soi-deop-marine);\n font-weight: 600;\n}\n\n.soi-deop-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-deop-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-deop-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-deop-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-deop-pomme);\n border-radius: 2px;\n}\n\n.soi-deop-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-deop-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-deop-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-deop-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-deop-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-deop-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-deop-benefit {\n background: var(--soi-deop-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-deop-radius);\n border: 1px solid var(--soi-deop-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-deop-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-deop-shadow-md);\n}\n\n.soi-deop-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-deop-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-deop-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-deop-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-deop-benefit:hover .soi-deop-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-deop-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deop-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deop-benefit p {\n font-size: 13px;\n color: var(--soi-deop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deop-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-deop-card {\n background: var(--soi-deop-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deop-radius);\n border-left: 3px solid var(--soi-deop-pomme);\n}\n\n.soi-deop-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deop-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deop-card p {\n font-size: 14px;\n color: var(--soi-deop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deop-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-deop-card-mini {\n background: var(--soi-deop-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-deop-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-deop-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-deop-card-mini-label {\n font-size: 11px;\n color: var(--soi-deop-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-deop-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deop-marine);\n}\n\n.soi-deop-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-deop-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-deop-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deop-radius);\n border: 1px solid var(--soi-deop-line);\n align-items: flex-start;\n}\n\n.soi-deop-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-deop-marine);\n color: var(--soi-deop-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-deop-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deop-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-deop-step-content p {\n font-size: 14px;\n color: var(--soi-deop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deop-compo {\n background: var(--soi-deop-off-white);\n border-radius: var(--soi-deop-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-deop-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-deop-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-deop-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-deop-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-deop-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-deop-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-deop-marine);\n text-align: right;\n}\n\n.soi-deop-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-deop-pomme-light);\n border-left: 4px solid var(--soi-deop-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-deop-radius) var(--soi-deop-radius) 0;\n align-items: flex-start;\n}\n\n.soi-deop-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-deop-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-deop-marine);\n margin-bottom: 4px;\n}\n\n.soi-deop-tip p {\n font-size: 14px;\n color: var(--soi-deop-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deop-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-deop-accordion-item {\n background: var(--soi-deop-off-white);\n border-radius: var(--soi-deop-radius-sm);\n border: 1px solid var(--soi-deop-line);\n overflow: hidden;\n}\n\n.soi-deop-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-deop-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-deop-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-deop-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-deop-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-deop-accordion-item[open] .soi-deop-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-deop-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-deop-accordion-content p {\n font-size: 14px;\n color: var(--soi-deop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deop-cta-box {\n background: var(--soi-deop-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-deop-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-deop-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-deop-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-deop-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-deop-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-deop-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-deop-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-deop-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-deop-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-deop-compo-value {\n text-align: left;\n }\n\n .soi-deop-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-deop-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-deop-fiche {\n --soi-deop-text-soft: #2C3E50;\n --soi-deop-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603521429834,"sku":"CS0225","price":6.07,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-soin-protecteur-certifie-bio-coslys-packshot.webp?v=1783247096"},{"product_id":"deodorant-soin-fraicheur-certifie-bio-coslys","title":"Déodorant Soin Fraîcheur certifié bio – Coslys","description":"\u003cdiv class=\"soi-deofr-fiche\"\u003e\n\n\u003csection class=\"soi-deofr-hero\"\u003e\n \u003cdiv class=\"soi-deofr-hero-tag\"\u003e\n \u003cspan class=\"soi-deofr-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-deofr-hero-title\"\u003eFraîcheur naturelle, protection longue durée\u003c\/span\u003e\n \u003cp class=\"soi-deofr-hero-subtitle\"\u003eUn déodorant soin certifié bio au thé vert et à l'aloe vera, formulé à 99 % d'ingrédients d'origine naturelle pour une protection fiable de 48 heures, sans compromis sur la douceur.\u003c\/p\u003e\n \u003cdiv class=\"soi-deofr-hero-labels\"\u003e\n \u003cspan class=\"soi-deofr-label soi-deofr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-label\"\u003eCRUELTY FREE\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-label\"\u003e0 % ALCOOL\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant bio naturel et efficace ?\u003c\/h2\u003e\n \u003cp class=\"soi-deofr-section-intro\"\u003eBeaucoup de déodorants naturels déçoivent sur l'efficacité. Celui-ci apporte une vraie réponse : le zinc, actif reconnu pour neutraliser les bactéries responsables des mauvaises odeurs, associé à l'aloe vera bio et au thé vert bio, deux ingrédients complémentaires qui apaisent, hydratent et protègent votre peau en profondeur. Le résultat : une fraîcheur stable et durable, même en journée chargée.\u003c\/p\u003e\n \u003cdiv class=\"soi-deofr-benefits\"\u003e\n \u003cdiv class=\"soi-deofr-benefit\"\u003e\n \u003cdiv class=\"soi-deofr-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans chlorhydrate d'aluminium\u003c\/h3\u003e\n \u003cp\u003eRespecte la physiologie naturelle de votre peau, sans bloquer la transpiration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-benefit\"\u003e\n \u003cdiv class=\"soi-deofr-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaise, adoucit et hydrate la zone axillaire pour un confort tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-benefit\"\u003e\n \u003cdiv class=\"soi-deofr-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eThé vert bio\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant, il protège votre peau des agressions du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-benefit\"\u003e\n \u003cdiv class=\"soi-deofr-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans alcool, parfum naturel\u003c\/h3\u003e\n \u003cp\u003eZéro irritation, même sur peaux sensibles ou après épilation. Notes vertes et mentholées, convient aux femmes et aux hommes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\"\u003e\n \u003ch2\u003eComposition complète du déodorant Coslys thé vert bio\u003c\/h2\u003e\n \u003cp class=\"soi-deofr-section-intro\"\u003eFormulé à 99 % d'ingrédients d'origine naturelle, ce déodorant mise sur la transparence totale. Voici ses principaux actifs :\u003c\/p\u003e\n \u003cdiv class=\"soi-deofr-compo\"\u003e\n \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n \u003cspan class=\"soi-deofr-compo-label\"\u003eAqua\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-compo-value\"\u003eBase purifiante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n \u003cspan class=\"soi-deofr-compo-label\"\u003eAloe Barbadensis Leaf Juice (bio)\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-compo-value\"\u003eAgent hydratant et apaisant certifié bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n \u003cspan class=\"soi-deofr-compo-label\"\u003eCamellia Sinensis Leaf Extract (bio)\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-compo-value\"\u003eAntioxydant, certifié bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n \u003cspan class=\"soi-deofr-compo-label\"\u003eZinc Gluconate\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-compo-value\"\u003eNeutralise les odeurs à la source\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n \u003cspan class=\"soi-deofr-compo-label\"\u003eParfum naturel\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-compo-value\"\u003eNotes vertes et mentholées d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n \u003cspan class=\"soi-deofr-compo-label\"\u003eXanthan Gum\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-compo-value\"\u003eTexturant d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-grid-compact\"\u003e\n \u003cdiv class=\"soi-deofr-card-mini\"\u003e\n \u003cspan class=\"soi-deofr-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-value\"\u003e99 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-card-mini\"\u003e\n \u003cspan class=\"soi-deofr-card-mini-icon\"\u003e⏱️\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-label\"\u003eProtection\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-value\"\u003e48 heures\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-card-mini\"\u003e\n \u003cspan class=\"soi-deofr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-card-mini\"\u003e\n \u003cspan class=\"soi-deofr-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-label\"\u003eFlacon\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-value\"\u003eRecyclé \u0026amp; recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\"\u003e\n \u003ch2\u003eComment utiliser ce déodorant naturel efficacement ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-deofr-timeline\"\u003e\n \u003cdiv class=\"soi-deofr-step\"\u003e\n \u003cdiv class=\"soi-deofr-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez le déodorant sur des aisselles propres et sèches, de préférence le matin après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-step\"\u003e\n \u003cdiv class=\"soi-deofr-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-step-content\"\u003e\n \u003ch3\u003eDiffusez le produit\u003c\/h3\u003e\n \u003cp\u003eAppuyez légèrement sur le système pompe pour diffuser le produit uniformément.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-step\"\u003e\n \u003cdiv class=\"soi-deofr-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-step-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003ePatientez quelques secondes avant de vous habiller pour un confort optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-step\"\u003e\n \u003cdiv class=\"soi-deofr-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-step-content\"\u003e\n \u003ch3\u003eProtection longue durée\u003c\/h3\u003e\n \u003cp\u003eUne seule application suffit pour une protection de 48 heures. Renouvelez selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-tip\"\u003e\n \u003cdiv class=\"soi-deofr-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLors du passage à un déodorant naturel, une courte période d'adaptation de 1 à 2 semaines est possible. C'est tout à fait normal : votre peau se rééquilibre après des années de produits conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\"\u003e\n \u003ch2\u003ePour qui est fait ce déodorant naturel homme et femme ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-deofr-grid\"\u003e\n \u003cdiv class=\"soi-deofr-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eConvient parfaitement aux personnes dont la peau réagit aux déodorants classiques, grâce à sa formule sans alcool et sans sels d'aluminium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-card\"\u003e\n \u003ch3\u003e🚫 Adieu sels d'aluminium\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez éliminer les sels d'aluminium de votre routine ? Ce déodorant vous offre une alternative fiable et performante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-card\"\u003e\n \u003ch3\u003e🌍 Transition éco-responsable\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui s'engagent vers une cosmétique plus naturelle et respectueuse de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-card\"\u003e\n \u003ch3\u003e👫 Mixte, pour tous\u003c\/h3\u003e\n \u003cp\u003eSon parfum vert et frais, neutre et subtil, convient aussi bien aux hommes qu'aux femmes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\"\u003e\n \u003ch2\u003eEngagements Coslys : naturel, local, responsable\u003c\/h2\u003e\n \u003cp\u003eCoslys est une marque française engagée depuis plus de 30 ans dans la cosmétique naturelle et biologique. Ce déodorant soin reflète ses valeurs : fabrication française, ingrédients certifiés bio, flacon recyclé et recyclable, et certifications indépendantes (Cosmos Organic, Vegan, Cruelty Free). Choisir ce produit, c'est aussi soutenir une démarche locale et transparente.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-deofr-cta-box\"\u003e\n \u003cp class=\"soi-deofr-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans les gestes du quotidien\u003c\/p\u003e\n \u003cp class=\"soi-deofr-cta-text\" style=\"color: white;\"\u003e48 heures de fraîcheur, une peau apaisée par l'aloe vera et le thé vert, et la sérénité d'une formule saine fabriquée en France. Votre peau vous remerciera dès les premiers jours.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-deofr-marine: #1A2D3D;\n --soi-deofr-marine-dark: #0F1E2B;\n --soi-deofr-marine-light: #2C4458;\n --soi-deofr-pomme: #A1C544;\n --soi-deofr-pomme-dark: #84A636;\n --soi-deofr-pomme-light: rgba(161,197,68,0.10);\n\n --soi-deofr-white: #FFFFFF;\n --soi-deofr-off-white: #F8FAF6;\n --soi-deofr-stone: #F1F3EE;\n --soi-deofr-line: #E5E8E0;\n\n --soi-deofr-primary: #7A9A8E;\n --soi-deofr-primary-soft: #D6E5DF;\n --soi-deofr-accent: #5B8C5A;\n\n --soi-deofr-text: #1A2D3D;\n --soi-deofr-text-soft: #4A5B6B;\n --soi-deofr-text-muted: #7B8693;\n\n --soi-deofr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-deofr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-deofr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-deofr-radius: 12px;\n --soi-deofr-radius-sm: 8px;\n --soi-deofr-radius-pill: 999px;\n}\n\n.soi-deofr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-deofr-fiche img { max-width: 100%; height: auto; }\n\n.soi-deofr-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-deofr-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-deofr-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-deofr-hero {\n position: relative;\n background: var(--soi-deofr-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-deofr-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-deofr-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-deofr-pomme);\n}\n\n.soi-deofr-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-deofr-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-deofr-pomme);\n border-radius: 50%;\n}\n\n.soi-deofr-hero-title {\n display: block;\n color: var(--soi-deofr-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-deofr-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-deofr-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-deofr-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-deofr-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-deofr-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-deofr-label-accent {\n background: var(--soi-deofr-pomme);\n border-color: var(--soi-deofr-pomme);\n color: var(--soi-deofr-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-deofr-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-deofr-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-deofr-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-deofr-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-deofr-pomme);\n border-radius: 2px;\n}\n\n.soi-deofr-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-deofr-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-deofr-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-deofr-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-deofr-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-deofr-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-deofr-benefit {\n background: var(--soi-deofr-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-deofr-radius);\n border: 1px solid var(--soi-deofr-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-deofr-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-deofr-shadow-md);\n}\n\n.soi-deofr-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-deofr-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-deofr-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-deofr-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-deofr-benefit:hover .soi-deofr-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-deofr-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deofr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deofr-benefit p {\n font-size: 13px;\n color: var(--soi-deofr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-deofr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-deofr-card {\n background: var(--soi-deofr-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deofr-radius);\n border-left: 3px solid var(--soi-deofr-pomme);\n}\n\n.soi-deofr-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deofr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deofr-card p {\n font-size: 14px;\n color: var(--soi-deofr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-deofr-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-deofr-card-mini {\n background: var(--soi-deofr-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-deofr-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-deofr-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-deofr-card-mini-label {\n font-size: 11px;\n color: var(--soi-deofr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-deofr-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deofr-marine);\n}\n\n\/* COMPOSITION *\/\n.soi-deofr-compo {\n background: var(--soi-deofr-off-white);\n border-radius: var(--soi-deofr-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-deofr-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-deofr-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-deofr-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-deofr-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-deofr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-deofr-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-deofr-marine);\n text-align: right;\n}\n\n\/* TIMELINE *\/\n.soi-deofr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-deofr-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-deofr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deofr-radius);\n border: 1px solid var(--soi-deofr-line);\n align-items: flex-start;\n}\n\n.soi-deofr-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-deofr-marine);\n color: var(--soi-deofr-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-deofr-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deofr-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-deofr-step-content p {\n font-size: 14px;\n color: var(--soi-deofr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIP *\/\n.soi-deofr-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-deofr-pomme-light);\n border-left: 4px solid var(--soi-deofr-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-deofr-radius) var(--soi-deofr-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-deofr-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-deofr-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-deofr-marine);\n margin-bottom: 4px;\n}\n\n.soi-deofr-tip p {\n font-size: 14px;\n color: var(--soi-deofr-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-deofr-cta-box {\n background: var(--soi-deofr-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-deofr-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-deofr-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-deofr-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-deofr-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-deofr-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-deofr-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-deofr-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-deofr-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-deofr-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-deofr-compo-value {\n text-align: left;\n }\n\n .soi-deofr-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-deofr-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-deofr-fiche {\n --soi-deofr-text-soft: #2C3E50;\n --soi-deofr-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603522412874,"sku":"CS0220","price":4.97,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-soin-fraicheur-certifie-bio-coslys-packshot.webp?v=1783247119"},{"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-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":6.99,"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":8.99,"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":10.99,"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.9,"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 class=\"soi-cosl-fiche\"\u003e\n\n \u003csection class=\"soi-cosl-hero\"\u003e\n \u003cdiv class=\"soi-cosl-hero-tag\"\u003e\n \u003cspan class=\"soi-cosl-tag-dot\"\u003e\u003c\/span\u003e\n Après-shampoing bio · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-cosl-hero-title\"\u003eLe démêlage redevient un geste de douceur\u003c\/span\u003e\n \u003cp class=\"soi-cosl-hero-subtitle\"\u003eUne crème démêlante à l'aloe vera et à l'huile de coco bio, pensée pour faciliter le coiffage et laisser une sensation de douceur sur tous les types de cheveux.\u003c\/p\u003e\n \u003cdiv class=\"soi-cosl-hero-labels\"\u003e\n \u003cspan class=\"soi-cosl-label soi-cosl-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-label\"\u003eSANS SILICONE\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003cp class=\"soi-cosl-section-intro\"\u003eDémêler ses cheveux ne devrait pas être un combat. Chez Soinat, nous avons sélectionné cet après-shampoing bio signé Coslys, certifié Cosmos Organic, sans silicone et fabriqué en France, pour accompagner tous les types de cheveux au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003eUn après-shampoing bio qui facilite le démêlage\u003c\/h2\u003e\n \u003cp class=\"soi-cosl-section-intro\"\u003eCette crème onctueuse s'étale facilement et enrobe la fibre capillaire sans l'alourdir. Voici ce qu'elle vous apporte au quotidien :\u003c\/p\u003e\n \u003cdiv class=\"soi-cosl-benefits\"\u003e\n \u003cdiv class=\"soi-cosl-benefit\"\u003e\n \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🪮\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUn démêlage plus souple\u003c\/h3\u003e\n \u003cp\u003eL'agent conditionneur d'origine végétale, issu de la betterave sucrière et du colza, aide le peigne à glisser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-benefit\"\u003e\n \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUne hydratation douce\u003c\/h3\u003e\n \u003cp\u003eL'aloe vera bio est apprécié pour ses propriétés hydratantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-benefit\"\u003e\n \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUn toucher nourri\u003c\/h3\u003e\n \u003cp\u003eL'huile de coco bio contribue à assouplir les longueurs et les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-benefit\"\u003e\n \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUn parfum délicat\u003c\/h3\u003e\n \u003cp\u003eUne note fruitée et délicate, agréable sans être envahissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-cosl-result\"\u003eLe résultat : des cheveux plus faciles à coiffer, avec un aspect doux et brillant, sans effet gras.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003eComposition : une formule à 98,4 % d'origine naturelle\u003c\/h2\u003e\n \u003cp class=\"soi-cosl-section-intro\"\u003eCoslys a conçu une formule courte, centrée sur l'essentiel et sans silicone. Les ingrédients clés à retenir :\u003c\/p\u003e\n \u003cdiv class=\"soi-cosl-compo\"\u003e\n \u003cdiv class=\"soi-cosl-compo-row\"\u003e\n \u003cspan class=\"soi-cosl-compo-label\"\u003eAloe vera bio\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-compo-value\"\u003eHydratation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-compo-row\"\u003e\n \u003cspan class=\"soi-cosl-compo-label\"\u003eHuile de coco bio\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-compo-value\"\u003eNutrition\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-compo-row\"\u003e\n \u003cspan class=\"soi-cosl-compo-label\"\u003eAgent conditionneur végétal\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-compo-value\"\u003eDémêlage (issu de la betterave sucrière et du colza)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-compo-row\"\u003e\n \u003cspan class=\"soi-cosl-compo-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-compo-value\"\u003eFruité, d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-grid-compact\"\u003e\n \u003cdiv class=\"soi-cosl-card-mini\"\u003e\n \u003cspan class=\"soi-cosl-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-card-mini-value\"\u003e98,4 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card-mini\"\u003e\n \u003cspan class=\"soi-cosl-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card-mini\"\u003e\n \u003cspan class=\"soi-cosl-card-mini-label\"\u003eCertifié par\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-card-mini-value\"\u003eEcocert Greenlife\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card-mini\"\u003e\n \u003cspan class=\"soi-cosl-card-mini-label\"\u003eLabels\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-card-mini-value\"\u003eVegan, cruelty free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-cosl-note\"\u003eLa liste INCI complète figure sur le tube. Nous vous invitons à la consulter avant l'achat si vous avez des allergies connues.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003eComment l'utiliser en 4 étapes\u003c\/h2\u003e\n \u003cdiv class=\"soi-cosl-timeline\"\u003e\n \u003cdiv class=\"soi-cosl-step\"\u003e\n \u003cdiv class=\"soi-cosl-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step-content\"\u003e\n \u003ch3\u003eLavez\u003c\/h3\u003e\n \u003cp\u003eLavez vos cheveux avec votre shampooing habituel, puis essorez-les doucement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step\"\u003e\n \u003cdiv class=\"soi-cosl-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noix de crème, des longueurs vers les pointes, en évitant le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step\"\u003e\n \u003cdiv class=\"soi-cosl-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step-content\"\u003e\n \u003ch3\u003eDémêlez\u003c\/h3\u003e\n \u003cp\u003eDémêlez avec un peigne à dents larges ou vos doigts, mèche par mèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step\"\u003e\n \u003cdiv class=\"soi-cosl-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003eLaissez poser quelques minutes, puis rincez abondamment à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-tip\"\u003e\n \u003cdiv class=\"soi-cosl-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSur cheveux longs ou très emmêlés, ajustez la quantité et travaillez par sections pour un démêlage plus confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003ePour quels cheveux ? Cheveux crépus, bouclés, fins ou lisses\u003c\/h2\u003e\n \u003cp class=\"soi-cosl-section-intro\"\u003eLa formule convient à tous les types de cheveux. Quelques ajustements vous permettent d'en profiter pleinement selon la nature de votre chevelure.\u003c\/p\u003e\n \u003cdiv class=\"soi-cosl-grid\"\u003e\n \u003cdiv class=\"soi-cosl-card\"\u003e\n \u003ch3\u003eCheveux crépus, frisés ou bouclés\u003c\/h3\u003e\n \u003cp\u003eIls s'emmêlent facilement : appliquez la crème sur cheveux bien mouillés, par petites sections, et démêlez toujours des pointes vers les racines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card\"\u003e\n \u003ch3\u003eCheveux fins\u003c\/h3\u003e\n \u003cp\u003eDosez avec parcimonie pour garder du volume.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003eAprès-shampoing solide ou sans rinçage : bien choisir\u003c\/h2\u003e\n \u003cp\u003eVous hésitez entre plusieurs formats ? Cette crème est un \u003cstrong\u003eaprès-shampoing liquide, à rincer\u003c\/strong\u003e. Ce n'est pas un après-shampoing solide bio, qui se présente en pain. Ce n'est pas non plus une crème démêlante sans rinçage (leave-in), qui répond à un autre usage.\u003c\/p\u003e\n \u003cp\u003eSi vous comparez avec un après-shampoing So'Bio étic ou une autre marque bio, regardez la certification, la liste d'ingrédients et le format qui s'intègrent le mieux à votre routine.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-cosl-accordion\"\u003e\n \u003cdetails class=\"soi-cosl-accordion-item\"\u003e\n \u003csummary class=\"soi-cosl-accordion-header\"\u003eContact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"soi-cosl-accordion-content\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux et rincez-les à l'eau en cas de projection.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cosl-accordion-item\"\u003e\n \u003csummary class=\"soi-cosl-accordion-header\"\u003ePeau sensible et allergies\u003c\/summary\u003e\n \u003cdiv class=\"soi-cosl-accordion-content\"\u003e\n \u003cp\u003eSi vous avez la peau sensible ou des allergies, vérifiez la liste des ingrédients.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cosl-accordion-item\"\u003e\n \u003csummary class=\"soi-cosl-accordion-header\"\u003eAvis médical\u003c\/summary\u003e\n \u003cdiv class=\"soi-cosl-accordion-content\"\u003e\n \u003cp\u003eCe soin cosmétique ne remplace pas un avis ni un traitement médical en cas de problème du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-cosl-cta-box\"\u003e\n \u003cp class=\"soi-cosl-cta-tag\" style=\"color: white;\"\u003eUne routine bio, vegan et made in France\u003c\/p\u003e\n \u003cp class=\"soi-cosl-cta-text\" style=\"color: white;\"\u003eAvec son aloe vera et son huile de coco bio, cette crème démêlante accompagne vos cheveux, quelle que soit leur nature, vers plus de souplesse et de brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.soi-cosl-fiche {\n --soi-cosl-marine: #1A2D3D;\n --soi-cosl-marine-dark: #0F1E2B;\n --soi-cosl-marine-light: #2C4458;\n --soi-cosl-pomme: #A1C544;\n --soi-cosl-pomme-dark: #84A636;\n --soi-cosl-pomme-light: rgba(161,197,68,0.10);\n --soi-cosl-white: #FFFFFF;\n --soi-cosl-off-white: #F8FAF6;\n --soi-cosl-stone: #F1F3EE;\n --soi-cosl-line: #E5E8E0;\n --soi-cosl-primary: #8FCFBF;\n --soi-cosl-primary-soft: #E6F5F0;\n --soi-cosl-accent: #C65B8E;\n --soi-cosl-text: #1A2D3D;\n --soi-cosl-text-soft: #4A5B6B;\n --soi-cosl-text-muted: #7B8693;\n --soi-cosl-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-cosl-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-cosl-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-cosl-radius: 12px;\n --soi-cosl-radius-sm: 8px;\n --soi-cosl-radius-pill: 999px;\n}\n\n.soi-cosl-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cosl-fiche img { max-width: 100%; height: auto; }\n\n.soi-cosl-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-cosl-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-cosl-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-cosl-hero {\n position: relative;\n background: var(--soi-cosl-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-cosl-radius);\n text-align: center;\n overflow: hidden;\n}\n.soi-cosl-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-cosl-pomme);\n}\n.soi-cosl-hero::after {\n content: '';\n position: absolute;\n bottom: 0; left: 0; right: 0;\n height: 2px;\n background: var(--soi-cosl-primary);\n opacity: 0.6;\n}\n.soi-cosl-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n.soi-cosl-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-cosl-pomme);\n border-radius: 50%;\n}\n.soi-cosl-hero-title {\n display: block;\n color: var(--soi-cosl-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n.soi-cosl-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n.soi-cosl-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n.soi-cosl-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-cosl-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-cosl-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n.soi-cosl-label-accent {\n background: var(--soi-cosl-pomme);\n border-color: var(--soi-cosl-pomme);\n color: var(--soi-cosl-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-cosl-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n.soi-cosl-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-cosl-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n.soi-cosl-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-cosl-pomme);\n border-radius: 2px;\n}\n.soi-cosl-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-cosl-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n.soi-cosl-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-cosl-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n.soi-cosl-section p:last-child {\n margin-bottom: 0;\n}\n.soi-cosl-section p.soi-cosl-section-intro {\n color: var(--soi-cosl-text-soft);\n margin-bottom: 1.5rem;\n}\n.soi-cosl-section p.soi-cosl-section-intro:last-child {\n margin-bottom: 0;\n}\n.soi-cosl-section p.soi-cosl-result {\n margin-top: 1.5rem;\n padding: 1rem 1.25rem;\n background: var(--soi-cosl-primary-soft);\n border-radius: var(--soi-cosl-radius-sm);\n color: var(--soi-cosl-marine);\n font-weight: 500;\n}\n.soi-cosl-section p.soi-cosl-note {\n margin-top: 1.25rem;\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-cosl-text-muted);\n}\n\n\/* BENEFITS *\/\n.soi-cosl-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n.soi-cosl-benefit {\n background: var(--soi-cosl-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-cosl-radius);\n border: 1px solid var(--soi-cosl-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.soi-cosl-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-cosl-shadow-md);\n}\n.soi-cosl-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-cosl-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n.soi-cosl-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-cosl-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n.soi-cosl-benefit:hover .soi-cosl-benefit-icon::after {\n opacity: 1;\n}\n.soi-cosl-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cosl-marine);\n margin-bottom: 0.5rem;\n}\n.soi-cosl-section .soi-cosl-benefit p {\n font-size: 15px;\n color: var(--soi-cosl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-cosl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n.soi-cosl-card {\n background: var(--soi-cosl-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cosl-radius);\n border-left: 3px solid var(--soi-cosl-pomme);\n}\n.soi-cosl-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cosl-marine);\n margin-bottom: 0.5rem;\n}\n.soi-cosl-section .soi-cosl-card p {\n font-size: 14px;\n color: var(--soi-cosl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-cosl-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.soi-cosl-card-mini {\n background: var(--soi-cosl-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-cosl-radius-sm);\n border-top: 3px solid var(--soi-cosl-primary);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.soi-cosl-card-mini-label {\n font-size: 11px;\n color: var(--soi-cosl-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n.soi-cosl-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cosl-marine);\n}\n\n\/* TIMELINE *\/\n.soi-cosl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n.soi-cosl-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-cosl-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cosl-radius);\n border: 1px solid var(--soi-cosl-line);\n align-items: flex-start;\n}\n.soi-cosl-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-cosl-marine);\n color: var(--soi-cosl-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n.soi-cosl-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cosl-marine);\n margin-bottom: 0.3rem;\n}\n.soi-cosl-section .soi-cosl-step-content p {\n font-size: 15px;\n color: var(--soi-cosl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-cosl-compo {\n background: var(--soi-cosl-off-white);\n border-radius: var(--soi-cosl-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n.soi-cosl-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-cosl-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n.soi-cosl-compo-row:last-child {\n border-bottom: none;\n}\n.soi-cosl-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-cosl-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n.soi-cosl-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-cosl-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-cosl-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-cosl-pomme-light);\n border-left: 4px solid var(--soi-cosl-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-cosl-radius) var(--soi-cosl-radius) 0;\n align-items: flex-start;\n}\n.soi-cosl-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n.soi-cosl-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-cosl-marine);\n margin-bottom: 4px;\n}\n.soi-cosl-section .soi-cosl-tip p {\n font-size: 15px;\n color: var(--soi-cosl-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-cosl-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.soi-cosl-accordion-item {\n background: var(--soi-cosl-off-white);\n border-radius: var(--soi-cosl-radius-sm);\n border: 1px solid var(--soi-cosl-line);\n overflow: hidden;\n}\n.soi-cosl-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-cosl-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.soi-cosl-accordion-header::-webkit-details-marker {\n display: none;\n}\n.soi-cosl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-cosl-pomme);\n transition: transform 0.2s ease;\n}\n.soi-cosl-accordion-item[open] .soi-cosl-accordion-header::after {\n transform: rotate(45deg);\n}\n.soi-cosl-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n.soi-cosl-section .soi-cosl-accordion-content p {\n font-size: 14px;\n color: var(--soi-cosl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-cosl-cta-box {\n background: var(--soi-cosl-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-cosl-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n.soi-cosl-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-cosl-pomme);\n border-radius: 0 0 4px 4px;\n}\n.soi-cosl-section .soi-cosl-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-cosl-pomme);\n margin-bottom: 0.75rem;\n}\n.soi-cosl-section .soi-cosl-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-cosl-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-cosl-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n .soi-cosl-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n .soi-cosl-compo-value {\n text-align: left;\n }\n .soi-cosl-hero {\n padding: 1.75rem 1.25rem;\n }\n .soi-cosl-tip {\n flex-direction: column;\n gap: 0.5rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-cosl-fiche * {\n animation: none !important;\n transition: none !important;\n }\n}\n@media (prefers-contrast: more) {\n .soi-cosl-fiche {\n --soi-cosl-text-soft: #2C3E50;\n --soi-cosl-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603905798474,"sku":"CS0191","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-demelante-certifiee-bio-et-vegan-coslys-packshot.webp?v=1793556767"},{"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":11.89,"currency_code":"EUR","in_stock":true}],"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":9.99,"currency_code":"EUR","in_stock":true},{"title":"Flacon pompe de 300 ml","offer_id":61612822266186,"sku":"CS0016","price":5.78,"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":10.89,"currency_code":"EUR","in_stock":true},{"title":"Flacon pompe de 300 ml","offer_id":61612822200650,"sku":"CS0006","price":5.78,"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":13.99,"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.89,"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":"serum-nourrissant-certifi-bio-30-ml-coslys","title":"Sérum nourrissant certifié bio 30 ml - Coslys","description":"\u003cdiv class=\"soi-seru-fiche\"\u003e\n\n\u003csection class=\"soi-seru-hero\"\u003e\n \u003cdiv class=\"soi-seru-hero-tag\"\u003e\n \u003cspan class=\"soi-seru-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique capillaire · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-seru-hero-title\"\u003eNutrition intense et frisottis domptés\u003c\/span\u003e\n \u003cp class=\"soi-seru-hero-subtitle\"\u003eUn sérum capillaire certifié bio à l'huile de cameline française, formulé pour nourrir en profondeur les cheveux secs ou texturés et leur redonner douceur, brillance et discipline.\u003c\/p\u003e\n \u003cdiv class=\"soi-seru-hero-labels\"\u003e\n \u003cspan class=\"soi-seru-label soi-seru-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-seru-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-seru-label\"\u003eCRUELTY FREE\u003c\/span\u003e\n \u003cspan class=\"soi-seru-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-seru-section\"\u003e\n \u003ch2\u003eL'huile de cameline bio française : l'actif qui fait la différence\u003c\/h2\u003e\n \u003cp\u003eAu cœur de ce sérum capillaire, l'\u003cstrong\u003ehuile de cameline bio cultivée en France\u003c\/strong\u003e se distingue par sa richesse en acides gras essentiels. Elle pénètre la fibre capillaire pour la réparer de l'intérieur, crée une barrière protectrice contre les agressions extérieures et lisse durablement les frisottis.\u003c\/p\u003e\n \u003cp\u003eAssociée à l'\u003cstrong\u003ehuile de tournesol bio\u003c\/strong\u003e et à l'\u003cstrong\u003ehuile de camélia bio\u003c\/strong\u003e, elle offre une action nourrissante complète, des racines jusqu'aux pointes, sans effet gras ni lourd.\u003c\/p\u003e\n \u003cdiv class=\"soi-seru-tip\"\u003e\n \u003cdiv class=\"soi-seru-tip-icon\"\u003e🌾\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n \u003cp\u003eLa vitamine E (tocophérol) naturellement présente dans la formule complète l'action des huiles végétales grâce à ses propriétés antioxydantes, pour protéger la fibre capillaire dans le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-seru-section\"\u003e\n \u003ch2\u003eCe que ce sérum fait concrètement pour vos cheveux\u003c\/h2\u003e\n \u003cdiv class=\"soi-seru-benefits\"\u003e\n \u003cdiv class=\"soi-seru-benefit\"\u003e\n \u003cdiv class=\"soi-seru-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFrisottis domptés\u003c\/h3\u003e\n \u003cp\u003eLa texture légère enveloppe chaque mèche et lisse la fibre sans la rigidifier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-seru-benefit\"\u003e\n \u003cdiv class=\"soi-seru-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNutrition intense\u003c\/h3\u003e\n \u003cp\u003eLes huiles végétales nourrissent et hydratent jusqu'aux pointes les plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-seru-benefit\"\u003e\n \u003cdiv class=\"soi-seru-benefit-icon\"\u003e\u003cspan\u003e🌟\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBrillance retrouvée\u003c\/h3\u003e\n \u003cp\u003eVos cheveux reprennent éclat et souplesse dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-seru-benefit\"\u003e\n \u003cdiv class=\"soi-seru-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCoiffage facilité\u003c\/h3\u003e\n \u003cp\u003eLes mèches sont plus disciplinées, plus faciles à démêler et à coiffer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-seru-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-seru-tip-icon\"\u003e🪶\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFini non gras\u003c\/strong\u003e\n \u003cp\u003eLa formule fluide s'absorbe rapidement, sans résidu lourd ni brillance excessive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-seru-section\"\u003e\n \u003ch2\u003eComment utiliser ce sérum capillaire au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-seru-timeline\"\u003e\n \u003cdiv class=\"soi-seru-step\"\u003e\n \u003cdiv class=\"soi-seru-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-seru-step-content\"\u003e\n \u003ch3\u003eEn soin sans rinçage\u003c\/h3\u003e\n \u003cp\u003eVersez 2 à 3 gouttes dans le creux de la main, frottez les paumes l'une contre l'autre, puis répartissez sur les longueurs et les pointes. À utiliser sur cheveux secs ou légèrement humides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-seru-step\"\u003e\n \u003cdiv class=\"soi-seru-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-seru-step-content\"\u003e\n \u003ch3\u003eEn bain d'huile avant-shampooing\u003c\/h3\u003e\n \u003cp\u003eAppliquez une plus grande quantité sur l'ensemble de la chevelure, laissez poser 20 à 30 minutes, puis lavez comme d'habitude. Idéal pour un boost de nutrition intense en cas de cheveux très secs ou fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-seru-precaution\"\u003eEn cas de contact avec les yeux, rincez abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-seru-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cp class=\"soi-seru-inci\"\u003eCaprylic\/capric triglyceride, coco-caprylate\/caprate, \u003cstrong\u003ehelianthus annuus (sunflower) seed oil*\u003c\/strong\u003e, isoamyl laurate, \u003cstrong\u003ecamellia oleifera seed oil*\u003c\/strong\u003e, crambe abyssinica seed oil, octyldodecyl oleate, polyglyceryl-3 diisostearate, octyldodecyl stearoyl stearate, brassica campestris\/aleurites fordi oil copolymer, benzyl alcohol, \u003cstrong\u003ecamelina sativa seed oil*\u003c\/strong\u003e, phytosterols, polyhydroxystearic acid, octyldodecanol, tocopherol, parfum (fragrance), dehydroxydiacetic acid, aqua, juniperus virginiana oil, geraniol.\u003c\/p\u003e\n \u003cdiv class=\"soi-seru-compo\"\u003e\n \u003cdiv class=\"soi-seru-compo-row\"\u003e\n \u003cspan class=\"soi-seru-compo-label\"\u003eIngrédients d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-seru-compo-value\"\u003e99%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-seru-compo-row\"\u003e\n \u003cspan class=\"soi-seru-compo-label\"\u003eIssus de l'Agriculture Biologique\u003c\/span\u003e\n \u003cspan class=\"soi-seru-compo-value\"\u003e21,5%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-seru-compo-row\"\u003e\n \u003cspan class=\"soi-seru-compo-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-seru-compo-value\"\u003e100% d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-seru-compo-row\"\u003e\n \u003cspan class=\"soi-seru-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-seru-compo-value\"\u003eFlacon en verre de 30 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-seru-compo-note\"\u003e* Ingrédients issus de l'Agriculture Biologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-seru-section\"\u003e\n \u003ch2\u003eCertifications et engagements\u003c\/h2\u003e\n \u003cdiv class=\"soi-seru-grid\"\u003e\n \u003cdiv class=\"soi-seru-card\"\u003e\n \u003ch3\u003e🌿 Certifié COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eCertification délivrée par Ecocert Greenlife, garantissant le respect des normes les plus exigeantes en cosmétique biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-seru-card\"\u003e\n \u003ch3\u003e🐰 Cruelty Free\u003c\/h3\u003e\n \u003cp\u003eAucun test sur les animaux n'est réalisé à aucune étape de la fabrication de ce sérum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-seru-card\"\u003e\n \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n \u003cp\u003eLa formule ne contient aucun ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-seru-card\"\u003e\n \u003ch3\u003e🫙 Conditionnement éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon en verre de 30 ml, pour un geste soin plus respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-seru-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-seru-cta-box\"\u003e\n \u003cp class=\"soi-seru-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans vos cheveux\u003c\/p\u003e\n \u003cp class=\"soi-seru-cta-text\" style=\"color: white;\"\u003eDompter les frisottis, nourrir en profondeur, retrouver des cheveux brillants et faciles à coiffer : deux à trois gouttes par jour d'huile de cameline bio française pour des cheveux enfin réconciliés avec leur nature.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-seru-marine: #1A2D3D;\n --soi-seru-marine-dark: #0F1E2B;\n --soi-seru-marine-light: #2C4458;\n --soi-seru-pomme: #A1C544;\n --soi-seru-pomme-dark: #84A636;\n --soi-seru-pomme-light: rgba(161,197,68,0.10);\n --soi-seru-white: #FFFFFF;\n --soi-seru-off-white: #F8FAF6;\n --soi-seru-stone: #F1F3EE;\n --soi-seru-line: #E5E8E0;\n --soi-seru-primary: #D4A52A;\n --soi-seru-primary-soft: #F5EDDA;\n --soi-seru-accent: #E8C76A;\n --soi-seru-text: #1A2D3D;\n --soi-seru-text-soft: #4A5B6B;\n --soi-seru-text-muted: #7B8693;\n --soi-seru-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-seru-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-seru-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-seru-radius: 12px;\n --soi-seru-radius-sm: 8px;\n --soi-seru-radius-pill: 999px;\n}\n\n.soi-seru-fiche * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.soi-seru-fiche img {\n max-width: 100%;\n height: auto;\n}\n\n.soi-seru-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-seru-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-seru-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-seru-hero {\n position: relative;\n background: var(--soi-seru-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-seru-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-seru-hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--soi-seru-pomme);\n}\n\n.soi-seru-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-seru-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-seru-pomme);\n border-radius: 50%;\n}\n\n.soi-seru-hero-title {\n display: block;\n color: var(--soi-seru-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-seru-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-seru-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-seru-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-seru-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-seru-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-seru-label-accent {\n background: var(--soi-seru-pomme);\n border-color: var(--soi-seru-pomme);\n color: var(--soi-seru-marine);\n font-weight: 600;\n}\n\n.soi-seru-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-seru-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-seru-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-seru-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-seru-pomme);\n border-radius: 2px;\n}\n\n.soi-seru-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-seru-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-seru-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-seru-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-seru-benefit {\n background: var(--soi-seru-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-seru-radius);\n border: 1px solid var(--soi-seru-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-seru-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-seru-shadow-md);\n}\n\n.soi-seru-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-seru-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-seru-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-seru-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-seru-benefit:hover .soi-seru-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-seru-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-seru-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-seru-benefit p {\n font-size: 15px;\n color: var(--soi-seru-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-seru-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-seru-card {\n background: var(--soi-seru-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-seru-radius);\n border-left: 3px solid var(--soi-seru-pomme);\n}\n\n.soi-seru-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-seru-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-seru-card p {\n font-size: 14px;\n color: var(--soi-seru-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-seru-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-seru-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-seru-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-seru-radius);\n border: 1px solid var(--soi-seru-line);\n align-items: flex-start;\n}\n\n.soi-seru-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-seru-marine);\n color: var(--soi-seru-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-seru-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-seru-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-seru-step-content p {\n font-size: 15px;\n color: var(--soi-seru-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-seru-precaution {\n font-size: 13px;\n color: var(--soi-seru-text-muted);\n margin-top: 1rem;\n font-style: italic;\n}\n\n.soi-seru-compo {\n background: var(--soi-seru-off-white);\n border-radius: var(--soi-seru-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-seru-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-seru-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-seru-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-seru-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-seru-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-seru-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-seru-marine);\n text-align: right;\n}\n\n.soi-seru-inci {\n font-size: clamp(12px, 1.8vw, 13px);\n color: var(--soi-seru-text-muted);\n line-height: 1.8;\n word-break: break-word;\n}\n\n.soi-seru-compo-note {\n font-size: 13px;\n color: var(--soi-seru-text-muted);\n margin-top: 1rem;\n font-style: italic;\n}\n\n.soi-seru-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-seru-pomme-light);\n border-left: 4px solid var(--soi-seru-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-seru-radius) var(--soi-seru-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-seru-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-seru-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-seru-marine);\n margin-bottom: 4px;\n}\n\n.soi-seru-tip p {\n font-size: 15px;\n color: var(--soi-seru-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-seru-cta-box {\n background: var(--soi-seru-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-seru-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-seru-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-seru-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-seru-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-seru-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-seru-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-seru-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-seru-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-seru-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-seru-compo-value {\n text-align: left;\n }\n\n .soi-seru-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-seru-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-seru-fiche {\n --soi-seru-text-soft: #2C3E50;\n --soi-seru-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":62333268492618,"sku":"CS0255","price":12.26,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/serum-nourrissant-certifie-bio-30-ml-coslys-packshot.webp?v=1789391249"},{"product_id":"shampooing-dermatologique-certifie-bio-500-ml-coslys","title":"Shampooing dermatologique certifié bio - 500 ml - Coslys","description":"\u003cdiv class=\"soi-shmp-fiche\"\u003e\n\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 · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-shmp-hero-title\"\u003eDouceur dermatologique pour cuirs chevelus sensibles\u003c\/span\u003e\n \u003cp class=\"soi-shmp-hero-subtitle\"\u003eUn shampooing certifié bio, haute tolérance, sans parfum ni sulfates, enrichi en avoine bio apaisante. Formulé pour nettoyer en douceur sans agresser, il calme les inconforts du quotidien dès 3 ans.\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\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eCRUELTY FREE\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing bio pour cuir chevelu sensible ?\u003c\/h2\u003e\n \u003cp class=\"soi-shmp-section-intro\"\u003eParmi les shampooings bio disponibles pour les peaux réactives, celui de Coslys se distingue par sa formule haute tolérance testée sous contrôle dermatologique. Sa base lavante douce d'origine végétale préserve le film hydrolipidique naturel du cuir chevelu, pour un lavage efficace sans tiraillement ni sécheresse.\u003c\/p\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\u003e97,9 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eUne formule qui mise sur la naturalité, avec des actifs végétaux soigneusement sélectionnés pour respecter votre cuir chevelu.\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\u003eSans parfum, sans silicone, sans sulfates\u003c\/h3\u003e\n \u003cp\u003eZéro ingrédient agressif : votre cuir chevelu retrouve son équilibre naturel sans irritation ni réaction aux fragrances.\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\u003eToute la famille, dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eConvient à tous types de cheveux et à toute la famille, y compris les plus jeunes, pour une routine capillaire partagée.\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\u003eFlacon 100 % recyclé\u003c\/h3\u003e\n \u003cp\u003eUn engagement concret : le flacon est fabriqué en plastique 100 % recyclé et entièrement recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eL'avoine bio : l'actif clé qui fait la différence\u003c\/h2\u003e\n \u003cp\u003eAu cœur de ce shampooing dermatologique se trouve l'extrait d'avoine bio (Avena Sativa), reconnu pour ses propriétés apaisantes et sa capacité à renforcer la tolérance cutanée. Associé à l'eau florale de reine des prés bio et au jus d'aloe vera bio, il contribue à calmer les démangeaisons, les rougeurs et les sensations d'inconfort.\u003c\/p\u003e\n \u003cdiv class=\"soi-shmp-grid\"\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🌾 Avoine bio (Avena Sativa)\u003c\/h3\u003e\n \u003cp\u003eActif apaisant reconnu, il renforce la tolérance cutanée et calme les cuirs chevelus réactifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🌸 Reine des prés bio\u003c\/h3\u003e\n \u003cp\u003eSon eau florale contribue à réduire les sensations d'inconfort et les rougeurs du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eSon jus hydratant et adoucissant complète l'action apaisante pour un confort immédiat après le lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-tip\"\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 amplifier les effets apaisants, combinez ce shampooing avec un après-shampooing bio doux, adapté aux cheveux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"soi-shmp-compo\"\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,9 % du total des ingrédients\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eAgriculture biologique\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003e10,2 % du total des ingrédients\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-accordion\"\u003e\n \u003cdetails class=\"soi-shmp-accordion-item\"\u003e\n \u003csummary class=\"soi-shmp-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-shmp-accordion-content\"\u003e\n \u003cp\u003eAqua (water), Caprylyl\/Capryl Glucoside, Decyl Glucoside, Sodium Cocoamphoacetate, Lactic Acid, Glyceryl Stearate SE, Xanthan Gum, Sodium Cocoyl Glutamate, Sodium Chloride, \u003cem\u003eSpiraea Ulmaria Flower Water*\u003c\/em\u003e, Isoamyl Laurate, \u003cem\u003eAloe Barbadensis Leaf Juice Powder*\u003c\/em\u003e, \u003cem\u003eTriticum Spelta Seed Water*\u003c\/em\u003e, \u003cem\u003eAvena Sativa (Oat) Kernel Extract*\u003c\/em\u003e, Bentonite, Caprylyl Glycol, \u003cem\u003eBisabolol*\u003c\/em\u003e, Glyceryl Caprylate, Propanediol, Tocopherol, Sodium Benzoate, Potassium Sorbate, 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 \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampooing bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shmp-timeline\"\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\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-shmp-step\"\u003e\n \u003cdiv class=\"soi-shmp-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step-content\"\u003e\n \u003ch3\u003eMasser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser doucement en massant le cuir chevelu du bout des doigts.\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\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. En cas de contact avec les yeux, rincez à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eCe shampooing convient à un usage régulier pour toute la famille.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shmp-grid\"\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🔴 Cuirs chevelus sensibles et irrités\u003c\/h3\u003e\n \u003cp\u003eParticulièrement recommandé pour les personnes sujettes aux démangeaisons et aux irritations du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🚫 En quête de pureté\u003c\/h3\u003e\n \u003cp\u003eIdéal si vous recherchez un shampooing sans parfum, sans sulfate et sans silicone, respectueux de votre sensibilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🤍 Cheveux blancs ou colorés fragilisés\u003c\/h3\u003e\n \u003cp\u003eUne option naturelle et douce pour les cheveux blancs ou colorés qui nécessitent un soin respectueux de la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e👶 Enfants dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eSa formule haute tolérance en fait un shampooing adapté à toute la famille, y compris les plus jeunes dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-shmp-compo\"\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eCoslys\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\"\u003e500 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eCosmos Organic, Cruelty Free, Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eRéférence\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eCS0260 | EAN : 3538396163407\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eTri sélectif\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eFlacon à déposer dans le bac de tri jaune\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\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;\"\u003eUn soin capillaire naturel et respectueux\u003c\/p\u003e\n \u003cp class=\"soi-shmp-cta-text\" style=\"color: white;\"\u003eParce que votre cuir chevelu mérite une formule vraiment douce, ce shampooing dermatologique certifié bio transforme chaque lavage en moment de confort. Votre routine capillaire naturelle commence ici.\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\n --soi-shmp-white: #FFFFFF;\n --soi-shmp-off-white: #F8FAF6;\n --soi-shmp-stone: #F1F3EE;\n --soi-shmp-line: #E5E8E0;\n\n --soi-shmp-primary: #7ABFB0;\n --soi-shmp-primary-soft: rgba(122,191,176,0.12);\n --soi-shmp-accent: #E0908A;\n\n --soi-shmp-text: #1A2D3D;\n --soi-shmp-text-soft: #4A5B6B;\n --soi-shmp-text-muted: #7B8693;\n\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(24px, 5vw, 35px);\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: 15px;\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\/* === TIMELINE === *\/\n.soi-shmp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\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: 16px;\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: 15px;\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 margin-bottom: 1rem;\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\/* === 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 margin-top: 1.25rem;\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: 15px;\n color: var(--soi-shmp-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shmp-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shmp-accordion-item {\n background: var(--soi-shmp-off-white);\n border-radius: var(--soi-shmp-radius-sm);\n border: 1px solid var(--soi-shmp-line);\n overflow: hidden;\n}\n\n.soi-shmp-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shmp-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-shmp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shmp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shmp-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shmp-accordion-item[open] .soi-shmp-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shmp-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shmp-accordion-content p {\n font-size: 14px;\n color: var(--soi-shmp-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem 0;\n}\n\n.soi-shmp-accordion-content p:last-child {\n margin-bottom: 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 .soi-shmp-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-shmp-benefits {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n@media (max-width: 420px) {\n .soi-shmp-benefits {\n grid-template-columns: 1fr;\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":62333268525386,"sku":"CS0260","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-dermatologique-certifie-bio-500-ml-coslys-packshot.webp?v=1790243885"},{"product_id":"soin-lavant-toilette-intime-extra-doux-certifie-bio-100-ml-coslys","title":"Soin lavant toilette intime extra-doux certifié bio - 100 ml - Coslys","description":"\u003cdiv class=\"soi-intim-fiche\"\u003e\n\n\u003csection class=\"soi-intim-hero\"\u003e\n \u003cdiv class=\"soi-intim-hero-tag\"\u003e\n \u003cspan class=\"soi-intim-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène intime · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-intim-hero-title\"\u003eDouceur absolue pour votre intimité\u003c\/span\u003e\n \u003cp class=\"soi-intim-hero-subtitle\"\u003eUn soin lavant certifié COSMOS ORGANIC, sans savon ni parfum, formulé à la mauve bio d'Anjou pour respecter l'équilibre naturel de votre flore intime au quotidien, dès 3 ans.\u003c\/p\u003e\n \u003cdiv class=\"soi-intim-hero-labels\"\u003e\n \u003cspan class=\"soi-intim-label soi-intim-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-intim-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-intim-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-intim-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-intim-label\"\u003eTESTÉ GYNÉCOLOGIQUEMENT\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-intim-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce soin lavant intime bio Coslys ?\u003c\/h2\u003e\n \u003cp\u003eContrairement à de nombreux soins lavants intimes classiques qui contiennent des tensioactifs sulfatés ou des parfums irritants, ce gel Coslys mise sur une approche radicalement douce. Il convient aussi bien aux peaux sensibles qu'aux femmes enceintes ou allaitantes, et peut être utilisé en soin lavant intime post-accouchement.\u003c\/p\u003e\n \u003cdiv class=\"soi-intim-benefits\"\u003e\n \u003cdiv class=\"soi-intim-benefit\"\u003e\n \u003cdiv class=\"soi-intim-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003epH physiologique\u003c\/h3\u003e\n \u003cp\u003eRespecte l'équilibre naturel de la flore intime sans perturber son acidité protectrice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-benefit\"\u003e\n \u003cdiv class=\"soi-intim-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBase lavante végétale\u003c\/h3\u003e\n \u003cp\u003eNettoie efficacement sans agresser ni dessécher les zones les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-benefit\"\u003e\n \u003cdiv class=\"soi-intim-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eContrôle gynécologique\u003c\/h3\u003e\n \u003cp\u003eTolérance vérifiée cliniquement sous contrôle gynécologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-benefit\"\u003e\n \u003cdiv class=\"soi-intim-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e99,2 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eUne formule épurée, fabriquée en France, vegan et cruelty-free.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-intim-section\"\u003e\n \u003ch2\u003eLes actifs clés : aloe vera et mauve bio d'Anjou\u003c\/h2\u003e\n \u003cp\u003eCe qui distingue vraiment ce soin lavant intime, c'est sa synergie d'actifs naturels soigneusement sélectionnés :\u003c\/p\u003e\n \u003cdiv class=\"soi-intim-grid\"\u003e\n \u003cdiv class=\"soi-intim-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate et apaise la muqueuse, idéal en cas de légères irritations ou de sécheresse intime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-card\"\u003e\n \u003ch3\u003e🌸 Mauve bio d'Anjou\u003c\/h3\u003e\n \u003cp\u003ePlante reconnue pour ses vertus émollientes et apaisantes (Malva sylvestris), elle contribue à un confort durable après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-card\"\u003e\n \u003ch3\u003e💧 Eau florale de reine-des-prés\u003c\/h3\u003e\n \u003cp\u003eRéputée pour ses propriétés adoucissantes (Spiraea ulmaria), elle parfait la formule sans agresser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-card\"\u003e\n \u003ch3\u003e🌼 Bisabolol\u003c\/h3\u003e\n \u003cp\u003eDérivé naturel de la camomille, il calme les rougeurs et renforce la tolérance cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-intim-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Aqua (water), glycerin, sodium cocoyl glutamate, decyl glucoside, xanthan gum, spiraea ulmaria flower water*, malva sylvestris flower\/leaf\/stem water*, aloe barbadensis leaf juice powder*, bisabolol*, sodium benzoate, sodium chloride, citric acid, sodium dehydroacetate.\u003c\/p\u003e\n \u003cdiv class=\"soi-intim-tip\"\u003e\n \u003cdiv class=\"soi-intim-tip-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n \u003cp\u003e*Ingrédients issus de l'Agriculture Biologique. 99,2 % du total des ingrédients sont d'origine naturelle. 10 % du total sont issus de l'Agriculture Biologique. Certifié COSMOS ORGANIC par Ecocert Greenlife.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-grid-compact\"\u003e\n \u003cdiv class=\"soi-intim-card-mini\"\u003e\n \u003cspan class=\"soi-intim-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n \u003cspan class=\"soi-intim-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-intim-card-mini-value\"\u003e99,2 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-card-mini\"\u003e\n \u003cspan class=\"soi-intim-card-mini-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"soi-intim-card-mini-label\"\u003eAgriculture bio\u003c\/span\u003e\n \u003cspan class=\"soi-intim-card-mini-value\"\u003e10 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-card-mini\"\u003e\n \u003cspan class=\"soi-intim-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-intim-card-mini-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-intim-card-mini-value\"\u003e100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-card-mini\"\u003e\n \u003cspan class=\"soi-intim-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-intim-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-intim-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-intim-section\"\u003e\n \u003ch2\u003eComment utiliser ce soin lavant intime ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-intim-timeline\"\u003e\n \u003cdiv class=\"soi-intim-step\"\u003e\n \u003cdiv class=\"soi-intim-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-intim-step-content\"\u003e\n \u003ch3\u003ePrélevez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de gel sur vos doigts propres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-step\"\u003e\n \u003cdiv class=\"soi-intim-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-intim-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eFaites légèrement mousser, puis appliquez uniquement en usage externe sur la zone intime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-step\"\u003e\n \u003cdiv class=\"soi-intim-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-intim-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez soigneusement à l'eau tiède. Évitez l'utilisation d'un gant de toilette pour préserver la douceur de la zone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-tip\"\u003e\n \u003cdiv class=\"soi-intim-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eÀ utiliser quotidiennement, dès 3 ans. Ce soin est adapté aux femmes enceintes et en période d'allaitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-intim-section\"\u003e\n \u003ch2\u003eCe produit est-il fait pour vous ?\u003c\/h2\u003e\n \u003cp\u003eCe soin lavant intime certifié bio est particulièrement recommandé si vous avez une zone intime réactive, si vous cherchez une alternative naturelle aux références courantes, ou encore si vous souhaitez un soin adapté après l'accouchement. Sa formule ultra-épurée et son pH respectueux en font un choix rassurant pour toute la famille.\u003c\/p\u003e\n \u003cdiv class=\"soi-intim-accordion\"\u003e\n \u003cdetails class=\"soi-intim-accordion-item\"\u003e\n \u003csummary class=\"soi-intim-accordion-header\"\u003e🧴 Conditionnement et tri\u003c\/summary\u003e\n \u003cdiv class=\"soi-intim-accordion-content\"\u003e\n \u003cp\u003eFlacon de 100 ml, pratique pour le voyage. Flacon à déposer dans le bac de tri jaune.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-intim-accordion-item\"\u003e\n \u003csummary class=\"soi-intim-accordion-header\"\u003e🚫 Sans ingrédients indésirables\u003c\/summary\u003e\n \u003cdiv class=\"soi-intim-accordion-content\"\u003e\n \u003cp\u003eSans savon, sans parfum, sans huiles essentielles. 0 % d'ingrédient agressif pour respecter les zones les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-intim-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-intim-cta-box\"\u003e\n \u003cp class=\"soi-intim-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans l'intime\u003c\/p\u003e\n \u003cp class=\"soi-intim-cta-text\" style=\"color: white;\"\u003eUn soin lavant bio sans compromis : zéro ingrédient agressif, une douceur immédiate et une formule certifiée COSMOS ORGANIC fabriquée en France. Prenez soin de vous 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-intim-marine: #1A2D3D;\n --soi-intim-marine-dark: #0F1E2B;\n --soi-intim-marine-light: #2C4458;\n --soi-intim-pomme: #A1C544;\n --soi-intim-pomme-dark: #84A636;\n --soi-intim-pomme-light: rgba(161,197,68,0.10);\n\n --soi-intim-white: #FFFFFF;\n --soi-intim-off-white: #F8FAF6;\n --soi-intim-stone: #F1F3EE;\n --soi-intim-line: #E5E8E0;\n\n --soi-intim-primary: #C5A3C9;\n --soi-intim-primary-soft: #E8D5EA;\n --soi-intim-accent: #8BBAD9;\n\n --soi-intim-text: #1A2D3D;\n --soi-intim-text-soft: #4A5B6B;\n --soi-intim-text-muted: #7B8693;\n\n --soi-intim-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-intim-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-intim-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-intim-radius: 12px;\n --soi-intim-radius-sm: 8px;\n --soi-intim-radius-pill: 999px;\n}\n\n.soi-intim-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-intim-fiche img { max-width: 100%; height: auto; }\n\n.soi-intim-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-intim-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-intim-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-intim-hero {\n position: relative;\n background: var(--soi-intim-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-intim-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-intim-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-intim-pomme);\n}\n\n.soi-intim-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-intim-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-intim-pomme);\n border-radius: 50%;\n}\n\n.soi-intim-hero-title {\n display: block;\n color: var(--soi-intim-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-intim-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-intim-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-intim-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-intim-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-intim-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-intim-label-accent {\n background: var(--soi-intim-pomme);\n border-color: var(--soi-intim-pomme);\n color: var(--soi-intim-marine);\n font-weight: 600;\n}\n\n.soi-intim-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-intim-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-intim-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-intim-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-intim-pomme);\n border-radius: 2px;\n}\n\n.soi-intim-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-intim-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-intim-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-intim-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-top: 1.5rem;\n}\n\n.soi-intim-benefit {\n background: var(--soi-intim-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-intim-radius);\n border: 1px solid var(--soi-intim-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-intim-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-intim-shadow-md);\n}\n\n.soi-intim-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-intim-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-intim-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-intim-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-intim-benefit:hover .soi-intim-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-intim-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-intim-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-intim-benefit p {\n font-size: 15px;\n color: var(--soi-intim-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-intim-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-top: 1rem;\n}\n\n.soi-intim-card {\n background: var(--soi-intim-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-intim-radius);\n border-left: 3px solid var(--soi-intim-pomme);\n}\n\n.soi-intim-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-intim-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-intim-card p {\n font-size: 14px;\n color: var(--soi-intim-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-intim-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-intim-card-mini {\n background: var(--soi-intim-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-intim-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-intim-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-intim-card-mini-label {\n font-size: 11px;\n color: var(--soi-intim-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-intim-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-intim-marine);\n}\n\n.soi-intim-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-intim-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-intim-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-intim-radius);\n border: 1px solid var(--soi-intim-line);\n align-items: flex-start;\n}\n\n.soi-intim-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-intim-marine);\n color: var(--soi-intim-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-intim-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-intim-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-intim-step-content p {\n font-size: 15px;\n color: var(--soi-intim-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-intim-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-intim-pomme-light);\n border-left: 4px solid var(--soi-intim-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-intim-radius) var(--soi-intim-radius) 0;\n align-items: flex-start;\n margin-top: 1rem;\n}\n\n.soi-intim-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-intim-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-intim-marine);\n margin-bottom: 4px;\n}\n\n.soi-intim-tip p {\n font-size: 15px;\n color: var(--soi-intim-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-intim-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 1.25rem;\n}\n\n.soi-intim-accordion-item {\n background: var(--soi-intim-off-white);\n border-radius: var(--soi-intim-radius-sm);\n border: 1px solid var(--soi-intim-line);\n overflow: hidden;\n}\n\n.soi-intim-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-intim-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-intim-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-intim-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-intim-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-intim-accordion-item[open] .soi-intim-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-intim-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-intim-accordion-content p {\n font-size: 14px;\n color: var(--soi-intim-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-intim-cta-box {\n background: var(--soi-intim-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-intim-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-intim-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-intim-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-intim-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-intim-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-intim-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-intim-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-intim-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-intim-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-intim-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-intim-fiche {\n --soi-intim-text-soft: #2C3E50;\n --soi-intim-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":62333269049674,"sku":"CS0265","price":3.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soin-lavant-toilette-intime-extra-doux-certifie-bio-100-ml-c-packshot.webp?v=1790243841"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/Coslys.png?v=1779893956","url":"https:\/\/firmtoaromatherapy.com\/collections\/coslys.oembed","provider":"Soinature","version":"1.0","type":"link"}