{"product_id":"gel-nettoyant-visage-homme-bio-75-ml-florame","title":"Gel Nettoyant Visage Homme Bio - 75 ml - Florame","description":"\u003cdiv class=\"fm-premium\"\u003e\n  \u003cdiv class=\"fm-hero\"\u003e\n    \u003cdiv class=\"fm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"fm-hero-content\"\u003e\n      \u003cdiv class=\"fm-badges-top\"\u003e\n        \u003cspan class=\"fm-badge\"\u003e🌿 Certifié Bio Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"fm-badge\"\u003e🇫🇷 Fabriqué en Provence\u003c\/span\u003e\n        \u003cspan class=\"fm-badge\"\u003e👨 Spécial Homme\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"fm-hero-title\"\u003eGel Nettoyant Visage Homme Bio\u003c\/span\u003e\n      \u003cp class=\"fm-subtitle\"\u003eFlorame · 75 ml · Saint-Rémy-de-Provence\u003c\/p\u003e\n      \u003cp class=\"fm-description\"\u003eLa fraîcheur certifiée bio au quotidien, formulée aux huiles essentielles et à l'huile d'argan bio, pensée pour les besoins spécifiques de la peau masculine.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"fm-section\"\u003e\n    \u003ch2\u003eGel Nettoyant Visage Homme Bio Florame : la fraîcheur certifiée au quotidien\u003c\/h2\u003e\n    \u003cp class=\"fm-section-intro\"\u003eMessieurs, votre peau mérite mieux qu'un simple passage d'eau le matin. Le \u003cstrong\u003eGel Nettoyant Visage Homme Bio de Florame\u003c\/strong\u003e, en format 75 ml, a été pensé spécifiquement pour répondre aux besoins de la peau masculine, souvent exposée au rasage, à la pollution et aux variations d'humeur cutanée. Certifié bio, il conjugue efficacité et respect de l'environnement, dans la plus pure tradition provençale de la maison Florame.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"fm-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un gel nettoyant visage bio pour homme ?\u003c\/h2\u003e\n    \u003cp class=\"fm-section-intro\"\u003eLa peau des hommes est en moyenne plus épaisse, plus grasse et davantage sujette aux imperfections que celle des femmes. Un nettoyant adapté fait toute la différence.\u003c\/p\u003e\n    \u003cdiv class=\"fm-grid\"\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003ch3\u003e💧 Nettoyage en douceur\u003c\/h3\u003e\n        \u003cp\u003eÉlimine l'excès de sébum, les résidus de pollution et les cellules mortes sans agresser l'épiderme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003ch3\u003e🛡️ Respect du film hydrolipidique\u003c\/h3\u003e\n        \u003cp\u003eContrairement aux savons classiques, il préserve le pH naturel de votre peau et évite l'effet décapant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003ch3\u003e🌱 Formule bio responsable\u003c\/h3\u003e\n        \u003cp\u003eSans ingrédients controversés, pensée pour le bien-être de votre peau comme pour celui de la planète.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"fm-section\"\u003e\n    \u003ch2\u003eLes atouts du Gel Nettoyant Visage Homme Florame\u003c\/h2\u003e\n    \u003cdiv class=\"fm-grid-compact\"\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003ch3\u003e✅ Certifié Bio\u003c\/h3\u003e\n        \u003cp\u003eFormulation conforme au référentiel Cosmos Organic.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003ch3\u003e👨 Gamme Homme\u003c\/h3\u003e\n        \u003cp\u003ePensé pour les spécificités de la peau masculine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué à Saint-Rémy-de-Provence.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003ch3\u003e🎒 Format 75 ml\u003c\/h3\u003e\n        \u003cp\u003eIdéal salle de bain comme en déplacement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003ch3\u003e⚡ Geste quotidien\u003c\/h3\u003e\n        \u003cp\u003eSimple, rapide et efficace au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003ch3\u003e🌿 Huiles essentielles\u003c\/h3\u003e\n        \u003cp\u003eEnrichi en huiles essentielles et huile d'argan bio.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"fm-section\"\u003e\n    \u003ch2\u003eComment utiliser votre gel nettoyant visage ?\u003c\/h2\u003e\n    \u003cp class=\"fm-section-intro\"\u003ePour profiter pleinement des bienfaits de ce nettoyant, adoptez une routine simple, matin et soir :\u003c\/p\u003e\n    \u003cdiv class=\"fm-timeline\"\u003e\n      \u003cdiv class=\"fm-timeline-item\"\u003e\n        \u003cdiv class=\"fm-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"fm-timeline-content\"\u003e\n          \u003ch3\u003eHumidifier\u003c\/h3\u003e\n          \u003cp\u003eHumidifiez votre visage à l'eau tiède pour préparer la peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-timeline-item\"\u003e\n        \u003cdiv class=\"fm-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"fm-timeline-content\"\u003e\n          \u003ch3\u003eDoser\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de gel dans le creux de votre main.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-timeline-item\"\u003e\n        \u003cdiv class=\"fm-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"fm-timeline-content\"\u003e\n          \u003ch3\u003eMasser\u003c\/h3\u003e\n          \u003cp\u003eFaites mousser entre les paumes, puis massez délicatement l'ensemble du visage en évitant le contour des yeux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-timeline-item\"\u003e\n        \u003cdiv class=\"fm-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"fm-timeline-content\"\u003e\n          \u003ch3\u003eRincer \u0026amp; sécher\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau claire et séchez en tamponnant avec une serviette propre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fm-tip\"\u003e\n      \u003cspan class=\"fm-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eAppliquez ensuite votre soin hydratant habituel pour compléter le rituel. Le gel peut également être utilisé avant le rasage, afin de préparer la peau et d'assouplir le poil.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"fm-section\"\u003e\n    \u003ch2\u003ePour quel type de peau ?\u003c\/h2\u003e\n    \u003cp class=\"fm-section-intro\"\u003eCe \u003cstrong\u003egel nettoyant visage homme\u003c\/strong\u003e convient à la plupart des types de peau, y compris aux peaux mixtes et grasses qui recherchent un nettoyage efficace sans effet décapant.\u003c\/p\u003e\n    \u003cdiv class=\"fm-tip\"\u003e\n      \u003cspan class=\"fm-tip-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cp\u003eSi vous avez la peau sensible ou réactive, réalisez au préalable un test dans le pli du coude. En cas de doute ou de problématique cutanée particulière (acné sévère, dermatite, allergies connues), demandez conseil à un professionnel de santé : un produit cosmétique, même bio, ne remplace jamais un traitement médical.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"fm-section\"\u003e\n    \u003ch2\u003eFlorame, l'expertise provençale au service des hommes\u003c\/h2\u003e\n    \u003cdiv class=\"fm-testimonial\"\u003e\n      \u003cp class=\"fm-testimonial-text\"\u003e\"Depuis sa création, Florame cultive un savoir-faire reconnu autour des huiles essentielles biologiques et des soins naturels. En choisissant le meilleur gel nettoyant visage homme de la gamme Homme by Florame, vous optez pour une alternative française, bio et responsable aux grandes marques conventionnelles. Une manière simple de prendre soin de vous tout en respectant vos valeurs.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"fm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"fm-accordion\"\u003e\n      \u003cdetails class=\"fm-accordion-item\"\u003e\n        \u003csummary class=\"fm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"fm-accordion-content mt-3\"\u003e\n          \u003cp\u003ePour une conservation optimale, refermez bien le tube après chaque utilisation et conservez-le à température ambiante, à l'abri de la lumière directe.\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  --fm-cream: #f7f4ef;\n  --fm-white: #ffffff;\n  --fm-primary: #e87722;\n  --fm-primary-dark: #b85a15;\n  --fm-primary-light: #fdf0e3;\n  --fm-secondary: #2a2a2a;\n  --fm-accent: #d4a574;\n  --fm-text: #1a1a1a;\n  --fm-text-light: #5a5a5a;\n  --fm-border: #e0e0e0;\n  --fm-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --fm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --fm-radius: 20px;\n  --fm-radius-sm: 12px;\n}\n\n.fm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--fm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--fm-text);\n}\n\n.fm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a1a1a 0%, #3d3d3d 50%, #e87722 100%);\n  border-radius: var(--fm-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(--fm-shadow-lg);\n}\n\n.fm-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(232,119,34,.2) 0%, transparent 50%);\n  opacity: .6;\n}\n\n.fm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.fm-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\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.fm-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.fm-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 16px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n.fm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.fm-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(--fm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.15);\n  transition: all .3s ease;\n}\n\n.fm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.fm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--fm-secondary);\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.fm-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(--fm-primary), var(--fm-accent));\n  border-radius: 2px;\n}\n\n.fm-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--fm-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.fm-card {\n  background: var(--fm-white);\n  border-radius: var(--fm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--fm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.fm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--fm-shadow-lg);\n  border-color: var(--fm-primary);\n}\n\n.fm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--fm-secondary);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.fm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--fm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.fm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.fm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n}\n\n.fm-grid-compact .fm-card {\n  padding: 1rem;\n}\n\n.fm-grid-compact .fm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.fm-grid-compact .fm-card p {\n  font-size: 12px;\n}\n\n.fm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.fm-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.fm-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--fm-primary), var(--fm-primary-dark));\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(232,119,34,.3);\n}\n\n.fm-timeline-content {\n  flex: 1;\n  background: var(--fm-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--fm-radius-sm);\n  box-shadow: var(--fm-shadow);\n}\n\n.fm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--fm-secondary);\n  margin: 0 0 .25rem 0;\n}\n\n.fm-timeline-content p {\n  font-size: 14px;\n  color: var(--fm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.fm-testimonial {\n  background: var(--fm-white);\n  border-radius: var(--fm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--fm-shadow);\n  border-left: 4px solid var(--fm-primary);\n  max-width: 850px;\n  margin: 0 auto;\n}\n\n.fm-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--fm-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.fm-accordion {\n  background: var(--fm-white);\n  border-radius: var(--fm-radius);\n  box-shadow: var(--fm-shadow);\n  overflow: hidden;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.fm-accordion-item {\n  border-bottom: 1px solid var(--fm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.fm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.fm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--fm-secondary);\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.fm-accordion-header:hover {\n  background: var(--fm-primary-light);\n}\n\n.fm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.fm-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--fm-primary);\n  transition: transform .2s ease;\n}\n\n.fm-accordion-item[open] .fm-accordion-header::after {\n  content: '−';\n}\n\n.fm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--fm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.fm-accordion-content p {\n  margin: 0;\n}\n\n.fm-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--fm-primary-light);\n  border-radius: var(--fm-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  max-width: 800px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.fm-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1.2;\n}\n\n.fm-tip p {\n  font-size: 14px;\n  color: var(--fm-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n  .fm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .fm-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n  \n  .fm-grid-compact .fm-card {\n    padding: .75rem;\n  }\n  \n  .fm-card {\n    padding: 1.125rem;\n  }\n  \n  .fm-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .fm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--fm-radius-sm);\n  }\n  \n  .fm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .fm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .fm-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .fm-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .fm-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .fm-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .fm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .fm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .fm-testimonial {\n    padding: 1.25rem;\n  }\n  \n  .fm-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .fm-card {\n    animation: fmFadeInUp .5s ease backwards;\n  }\n  .fm-card:nth-child(1) { animation-delay: .05s; }\n  .fm-card:nth-child(2) { animation-delay: .1s; }\n  .fm-card:nth-child(3) { animation-delay: .15s; }\n  .fm-card:nth-child(4) { animation-delay: .2s; }\n  .fm-card:nth-child(5) { animation-delay: .25s; }\n  .fm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fmFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":57086083498361,"sku":"FM0530","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-nettoyant-visage-homme-bio-75-ml-florame-lifestyle.webp?v=1776411992","url":"https:\/\/www.naturellement-bio.com\/products\/gel-nettoyant-visage-homme-bio-75-ml-florame","provider":"Naturellement Bio","version":"1.0","type":"link"}