{"product_id":"creme-mains-nourrissante-bio-50-ml-florame","title":"Crème Mains Nourrissante Bio - 50 ml - Florame","description":"\u003cdiv class=\"fl-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"fl-hero\"\u003e\n    \u003cdiv class=\"fl-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"fl-hero-content\"\u003e\n      \u003cdiv class=\"fl-badges-top\"\u003e\n        \u003cspan class=\"fl-badge\"\u003e🌿 Certifiée COSMOS Organic\u003c\/span\u003e\n        \u003cspan class=\"fl-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n        \u003cspan class=\"fl-badge\"\u003e🌻 Huiles végétales bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"fl-hero-title\"\u003eCrème mains nourrissante bio\u003c\/span\u003e\n      \u003cp class=\"fl-subtitle\"\u003eFlorame - Gamme Nutrition · 50 ml\u003c\/p\u003e\n      \u003cp class=\"fl-description\"\u003eUn bain de nutrition aux huiles végétales bio et à la cameline bio pour des mains douces, souples et protégées au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"fl-section\"\u003e\n    \u003ch2\u003eCrème Mains Nourrissante Bio Florame - Soin naturel aux huiles végétales et cameline bio\u003c\/h2\u003e\n    \u003cp class=\"fl-section-intro\"\u003eVos mains sont constamment sollicitées : froid, lavages fréquents, travaux du quotidien… Elles méritent un soin à la hauteur de ces agressions. La \u003cstrong\u003ecrème mains nourrissante bio Florame\u003c\/strong\u003e a été formulée pour répondre précisément à ce besoin. Enrichie en \u003cstrong\u003ehuiles végétales bio\u003c\/strong\u003e et en \u003cstrong\u003ecameline bio\u003c\/strong\u003e, cette crème pour les mains bio de 50 ml offre un véritable bain de nutrition à votre peau, tout en respectant vos exigences naturelles et écologiques.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"fl-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette crème mains nourrissante bio ?\u003c\/h2\u003e\n    \u003cp class=\"fl-section-intro\"\u003eFlorame, maison provençale installée à \u003cstrong\u003eSaint-Rémy-de-Provence\u003c\/strong\u003e, élabore ses soins avec un savoir-faire reconnu dans l'univers de la cosmétique bio. Cette crème mains nourrissante appartient à la gamme \u003cstrong\u003eNutrition\u003c\/strong\u003e, spécialement conçue pour les peaux en quête de confort et d'hydratation durable.\u003c\/p\u003e\n    \u003cdiv class=\"fl-grid\"\u003e\n      \u003cdiv class=\"fl-card\"\u003e\n        \u003ch3\u003e✅ Certifiée COSMOS Organic\u003c\/h3\u003e\n        \u003cp\u003eGarantie par Cosmébio, un soin respectueux de votre peau et de l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fl-card\"\u003e\n        \u003ch3\u003e🌾 Cameline bio \u0026amp; huiles végétales\u003c\/h3\u003e\n        \u003cp\u003eRiche en oméga-3, la cameline bio apporte des propriétés réparatrices exceptionnelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fl-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n        \u003cp\u003eDans le respect de la tradition cosmétique provençale, à Saint-Rémy-de-Provence.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fl-card\"\u003e\n        \u003ch3\u003e👜 Format pratique 50 ml\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour glisser dans votre sac et nourrir vos mains à tout moment de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"fl-section\"\u003e\n    \u003ch2\u003eL'huile de cameline bio : un actif précieux pour vos mains\u003c\/h2\u003e\n    \u003cdiv class=\"fl-testimonial\"\u003e\n      \u003cp class=\"fl-testimonial-text\"\u003eSi vous cherchez une crème bio pour les mains qui se distingue vraiment, la présence de cameline bio fait toute la différence. Cette plante, cultivée depuis des siècles en Europe, produit une huile particulièrement riche en \u003cstrong\u003eacides gras essentiels\u003c\/strong\u003e. Elle est réputée pour aider à \u003cstrong\u003enourrir les peaux sèches\u003c\/strong\u003e, à renforcer la barrière cutanée et à apporter souplesse et douceur. Associée à d'autres huiles végétales bio soigneusement sélectionnées, elle constitue le cœur de cette formule nourrissante.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"fl-section\"\u003e\n    \u003ch2\u003eComment utiliser cette crème mains bio Florame ?\u003c\/h2\u003e\n    \u003cdiv class=\"fl-timeline\"\u003e\n      \u003cdiv class=\"fl-timeline-item\"\u003e\n        \u003cdiv class=\"fl-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"fl-timeline-content\"\u003e\n          \u003ch3\u003ePréparez vos mains\u003c\/h3\u003e\n          \u003cp\u003eAppliquez une petite noisette de crème sur des mains propres et sèches.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fl-timeline-item\"\u003e\n        \u003cdiv class=\"fl-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"fl-timeline-content\"\u003e\n          \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n          \u003cp\u003eInsistez sur les zones les plus sèches : dos des mains, articulations, contour des ongles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fl-timeline-item\"\u003e\n        \u003cdiv class=\"fl-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"fl-timeline-content\"\u003e\n          \u003ch3\u003eRenouvelez à volonté\u003c\/h3\u003e\n          \u003cp\u003eRéappliquez autant de fois que nécessaire au cours de la journée, notamment après chaque lavage des mains.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fl-tip\"\u003e\n      \u003cspan class=\"fl-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour un soin intensif, appliquez une couche généreuse le soir avant de dormir. Vos mains seront visiblement plus douces au réveil.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"fl-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse cette crème nourrissante mains ?\u003c\/h2\u003e\n    \u003cp class=\"fl-section-intro\"\u003eCette crème mains bio convient à toutes les personnes soucieuses de prendre soin de leurs mains avec un produit d'origine naturelle et certifié bio. Elle sera particulièrement appréciée si vous avez :\u003c\/p\u003e\n    \u003cdiv class=\"fl-grid-compact\"\u003e\n      \u003cdiv class=\"fl-card\"\u003e\n        \u003ch3\u003e❄️ Mains sèches ou inconfortables\u003c\/h3\u003e\n        \u003cp\u003eSurtout en période hivernale, quand le froid agresse la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fl-card\"\u003e\n        \u003ch3\u003e🌸 Peau sensible\u003c\/h3\u003e\n        \u003cp\u003eQui réagit aux cosmétiques conventionnels et nécessite une formule douce.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fl-card\"\u003e\n        \u003ch3\u003e🌿 Envie de naturel\u003c\/h3\u003e\n        \u003cp\u003eLe souhait d'utiliser des soins naturels, bio et fabriqués en France.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fl-card\"\u003e\n        \u003ch3\u003e✨ Douceur au quotidien\u003c\/h3\u003e\n        \u003cp\u003eUn soin pratique à emporter partout pour des mains nourries toute la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"fl-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eLes engagements Florame\u003c\/h2\u003e\n    \u003cdiv class=\"fl-cta-box\"\u003e\n      \u003cp\u003eEn choisissant Florame, vous optez pour une marque pionnière de la cosmétique bio en France. Chaque produit est formulé avec des \u003cstrong\u003eingrédients d'origine naturelle\u003c\/strong\u003e, dans le respect de la certification COSMOS Organic. Les emballages sont pensés pour limiter l'impact environnemental, et la fabrication reste ancrée en Provence.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"fl-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --fl-cream: #fefcf6;\n  --fl-white: #ffffff;\n  --fl-primary: #f0bc1c;\n  --fl-primary-dark: #6b5a10;\n  --fl-primary-light: #fdf6e0;\n  --fl-secondary: #e8a608;\n  --fl-accent: #d4960a;\n  --fl-text: #1a1a1a;\n  --fl-text-light: #5a5a5a;\n  --fl-border: #eee5d0;\n  --fl-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --fl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --fl-radius: 20px;\n  --fl-radius-sm: 12px;\n}\n\n.fl-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--fl-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fl-hero {\n  position: relative;\n  background: linear-gradient(135deg, #f7d855 0%, #f0b c1c 40%, #e8a608 100%);\n  background: linear-gradient(135deg, #f7d855 0%, #f0b81c 40%, #c4920a 100%);\n  border-radius: var(--fl-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(--fl-shadow-lg);\n}\n\n.fl-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(255,255,255,.1) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.fl-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.fl-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,.2);\n}\n\n.fl-subtitle {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n.fl-description {\n  color: rgba(255,255,255,.88);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.fl-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.fl-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(--fl-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.fl-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fl-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fl-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--fl-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}\n\n.fl-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(--fl-primary), var(--fl-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.fl-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--fl-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 680px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.fl-card {\n  background: var(--fl-white);\n  border-radius: var(--fl-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--fl-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.fl-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--fl-shadow-lg);\n  border-color: var(--fl-primary);\n}\n\n.fl-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--fl-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.fl-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--fl-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fl-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fl-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.fl-grid-compact .fl-card {\n  padding: 1rem;\n}\n\n.fl-grid-compact .fl-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.fl-grid-compact .fl-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fl-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.fl-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.fl-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--fl-primary), var(--fl-secondary));\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}\n\n.fl-timeline-content {\n  flex: 1;\n  background: var(--fl-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--fl-radius-sm);\n  box-shadow: var(--fl-shadow);\n}\n\n.fl-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--fl-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.fl-timeline-content p {\n  font-size: 14px;\n  color: var(--fl-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fl-testimonial {\n  background: var(--fl-white);\n  border-radius: var(--fl-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--fl-shadow);\n  border-left: 4px solid var(--fl-primary);\n}\n\n.fl-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--fl-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.fl-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--fl-primary-light);\n  border-radius: var(--fl-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.fl-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.fl-tip p {\n  font-size: 14px;\n  color: var(--fl-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.fl-cta-box {\n  background: linear-gradient(135deg, var(--fl-primary) 0%, var(--fl-accent) 100%);\n  border-radius: var(--fl-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.fl-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.fl-disclaimer {\n  font-size: 12px;\n  color: var(--fl-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .fl-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .fl-card {\n    padding: 1.125rem;\n  }\n\n  .fl-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .fl-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--fl-radius-sm);\n  }\n\n  .fl-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .fl-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .fl-grid-compact {\n    gap: .625rem;\n  }\n\n  .fl-grid-compact .fl-card {\n    padding: .75rem;\n  }\n\n  .fl-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .fl-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .fl-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .fl-timeline-content p {\n    font-size: 13px;\n  }\n\n  .fl-testimonial {\n    padding: 1.25rem;\n  }\n\n  .fl-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .fl-card {\n    animation: flFadeInUp .5s ease backwards;\n  }\n  .fl-card:nth-child(1) { animation-delay: .05s; }\n  .fl-card:nth-child(2) { animation-delay: .1s; }\n  .fl-card:nth-child(3) { animation-delay: .15s; }\n  .fl-card:nth-child(4) { animation-delay: .2s; }\n  .fl-card:nth-child(5) { animation-delay: .25s; }\n  .fl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes flFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .fl-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":56990309384569,"sku":"FM0485","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-mains-nourrissante-bio-50-ml-florame-lifestyle.webp?v=1775636157","url":"https:\/\/www.naturellement-bio.com\/products\/creme-mains-nourrissante-bio-50-ml-florame","provider":"Naturellement Bio","version":"1.0","type":"link"}