{"product_id":"shampooing-brillance-bio-250-ml-florame","title":"Shampooing Brillance Bio - 250 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🌿 99 % d'origine naturelle\u003c\/span\u003e\n        \u003cspan class=\"fl-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"fl-badge\"\u003e🌾 Certifié Bio Cosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"fl-hero-title\"\u003eShampooing Brillance Bio Florame\u003c\/span\u003e\n      \u003cp class=\"fl-subtitle\"\u003e250 ml · Saint-Rémy-de-Provence\u003c\/p\u003e\n      \u003cp class=\"fl-description\"\u003eRavivez l'éclat de vos cheveux ternes et longs grâce au xylitol et au pamplemousse corse. Une formule certifiée bio qui lisse la fibre capillaire et élimine les frisottis dès le premier lavage.\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\u003eShampooing Brillance Bio Florame : ravivez l'éclat de vos cheveux ternes\u003c\/h2\u003e\n    \u003cp class=\"fl-section-intro\"\u003eVos cheveux manquent de luminosité et paraissent ternes au quotidien ? Le \u003cstrong\u003eShampooing Brillance Bio de Florame\u003c\/strong\u003e a été formulé spécifiquement pour redonner tout leur éclat aux \u003cstrong\u003echeveux ternes et longs\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003cdiv class=\"fl-grid-compact\"\u003e\n      \u003cdiv class=\"fl-card\"\u003e\n        \u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n        \u003cp\u003eÉclat visible dès le premier lavage grâce au xylitol qui lisse la fibre capillaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fl-card\"\u003e\n        \u003ch3\u003e🍊 Pamplemousse corse\u003c\/h3\u003e\n        \u003cp\u003eExtrait antioxydant qui protège et ravive la chevelure au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fl-card\"\u003e\n        \u003ch3\u003e🧴 Nettoyage doux\u003c\/h3\u003e\n        \u003cp\u003eTensioactifs doux d'origine végétale respectueux du cuir chevelu\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fl-card\"\u003e\n        \u003ch3\u003e💆 Anti-frisottis\u003c\/h3\u003e\n        \u003cp\u003eLisse la surface du cheveu pour un aspect soyeux, fluide et discipliné\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"fl-section\"\u003e\n    \u003ch2\u003eDes actifs naturels au service de la brillance de vos cheveux\u003c\/h2\u003e\n    \u003cp class=\"fl-section-intro\"\u003eCertifié \u003cstrong\u003eBio Cosmos Organic\u003c\/strong\u003e, ce shampooing contient \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et 30 % issus de l'agriculture biologique. Deux actifs phares au cœur de sa formule :\u003c\/p\u003e\n    \u003cdiv class=\"fl-grid\"\u003e\n      \u003cdiv class=\"fl-card fl-card-featured\"\u003e\n        \u003ch3\u003e🌱 Xylitol\u003c\/h3\u003e\n        \u003cp\u003eActif d'origine végétale qui lisse la surface du cheveu, lui permettant de mieux capter la lumière. Résultat : vos cheveux gagnent en \u003cstrong\u003edouceur\u003c\/strong\u003e, en \u003cstrong\u003efluidité\u003c\/strong\u003e et affichent un aspect visiblement plus lisse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fl-card fl-card-featured\"\u003e\n        \u003ch3\u003e🍋 Extrait de pamplemousse corse\u003c\/h3\u003e\n        \u003cp\u003eRiche en antioxydants, il protège la fibre capillaire et contribue à \u003cstrong\u003eraviver l'éclat naturel\u003c\/strong\u003e de votre chevelure tout en la sublimant au fil des lavages.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fl-grid\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"fl-card\"\u003e\n        \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n        \u003cp\u003eNourrit en profondeur la fibre capillaire sans alourdir\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fl-card\"\u003e\n        \u003ch3\u003e🌿 Aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eHydrate et apaise le cuir chevelu en douceur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fl-card\"\u003e\n        \u003ch3\u003e🌊 Extraits d'algues\u003c\/h3\u003e\n        \u003cp\u003eCarraghénane et pelvetia renforcent et protègent le cheveu\u003c\/p\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\u003eContrairement aux shampooings conventionnels, cette formule mise sur des tensioactifs doux comme le \u003cstrong\u003ecoco-glucoside\u003c\/strong\u003e pour un nettoyage respectueux du cuir chevelu et de l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"fl-section\"\u003e\n    \u003ch2\u003eComment utiliser ce shampooing brillance bio ?\u003c\/h2\u003e\n    \u003cp class=\"fl-section-intro\"\u003ePour profiter pleinement des bienfaits de ce soin capillaire, suivez cette méthode en 4 étapes :\u003c\/p\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\u003eMouillez vos cheveux\u003c\/h3\u003e\n          \u003cp\u003eSur \u003cstrong\u003echeveux préalablement humidifiés\u003c\/strong\u003e, appliquez une noisette de shampooing dans le creux de la main.\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\u003eMassez doucement le cuir chevelu du bout des doigts pour faire mousser et stimuler la microcirculation.\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\u003eDeuxième application\u003c\/h3\u003e\n          \u003cp\u003eRincez, puis procédez à une \u003cstrong\u003edeuxième application\u003c\/strong\u003e en laissant agir quelques instants pour un soin en profondeur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fl-timeline-item\"\u003e\n        \u003cdiv class=\"fl-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"fl-timeline-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau claire pour révéler toute la brillance de vos cheveux.\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 résultat encore plus lumineux, complétez votre routine avec un \u003cstrong\u003eaprès-shampooing bio\u003c\/strong\u003e adapté aux cheveux ternes. Le double lavage permet au second shampooing d'agir véritablement sur la fibre capillaire, tandis que le premier élimine les impuretés en surface.\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\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"fl-accordion\"\u003e\n      \u003cdetails class=\"fl-accordion-item\" open\u003e\n        \u003csummary class=\"fl-accordion-header\"\u003e📋 Composition intégrale\u003c\/summary\u003e\n        \u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n          \u003cp\u003eAqua, Olea Europaea Fruit Oil*, Coco-Glucoside, Sodium Lauroyl Glutamate, Glycerin, Xylitylglucoside, Citric Acid, CI 77163, Sodium Chloride, Parfum, Citrus Paradisi Fruit Extract, Xylitol, Anhydroxylitol, Maltitol, Sodium Laurate, Citrus Aurantium Bergamia Peel Oil, Citrus Limon Peel Oil, Aloe Barbadensis Leaf Juice Powder*, Chondrus Crispus, Pelvetia Canaliculata Extract, Guar Hydroxypropyltrimonium Chloride, Limonene, Linalool, Linalyl Acetate, Xanthan Gum, Sodium Hydroxide, Pinene, Mica, Geranyl Acetate, CI 77491, Sodium Citrate, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n          \u003cp style=\"margin-top:.75rem;\"\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!-- SECTION 5 --\u003e\n  \u003csection class=\"fl-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir ce shampooing bio Florame ?\u003c\/h2\u003e\n    \u003cdiv class=\"fl-grid\"\u003e\n      \u003cdiv class=\"fl-card\"\u003e\n        \u003ch3\u003e🧴 250 ml généreux\u003c\/h3\u003e\n        \u003cp\u003eUne contenance généreuse pour une utilisation durable au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fl-card\"\u003e\n        \u003ch3\u003e🌾 Certifié Bio Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003eUne garantie de qualité, de transparence et de respect de l'environnement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fl-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eÉlaboré à Saint-Rémy-de-Provence, au cœur de la tradition provençale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fl-card\"\u003e\n        \u003ch3\u003e💆 Anti-frisottis\u003c\/h3\u003e\n        \u003cp\u003eÉlimine les frisottis et lisse la fibre capillaire pour un toucher soyeux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fl-card\"\u003e\n        \u003ch3\u003e✨ Cheveux ternes et longs\u003c\/h3\u003e\n        \u003cp\u003eConvient parfaitement aux cheveux en quête de brillance et de vitalité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fl-card\"\u003e\n        \u003ch3\u003e🍊 Parfum d'agrumes\u003c\/h3\u003e\n        \u003cp\u003eNotes délicates de pamplemousse et de citron pour une sensation de fraîcheur\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fl-cta-box\"\u003e\n      \u003cp\u003eOffrez à vos cheveux ternes la brillance qu'ils méritent avec ce shampooing bio Florame - une formule naturelle, certifiée et fabriquée en France pour des résultats visibles dès le premier lavage ✨\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 sensibilité du cuir chevelu, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --fl-cream: #fdf6f4;\n  --fl-white: #ffffff;\n  --fl-primary: #b5315e;\n  --fl-primary-dark: #8a1e44;\n  --fl-primary-light: #fdeef2;\n  --fl-secondary: #e8a0b5;\n  --fl-accent: #d4785c;\n  --fl-text: #1a1a1a;\n  --fl-text-light: #5a5a5a;\n  --fl-border: #e8d8d8;\n  --fl-shadow: 0 4px 24px rgba(181,49,94,.08);\n  --fl-shadow-lg: 0 12px 48px rgba(138,30,68,.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, #f5c6d0 0%, #b5315e 50%, #8a1e44 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: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n              radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\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,.85);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.fl-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\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.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: 600px;\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.fl-card-featured {\n  border-left: 4px solid var(--fl-primary);\n  text-align: left;\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.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\/* === ACCORDÉON === *\/\n.fl-accordion {\n  background: var(--fl-white);\n  border-radius: var(--fl-radius);\n  box-shadow: var(--fl-shadow);\n  overflow: hidden;\n}\n\n.fl-accordion-item {\n  border-bottom: 1px solid var(--fl-border);\n  margin: 0;\n  padding: 0;\n}\n\n.fl-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.fl-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--fl-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  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.fl-accordion-header:hover {\n  background: var(--fl-primary-light);\n}\n\n.fl-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.fl-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--fl-primary);\n  transition: transform .2s ease;\n}\n\n.fl-accordion-item[open] .fl-accordion-header::after {\n  content: '−';\n}\n\n.fl-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--fl-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.fl-accordion-content p {\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 === *\/\n.fl-cta-box {\n  background: linear-gradient(135deg, var(--fl-primary) 0%, var(--fl-primary-dark) 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  margin-top: 1.5rem;\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-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .fl-accordion-content {\n    padding: 0 1rem .875rem;\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  .fl-badges-top {\n    gap: 6px;\n  }\n\n  .fl-badge {\n    padding: 6px 12px;\n    font-size: 11px;\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":56978975326585,"sku":"FM0600","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampooing-brillance-bio-250-ml-florame-lifestyle.webp?v=1775546801","url":"https:\/\/www.naturellement-bio.com\/products\/shampooing-brillance-bio-250-ml-florame","provider":"Naturellement Bio","version":"1.0","type":"link"}