{"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","url":"https:\/\/www.soinature.com\/products\/gel-coiffant-structurant-bio-coslys","provider":"Soinature","version":"1.0","type":"link"}