{"product_id":"fer-acerola-20-unidoses-superdiet","title":"Fer Acérola - 20 unidoses - Superdiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fer Acérola - 20 unidoses - Superdiet\nPalette détectée:\n  - Primaire: #2d7a3a (vert feuillage dominant du packaging)\n  - Secondaire: #d4272e (rouge acérola \/ bandeau rouge du logo)\n  - Accent: #8cb840 (vert clair kaloupilé)\n  - Fond crème: #f5f7f0 (légèrement verdâtre, naturel)\nAmbiance: Naturel\/végétal, santé, énergie, fabrication française, vegan, fruité\nPréfixe CSS: fa\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Fer Acérola Superdiet : le complément alimentaire en fer d'origine végétale qui réduit la fatigue\"\n  2. \"Pourquoi associer le fer au jus d'acérola ?\"\n  3. \"Les bienfaits reconnus de ce complément alimentaire fer\"\n  4. \"Composition complète par unidose de 15 mL\"\n  5. \"Comment prendre le Fer Acérola Superdiet ?\"\n  6. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"fa-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"fa-hero\"\u003e\n    \u003cdiv class=\"fa-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"fa-hero-content\"\u003e\n      \u003cdiv class=\"fa-badges-top\"\u003e\n        \u003cspan class=\"fa-badge\"\u003e🌿 Fer 100 % végétal\u003c\/span\u003e\n        \u003cspan class=\"fa-badge\"\u003e🍒 Acérola vitamine C\u003c\/span\u003e\n        \u003cspan class=\"fa-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"fa-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"fa-hero-title\"\u003eFer Acérola Superdiet\u003c\/span\u003e\n      \u003cp class=\"fa-subtitle\"\u003e20 unidoses · Goût fruité poire-citron\u003c\/p\u003e\n      \u003cp class=\"fa-description\"\u003eLe duo fer végétal + acérola pour réduire la fatigue et retrouver votre énergie, en une seule unidose par jour.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"fa-section\"\u003e\n    \u003ch2\u003eFer Acérola Superdiet : le complément alimentaire en fer d'origine végétale qui réduit la fatigue\u003c\/h2\u003e\n    \u003cp class=\"fa-section-intro\"\u003eVous vous sentez fatigué(e), en manque d'énergie, surtout au changement de saison ? Un déficit en fer peut en être la cause.\u003c\/p\u003e\n    \u003cdiv class=\"fa-grid-compact\"\u003e\n      \u003cdiv class=\"fa-card\"\u003e\n        \u003ch3\u003e🌿 Fer d'origine végétale\u003c\/h3\u003e\n        \u003cp\u003eIssu du kaloupilé, une source naturelle bien tolérée par l'organisme\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fa-card\"\u003e\n        \u003ch3\u003e🍊 Acérola vitamine C\u003c\/h3\u003e\n        \u003cp\u003eBooste l'absorption du fer pour une efficacité maximale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fa-card\"\u003e\n        \u003ch3\u003e🧃 Unidoses pratiques\u003c\/h3\u003e\n        \u003cp\u003eFormat liquide au bon goût fruité, prêt à consommer partout\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fa-card\"\u003e\n        \u003ch3\u003e⚡ Anti-fatigue prouvé\u003c\/h3\u003e\n        \u003cp\u003e7 mg de fer par unidose, soit 50 % des valeurs nutritionnelles de référence\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"fa-section\"\u003e\n    \u003ch2\u003ePourquoi associer le fer au jus d'acérola ?\u003c\/h2\u003e\n    \u003cdiv class=\"fa-synergy-box\"\u003e\n      \u003cdiv class=\"fa-synergy-item\"\u003e\n        \u003cdiv class=\"fa-synergy-emoji\"\u003e🍃\u003c\/div\u003e\n        \u003cdiv class=\"fa-synergy-content\"\u003e\n          \u003ch3\u003eKaloupilé (arbre à curry)\u003c\/h3\u003e\n          \u003cp\u003eSource végétale de fer particulièrement bien tolérée. Pas de fer synthétique : une formule 100 % naturelle choisie par Superdiet.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fa-synergy-plus\"\u003e+\u003c\/div\u003e\n      \u003cdiv class=\"fa-synergy-item\"\u003e\n        \u003cdiv class=\"fa-synergy-emoji\"\u003e🍒\u003c\/div\u003e\n        \u003cdiv class=\"fa-synergy-content\"\u003e\n          \u003ch3\u003eAcérola riche en vitamine C\u003c\/h3\u003e\n          \u003cp\u003eLa vitamine C naturelle accroît l'absorption du fer végétal par l'organisme. Une synergie intelligente et scientifiquement reconnue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fa-synergy-plus\"\u003e=\u003c\/div\u003e\n      \u003cdiv class=\"fa-synergy-result\"\u003e\n        \u003cp\u003e💡 \u003cstrong\u003eUne absorption optimale du fer\u003c\/strong\u003e, pour un complément parmi les plus pertinents du marché — vegan et fabriqué en France, dans les ateliers Superdiet des Hauts-de-France.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"fa-section\"\u003e\n    \u003ch2\u003eLes bienfaits reconnus de ce complément alimentaire fer\u003c\/h2\u003e\n    \u003cp class=\"fa-section-intro\"\u003eChaque unidose apporte \u003cstrong\u003e7 mg de fer\u003c\/strong\u003e, soit 50 % des valeurs nutritionnelles de référence. À cette dose, le fer contribue à :\u003c\/p\u003e\n    \u003cdiv class=\"fa-grid\"\u003e\n      \u003cdiv class=\"fa-card\"\u003e\n        \u003ch3\u003e😴 Réduire la fatigue\u003c\/h3\u003e\n        \u003cp\u003eLutte contre la fatigue physique et intellectuelle au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fa-card\"\u003e\n        \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n        \u003cp\u003eSoutient le fonctionnement normal de vos défenses naturelles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fa-card\"\u003e\n        \u003ch3\u003e🫁 Transport de l'oxygène\u003c\/h3\u003e\n        \u003cp\u003eAssure le transport normal de l'oxygène dans tout l'organisme\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fa-card\"\u003e\n        \u003ch3\u003e🩸 Globules rouges\u003c\/h3\u003e\n        \u003cp\u003eParticipe à la formation des globules rouges et de l'hémoglobine\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fa-card\"\u003e\n        \u003ch3\u003e🧠 Fonction cognitive\u003c\/h3\u003e\n        \u003cp\u003eMaintient une fonction cognitive normale, concentration et mémoire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fa-card\"\u003e\n        \u003ch3\u003e⚡ Métabolisme énergétique\u003c\/h3\u003e\n        \u003cp\u003eContribue à un métabolisme énergétique normal tout au long de la journée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fa-tip\"\u003e\n      \u003cspan class=\"fa-tip-icon\"\u003e🍒\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eL'acérola renforce ces bienfaits\u003c\/strong\u003e en contribuant également à réduire la fatigue et à soutenir vos défenses naturelles grâce à sa richesse en vitamine C.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"fa-section\"\u003e\n    \u003ch2\u003eComposition complète par unidose de 15 mL\u003c\/h2\u003e\n    \u003cdiv class=\"fa-composition-table\"\u003e\n      \u003cdiv class=\"fa-composition-row fa-composition-header\"\u003e\n        \u003cspan\u003eIngrédient\u003c\/span\u003e\n        \u003cspan\u003eQuantité\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fa-composition-row\"\u003e\n        \u003cspan\u003eEau purifiée, sirop d'agave, jus de poire concentré\u003c\/span\u003e\n        \u003cspan\u003e—\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fa-composition-row fa-composition-highlight\"\u003e\n        \u003cspan\u003e🍒 Poudre de jus d'acérola (fruit)\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e428 mg\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fa-composition-row fa-composition-highlight\"\u003e\n        \u003cspan\u003e🍃 Extrait sec de kaloupilé (feuille) titré en fer\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e210 mg\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fa-composition-row\"\u003e\n        \u003cspan\u003eJus de citron concentré\u003c\/span\u003e\n        \u003cspan\u003e—\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fa-composition-row fa-composition-highlight\"\u003e\n        \u003cspan\u003e⚡ Fer\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e7 mg\u003c\/strong\u003e (50 % VNR)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fa-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"fa-card\"\u003e\n        \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n        \u003cp\u003eFormule 100 % végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fa-card\"\u003e\n        \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n        \u003cp\u003eNi conservateur, ni colorant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fa-card\"\u003e\n        \u003ch3\u003e🍐 Goût fruité\u003c\/h3\u003e\n        \u003cp\u003ePoire-citron agréable\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fa-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eHauts-de-France\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"fa-section\"\u003e\n    \u003ch2\u003eComment prendre le Fer Acérola Superdiet ?\u003c\/h2\u003e\n    \u003cdiv class=\"fa-timeline\"\u003e\n      \u003cdiv class=\"fa-timeline-item\"\u003e\n        \u003cdiv class=\"fa-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"fa-timeline-content\"\u003e\n          \u003ch3\u003eAgitez l'unidose\u003c\/h3\u003e\n          \u003cp\u003eSecouez bien avant ouverture pour homogénéiser la formule liquide.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fa-timeline-item\"\u003e\n        \u003cdiv class=\"fa-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"fa-timeline-content\"\u003e\n          \u003ch3\u003ePrenez 1 unidose par jour\u003c\/h3\u003e\n          \u003cp\u003eDe préférence pendant un repas pour une absorption optimale du fer.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fa-timeline-item\"\u003e\n        \u003cdiv class=\"fa-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"fa-timeline-content\"\u003e\n          \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n          \u003cp\u003eLa boîte correspond à une cure complète. Renouvelez selon vos besoins en respectant la dose recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fa-tip\"\u003e\n      \u003cspan class=\"fa-tip-icon\"\u003e♻️\u003c\/span\u003e\n      \u003cp\u003eLes unidoses sont \u003cstrong\u003eincassables et recyclables\u003c\/strong\u003e, pratiques à emporter partout — au bureau, en voyage ou en déplacement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"fa-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"fa-accordion\"\u003e\n      \u003cdetails class=\"fa-accordion-item\"\u003e\n        \u003csummary class=\"fa-accordion-header\"\u003e👤 Public concerné\u003c\/summary\u003e\n        \u003cdiv class=\"fa-accordion-content mt-3\"\u003e\n          \u003cp\u003eRéservé à l'adulte. Contre-indiqué chez l'enfant de moins de 15 ans sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"fa-accordion-item\"\u003e\n        \u003csummary class=\"fa-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"fa-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux personnes souffrant d'\u003cstrong\u003ehémochromatose\u003c\/strong\u003e ou de polyglobulie. Demandez l'avis de votre médecin si vous êtes enceinte ou allaitante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"fa-accordion-item\"\u003e\n        \u003csummary class=\"fa-accordion-header\"\u003e📋 Recommandations générales\u003c\/summary\u003e\n        \u003cdiv class=\"fa-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. Ce complément alimentaire en fer ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"fa-accordion-item\"\u003e\n        \u003csummary class=\"fa-accordion-header\"\u003e🩺 En cas de fatigue persistante\u003c\/summary\u003e\n        \u003cdiv class=\"fa-accordion-content mt-3\"\u003e\n          \u003cp\u003eConsultez un professionnel de santé pour identifier l'origine de vos symptômes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"fa-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --fa-cream: #f5f7f0;\n  --fa-white: #ffffff;\n  --fa-primary: #2d7a3a;\n  --fa-primary-dark: #1b5427;\n  --fa-primary-light: #e8f3ea;\n  --fa-secondary: #d4272e;\n  --fa-accent: #8cb840;\n  --fa-text: #1a1a1a;\n  --fa-text-light: #5a5a5a;\n  --fa-border: #dde6d8;\n  --fa-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --fa-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --fa-radius: 20px;\n  --fa-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.fa-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--fa-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fa-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--fa-primary-dark) 0%, var(--fa-primary) 50%, var(--fa-accent) 100%);\n  border-radius: var(--fa-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(--fa-shadow-lg);\n}\n\n.fa-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(140,184,64,.1) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.fa-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.fa-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.fa-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.fa-description {\n  color: rgba(255,255,255,.9);\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.fa-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.fa-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(--fa-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.fa-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fa-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fa-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--fa-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.fa-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(--fa-primary), var(--fa-secondary));\n  border-radius: 2px;\n}\n\n.fa-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--fa-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.fa-card {\n  background: var(--fa-white);\n  border-radius: var(--fa-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--fa-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.fa-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--fa-shadow-lg);\n  border-color: var(--fa-primary);\n}\n\n.fa-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--fa-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.fa-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--fa-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fa-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.fa-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.fa-grid-compact .fa-card {\n  padding: 1rem;\n}\n\n.fa-grid-compact .fa-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.fa-grid-compact .fa-card p {\n  font-size: 12px;\n}\n\n\/* === SYNERGY BOX === *\/\n.fa-synergy-box {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1rem;\n}\n\n.fa-synergy-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--fa-white);\n  border-radius: var(--fa-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--fa-shadow);\n  width: 100%;\n  max-width: 640px;\n  transition: all .3s ease;\n  border: 2px solid transparent;\n}\n\n.fa-synergy-item:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--fa-shadow-lg);\n  border-color: var(--fa-primary);\n}\n\n.fa-synergy-emoji {\n  font-size: 36px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.fa-synergy-content h3 {\n  font-size: clamp(16px, 2.5vw, 19px);\n  font-weight: 800;\n  color: var(--fa-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.fa-synergy-content p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--fa-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.fa-synergy-plus {\n  font-size: 28px;\n  font-weight: 900;\n  color: var(--fa-secondary);\n  line-height: 1;\n}\n\n.fa-synergy-result {\n  background: linear-gradient(135deg, var(--fa-primary-light) 0%, #f0f7e8 100%);\n  border-radius: var(--fa-radius-sm);\n  padding: clamp(1rem, 3vw, 1.5rem);\n  width: 100%;\n  max-width: 640px;\n  border-left: 4px solid var(--fa-accent);\n}\n\n.fa-synergy-result p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--fa-text);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.fa-composition-table {\n  background: var(--fa-white);\n  border-radius: var(--fa-radius);\n  box-shadow: var(--fa-shadow);\n  overflow: hidden;\n}\n\n.fa-composition-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: .875rem 1.25rem;\n  border-bottom: 1px solid var(--fa-border);\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--fa-text-light);\n  gap: 1rem;\n}\n\n.fa-composition-row:last-child {\n  border-bottom: none;\n}\n\n.fa-composition-header {\n  background: var(--fa-primary-dark);\n  color: white !important;\n  font-weight: 700;\n  font-size: 14px !important;\n}\n\n.fa-composition-header span {\n  color: white;\n}\n\n.fa-composition-highlight {\n  background: var(--fa-primary-light);\n}\n\n.fa-composition-highlight span {\n  color: var(--fa-text);\n  font-weight: 600;\n}\n\n.fa-composition-row span:last-child {\n  flex-shrink: 0;\n  text-align: right;\n  white-space: nowrap;\n}\n\n\/* === TIMELINE === *\/\n.fa-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.fa-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.fa-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--fa-primary), var(--fa-accent));\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.fa-timeline-content {\n  flex: 1;\n  background: var(--fa-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--fa-radius-sm);\n  box-shadow: var(--fa-shadow);\n}\n\n.fa-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--fa-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.fa-timeline-content p {\n  font-size: 14px;\n  color: var(--fa-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.fa-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--fa-primary-light);\n  border-radius: var(--fa-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.fa-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.fa-tip p {\n  font-size: 14px;\n  color: var(--fa-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.fa-testimonial {\n  background: var(--fa-white);\n  border-radius: var(--fa-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--fa-shadow);\n  border-left: 4px solid var(--fa-primary);\n}\n\n.fa-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--fa-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.fa-accordion {\n  background: var(--fa-white);\n  border-radius: var(--fa-radius);\n  box-shadow: var(--fa-shadow);\n  overflow: hidden;\n}\n\n.fa-accordion-item {\n  border-bottom: 1px solid var(--fa-border);\n  margin: 0;\n  padding: 0;\n}\n\n.fa-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.fa-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--fa-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.fa-accordion-header:hover {\n  background: var(--fa-primary-light);\n}\n\n.fa-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.fa-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--fa-primary);\n  transition: transform .2s ease;\n}\n\n.fa-accordion-item[open] .fa-accordion-header::after {\n  content: '−';\n}\n\n.fa-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--fa-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.fa-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.fa-disclaimer {\n  font-size: 12px;\n  color: var(--fa-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  .fa-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .fa-card {\n    padding: 1.125rem;\n  }\n\n  .fa-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .fa-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--fa-radius-sm);\n  }\n\n  .fa-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .fa-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .fa-grid-compact {\n    gap: .625rem;\n  }\n\n  .fa-grid-compact .fa-card {\n    padding: .75rem;\n  }\n\n  .fa-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .fa-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .fa-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .fa-timeline-content p {\n    font-size: 13px;\n  }\n\n  .fa-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .fa-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .fa-testimonial {\n    padding: 1.25rem;\n  }\n\n  .fa-testimonial-text {\n    font-size: 14px;\n  }\n\n  \/* Synergy box mobile *\/\n  .fa-synergy-item {\n    padding: 1rem;\n  }\n\n  .fa-synergy-emoji {\n    font-size: 28px;\n  }\n\n  .fa-synergy-content h3 {\n    font-size: 15px;\n  }\n\n  .fa-synergy-content p {\n    font-size: 13px;\n  }\n\n  .fa-synergy-plus {\n    font-size: 22px;\n  }\n\n  \/* Composition table mobile *\/\n  .fa-composition-row {\n    padding: .75rem 1rem;\n    font-size: 13px;\n    flex-direction: column;\n    gap: .25rem;\n    align-items: flex-start;\n  }\n\n  .fa-composition-header {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .fa-composition-row span:last-child {\n    text-align: left;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .fa-card {\n    animation: faFadeInUp .5s ease backwards;\n  }\n  .fa-card:nth-child(1) { animation-delay: .05s; }\n  .fa-card:nth-child(2) { animation-delay: .1s; }\n  .fa-card:nth-child(3) { animation-delay: .15s; }\n  .fa-card:nth-child(4) { animation-delay: .2s; }\n  .fa-card:nth-child(5) { animation-delay: .25s; }\n  .fa-card:nth-child(6) { animation-delay: .3s; }\n\n  .fa-synergy-item {\n    animation: faFadeInUp .5s ease backwards;\n  }\n  .fa-synergy-item:nth-child(1) { animation-delay: .1s; }\n  .fa-synergy-item:nth-child(3) { animation-delay: .2s; }\n\n  .fa-timeline-item {\n    animation: faFadeInUp .5s ease backwards;\n  }\n  .fa-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .fa-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .fa-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes faFadeInUp {\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  .fa-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":56722337005945,"sku":"NBAISUP0011","price":18.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fer-acerola-20-unidoses-superdiet-lifestyle_9c0a691c-3a8b-4caf-80a9-175702f4c9e1.webp?v=1771926891","url":"https:\/\/www.naturellement-bio.com\/products\/fer-acerola-20-unidoses-superdiet","provider":"Naturellement Bio","version":"1.0","type":"link"}