{"product_id":"gel-coiffant-bio-fixation-forte-125-g-hairgum-for-men","title":"Gel Coiffant Bio Fixation Forte - 125 g - Hairgum For Men","description":"\u003cdiv class=\"hg-premium\"\u003e\n  \u003cdiv class=\"hg-hero\"\u003e\n    \u003cdiv class=\"hg-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hg-hero-content\"\u003e\n      \u003cdiv class=\"hg-badges-top\"\u003e\n        \u003cspan class=\"hg-badge\"\u003e✈️ Made in France\u003c\/span\u003e\n        \u003cspan class=\"hg-badge\"\u003e🌿 COSMOS Organic\u003c\/span\u003e\n        \u003cspan class=\"hg-badge\"\u003e💪 Fixation force 8\u003c\/span\u003e\n        \u003cspan class=\"hg-badge\"\u003e🌱 99% naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hg-hero-title\"\u003eLa fixation forte qui respecte vos cheveux\u003c\/span\u003e\n      \u003cp class=\"hg-subtitle\"\u003eGel coiffant bio Hairgum For Men – 125 g\u003c\/p\u003e\n      \u003cp class=\"hg-description\"\u003eUne tenue puissante toute la journée, portée par une formule certifiée bio à 99 % d'ingrédients d'origine naturelle. Sculptez un look net ou un effet coiffé-décoiffé maîtrisé, sans compromis.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"hg-section\"\u003e\n    \u003ch2\u003eUne fixation forte d'origine végétale\u003c\/h2\u003e\n    \u003cp class=\"hg-section-intro\"\u003eBeaucoup de gels classiques reposent sur des polymères synthétiques qui cartonnent la fibre et laissent des résidus blancs. Ici, la tenue est assurée par un \u003cstrong\u003eextrait de sucre de canne bio\u003c\/strong\u003e, complété par des actifs qui préservent le confort du cheveu.\u003c\/p\u003e\n    \u003cdiv class=\"hg-grid\"\u003e\n      \u003cdiv class=\"hg-card\"\u003e\n        \u003ch3\u003e🥥 Eau de coco bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en électrolytes (magnésium, potassium, calcium), elle contribue à l'hydratation de la chevelure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hg-card\"\u003e\n        \u003ch3\u003e🌰 Oléine de karité\u003c\/h3\u003e\n        \u003cp\u003eAu toucher sec, elle nourrit, aide à protéger des agressions extérieures (froid, vent, pollution) et entretient la brillance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hg-card\"\u003e\n        \u003ch3\u003e🌾 Alcool de blé bio\u003c\/h3\u003e\n        \u003cp\u003eIl permet un séchage rapide pour une tenue qui se met en place vite, sans attente.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hg-section\"\u003e\n    \u003ch2\u003eQuelles coiffures réaliser avec ce gel ?\u003c\/h2\u003e\n    \u003cp class=\"hg-section-intro\"\u003eGrâce à sa texture facile à travailler, ce gel cheveux homme fixation forte s'adapte à de nombreux styles.\u003c\/p\u003e\n    \u003cdiv class=\"hg-grid-compact\"\u003e\n      \u003cdiv class=\"hg-card\"\u003e\n        \u003ch3\u003e💈 Slicked back\u003c\/h3\u003e\n        \u003cp\u003eCheveux plaqués vers l'arrière, pour un look net et élégant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hg-card\"\u003e\n        \u003ch3\u003e🌊 Waterfall\u003c\/h3\u003e\n        \u003cp\u003eMèches ramenées en arrière avec un léger mouvement retombant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hg-card\"\u003e\n        \u003ch3\u003e✨ Coiffé-décoiffé\u003c\/h3\u003e\n        \u003cp\u003eUne texture naturelle qui reste pourtant en place toute la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hg-card\"\u003e\n        \u003ch3\u003e💧 Effet mouillé\u003c\/h3\u003e\n        \u003cp\u003eAppliqué sur cheveux humides, il offre un rendu brillant intense.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hg-tip\"\u003e\n      \u003cspan class=\"hg-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eSur cheveux bouclés, frisés ou crépus, ce gel aide à définir les boucles et à discipliner les contours. Commencez par une petite quantité, puis ajustez selon l'épaisseur de votre chevelure.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hg-section\"\u003e\n    \u003ch2\u003eComment appliquer ce gel pour une tenue optimale ?\u003c\/h2\u003e\n    \u003cdiv class=\"hg-timeline\"\u003e\n      \u003cdiv class=\"hg-timeline-item\"\u003e\n        \u003cdiv class=\"hg-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"hg-timeline-content\"\u003e\n          \u003ch3\u003ePrélevez une noix de gel\u003c\/h3\u003e\n          \u003cp\u003eRéchauffez-la entre vos paumes pour l'assouplir et faciliter la répartition.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hg-timeline-item\"\u003e\n        \u003cdiv class=\"hg-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"hg-timeline-content\"\u003e\n          \u003ch3\u003eRépartissez sur les cheveux\u003c\/h3\u003e\n          \u003cp\u003eSur cheveux \u003cstrong\u003esecs\u003c\/strong\u003e pour un rendu naturel, ou \u003cstrong\u003ehumides\u003c\/strong\u003e pour accentuer l'effet mouillé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hg-timeline-item\"\u003e\n        \u003cdiv class=\"hg-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"hg-timeline-content\"\u003e\n          \u003ch3\u003eModelez votre coiffure\u003c\/h3\u003e\n          \u003cp\u003ePeignez ou modelez avec les doigts pour obtenir le mouvement souhaité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hg-tip\"\u003e\n      \u003cspan class=\"hg-tip-icon\"\u003e✂️\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce de pro :\u003c\/strong\u003e appliquez le gel puis réalisez un brushing pour gagner en volume et en texture. Une technique de salon qui place ce produit parmi les alternatives sérieuses au gel coiffant homme professionnel, et explique pourquoi beaucoup le considèrent comme le meilleur gel coiffant homme en version bio.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hg-section\"\u003e\n    \u003ch2\u003eComposition INCI complète\u003c\/h2\u003e\n    \u003cdiv class=\"hg-inci\"\u003e\n      \u003cp\u003eAqua (Eau\/Water), Saccharum officinarum (Sugar cane) extract*, Alcohol** Denat., Glycerin, Parfum (Fragrance), Polyglyceryl-4 laurate\/sebacate, Polyglyceryl-6 caprylate\/caprate, Carrageenan, Xanthan gum, Cocos nucifera (Coconut) liquid endosperm*, Butyrospermum parkii (Shea) oil, Tapioca starch, Citric acid, Potassium sorbate, Sodium benzoate, Linalool.\u003c\/p\u003e\n      \u003cp class=\"hg-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. **Transformés à partir d'ingrédients biologiques.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hg-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"hg-card\"\u003e\n        \u003ch3\u003e📦 Format\u003c\/h3\u003e\n        \u003cp\u003e125 g\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hg-card\"\u003e\n        \u003ch3\u003e✅ Certifications\u003c\/h3\u003e\n        \u003cp\u003eCOSMOS ORGANIC, Ecocert\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hg-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n        \u003cp\u003eFrance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hg-card\"\u003e\n        \u003ch3\u003e⏱️ PAO\u003c\/h3\u003e\n        \u003cp\u003e18 mois après ouverture\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"hg-accordion\"\u003e\n      \u003cdetails class=\"hg-accordion-item\"\u003e\n        \u003csummary class=\"hg-accordion-header\"\u003e⚠️ Conseils d'utilisation et sécurité\u003c\/summary\u003e\n        \u003cdiv class=\"hg-accordion-content mt-3\"\u003e\n          \u003cp\u003eUsage capillaire uniquement. Évitez le contact avec les yeux ; en cas de contact, rincez abondamment à l'eau. Refermez le tube après usage et conservez-le hors de portée des enfants. Ce produit cosmétique ne remplace pas un avis ou 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\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --hg-cream: #f5f5f3;\n  --hg-white: #ffffff;\n  --hg-primary: #3a3a3a;\n  --hg-primary-dark: #1a1a1a;\n  --hg-primary-light: #ededeb;\n  --hg-secondary: #8a8a8a;\n  --hg-accent: #c9a961;\n  --hg-text: #1a1a1a;\n  --hg-text-light: #5a5a5a;\n  --hg-border: #e0e0e0;\n  --hg-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --hg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --hg-radius: 20px;\n  --hg-radius-sm: 12px;\n}\n\n.hg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--hg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--hg-text);\n}\n\n.hg-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2a2a2a 0%, #4a4a4a 50%, #1a1a1a 100%);\n  border-radius: var(--hg-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--hg-shadow-lg);\n}\n\n.hg-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.1) 20px, rgba(255,255,255,.1) 21px);\n  opacity: .15;\n}\n\n.hg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.hg-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 7vw, 42px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.3);\n  line-height: 1.1;\n}\n\n.hg-subtitle {\n  color: var(--hg-accent);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n  text-transform: uppercase;\n}\n\n.hg-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 16px);\n  line-height: 1.7;\n  margin: 0 auto;\n  max-width: 680px;\n}\n\n.hg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.hg-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--hg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.2);\n  transition: all .3s ease;\n}\n\n.hg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.hg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--hg-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.hg-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--hg-primary-dark), var(--hg-accent));\n  border-radius: 2px;\n}\n\n.hg-section-intro {\n  text-align: center;\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--hg-text-light);\n  margin: 0 auto 1.75rem;\n  max-width: 680px;\n  line-height: 1.7;\n}\n\n.hg-card {\n  background: var(--hg-white);\n  border-radius: var(--hg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--hg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.hg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--hg-shadow-lg);\n  border-color: var(--hg-primary);\n}\n\n.hg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--hg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.hg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.hg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.hg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.hg-grid-compact .hg-card {\n  padding: 1rem;\n}\n\n.hg-grid-compact .hg-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.hg-grid-compact .hg-card p {\n  font-size: 12px;\n}\n\n.hg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.hg-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.hg-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--hg-primary-dark), var(--hg-primary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(0,0,0,.15);\n}\n\n.hg-timeline-content {\n  flex: 1;\n  background: var(--hg-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--hg-radius-sm);\n  box-shadow: var(--hg-shadow);\n}\n\n.hg-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--hg-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.hg-timeline-content p {\n  font-size: 14px;\n  color: var(--hg-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.hg-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--hg-primary-light);\n  border-radius: var(--hg-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--hg-accent);\n}\n\n.hg-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.hg-tip p {\n  font-size: 14px;\n  color: var(--hg-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.hg-inci {\n  background: var(--hg-white);\n  border-radius: var(--hg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--hg-shadow);\n  border-left: 4px solid var(--hg-accent);\n}\n\n.hg-inci p {\n  font-size: 13px;\n  color: var(--hg-text-light);\n  line-height: 1.8;\n  margin: 0;\n}\n\n.hg-disclaimer {\n  font-size: 12px !important;\n  color: var(--hg-text-light);\n  margin-top: .75rem !important;\n  font-style: italic;\n}\n\n.hg-accordion {\n  background: var(--hg-white);\n  border-radius: var(--hg-radius);\n  box-shadow: var(--hg-shadow);\n  overflow: hidden;\n}\n\n.hg-accordion-item {\n  border-bottom: 1px solid var(--hg-border);\n  margin: 0;\n  padding: 0;\n}\n\n.hg-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.hg-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--hg-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n}\n\n.hg-accordion-header:hover {\n  background: var(--hg-primary-light);\n}\n\n.hg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.hg-accordion-header::after {\n  content: '+';\n  font-size: 24px;\n  font-weight: 400;\n  color: var(--hg-primary);\n  transition: transform .2s ease;\n}\n\n.hg-accordion-item[open] .hg-accordion-header::after {\n  content: '−';\n}\n\n.hg-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--hg-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.hg-accordion-content p {\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .hg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .hg-card {\n    padding: 1.125rem;\n  }\n\n  .hg-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .hg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--hg-radius-sm);\n  }\n\n  .hg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .hg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .hg-grid-compact {\n    gap: .625rem;\n  }\n\n  .hg-grid-compact .hg-card {\n    padding: .75rem;\n  }\n\n  .hg-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .hg-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .hg-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .hg-timeline-content p {\n    font-size: 13px;\n  }\n\n  .hg-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .hg-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .hg-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .hg-card:nth-child(1) { animation-delay: .05s; }\n  .hg-card:nth-child(2) { animation-delay: .1s; }\n  .hg-card:nth-child(3) { animation-delay: .15s; }\n  .hg-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hg-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"HAIRGUM","offers":[{"title":"Default Title","offer_id":65036310937977,"sku":"GELCOIFFANTHAIRGUM","price":10.65,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-coiffant-bio-fixation-forte-125-g-hairgum-for-men-packshothd.webp?v=1793271261","url":"https:\/\/www.naturellement-bio.com\/products\/gel-coiffant-bio-fixation-forte-125-g-hairgum-for-men","provider":"Naturellement Bio","version":"1.0","type":"link"}