{"title":"Rentrée","description":null,"products":[{"product_id":"cervomax-510-mg-60-gelules-qualidiet","title":"Cervomax 510 Mg - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"cv-premium\"\u003e\n\u003cdiv class=\"cv-hero\"\u003e\n\u003cdiv class=\"cv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cv-hero-content\"\u003e\n\u003cdiv class=\"cv-badges-top\"\u003e\n\u003cspan class=\"cv-badge\"\u003e🧠 Fonctions cérébrales\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e💊 60 gélules – 510 mg\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e🦐 Huile de krill \u0026amp; lécithine marine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cv-hero-title\"\u003eCervomax 510 mg\u003c\/span\u003e\n\u003cp class=\"cv-subtitle\"\u003eSoutien des fonctions cérébrales par Qualidiet\u003c\/p\u003e\n\u003cp class=\"cv-description\"\u003eComplexe synergique de lécithine marine, huile de krill, graines germées de sarrasin, spiruline et lithothamne pour la mémoire, la concentration et la vivacité intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eCervomax 510 mg : votre allié naturel pour la mémoire et la concentration\u003c\/h2\u003e\n\u003cp class=\"cv-section-intro\"\u003eVous ressentez des baisses de concentration, des trous de mémoire ou une fatigue intellectuelle persistante ? \u003cstrong\u003eCervomax\u003c\/strong\u003e de \u003cstrong\u003eQualidiet\u003c\/strong\u003e est un \u003cstrong\u003ecomplément alimentaire mémoire et concentration\u003c\/strong\u003e formulé à partir d'actifs naturels soigneusement sélectionnés. Chaque gélule de 510 mg associe lécithine marine, huile de krill, graines germées de sarrasin, spiruline et lithothamne pour offrir un soutien global à vos fonctions cérébrales.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003ePourquoi choisir Cervomax pour soutenir vos fonctions cognitives ?\u003c\/h2\u003e\n\u003cp class=\"cv-section-intro\"\u003eContrairement à de nombreux compléments qui misent sur un seul ingrédient, Cervomax propose une \u003cstrong\u003eformulation synergique\u003c\/strong\u003e combinant plusieurs familles de nutriments essentiels au bon fonctionnement du cerveau.\u003c\/p\u003e\n\u003cdiv class=\"cv-grid\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🐚 Lécithine d'origine marine\u003c\/h3\u003e\n\u003cp\u003eSource de phospholipides indispensables à la structure des membranes neuronales, elle favorise la transmission de l'influx nerveux et contribue au maintien de la mémoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🦐 Huile de krill riche en phospholipides\u003c\/h3\u003e\n\u003cp\u003eSa forme hautement biodisponible d'oméga-3 (EPA et DHA) participe au fonctionnement normal du cerveau et aide à protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌱 Graines germées de sarrasin\u003c\/h3\u003e\n\u003cp\u003eNaturellement riches en \u003cstrong\u003evitamines du groupe B\u003c\/strong\u003e (notamment B6 et B12), elles soutiennent le métabolisme énergétique et contribuent à réduire la fatigue intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌿 Spiruline\u003c\/h3\u003e\n\u003cp\u003eCette micro-algue apporte des protéines complètes, du fer et des antioxydants qui participent à la vitalité globale de l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🪸 Lithothamne\u003c\/h3\u003e\n\u003cp\u003eAlgue marine riche en \u003cstrong\u003ecalcium\u003c\/strong\u003e, elle contribue à la transmission normale des messages nerveux entre les neurones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-tip\"\u003e\n\u003cspan class=\"cv-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCette combinaison fait de Cervomax l'un des \u003cstrong\u003emeilleurs compléments alimentaires mémoire concentration\u003c\/strong\u003e pour les personnes souhaitant préserver leur vivacité d'esprit au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse Cervomax ?\u003c\/h2\u003e\n\u003cdiv class=\"cv-grid-compact\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n\u003cp\u003eEn période de révisions ou d'examens, pour soutenir la concentration et la mémorisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e💼 Actifs\u003c\/h3\u003e\n\u003cp\u003eSoumis à une charge mentale importante, qui ressentent une fatigue cognitive en fin de journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n\u003cp\u003eSouhaitant préserver leurs capacités intellectuelles et entretenir leur mémoire avec l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e✨ Tous les profils\u003c\/h3\u003e\n\u003cp\u003eEn quête d'un coup de pouce naturel pour retrouver clarté mentale et performance intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"cv-timeline\"\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours des repas (petit-déjeuner et déjeuner).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003eProgramme de 30 jours\u003c\/h3\u003e\n\u003cp\u003eUn flacon de 60 gélules correspond à un programme de \u003cstrong\u003e30 jours\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003eCure recommandée\u003c\/h3\u003e\n\u003cp\u003ePour des résultats optimaux, nous vous recommandons une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eComposition complète pour 2 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"cv-grid\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🐚 Lécithine d'origine marine\u003c\/h3\u003e\n\u003cp\u003eSource de phospholipides essentiels pour les membranes neuronales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🦐 Huile de krill\u003c\/h3\u003e\n\u003cp\u003eRiche en phospholipides et oméga-3 (EPA\/DHA) hautement biodisponibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌱 Graines germées de sarrasin\u003c\/h3\u003e\n\u003cp\u003eApport naturel en vitamines du groupe B pour le métabolisme énergétique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌿 Spiruline\u003c\/h3\u003e\n\u003cp\u003eRiche en protéines complètes et en fer pour la vitalité globale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🪸 Lithothamne\u003c\/h3\u003e\n\u003cp\u003eAlgue marine naturellement riche en calcium pour la transmission nerveuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e💊 Enveloppe de la gélule\u003c\/h3\u003e\n\u003cp\u003eGélatine. Poids net : 36 g — 60 gélules de 510 mg.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n\u003cdiv class=\"cv-testimonial\"\u003e\n\u003cp class=\"cv-testimonial-text\"\u003eCervomax est \u003cstrong\u003efabriqué en France\u003c\/strong\u003e par Qualidiet, laboratoire reconnu pour son exigence en matière de sélection des matières premières et de contrôle qualité. Le processus de fabrication respecte les normes européennes les plus strictes, garantissant un produit pur, sûr et efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"cv-accordion\"\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e🦐 Allergies\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes allergiques aux crustacés (huile de krill).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e👩⚕️ Cas particuliers\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de traitement médical, de grossesse ou d'allaitement, consultez votre médecin avant toute prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eTenir hors de portée des enfants. Conserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cv-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --cv-cream: #f4f1ed;\n  --cv-white: #ffffff;\n  --cv-primary: #1a3a7a;\n  --cv-primary-dark: #0e2354;\n  --cv-primary-light: #e8edf7;\n  --cv-secondary: #c0272d;\n  --cv-accent: #8b1a1e;\n  --cv-text: #1a1a1a;\n  --cv-text-light: #5a5a5a;\n  --cv-border: #e0e0e0;\n  --cv-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --cv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --cv-radius: 20px;\n  --cv-radius-sm: 12px;\n}\n\n.cv-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cv-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.cv-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--cv-primary) 0%, var(--cv-primary-dark) 50%, var(--cv-secondary) 100%);\n  border-radius: var(--cv-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(--cv-shadow-lg);\n}\n\n.cv-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 50%, 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 60% 80%, rgba(192,39,45,.15) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.cv-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cv-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cv-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(--cv-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cv-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cv-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.cv-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.cv-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.cv-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cv-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cv-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.cv-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(--cv-primary), var(--cv-secondary));\n  border-radius: 2px;\n}\n\n.cv-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cv-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.cv-card {\n  background: var(--cv-white);\n  border-radius: var(--cv-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cv-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cv-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cv-shadow-lg);\n  border-color: var(--cv-primary);\n}\n\n.cv-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cv-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cv-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cv-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cv-grid-compact .cv-card {\n  padding: 1rem;\n}\n\n.cv-grid-compact .cv-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cv-grid-compact .cv-card p {\n  font-size: 12px;\n}\n\n.cv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cv-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cv-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cv-primary), var(--cv-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.cv-timeline-content {\n  flex: 1;\n  background: var(--cv-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cv-radius-sm);\n  box-shadow: var(--cv-shadow);\n}\n\n.cv-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cv-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cv-timeline-content p {\n  font-size: 14px;\n  color: var(--cv-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cv-testimonial {\n  background: var(--cv-white);\n  border-radius: var(--cv-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cv-shadow);\n  border-left: 4px solid var(--cv-primary);\n}\n\n.cv-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cv-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.cv-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cv-primary-light);\n  border-radius: var(--cv-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cv-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cv-tip p {\n  font-size: 14px;\n  color: var(--cv-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cv-accordion {\n  background: var(--cv-white);\n  border-radius: var(--cv-radius);\n  box-shadow: var(--cv-shadow);\n  overflow: hidden;\n}\n\n.cv-accordion-item {\n  border-bottom: 1px solid var(--cv-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cv-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cv-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cv-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.cv-accordion-header:hover {\n  background: var(--cv-primary-light);\n}\n\n.cv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cv-primary);\n  transition: transform .2s ease;\n}\n\n.cv-accordion-item[open] .cv-accordion-header::after {\n  content: '−';\n}\n\n.cv-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cv-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cv-accordion-content p {\n  margin: 0;\n}\n\n.cv-disclaimer {\n  font-size: 12px;\n  color: var(--cv-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .cv-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cv-card {\n    padding: 1.125rem;\n  }\n\n  .cv-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cv-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cv-radius-sm);\n  }\n\n  .cv-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cv-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cv-grid-compact {\n    gap: .625rem;\n  }\n\n  .cv-grid-compact .cv-card {\n    padding: .75rem;\n  }\n\n  .cv-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cv-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cv-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cv-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cv-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .cv-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .cv-testimonial {\n    padding: 1.25rem;\n  }\n\n  .cv-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cv-card {\n    animation: cvFadeInUp .5s ease backwards;\n  }\n  .cv-card:nth-child(1) { animation-delay: .05s; }\n  .cv-card:nth-child(2) { animation-delay: .1s; }\n  .cv-card:nth-child(3) { animation-delay: .15s; }\n  .cv-card:nth-child(4) { animation-delay: .2s; }\n  .cv-card:nth-child(5) { animation-delay: .25s; }\n  .cv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cvFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cv-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754726973597,"sku":"REF161BIS","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cervomax-510-mg-60-gelules-vitalosmose-packshothd.webp?v=1773598761"},{"product_id":"lecithine-dorigine-marine-90-gelules-qualidiet","title":"Lécithine d'Origine Marine - 90 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Lécithine d'Origine Marine - 90 Gélules\nPalette détectée:\n  - Primaire: #1e5a8a (bleu marine profond du texte principal)\n  - Secondaire: #4a9cc7 (bleu clair des vagues\/eau)\n  - Accent: #c41e3a (rouge du logo Qualidiet)\nAmbiance: Marine, fraîcheur océanique, santé naturelle, produit pharmaceutique\/bien-être avec une touche aquatique et apaisante\nPréfixe CSS: lm\n--\u003e\n\n\u003cdiv class=\"lm-premium\"\u003e\n  \n  \u003cdiv class=\"lm-hero\"\u003e\n    \u003cdiv class=\"lm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lm-hero-content\"\u003e\n      \u003cdiv class=\"lm-badges-top\"\u003e\n        \u003cspan class=\"lm-badge\"\u003e🐟 Origine marine\u003c\/span\u003e\n        \u003cspan class=\"lm-badge\"\u003e🧠 Santé cognitive\u003c\/span\u003e\n        \u003cspan class=\"lm-badge\"\u003e💊 90 gélules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lm-hero-title\"\u003eLécithine d'origine marine\u003c\/span\u003e\n      \u003cp class=\"lm-subtitle\"\u003e17% de phospholipides marins hautement concentrés\u003c\/p\u003e\n      \u003cp class=\"lm-description\"\u003eRedécouvrez le pouvoir naturel de la lécithine marine pour soutenir votre circulation cérébrale et renforcer votre santé cognitive au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e🌊 Bienfaits de la lécithine marine\u003c\/h2\u003e\n    \u003cdiv class=\"lm-grid\"\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e🧠 Fonction cérébrale\u003c\/h3\u003e\n        \u003cp\u003eSoutient efficacement les capacités cognitives et la mémoire grâce aux phospholipides essentiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eContribue à maintenir l'équilibre des lipides dans le sang pour une meilleure santé du cœur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e🩸 Circulation sanguine\u003c\/h3\u003e\n        \u003cp\u003eFavorise une circulation optimale du sang, notamment au niveau cérébral.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e⚡ Acides gras essentiels\u003c\/h3\u003e\n        \u003cp\u003eApport en Omega-3 et acides gras indispensables au bon fonctionnement de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e🔬 Composition premium\u003c\/h2\u003e\n    \u003cdiv class=\"lm-grid\"\u003e\n      \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n        \u003ch3\u003e🐠 Phospholipides marins\u003c\/h3\u003e\n        \u003cp\u003eIssus de poissons sauvages, hautement concentrés à \u003cstrong\u003e17%\u003c\/strong\u003e pour une efficacité maximale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n        \u003ch3\u003e🌿 Omega-3\u003c\/h3\u003e\n        \u003cp\u003eAcides gras essentiels reconnus pour leurs bienfaits sur le cerveau et le système cardiovasculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n        \u003ch3\u003e🌱 Gélules végétales\u003c\/h3\u003e\n        \u003cp\u003eEnveloppe 100% d'origine végétale pour une meilleure tolérance digestive.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"lm-usage-box\"\u003e\n      \u003cdiv class=\"lm-usage-step\"\u003e\n        \u003cspan class=\"lm-step-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"lm-step-content\"\u003e\n          \u003ch4\u003eDosage quotidien\u003c\/h4\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-usage-step\"\u003e\n        \u003cspan class=\"lm-step-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"lm-step-content\"\u003e\n          \u003ch4\u003eMoment idéal\u003c\/h4\u003e\n          \u003cp\u003eDe préférence \u003cstrong\u003edurant les repas\u003c\/strong\u003e pour une absorption optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-usage-step\"\u003e\n        \u003cspan class=\"lm-step-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"lm-step-content\"\u003e\n          \u003ch4\u003eDurée de cure\u003c\/h4\u003e\n          \u003cp\u003eFlacon de 90 gélules = \u003cstrong\u003e30 jours de cure\u003c\/strong\u003e complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"lm-grid-compact\"\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n        \u003cp\u003eConcentration et mémoire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e💼 Actifs\u003c\/h3\u003e\n        \u003cp\u003ePerformance cognitive\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n        \u003cp\u003eMaintien des fonctions cérébrales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eRécupération et vitalité\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"lm-accordion\"\u003e\n      \u003cdetails class=\"lm-accordion-item\"\u003e\n        \u003csummary class=\"lm-accordion-header\"\u003e🌍 Origine et fabrication\u003c\/summary\u003e\n        \u003cdiv class=\"lm-accordion-content\"\u003e\n          \u003cp\u003eLes phospholipides de poissons proviennent de zones de pêche certifiées en gestion durable, reflétant notre engagement pour la préservation de l'environnement marin. Chaque étape de fabrication suit strictement les normes européennes, assurant un produit final pur, efficace et sécurisé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lm-accordion-item\"\u003e\n        \u003csummary class=\"lm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"lm-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne doit pas se substituer à une alimentation diversifiée et équilibrée et à un mode de vie sain. Veuillez consulter un professionnel de santé avant utilisation, en cas de grossesse, allaitement ou prise de médication.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lm-accordion-item\"\u003e\n        \u003csummary class=\"lm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"lm-accordion-content\"\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"lm-cta-box\"\u003e\n      \u003cp\u003e🌊 Offrez à votre cerveau le meilleur de l'océan avec la lécithine marine hautement concentrée en phospholipides !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --lm-cream: #f5f9fc;\n  --lm-white: #ffffff;\n  --lm-primary: #1e5a8a;\n  --lm-primary-dark: #0d3a5c;\n  --lm-primary-light: #e8f4fc;\n  --lm-secondary: #4a9cc7;\n  --lm-accent: #c41e3a;\n  --lm-text: #1a1a1a;\n  --lm-text-light: #5a6a7a;\n  --lm-border: #d8e8f0;\n  --lm-shadow: 0 4px 24px rgba(30,90,138,.08);\n  --lm-shadow-lg: 0 12px 48px rgba(30,90,138,.15);\n  --lm-radius: 20px;\n  --lm-radius-sm: 12px;\n}\n\n.lm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #0d3a5c 0%, #1e5a8a 40%, #4a9cc7 100%);\n  border-radius: var(--lm-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(--lm-shadow-lg);\n}\n\n.lm-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0 30 Q15 20 30 30 T60 30' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3Cpath d='M0 45 Q15 35 30 45 T60 45' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n  opacity: .08;\n}\n\n.lm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .625rem;\n  margin-bottom: 1.5rem;\n}\n\n.lm-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(--lm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.lm-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.lm-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.lm-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.lm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lm-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.lm-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(--lm-primary), var(--lm-secondary));\n  border-radius: 2px;\n}\n\n.lm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.lm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lm-card {\n  background: var(--lm-white);\n  border-radius: var(--lm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lm-shadow-lg);\n  border-color: var(--lm-primary);\n}\n\n.lm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lm-card-highlight {\n  background: linear-gradient(145deg, var(--lm-white) 0%, var(--lm-primary-light) 100%);\n  border: 2px solid var(--lm-border);\n}\n\n.lm-grid-compact .lm-card {\n  padding: 1rem;\n}\n\n.lm-grid-compact .lm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lm-grid-compact .lm-card p {\n  font-size: 12px;\n}\n\n.lm-usage-box {\n  background: var(--lm-white);\n  border-radius: var(--lm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--lm-shadow);\n}\n\n.lm-usage-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  padding: 1rem 0;\n  border-bottom: 1px solid var(--lm-border);\n}\n\n.lm-usage-step:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.lm-usage-step:first-child {\n  padding-top: 0;\n}\n\n.lm-step-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-secondary) 100%);\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.lm-step-content h4 {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--lm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lm-step-content p {\n  font-size: 14px;\n  color: var(--lm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.lm-accordion {\n  background: var(--lm-white);\n  border-radius: var(--lm-radius);\n  box-shadow: var(--lm-shadow);\n  overflow: hidden;\n}\n\n.lm-accordion-item {\n  border-bottom: 1px solid var(--lm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lm-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.lm-accordion-header:hover {\n  background: var(--lm-primary-light);\n}\n\n.lm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lm-primary);\n  transition: transform .2s ease;\n}\n\n.lm-accordion-item[open] .lm-accordion-header::after {\n  content: '−';\n}\n\n.lm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.lm-accordion-content p {\n  margin: 0;\n}\n\n.lm-cta-box {\n  background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-primary-dark) 100%);\n  border-radius: var(--lm-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lm-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0 30 Q15 20 30 30 T60 30' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n  opacity: .1;\n}\n\n.lm-cta-box p {\n  position: relative;\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@media (max-width: 767px) {\n  .lm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .lm-card {\n    padding: 1.125rem;\n  }\n  \n  .lm-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .lm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lm-radius-sm);\n  }\n  \n  .lm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .lm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .lm-grid-compact {\n    gap: .625rem;\n  }\n  \n  .lm-grid-compact .lm-card {\n    padding: .75rem;\n  }\n  \n  .lm-badges-top {\n    gap: .5rem;\n  }\n  \n  .lm-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n  \n  .lm-usage-box {\n    padding: 1rem;\n  }\n  \n  .lm-usage-step {\n    gap: .75rem;\n    padding: .75rem 0;\n  }\n  \n  .lm-step-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .lm-step-content h4 {\n    font-size: 14px;\n  }\n  \n  .lm-step-content p {\n    font-size: 13px;\n  }\n  \n  .lm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .lm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .lm-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .lm-card:nth-child(1) { animation-delay: .05s; }\n  .lm-card:nth-child(2) { animation-delay: .1s; }\n  .lm-card:nth-child(3) { animation-delay: .15s; }\n  .lm-card:nth-child(4) { animation-delay: .2s; }\n  .lm-card:nth-child(5) { animation-delay: .25s; }\n  .lm-card:nth-child(6) { animation-delay: .3s; }\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  .lm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754729332893,"sku":"VO4535","price":16.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lecithine-dorigine-marine-90-gelules-vitalosmose-packshothd.webp?v=1774289804"},{"product_id":"vitamine-c-liposomale-525-mg-60-gelules-qualidiet","title":"Vitamine C Liposomale 525 Mg - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"vc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"vc-hero\"\u003e\n\u003cdiv class=\"vc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vc-hero-content\"\u003e\n\u003cdiv class=\"vc-badges-top\"\u003e\n\u003cspan class=\"vc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"vc-badge\"\u003e🔬 Technologie liposomale\u003c\/span\u003e \u003cspan class=\"vc-badge\"\u003e💊 500 mg \/ gélule\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"vc-hero-title\"\u003eVitamine C Liposomale 525 mg\u003c\/span\u003e\n\u003cp class=\"vc-subtitle\"\u003eQualidiet - 60 gélules végétales\u003c\/p\u003e\n\u003cp class=\"vc-description\"\u003eUne absorption jusqu'à 10× supérieure grâce à l'encapsulation liposomale. Directement au cœur de vos cellules, là où la vitamine C agit vraiment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eLa vitamine C sous forme Liposomale pour une absorption bien supérieure\u003c\/h2\u003e\n\u003cp class=\"vc-section-intro\"\u003eVous cherchez une \u003cstrong\u003evitamine C liposomale\u003c\/strong\u003e réellement efficace, bien tolérée et fabriquée en France ?\u003c\/p\u003e\n\u003cdiv class=\"vc-highlight-box\"\u003e\n\u003cp\u003eLa \u003cstrong\u003eVitamine C Liposomale 525 mg de Qualidiet\u003c\/strong\u003e vous offre une formule pensée pour maximiser l'assimilation de la vitamine C par votre organisme. Grâce à la technologie liposomale, chaque gélule délivre ses actifs \u003cstrong\u003edirectement au cœur de vos cellules\u003c\/strong\u003e, là où ils sont vraiment utiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003ePourquoi choisir une vitamine C sous forme liposomale ?\u003c\/h2\u003e\n\u003cdiv class=\"vc-comparison\"\u003e\n\u003cdiv class=\"vc-compare-card vc-compare-bad\"\u003e\n\u003ch3\u003e❌ Vitamine C classique\u003c\/h3\u003e\n\u003cp\u003eSous forme d'acide ascorbique, elle est souvent \u003cstrong\u003emal absorbée\u003c\/strong\u003e par l'intestin. Une grande partie est éliminée avant même d'avoir agi. Troubles gastriques fréquents chez les personnes sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-compare-card vc-compare-good\"\u003e\n\u003ch3\u003e✅ Vitamine C liposomale\u003c\/h3\u003e\n\u003cp\u003eEncapsulée dans des \u003cstrong\u003eliposomes\u003c\/strong\u003e (sphères lipidiques), elle est protégée tout au long du transit digestif. Résultat : une \u003cstrong\u003ebiodisponibilité nettement supérieure\u003c\/strong\u003e et une excellente tolérance intestinale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e💬\u003c\/span\u003e\n\u003cp\u003eC'est cette différence qui explique les nombreux \u003cstrong\u003eavis positifs sur la vitamine C liposomale\u003c\/strong\u003e : moins de troubles gastriques, plus d'effets ressentis, une diffusion progressive dans l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets de cette vitamine C liposomale\u003c\/h2\u003e\n\u003cp class=\"vc-section-intro\"\u003eEn intégrant ce complément à votre routine quotidienne, vous soutenez activement votre organisme sur plusieurs fronts :\u003c\/p\u003e\n\u003cdiv class=\"vc-grid\"\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue au fonctionnement normal de vos défenses naturelles, particulièrement en période hivernale ou lors des changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e⚡ Énergie au quotidien\u003c\/h3\u003e\n\u003cp\u003eElle participe à un métabolisme énergétique normal et aide à \u003cstrong\u003eréduire la fatigue\u003c\/strong\u003e physique comme nerveuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🧬 Protection cellulaire\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant, elle contribue à protéger vos cellules contre le stress oxydatif et le vieillissement prématuré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e✨ Formation du collagène\u003c\/h3\u003e\n\u003cp\u003eEssentiel pour la peau, les os, les cartilages et les gencives. Un allié beauté et santé structurelle au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eComposition détaillée – par gélule de 525 mg\u003c\/h2\u003e\n\u003cdiv class=\"vc-grid-compact\"\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e500 mg\u003c\/strong\u003e d'acide ascorbique par gélule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🫘 Lécithine de soja\u003c\/h3\u003e\n\u003cp\u003eSource naturelle de phospholipides formant les liposomes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🌿 Gélule végétale\u003c\/h3\u003e\n\u003cp\u003eHPMC, convient aux régimes végétariens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans colorant artificiel, sans conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cem\u003eContient du soja.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"vc-timeline\"\u003e\n\u003cdiv class=\"vc-timeline-item\"\u003e\n\u003cdiv class=\"vc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e, avec un grand verre d'eau, de préférence au cours d'un repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-item\"\u003e\n\u003cdiv class=\"vc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-content\"\u003e\n\u003ch3\u003eCure intensive (1000 mg)\u003c\/h3\u003e\n\u003cp\u003ePour un apport proche de \u003cstrong\u003e1000 mg de vitamine C liposomale\u003c\/strong\u003e, deux gélules quotidiennes suffisent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-item\"\u003e\n\u003cdiv class=\"vc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-content\"\u003e\n\u003ch3\u003eCure d'entretien\u003c\/h3\u003e\n\u003cp\u003eUne seule gélule par jour convient parfaitement pour maintenir un bon niveau de vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe flacon de \u003cstrong\u003e60 gélules\u003c\/strong\u003e vous accompagne pendant \u003cstrong\u003e1 à 2 mois\u003c\/strong\u003e selon votre dosage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eEffets secondaires et précautions\u003c\/h2\u003e\n\u003cdiv class=\"vc-accordion\"\u003e\n\u003cdetails class=\"vc-accordion-item\"\u003e\n\u003csummary class=\"vc-accordion-header\"\u003e🩺 Effets secondaires\u003c\/summary\u003e\n\u003cdiv class=\"vc-accordion-content mt-3\"\u003e\n\u003cp\u003eLes \u003cstrong\u003eeffets secondaires de la vitamine C liposomale\u003c\/strong\u003e sont rares grâce à l'encapsulation liposomale qui épargne le système digestif. Toutefois, un dosage excessif peut entraîner de légers inconforts intestinaux. Respectez la posologie recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vc-accordion-item\"\u003e\n\u003csummary class=\"vc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"vc-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément est réservé à l'adulte. Il ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de traitement médical, de grossesse ou d'allaitement, consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"vc-section\"\u003e\n\u003ch2\u003eFabrication française – Qualité Qualidiet\u003c\/h2\u003e\n\u003cdiv class=\"vc-testimonial\"\u003e\n\u003cp class=\"vc-testimonial-text\"\u003eFormulée et fabriquée en France par \u003cstrong\u003eQualidiet\u003c\/strong\u003e, cette vitamine C liposomale en gélules bénéficie d'un contrôle qualité rigoureux à chaque étape de production. Les matières premières sont soigneusement sélectionnées pour vous garantir un complément alimentaire fiable, efficace et traçable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eQue vous recherchiez une \u003cstrong\u003evitamine C liposomale en parapharmacie\u003c\/strong\u003e ou en boutique spécialisée, ce format en gélules offre un avantage pratique par rapport à la \u003cstrong\u003evitamine C liposomale liquide\u003c\/strong\u003e : pas de goût, un dosage précis et une conservation simplifiée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-cta-box\"\u003e\n\u003cp\u003e🍊 Offrez à votre corps une vitamine C qui arrive vraiment à destination.\u003cbr\u003e60 gélules liposomales — 500 mg par gélule — Fabriqué en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"vc-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. Contient du soja.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --vc-cream: #faf7f4;\n  --vc-white: #ffffff;\n  --vc-primary: #E85B20;\n  --vc-primary-dark: #B8420F;\n  --vc-primary-light: #FFF3EC;\n  --vc-secondary: #5B3A8C;\n  --vc-accent: #D94520;\n  --vc-text: #1a1a1a;\n  --vc-text-light: #5a5a5a;\n  --vc-border: #e8e0d8;\n  --vc-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --vc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --vc-radius: 20px;\n  --vc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--vc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.vc-premium *, .vc-premium *::before, .vc-premium *::after {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.vc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #E85B20 0%, #D94520 40%, #5B3A8C 100%);\n  border-radius: var(--vc-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(--vc-shadow-lg);\n}\n\n.vc-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,.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,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.vc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === BADGES === *\/\n.vc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.vc-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(--vc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.vc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.vc-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  line-height: 1.1;\n}\n\n.vc-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.vc-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.vc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--vc-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.25;\n}\n\n.vc-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(--vc-primary), var(--vc-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.vc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--vc-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\/* === HIGHLIGHT BOX === *\/\n.vc-highlight-box {\n  background: var(--vc-white);\n  border-radius: var(--vc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--vc-shadow);\n  border-left: 4px solid var(--vc-primary);\n}\n\n.vc-highlight-box p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--vc-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === COMPARISON CARDS === *\/\n.vc-comparison {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.vc-compare-card {\n  background: var(--vc-white);\n  border-radius: var(--vc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--vc-shadow);\n  transition: all .3s ease;\n}\n\n.vc-compare-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--vc-shadow-lg);\n}\n\n.vc-compare-bad {\n  border-top: 4px solid #dc3545;\n}\n\n.vc-compare-good {\n  border-top: 4px solid #28a745;\n}\n\n.vc-compare-card h3 {\n  font-size: clamp(16px, 2.5vw, 19px);\n  font-weight: 800;\n  margin: 0 0 .75rem 0;\n  line-height: 1.3;\n}\n\n.vc-compare-bad h3 {\n  color: #dc3545;\n}\n\n.vc-compare-good h3 {\n  color: #28a745;\n}\n\n.vc-compare-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--vc-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.vc-card {\n  background: var(--vc-white);\n  border-radius: var(--vc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--vc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.vc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--vc-shadow-lg);\n  border-color: var(--vc-primary);\n}\n\n.vc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--vc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.vc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--vc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.vc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.vc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.vc-grid-compact .vc-card {\n  padding: 1rem;\n}\n\n.vc-grid-compact .vc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.vc-grid-compact .vc-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.vc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.vc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.vc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--vc-primary), var(--vc-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.vc-timeline-content {\n  flex: 1;\n  background: var(--vc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--vc-radius-sm);\n  box-shadow: var(--vc-shadow);\n}\n\n.vc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--vc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.vc-timeline-content p {\n  font-size: 14px;\n  color: var(--vc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.vc-testimonial {\n  background: var(--vc-white);\n  border-radius: var(--vc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--vc-shadow);\n  border-left: 4px solid var(--vc-secondary);\n}\n\n.vc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--vc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.vc-accordion {\n  background: var(--vc-white);\n  border-radius: var(--vc-radius);\n  box-shadow: var(--vc-shadow);\n  overflow: hidden;\n}\n\n.vc-accordion-item {\n  border-bottom: 1px solid var(--vc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.vc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.vc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--vc-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.vc-accordion-header:hover {\n  background: var(--vc-primary-light);\n}\n\n.vc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.vc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--vc-primary);\n  transition: transform .2s ease;\n}\n\n.vc-accordion-item[open] .vc-accordion-header::after {\n  content: '−';\n}\n\n.vc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--vc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.vc-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.vc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--vc-primary-light);\n  border-radius: var(--vc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.vc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.vc-tip p {\n  font-size: 14px;\n  color: var(--vc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.vc-cta-box {\n  background: linear-gradient(135deg, var(--vc-primary) 0%, var(--vc-primary-dark) 50%, var(--vc-secondary) 100%);\n  border-radius: var(--vc-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.vc-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.vc-disclaimer {\n  font-size: 12px;\n  color: var(--vc-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  .vc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .vc-comparison {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .vc-card {\n    padding: 1.125rem;\n  }\n\n  .vc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .vc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--vc-radius-sm);\n  }\n\n  .vc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .vc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .vc-grid-compact {\n    gap: .625rem;\n  }\n\n  .vc-grid-compact .vc-card {\n    padding: .75rem;\n  }\n\n  .vc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .vc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .vc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .vc-timeline-content p {\n    font-size: 13px;\n  }\n\n  .vc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .vc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .vc-testimonial {\n    padding: 1.25rem;\n  }\n\n  .vc-testimonial-text {\n    font-size: 14px;\n  }\n\n  .vc-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .vc-highlight-box p {\n    font-size: 14px;\n  }\n\n  .vc-compare-card {\n    padding: 1.125rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .vc-card,\n  .vc-compare-card {\n    animation: vcFadeInUp .5s ease backwards;\n  }\n  .vc-card:nth-child(1),\n  .vc-compare-card:nth-child(1) { animation-delay: .05s; }\n  .vc-card:nth-child(2),\n  .vc-compare-card:nth-child(2) { animation-delay: .1s; }\n  .vc-card:nth-child(3) { animation-delay: .15s; }\n  .vc-card:nth-child(4) { animation-delay: .2s; }\n  .vc-card:nth-child(5) { animation-delay: .25s; }\n  .vc-card:nth-child(6) { animation-delay: .3s; }\n\n  .vc-timeline-item {\n    animation: vcFadeInUp .5s ease backwards;\n  }\n  .vc-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .vc-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .vc-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes vcFadeInUp {\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  .vc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754730709149,"sku":"VO4850","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vitamine-c-liposomale-525-mg-60-gelules-qualidiet-packshothd.webp?v=1786024547"},{"product_id":"quercetine-anhydre-vegetale-60-gelules-qualidiet","title":"Quercétine Anhydre Végétale - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"qc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"qc-hero\"\u003e\n    \u003cdiv class=\"qc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"qc-hero-content\"\u003e\n      \u003cdiv class=\"qc-badges-top\"\u003e\n        \u003cspan class=\"qc-badge\"\u003e🌿 Origine végétale\u003c\/span\u003e\n        \u003cspan class=\"qc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"qc-badge\"\u003e💊 300 mg \/ gélule\u003c\/span\u003e\n        \u003cspan class=\"qc-badge\"\u003e🧪 Forme anhydre pure\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"qc-hero-title\"\u003eQuercétine anhydre végétale\u003c\/span\u003e\n      \u003cp class=\"qc-subtitle\"\u003e60 gélules dosées à 300 mg — Qualidiet\u003c\/p\u003e\n      \u003cp class=\"qc-description\"\u003eUn flavonoïde puissant extrait du Sophora Japonica pour soutenir vos défenses, lutter contre le stress oxydatif et retrouver un confort au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eQuercétine anhydre d'origine végétale : un flavonoïde puissant au quotidien\u003c\/h2\u003e\n    \u003cp class=\"qc-section-intro\"\u003eVous cherchez un complément alimentaire naturel pour soutenir vos défenses et lutter contre le stress oxydatif ?\u003c\/p\u003e\n    \u003cdiv class=\"qc-highlight-box\"\u003e\n      \u003cp\u003eLa \u003cstrong\u003eQuercétine Anhydre Végétale de Qualidiet\u003c\/strong\u003e vous apporte \u003cstrong\u003e300 mg de quercétine pure par gélule\u003c\/strong\u003e, extraite du \u003cstrong\u003eSophora Japonica\u003c\/strong\u003e, un arbre reconnu pour sa richesse exceptionnelle en flavonoïdes. Ce polyphénol, largement étudié par la recherche scientifique, fait partie des antioxydants les plus prometteurs du règne végétal.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eLes bienfaits de la quercétine pour votre organisme\u003c\/h2\u003e\n    \u003cp class=\"qc-section-intro\"\u003eLa quercétine est un flavonol naturellement présent dans certains fruits et légumes (oignons, câpres, myrtilles), mais souvent en quantités insuffisantes pour en ressentir les effets. La supplémentation permet d'atteindre des dosages réellement utiles.\u003c\/p\u003e\n    \u003cdiv class=\"qc-grid\"\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🌸 Action antihistaminique naturelle\u003c\/h3\u003e\n        \u003cp\u003eLa quercétine est reconnue pour aider à stabiliser les mastocytes, ces cellules impliquées dans les réactions allergiques. Si vous souffrez d'allergies saisonnières, elle peut contribuer à réduire l'inconfort au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eElle neutralise les radicaux libres responsables du vieillissement cellulaire prématuré et des dommages oxydatifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e❤️ Soutien cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003ePlusieurs études suggèrent un rôle favorable de la quercétine sur la santé des vaisseaux sanguins et la tension artérielle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🫁 Quercétine et intestin\u003c\/h3\u003e\n        \u003cp\u003eCe flavonoïde contribue à maintenir l'intégrité de la barrière intestinale et à moduler la réponse inflammatoire au niveau digestif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e💪 Soutien immunitaire\u003c\/h3\u003e\n        \u003cp\u003eEn aidant à réguler la réponse immunitaire, elle participe au bon fonctionnement de vos défenses naturelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n    \u003cdiv class=\"qc-grid-compact\"\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🌿 Quercétine anhydre\u003c\/h3\u003e\n        \u003cp\u003e300 mg — Extraite du Sophora Japonica\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n        \u003cp\u003eHPMC — 100 % d'origine végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qc-tip\"\u003e\n      \u003cspan class=\"qc-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eSans gluten, sans OGM, sans conservateur, sans colorant ni arôme artificiel.\u003c\/strong\u003e Convient aux personnes suivant un régime végétarien ou végétalien. Poids net du flacon : 23,40 g pour 60 gélules.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"qc-timeline\"\u003e\n      \u003cdiv class=\"qc-timeline-item\"\u003e\n        \u003cdiv class=\"qc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"qc-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e, avec un grand verre d'eau, de préférence pendant un repas pour favoriser l'absorption.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-timeline-item\"\u003e\n        \u003cdiv class=\"qc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"qc-timeline-content\"\u003e\n          \u003ch3\u003eEntretien quotidien\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e pour une protection antioxydante de fond et un soutien immunitaire régulier.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-timeline-item\"\u003e\n        \u003cdiv class=\"qc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"qc-timeline-content\"\u003e\n          \u003ch3\u003ePériode d'allergie ou de sollicitation\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e en période d'allergie saisonnière ou de sollicitation immunitaire accrue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qc-tip\"\u003e\n      \u003cspan class=\"qc-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eEn cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eQuercétine : danger ou précautions ?\u003c\/h2\u003e\n    \u003cdiv class=\"qc-accordion\"\u003e\n      \u003cdetails class=\"qc-accordion-item\"\u003e\n        \u003csummary class=\"qc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n          \u003cp\u003eAux dosages recommandés, la quercétine ne présente pas de danger particulier pour les adultes en bonne santé. Toutefois, elle est \u003cstrong\u003edéconseillée aux femmes enceintes ou allaitantes\u003c\/strong\u003e et aux personnes sous traitement anticoagulant, en raison d'interactions possibles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qc-accordion-item\"\u003e\n        \u003csummary class=\"qc-accordion-header\"\u003e📋 Avertissement réglementaire\u003c\/summary\u003e\n        \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace en aucun cas un traitement médical ni une alimentation variée et équilibrée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qc-accordion-item\"\u003e\n        \u003csummary class=\"qc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le flacon à l'abri de la chaleur et de l'humidité, hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"qc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir la quercétine Qualidiet ?\u003c\/h2\u003e\n    \u003cdiv class=\"qc-grid\"\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e⚗️ Forme anhydre concentrée\u003c\/h3\u003e\n        \u003cp\u003eSans molécule d'eau liée, garantissant une \u003cstrong\u003econcentration maximale en principe actif\u003c\/strong\u003e dans chaque gélule — un avantage rare face aux produits classiques en pharmacie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🌳 Source végétale de référence\u003c\/h3\u003e\n        \u003cp\u003eL'extraction est réalisée à partir du \u003cstrong\u003eSophora Japonica\u003c\/strong\u003e, une source naturelle reconnue pour sa richesse exceptionnelle en quercétine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eProduit selon des \u003cstrong\u003enormes de qualité strictes\u003c\/strong\u003e, assurant une traçabilité complète du début à la fin de la production.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qc-cta-box\"\u003e\n      \u003cp\u003eSi vous recherchez un allié naturel pour vos allergies, votre confort intestinal ou simplement pour renforcer votre protection antioxydante, la \u003cstrong\u003eQuercétine Anhydre Végétale Qualidiet\u003c\/strong\u003e est un choix fiable et bien dosé.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"qc-disclaimer\"\u003eComplé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  --qc-cream: #f4f5f8;\n  --qc-white: #ffffff;\n  --qc-primary: #1e3a6e;\n  --qc-primary-dark: #122550;\n  --qc-primary-light: #e8edf5;\n  --qc-secondary: #4a6fa5;\n  --qc-accent: #8ba3cc;\n  --qc-text: #1a1a1a;\n  --qc-text-light: #5a5a5a;\n  --qc-border: #dde2ea;\n  --qc-shadow: 0 4px 24px rgba(30,58,110,.08);\n  --qc-shadow-lg: 0 12px 48px rgba(30,58,110,.15);\n  --qc-radius: 20px;\n  --qc-radius-sm: 12px;\n}\n\n.qc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--qc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.qc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #122550 0%, #1e3a6e 40%, #4a6fa5 100%);\n  border-radius: var(--qc-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(--qc-shadow-lg);\n}\n\n.qc-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,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.04) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(139,163,204,.08) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.qc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.qc-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.qc-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.qc-description {\n  color: rgba(255,255,255,.75);\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.qc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.qc-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(--qc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.qc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.qc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--qc-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.qc-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(--qc-primary), var(--qc-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.qc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qc-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\/* === HIGHLIGHT BOX === *\/\n.qc-highlight-box {\n  background: var(--qc-white);\n  border-radius: var(--qc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--qc-shadow);\n  border-left: 4px solid var(--qc-primary);\n}\n\n.qc-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--qc-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.qc-card {\n  background: var(--qc-white);\n  border-radius: var(--qc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--qc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.qc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--qc-shadow-lg);\n  border-color: var(--qc-primary);\n}\n\n.qc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--qc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.qc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--qc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.qc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.qc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.qc-grid-compact .qc-card {\n  padding: 1rem;\n}\n\n.qc-grid-compact .qc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.qc-grid-compact .qc-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.qc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.qc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.qc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--qc-primary), var(--qc-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.qc-timeline-content {\n  flex: 1;\n  background: var(--qc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--qc-radius-sm);\n  box-shadow: var(--qc-shadow);\n}\n\n.qc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--qc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.qc-timeline-content p {\n  font-size: 14px;\n  color: var(--qc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.qc-testimonial {\n  background: var(--qc-white);\n  border-radius: var(--qc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--qc-shadow);\n  border-left: 4px solid var(--qc-primary);\n}\n\n.qc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.qc-accordion {\n  background: var(--qc-white);\n  border-radius: var(--qc-radius);\n  box-shadow: var(--qc-shadow);\n  overflow: hidden;\n}\n\n.qc-accordion-item {\n  border-bottom: 1px solid var(--qc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.qc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.qc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--qc-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.qc-accordion-header:hover {\n  background: var(--qc-primary-light);\n}\n\n.qc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.qc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--qc-primary);\n  transition: transform .2s ease;\n}\n\n.qc-accordion-item[open] .qc-accordion-header::after {\n  content: '−';\n}\n\n.qc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--qc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.qc-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.qc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--qc-primary-light);\n  border-radius: var(--qc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.qc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.qc-tip p {\n  font-size: 14px;\n  color: var(--qc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.qc-cta-box {\n  background: linear-gradient(135deg, var(--qc-primary) 0%, var(--qc-primary-dark) 100%);\n  border-radius: var(--qc-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.qc-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.qc-disclaimer {\n  font-size: 12px;\n  color: var(--qc-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  .qc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .qc-card {\n    padding: 1.125rem;\n  }\n\n  .qc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .qc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--qc-radius-sm);\n  }\n\n  .qc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .qc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .qc-grid-compact {\n    gap: .625rem;\n  }\n\n  .qc-grid-compact .qc-card {\n    padding: .75rem;\n  }\n\n  .qc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .qc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .qc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .qc-timeline-content p {\n    font-size: 13px;\n  }\n\n  .qc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .qc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .qc-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .qc-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .qc-card {\n    animation: qcFadeInUp .5s ease backwards;\n  }\n  .qc-card:nth-child(1) { animation-delay: .05s; }\n  .qc-card:nth-child(2) { animation-delay: .1s; }\n  .qc-card:nth-child(3) { animation-delay: .15s; }\n  .qc-card:nth-child(4) { animation-delay: .2s; }\n  .qc-card:nth-child(5) { animation-delay: .25s; }\n  .qc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qcFadeInUp {\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  .qc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754731102365,"sku":"VO4616","price":16.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quercetine-anhydre-vegetale-60-gelules-qualidiet-packshothd.webp?v=1786025409"},{"product_id":"bisglycinate-de-magnesium-vit-b6-90-gelules-qualidiet","title":"Bisglycinate de Magnésium \u0026 Vitamine B6 - 90 Gélules - Qualidiet","description":"\u003cdiv class=\"mg-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"mg-hero\"\u003e\n    \u003cdiv class=\"mg-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mg-hero-content\"\u003e\n      \u003cdiv class=\"mg-badges-top\"\u003e\n        \u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"mg-badge\"\u003e⚡ Haute absorption\u003c\/span\u003e\n        \u003cspan class=\"mg-badge\"\u003e🌿 Sans gluten · Sans lactose\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mg-hero-title\"\u003eBisglycinate de Magnésium \u0026amp; Vitamine B6\u003c\/span\u003e\n      \u003cp class=\"mg-subtitle\"\u003eMagnésium chélaté hautement assimilable — 90 gélules\u003c\/p\u003e\n      \u003cp class=\"mg-description\"\u003eLa synergie optimale pour réduire la fatigue, apaiser le stress et soutenir vos muscles au quotidien, sans inconfort digestif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eBisglycinate de magnésium et vitamine B6 : la synergie haute absorption\u003c\/h2\u003e\n    \u003cp class=\"mg-section-intro\"\u003eFatigue persistante, tensions musculaires, irritabilité ou sommeil perturbé ? Votre corps vous envoie peut-être un signal clair : \u003cstrong\u003eun manque de magnésium\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003cdiv class=\"mg-grid-compact\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🧬 Forme chélatée\u003c\/h3\u003e\n        \u003cp\u003eBisglycinate de magnésium lié à deux molécules de glycine pour une biodisponibilité supérieure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🛡️ Tolérance digestive\u003c\/h3\u003e\n        \u003cp\u003eFini les inconforts gastriques souvent associés aux compléments de magnésium classiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🔬 Vitamine B6 intégrée\u003c\/h3\u003e\n        \u003cp\u003eLa pyridoxine améliore l'absorption cellulaire du magnésium et la synthèse de neurotransmetteurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e✅ Qualité certifiée\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France selon des standards de qualité rigoureux. Convient aux végétariens.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le magnésium bisglycinate plutôt qu'une autre forme ?\u003c\/h2\u003e\n    \u003cdiv class=\"mg-comparison\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🔗 Absorption optimale\u003c\/h3\u003e\n        \u003cp\u003eLe bisglycinate de magnésium est lié à deux molécules de \u003cstrong\u003eglycine\u003c\/strong\u003e, un acide aminé qui facilite son passage à travers la barrière intestinale. Votre organisme absorbe une plus grande quantité de magnésium, sans provoquer de gêne digestive.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e⚡ Le rôle clé de la vitamine B6\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine B6 (pyridoxine hydrochloride) agit comme un véritable facilitateur : elle \u003cstrong\u003eaméliore l'absorption cellulaire du magnésium\u003c\/strong\u003e et participe activement à la synthèse de sérotonine et de GABA.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🏆 Duo complémentaire\u003c\/h3\u003e\n        \u003cp\u003eL'association \u003cstrong\u003emagnésium et vitamine B6\u003c\/strong\u003e forme un duo particulièrement efficace, bien supérieur à une supplémentation en magnésium seul (oxyde ou citrate).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"mg-grid\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🔋 Réduction de la fatigue\u003c\/h3\u003e\n        \u003cp\u003eLe magnésium intervient dans plus de \u003cstrong\u003e300 réactions enzymatiques\u003c\/strong\u003e liées à la production d'énergie. Retrouvez votre vitalité dès les premières semaines.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🧘 Équilibre nerveux et gestion du stress\u003c\/h3\u003e\n        \u003cp\u003eLa combinaison vitamine B6 et magnésium soutient le système nerveux et aide à \u003cstrong\u003eapaiser les tensions\u003c\/strong\u003e accumulées au fil de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e💪 Détente musculaire\u003c\/h3\u003e\n        \u003cp\u003eIdéal après une journée intense ou une séance de sport, le magnésium contribue au \u003cstrong\u003erelâchement musculaire\u003c\/strong\u003e et réduit les crampes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🌙 Soutien de l'humeur et du sommeil\u003c\/h3\u003e\n        \u003cp\u003eEn favorisant la synthèse de sérotonine, cette formule vous aide à retrouver un \u003cstrong\u003eétat d'esprit apaisé\u003c\/strong\u003e, notamment le soir.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🦴 Santé osseuse\u003c\/h3\u003e\n        \u003cp\u003eLe magnésium participe à la \u003cstrong\u003esolidité des os et des dents\u003c\/strong\u003e, un atout essentiel à tout âge.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eComposition pour 3 gélules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"mg-composition-box\"\u003e\n      \u003cdiv class=\"mg-grid-compact\"\u003e\n        \u003cdiv class=\"mg-card\"\u003e\n          \u003ch3\u003e🧬 Bisglycinate de magnésium\u003c\/h3\u003e\n          \u003cp\u003eMagnésium chélaté hautement assimilable — forme premium pour une absorption maximale.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mg-card\"\u003e\n          \u003ch3\u003e🟡 Vitamine B6\u003c\/h3\u003e\n          \u003cp\u003ePyridoxine hydrochloride — facilite l'absorption cellulaire du magnésium.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-tip\"\u003e\n        \u003cspan class=\"mg-tip-icon\"\u003e📋\u003c\/span\u003e\n        \u003cp\u003eFormule \u003cstrong\u003esans gluten, sans lactose\u003c\/strong\u003e, convient aux végétariens. Gélules de 550 mg — flacon de 90 gélules (cure de 30 jours). Poids net : 58 g. Fabriqué en France.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"mg-timeline\"\u003e\n      \u003cdiv class=\"mg-timeline-item\"\u003e\n        \u003cdiv class=\"mg-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mg-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours d'un repas pour une assimilation optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-timeline-item\"\u003e\n        \u003cdiv class=\"mg-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mg-timeline-content\"\u003e\n          \u003ch3\u003eAstuce détente du soir\u003c\/h3\u003e\n          \u003cp\u003eSi vous ressentez des tensions nerveuses en fin de journée, privilégiez la prise le soir au dîner : le bisglycinate de magnésium favorise la détente et prépare votre organisme au repos.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-timeline-item\"\u003e\n        \u003cdiv class=\"mg-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mg-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e est généralement recommandée, renouvelable selon vos besoins. Vous pouvez fractionner la prise (1 gélule à chaque repas) pour un apport régulier.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"mg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePour qui est conçu ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"mg-grid\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n        \u003cp\u003eSujettes au stress chronique, à l'irritabilité ou à la nervosité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e😴 Fatigués et insomniaques\u003c\/h3\u003e\n        \u003cp\u003eFatigue persistante, troubles du sommeil ou difficultés à récupérer.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eCrampes musculaires, récupération difficile après l'effort, besoin accru en magnésium.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e📚 Étudiants en période d'examens\u003c\/h3\u003e\n        \u003cp\u003eConcentration, mémoire et gestion de la pression intellectuelle intensive.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mg-cta-box\"\u003e\n      \u003cp\u003e✨ Offrez à votre corps le magnésium qu'il mérite — haute absorption, zéro inconfort digestif, résultats concrets dès les premières semaines.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"mg-disclaimer\"\u003e⚠️ Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Consultez un professionnel de santé avant toute prise, en particulier si vous êtes enceinte, allaitante ou sous traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mg-cream: #f4f6fb;\n  --mg-white: #ffffff;\n  --mg-primary: #1a4f9c;\n  --mg-primary-dark: #0d2f66;\n  --mg-primary-light: #e8eff9;\n  --mg-secondary: #2b7de9;\n  --mg-accent: #c9a226;\n  --mg-text: #1a1a1a;\n  --mg-text-light: #5a6270;\n  --mg-border: #dde3ed;\n  --mg-shadow: 0 4px 24px rgba(13, 47, 102, .07);\n  --mg-shadow-lg: 0 12px 48px rgba(13, 47, 102, .13);\n  --mg-radius: 20px;\n  --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--mg-primary-dark) 0%, var(--mg-primary) 45%, var(--mg-secondary) 100%);\n  border-radius: var(--mg-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(--mg-shadow-lg);\n}\n\n.mg-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,.08) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(201,162,38,.1) 0%, transparent 50%),\n              radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.mg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mg-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  line-height: 1.1;\n}\n\n.mg-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: .01em;\n}\n\n.mg-description {\n  color: rgba(255,255,255,.75);\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.mg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.mg-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(--mg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mg-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.25;\n}\n\n.mg-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(--mg-primary), var(--mg-accent));\n  border-radius: 2px;\n}\n\n.mg-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mg-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.mg-card {\n  background: var(--mg-white);\n  border-radius: var(--mg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mg-shadow-lg);\n  border-color: var(--mg-primary);\n}\n\n.mg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mg-grid-compact .mg-card {\n  padding: 1rem;\n}\n\n.mg-grid-compact .mg-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mg-grid-compact .mg-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mg-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mg-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mg-primary), var(--mg-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.mg-timeline-content {\n  flex: 1;\n  background: var(--mg-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--mg-radius-sm);\n  box-shadow: var(--mg-shadow);\n}\n\n.mg-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mg-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mg-timeline-content p {\n  font-size: 14px;\n  color: var(--mg-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.mg-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mg-primary-light);\n  border-radius: var(--mg-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.mg-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mg-tip p {\n  font-size: 14px;\n  color: var(--mg-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.mg-cta-box {\n  background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n  border-radius: var(--mg-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.mg-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.mg-disclaimer {\n  font-size: 12px;\n  color: var(--mg-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .mg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .mg-card {\n    padding: 1.125rem;\n  }\n\n  .mg-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .mg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mg-radius-sm);\n  }\n\n  .mg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .mg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .mg-grid-compact {\n    gap: .625rem;\n  }\n\n  .mg-grid-compact .mg-card {\n    padding: .75rem;\n  }\n\n  .mg-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .mg-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .mg-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .mg-timeline-content p {\n    font-size: 13px;\n  }\n\n  .mg-tip {\n    padding: .875rem 1rem;\n  }\n\n  .mg-tip-icon {\n    font-size: 20px;\n  }\n\n  .mg-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mg-card {\n    animation: mgFadeInUp .5s ease backwards;\n  }\n  .mg-card:nth-child(1) { animation-delay: .05s; }\n  .mg-card:nth-child(2) { animation-delay: .1s; }\n  .mg-card:nth-child(3) { animation-delay: .15s; }\n  .mg-card:nth-child(4) { animation-delay: .2s; }\n  .mg-card:nth-child(5) { animation-delay: .25s; }\n  .mg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mgFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mg-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":53506749661561,"sku":"VO4601","price":22.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bisglycinate-de-magnesium-vitamine-b6-90-gelules-qualidiet-packshothd.webp?v=1786025950"},{"product_id":"bisglycinate-de-magnesium-vit-b6-180-gelules-qualidiet","title":"Bisglycinate de Magnésium \u0026 Vitamines B6 - 180 Gélules - Qualidiet","description":"\u003cdiv class=\"mg-premium\"\u003e\n\u003cdiv class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-content\"\u003e\n\u003cdiv class=\"mg-badges-top\"\u003e\n\u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e💊 180 gélules\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e🧬 Haute absorption\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e🌿 Convient aux végétariens\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mg-hero-title\"\u003eBisglycinate de Magnésium \u0026amp; Vitamine B6\u003c\/span\u003e\n\u003cp class=\"mg-subtitle\"\u003eLa forme la plus assimilable pour retrouver énergie, sérénité et équilibre\u003c\/p\u003e\n\u003cp class=\"mg-description\"\u003e180 gélules de 550 mg · Programme complet de 2 mois · Sans gluten, sans lactose, sans OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eBisglycinate de magnésium et vitamine B6 : la forme la mieux assimilée par votre organisme\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eFatigue persistante, tensions musculaires, sommeil perturbé ou irritabilité passagère ? Votre corps vous envoie peut-être un signal clair : il manque de magnésium.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⚡ Haute assimilabilité\u003c\/h3\u003e\n\u003cp\u003eUne forme de magnésium chélaté qui traverse la paroi intestinale avec une efficacité remarquable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🤢 Zéro gêne digestive\u003c\/h3\u003e\n\u003cp\u003eDoux pour l'estomac, sans ballonnements ni effet laxatif, même chez les personnes sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e📅 Programme de 2 mois\u003c\/h3\u003e\n\u003cp\u003e180 gélules pour une cure complète de 8 semaines afin de restaurer vos réserves en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧘 Équilibre \u0026amp; sérénité\u003c\/h3\u003e\n\u003cp\u003eRetrouvez calme, énergie et qualité de sommeil grâce au duo magnésium + vitamine B6\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003ePourquoi choisir le bisglycinate de magnésium plutôt qu'une autre forme ?\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eToutes les formes de magnésium ne se valent pas. Le magnésium bisglycinate se distingue nettement grâce à son processus de \u003cstrong\u003echélation\u003c\/strong\u003e : chaque atome de magnésium est lié à deux molécules de glycine, un acide aminé naturellement présent dans l'organisme.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔬 Une absorption supérieure\u003c\/h3\u003e\n\u003cp\u003eLe magnésium bisglycinate traverse la paroi intestinale plus facilement que l'oxyde ou le citrate de magnésium, pour une biodisponibilité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🛡️ Aucune gêne digestive\u003c\/h3\u003e\n\u003cp\u003eContrairement aux formes classiques, il ne provoque ni ballonnements, ni effet laxatif, même chez les personnes au système digestif sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⏳ Une action prolongée\u003c\/h3\u003e\n\u003cp\u003eLa libération progressive du magnésium permet à votre organisme d'en tirer le meilleur bénéfice tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eLes bienfaits du magnésium bisglycinate associé à la vitamine B6\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eL'association vitamine B6 et magnésium n'est pas un hasard. La vitamine B6 joue un rôle de véritable catalyseur : elle \u003cstrong\u003efavorise l'absorption cellulaire du magnésium\u003c\/strong\u003e et participe activement à la synthèse de neurotransmetteurs comme la sérotonine et le GABA.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔋 Réduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eCombattez efficacement la fatigue physique et mentale grâce à un apport optimal en magnésium hautement assimilable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n\u003cp\u003eSoutenez le bon fonctionnement de votre système nerveux et améliorez votre résistance au stress quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💪 Détente musculaire\u003c\/h3\u003e\n\u003cp\u003eFavorisez la détente musculaire et accélérez la récupération après l'effort physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌙 Qualité du sommeil\u003c\/h3\u003e\n\u003cp\u003eAméliorez la qualité de votre sommeil et la gestion du stress au quotidien grâce à la synergie magnésium-B6.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🦴 Ossature solide\u003c\/h3\u003e\n\u003cp\u003eParticipez au maintien d'une ossature solide grâce à l'action complémentaire du magnésium sur le métabolisme osseux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 3 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧬 Bisglycinate de magnésium\u003c\/h3\u003e\n\u003cp\u003e450 mg dont magnésium élémentaire hautement biodisponible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💛 Vitamine B6\u003c\/h3\u003e\n\u003cp\u003e2 mg de pyridoxine (143 % des apports de référence)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌾 Agents de charge\u003c\/h3\u003e\n\u003cp\u003eCellulose microcristalline, stéarate de magnésium\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌿 Enveloppe végétale\u003c\/h3\u003e\n\u003cp\u003eGélatine d'origine végétale (HPMC) – convient aux végétariens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-tip\"\u003e\n\u003cspan class=\"mg-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eFormule \u003cstrong\u003esans gluten, sans lactose, sans OGM\u003c\/strong\u003e. Convient aux végétariens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"mg-timeline\"\u003e\n\u003cdiv class=\"mg-timeline-item\"\u003e\n\u003cdiv class=\"mg-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e, de préférence au cours des repas, avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-item\"\u003e\n\u003cdiv class=\"mg-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-content\"\u003e\n\u003ch3\u003eRépartition optimale\u003c\/h3\u003e\n\u003cp\u003eVous pouvez répartir la prise : \u003cstrong\u003e2 gélules le matin\u003c\/strong\u003e et \u003cstrong\u003e1 gélule le soir\u003c\/strong\u003e pour une assimilation régulière, idéal si vous recherchez un soutien pour le sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-item\"\u003e\n\u003cdiv class=\"mg-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003ePour des résultats optimaux, suivez une cure d'au moins \u003cstrong\u003e8 semaines\u003c\/strong\u003e consécutives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eFabrication française et qualité garantie\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eLes compléments Qualidiet sont fabriqués en France selon des normes de qualité strictes et rigoureuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔒 Procédé breveté\u003c\/h3\u003e\n\u003cp\u003eLe bisglycinate de magnésium est obtenu par un procédé de chélation breveté, garantissant pureté et stabilité optimales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e📋 Contrôle qualité\u003c\/h3\u003e\n\u003cp\u003eChaque lot est rigoureusement contrôlé pour vous offrir un produit fiable et traçable en toute confiance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003eEn phase de récupération après l'effort physique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💼 Actifs stressés\u003c\/h3\u003e\n\u003cp\u003ePersonnes soumises à un rythme de vie soutenu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e👩 Femmes\u003c\/h3\u003e\n\u003cp\u003eEn période prémenstruelle pour retrouver confort et sérénité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🤝 Estomacs sensibles\u003c\/h3\u003e\n\u003cp\u003eIdéal si les autres formes de magnésium vous ont causé des inconforts digestifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"mg-accordion-item\"\u003e\n\u003csummary class=\"mg-accordion-header\"\u003e⚠️ Précaution importante\u003c\/summary\u003e\n\u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne remplace ni une alimentation variée et équilibrée, ni un mode de vie sain, ni un traitement médical. En cas de doute, consultez votre professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mg-cta-box\"\u003e\n\u003cp\u003e🧬 Offrez à votre organisme le magnésium qu'il mérite : hautement assimilable, doux pour l'estomac, renforcé par la vitamine B6. 180 gélules pour 2 mois de bien-être au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mg-disclaimer\"\u003eComplément alimentaire · Ne se substitue pas à une alimentation variée et équilibrée · Tenir hors de portée des enfants · Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --mg-cream: #f4f6fb;\n  --mg-white: #ffffff;\n  --mg-primary: #1a3a7a;\n  --mg-primary-dark: #0e2554;\n  --mg-primary-light: #e8edf7;\n  --mg-secondary: #3b7dd8;\n  --mg-accent: #5a9cf5;\n  --mg-text: #1a1a1a;\n  --mg-text-light: #5a5a5a;\n  --mg-border: #dde3ee;\n  --mg-shadow: 0 4px 24px rgba(26, 58, 122, .08);\n  --mg-shadow-lg: 0 12px 48px rgba(26, 58, 122, .15);\n  --mg-radius: 20px;\n  --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--mg-primary-dark) 0%, var(--mg-primary) 45%, var(--mg-secondary) 100%);\n  border-radius: var(--mg-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(--mg-shadow-lg);\n}\n\n.mg-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,.08) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(90,156,245,.12) 0%, transparent 50%),\n              radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.mg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mg-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  line-height: 1.1;\n}\n\n.mg-subtitle {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.12);\n}\n\n.mg-description {\n  color: rgba(255,255,255,.75);\n  font-size: clamp(13px, 2.2vw, 16px);\n  margin: 0;\n  font-weight: 400;\n}\n\n\/* === BADGES === *\/\n.mg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.mg-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(--mg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mg-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.25;\n}\n\n.mg-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(--mg-primary), var(--mg-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.mg-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mg-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.mg-section-intro strong {\n  color: var(--mg-primary-dark);\n}\n\n\/* === CARDS === *\/\n.mg-card {\n  background: var(--mg-white);\n  border-radius: var(--mg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mg-shadow-lg);\n  border-color: var(--mg-primary);\n}\n\n.mg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mg-grid-compact .mg-card {\n  padding: 1rem;\n}\n\n.mg-grid-compact .mg-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mg-grid-compact .mg-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mg-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mg-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mg-primary), var(--mg-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.mg-timeline-content {\n  flex: 1;\n  background: var(--mg-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--mg-radius-sm);\n  box-shadow: var(--mg-shadow);\n}\n\n.mg-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mg-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mg-timeline-content p {\n  font-size: 14px;\n  color: var(--mg-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.mg-timeline-content p strong {\n  color: var(--mg-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.mg-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mg-primary-light);\n  border-radius: var(--mg-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.mg-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mg-tip p {\n  font-size: 14px;\n  color: var(--mg-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mg-tip p strong {\n  color: var(--mg-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.mg-accordion {\n  background: var(--mg-white);\n  border-radius: var(--mg-radius);\n  box-shadow: var(--mg-shadow);\n  overflow: hidden;\n}\n\n.mg-accordion-item {\n  border-bottom: 1px solid var(--mg-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mg-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mg-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mg-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.mg-accordion-header:hover {\n  background: var(--mg-primary-light);\n}\n\n.mg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mg-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mg-primary);\n  transition: transform .2s ease;\n}\n\n.mg-accordion-item[open] .mg-accordion-header::after {\n  content: '−';\n}\n\n.mg-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mg-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.mg-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.mg-cta-box {\n  background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n  border-radius: var(--mg-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.mg-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.mg-disclaimer {\n  font-size: 12px;\n  color: var(--mg-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  .mg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .mg-card {\n    padding: 1.125rem;\n  }\n\n  .mg-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .mg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mg-radius-sm);\n  }\n\n  .mg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .mg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .mg-grid-compact {\n    gap: .625rem;\n  }\n\n  .mg-grid-compact .mg-card {\n    padding: .75rem;\n  }\n\n  .mg-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .mg-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .mg-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .mg-timeline-content p {\n    font-size: 13px;\n  }\n\n  .mg-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .mg-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .mg-badges-top {\n    gap: 6px;\n  }\n\n  .mg-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mg-card {\n    animation: mgFadeInUp .5s ease backwards;\n  }\n  .mg-card:nth-child(1) { animation-delay: .05s; }\n  .mg-card:nth-child(2) { animation-delay: .1s; }\n  .mg-card:nth-child(3) { animation-delay: .15s; }\n  .mg-card:nth-child(4) { animation-delay: .2s; }\n  .mg-card:nth-child(5) { animation-delay: .25s; }\n  .mg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mgFadeInUp {\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  .mg-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":53506751660409,"sku":"MAGNESIUM180","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bisglycinate-de-magnesium-vitamines-b6-180-gelules-qualidiet-packshothd.webp?v=1784363006"},{"product_id":"hericium-500-mg-bio-60-gelules-qualidiet","title":"Héricium bio 500 Mg - 60 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Héricium bio 500 mg - 60 Gélules\nPalette détectée:\n  - Primaire: #1E5AAF (bleu profond du titre \"HERICIUM\")\n  - Secondaire: #4A9B4A (vert bio de \"Issu de l'Agriculture biologique\")\n  - Accent: #C8352D (rouge du logo \"QUALIDIET\")\nAmbiance: Pharmaceutique\/médical, naturel\/bio, confiance, simplicité, pureté (fond blanc du packaging)\nPréfixe CSS: hrc\n--\u003e\n\n\u003cdiv class=\"hrc-premium\"\u003e\n  \n  \u003cdiv class=\"hrc-hero\"\u003e\n    \u003cdiv class=\"hrc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hrc-hero-content\"\u003e\n      \u003cdiv class=\"hrc-badges-top\"\u003e\n        \u003cspan class=\"hrc-badge\"\u003e🍄 Agriculture biologique\u003c\/span\u003e\n        \u003cspan class=\"hrc-badge\"\u003e🧠 Lion's Mane\u003c\/span\u003e\n        \u003cspan class=\"hrc-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hrc-hero-title\"\u003eLion's mane Héricium bio 500 mg\u003c\/span\u003e\n      \u003cp class=\"hrc-subtitle\"\u003eLe champignon de la mémoire et de la concentration\u003c\/p\u003e\n      \u003cp class=\"hrc-description\"\u003eExtrait haute concentration avec \u003cstrong\u003e60% de polysaccharides\u003c\/strong\u003e et \u003cstrong\u003e20% de bêta-glucanes\u003c\/strong\u003e pour soutenir vos fonctions cognitives naturellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e🌟 Pourquoi choisir ce lion's mane en gélule ?\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-grid\"\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e⚡ Concentration exceptionnelle\u003c\/h3\u003e\n        \u003cp\u003e60% de polysaccharides et 20% de bêta-glucanes, bien au-delà des standards du marché\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e💊 Dosage optimal\u003c\/h3\u003e\n        \u003cp\u003e500 mg par gélule, plus généreux que les formules concurrentes à 400 mg\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🌱 Certifié biologique\u003c\/h3\u003e\n        \u003cp\u003eCultivé selon les normes bio, sans pesticides ni produits chimiques de synthèse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🥬 100% végétal\u003c\/h3\u003e\n        \u003cp\u003eGélules végétales en hypromellose, adaptées aux régimes végétariens\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabrication française avec traçabilité et contrôle qualité rigoureux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e✅ Sans additifs\u003c\/h3\u003e\n        \u003cp\u003eSans conservateurs artificiels ni additifs controversés\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e🍄 Qu'est-ce que le lion's mane (Hericium erinaceus) ?\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-info-box\"\u003e\n      \u003cp\u003eL'\u003cstrong\u003eHericium erinaceus\u003c\/strong\u003e, surnommé \u003cstrong\u003eLion's Mane\u003c\/strong\u003e (crinière de lion) en raison de son apparence unique, est un champignon médicinal utilisé depuis des siècles en médecine traditionnelle asiatique.\u003c\/p\u003e\n      \u003cp\u003eReconnaissable à ses longs filaments blancs, ce champignon fascine la communauté scientifique pour sa richesse en composés bioactifs spécifiques : les \u003cstrong\u003ehéricénones\u003c\/strong\u003e et les \u003cstrong\u003eérinacines\u003c\/strong\u003e. Ces molécules uniques peuvent traverser la barrière hémato-encéphalique et stimuler la production du facteur de croissance nerveux (NGF).\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e💪 Les bienfaits du lion's mane sur votre organisme\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-grid\"\u003e\n      \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n        \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003eFavorise la clarté mentale\u003c\/li\u003e\n          \u003cli\u003eSoutient la mémoire au quotidien\u003c\/li\u003e\n          \u003cli\u003eAccompagne la concentration intense\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n        \u003ch3\u003e🧘 Système nerveux\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003eAccompagne face au stress\u003c\/li\u003e\n          \u003cli\u003eFavorise le bien-être mental\u003c\/li\u003e\n          \u003cli\u003eSoutient l'équilibre émotionnel\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n        \u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003ePropriétés prébiotiques\u003c\/li\u003e\n          \u003cli\u003eMuqueuse gastrique saine\u003c\/li\u003e\n          \u003cli\u003eÉquilibre du microbiote\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e📋 Composition détaillée\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-composition-box\"\u003e\n      \u003cdiv class=\"hrc-composition-header\"\u003ePour 2 gélules (dose journalière)\u003c\/div\u003e\n      \u003cdiv class=\"hrc-composition-grid\"\u003e\n        \u003cdiv class=\"hrc-composition-item\"\u003e\n          \u003cspan class=\"hrc-composition-label\"\u003eExtrait d'Hericium erinaceus bio\u003c\/span\u003e\n          \u003cspan class=\"hrc-composition-value\"\u003e1000 mg\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hrc-composition-item hrc-composition-sub\"\u003e\n          \u003cspan class=\"hrc-composition-label\"\u003e↳ dont polysaccharides\u003c\/span\u003e\n          \u003cspan class=\"hrc-composition-value\"\u003e600 mg (60%)\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hrc-composition-item hrc-composition-sub\"\u003e\n          \u003cspan class=\"hrc-composition-label\"\u003e↳ dont bêta-glucanes\u003c\/span\u003e\n          \u003cspan class=\"hrc-composition-value\"\u003e200 mg (20%)\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hrc-composition-item\"\u003e\n          \u003cspan class=\"hrc-composition-label\"\u003eEnveloppe gélule végétale\u003c\/span\u003e\n          \u003cspan class=\"hrc-composition-value\"\u003eHypromellose\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e📝 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-steps\"\u003e\n      \u003cdiv class=\"hrc-step\"\u003e\n        \u003cdiv class=\"hrc-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"hrc-step-content\"\u003e\n          \u003ch3\u003ePosologie\u003c\/h3\u003e\n          \u003cp\u003e2 gélules par jour\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-step\"\u003e\n        \u003cdiv class=\"hrc-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"hrc-step-content\"\u003e\n          \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n          \u003cp\u003eLe matin au petit-déjeuner\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-step\"\u003e\n        \u003cdiv class=\"hrc-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"hrc-step-content\"\u003e\n          \u003ch3\u003eAdministration\u003c\/h3\u003e\n          \u003cp\u003eAvec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-step\"\u003e\n        \u003cdiv class=\"hrc-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"hrc-step-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003e2 à 3 mois, renouvelable\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hrc-tip\"\u003e\n      \u003cstrong\u003e💡 Astuce synergie :\u003c\/strong\u003e Associez ce complément au Reishi ou Cordyceps en alternance pour une action renforcée sur les fonctions cognitives.\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e👥 À qui s'adresse ce complément à l'Héricium  ?\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-grid\"\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n        \u003cp\u003eEn période d'examens ou de révisions intensives\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n        \u003cp\u003eSoumis à une charge mentale importante\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n        \u003cp\u003eSouhaitant préserver leurs capacités cognitives\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🧘 Personnes stressées\u003c\/h3\u003e\n        \u003cp\u003eEn recherche d'un soutien naturel pour le système nerveux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🌿 Sensibilités digestives\u003c\/h3\u003e\n        \u003cp\u003ePour renforcer le confort intestinal\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e🏆 Qualité et traçabilité\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-grid-compact\"\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🌱 Bio certifié\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🔬 Extraction pure\u003c\/h3\u003e\n        \u003cp\u003ePrincipes actifs préservés\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eBonnes pratiques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e✅ Contrôlé\u003c\/h3\u003e\n        \u003cp\u003eAnalyses qualité\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-accordion\"\u003e\n      \u003cdetails class=\"hrc-accordion-item\"\u003e\n        \u003csummary class=\"hrc-accordion-header\"\u003e📦 Contenu du flacon\u003c\/summary\u003e\n        \u003cdiv class=\"hrc-accordion-content\"\u003e\n          \u003cp\u003e60 gélules végétales de 500 mg, soit \u003cstrong\u003e30 jours de cure\u003c\/strong\u003e à raison de 2 gélules par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hrc-accordion-item\"\u003e\n        \u003csummary class=\"hrc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"hrc-accordion-content\"\u003e\n          \u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hrc-accordion-item\"\u003e\n        \u003csummary class=\"hrc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"hrc-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Respectez la dose journalière indiquée.\u003c\/p\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants sans avis médical préalable. En cas de traitement médical ou de pathologie, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003eCe produit ne remplace en aucun cas un traitement médical et n'est pas destiné à diagnostiquer, traiter, guérir ou prévenir une maladie.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"hrc-cta-box\"\u003e\n      \u003cp\u003e🍄 Offrez à votre cerveau le pouvoir ancestral du \u003cstrong\u003eLion's Mane\u003c\/strong\u003e avec une formule bio hautement concentrée. Mémoire, concentration et bien-être digestif réunis dans un seul complément d'excellence.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --hrc-cream: #f8f9fa;\n  --hrc-white: #ffffff;\n  --hrc-primary: #1E5AAF;\n  --hrc-primary-dark: #14407a;\n  --hrc-primary-light: #e8f0fa;\n  --hrc-secondary: #4A9B4A;\n  --hrc-secondary-light: #e8f5e8;\n  --hrc-accent: #C8352D;\n  --hrc-text: #1a1a1a;\n  --hrc-text-light: #5a5a5a;\n  --hrc-border: #e0e0e0;\n  --hrc-shadow: 0 4px 24px rgba(30,90,175,.08);\n  --hrc-shadow-lg: 0 12px 48px rgba(30,90,175,.15);\n  --hrc-radius: 20px;\n  --hrc-radius-sm: 12px;\n}\n\n.hrc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--hrc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hrc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1E5AAF 0%, #2d6fc4 40%, #4A9B4A 100%);\n  border-radius: var(--hrc-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(--hrc-shadow-lg);\n}\n\n.hrc-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,.1) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.hrc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.hrc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.hrc-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(--hrc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.hrc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.hrc-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.hrc-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.hrc-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.hrc-description strong {\n  color: white;\n}\n\n\/* === SECTIONS === *\/\n.hrc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hrc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--hrc-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.hrc-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(--hrc-primary), var(--hrc-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.hrc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.hrc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.hrc-card {\n  background: var(--hrc-white);\n  border-radius: var(--hrc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--hrc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.hrc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--hrc-shadow-lg);\n  border-color: var(--hrc-primary);\n}\n\n.hrc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--hrc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.hrc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hrc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.hrc-card-benefit {\n  text-align: left;\n}\n\n.hrc-card-benefit ul {\n  margin: 0;\n  padding-left: 0;\n  list-style: none;\n}\n\n.hrc-card-benefit li {\n  font-size: clamp(13px, 2vw, 14px);\n  color: var(--hrc-text-light);\n  padding: .35rem 0;\n  padding-left: 1.5rem;\n  position: relative;\n}\n\n.hrc-card-benefit li::before {\n  content: '✓';\n  position: absolute;\n  left: 0;\n  color: var(--hrc-secondary);\n  font-weight: 700;\n}\n\n.hrc-grid-compact .hrc-card {\n  padding: 1rem;\n}\n\n.hrc-grid-compact .hrc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.hrc-grid-compact .hrc-card p {\n  font-size: 12px;\n}\n\n\/* === INFO BOX === *\/\n.hrc-info-box {\n  background: var(--hrc-white);\n  border-radius: var(--hrc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--hrc-shadow);\n  border-left: 5px solid var(--hrc-primary);\n}\n\n.hrc-info-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--hrc-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.hrc-info-box p:last-child {\n  margin-bottom: 0;\n}\n\n.hrc-info-box strong {\n  color: var(--hrc-primary-dark);\n}\n\n\/* === COMPOSITION === *\/\n.hrc-composition-box {\n  background: var(--hrc-white);\n  border-radius: var(--hrc-radius);\n  overflow: hidden;\n  box-shadow: var(--hrc-shadow);\n}\n\n.hrc-composition-header {\n  background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-primary-dark) 100%);\n  color: white;\n  padding: 1rem 1.5rem;\n  font-weight: 700;\n  font-size: clamp(14px, 2.5vw, 16px);\n  text-align: center;\n}\n\n.hrc-composition-grid {\n  padding: 1rem;\n}\n\n.hrc-composition-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: .875rem 1rem;\n  border-bottom: 1px solid var(--hrc-border);\n}\n\n.hrc-composition-item:last-child {\n  border-bottom: none;\n}\n\n.hrc-composition-sub {\n  background: var(--hrc-primary-light);\n  margin: 0 -1rem;\n  padding-left: 2rem;\n}\n\n.hrc-composition-label {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hrc-text);\n}\n\n.hrc-composition-value {\n  font-size: clamp(13px, 2vw, 15px);\n  font-weight: 700;\n  color: var(--hrc-primary-dark);\n}\n\n\/* === STEPS === *\/\n.hrc-steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.hrc-step {\n  background: var(--hrc-white);\n  border-radius: var(--hrc-radius);\n  padding: 1.5rem;\n  box-shadow: var(--hrc-shadow);\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  transition: all .3s ease;\n}\n\n.hrc-step:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--hrc-shadow-lg);\n}\n\n.hrc-step-number {\n  width: 40px;\n  height: 40px;\n  min-width: 40px;\n  background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-secondary) 100%);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 900;\n  font-size: 18px;\n}\n\n.hrc-step-content h3 {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--hrc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.hrc-step-content p {\n  font-size: 14px;\n  color: var(--hrc-text-light);\n  margin: 0;\n}\n\n.hrc-tip {\n  background: var(--hrc-secondary-light);\n  border-radius: var(--hrc-radius-sm);\n  padding: 1rem 1.25rem;\n  font-size: clamp(13px, 2vw, 14px);\n  color: var(--hrc-text);\n  border-left: 4px solid var(--hrc-secondary);\n}\n\n\/* === ACCORDÉON === *\/\n.hrc-accordion {\n  background: var(--hrc-white);\n  border-radius: var(--hrc-radius);\n  box-shadow: var(--hrc-shadow);\n  overflow: hidden;\n}\n\n.hrc-accordion-item {\n  border-bottom: 1px solid var(--hrc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.hrc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.hrc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--hrc-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.hrc-accordion-header:hover {\n  background: var(--hrc-primary-light);\n}\n\n.hrc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.hrc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--hrc-primary);\n  transition: transform .2s ease;\n}\n\n.hrc-accordion-item[open] .hrc-accordion-header::after {\n  content: '−';\n}\n\n.hrc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--hrc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.hrc-accordion-content p {\n  margin: 0 0 .75rem 0;\n}\n\n.hrc-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n.hrc-accordion-content em {\n  font-size: 13px;\n  color: var(--hrc-text-light);\n}\n\n\/* === CTA === *\/\n.hrc-cta-box {\n  background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-secondary) 100%);\n  border-radius: var(--hrc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.hrc-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.hrc-cta-box p {\n  position: relative;\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.hrc-cta-box strong {\n  color: white;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .hrc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .hrc-card {\n    padding: 1.125rem;\n  }\n  \n  .hrc-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .hrc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--hrc-radius-sm);\n  }\n  \n  .hrc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .hrc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .hrc-badges-top {\n    gap: 8px;\n  }\n  \n  .hrc-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n  \n  .hrc-grid-compact {\n    gap: .625rem;\n  }\n  \n  .hrc-grid-compact .hrc-card {\n    padding: .75rem;\n  }\n  \n  .hrc-steps {\n    grid-template-columns: 1fr 1fr;\n    gap: .75rem;\n  }\n  \n  .hrc-step {\n    padding: 1rem;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    gap: .5rem;\n  }\n  \n  .hrc-step-number {\n    width: 36px;\n    height: 36px;\n    min-width: 36px;\n    font-size: 16px;\n  }\n  \n  .hrc-info-box {\n    padding: 1.25rem;\n  }\n  \n  .hrc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .hrc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .hrc-composition-item {\n    padding: .75rem;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: .25rem;\n  }\n  \n  .hrc-composition-sub {\n    padding-left: 1.5rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .hrc-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .hrc-card:nth-child(1) { animation-delay: .05s; }\n  .hrc-card:nth-child(2) { animation-delay: .1s; }\n  .hrc-card:nth-child(3) { animation-delay: .15s; }\n  .hrc-card:nth-child(4) { animation-delay: .2s; }\n  .hrc-card:nth-child(5) { animation-delay: .25s; }\n  .hrc-card:nth-child(6) { animation-delay: .3s; }\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  .hrc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754732183709,"sku":"VO4612","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/hericium-bio-500-mg-60-gelules-qualidiet-packshothd.webp?v=1786024626"},{"product_id":"reishi-500-mg-bio-60-gelules-qualidiet","title":"Reishi 500 Mg Bio - 60 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Reishi 500 Mg Bio - 60 Gélules\nPalette détectée:\n  - Primaire: #1E5AA8 (bleu du texte \"REISHI\" sur le packaging)\n  - Secondaire: #2E7D32 (vert \"Agriculture biologique\")\n  - Accent: #C62828 (rouge \"QUALIDIET\")\nAmbiance: Naturel\/Bio, médical, épuré, scientifique avec touches organiques\nPréfixe CSS: rei\n--\u003e\n\n\u003cdiv class=\"rei-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"rei-hero\"\u003e\n    \u003cdiv class=\"rei-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"rei-hero-content\"\u003e\n      \u003cdiv class=\"rei-badges-top\"\u003e\n        \u003cspan class=\"rei-badge\"\u003e🍄 Ganoderma lucidum\u003c\/span\u003e\n        \u003cspan class=\"rei-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n        \u003cspan class=\"rei-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rei-hero-title\"\u003eReishi 500 mg bio\u003c\/span\u003e\n      \u003cp class=\"rei-subtitle\"\u003eLe champignon de l'immortalité\u003c\/p\u003e\n      \u003cp class=\"rei-description\"\u003eExtrait hautement concentré en polysaccharides et triterpènes pour renforcer naturellement vos défenses et apaiser votre esprit\u003c\/p\u003e\n      \u003cdiv class=\"rei-hero-stats\"\u003e\n        \u003cdiv class=\"rei-stat\"\u003e\n          \u003cspan class=\"rei-stat-number\"\u003e500 mg\u003c\/span\u003e\n          \u003cspan class=\"rei-stat-label\"\u003epar gélule\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rei-stat\"\u003e\n          \u003cspan class=\"rei-stat-number\"\u003e60%\u003c\/span\u003e\n          \u003cspan class=\"rei-stat-label\"\u003epolysaccharides\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rei-stat\"\u003e\n          \u003cspan class=\"rei-stat-number\"\u003e20%\u003c\/span\u003e\n          \u003cspan class=\"rei-stat-label\"\u003ebêta-glucanes\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BIENFAITS --\u003e\n  \u003csection class=\"rei-section\"\u003e\n    \u003ch2\u003e🌟 Les bienfaits du reishi\u003c\/h2\u003e\n    \u003cdiv class=\"rei-grid\"\u003e\n      \u003cdiv class=\"rei-card\"\u003e\n        \u003cdiv class=\"rei-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n        \u003cp\u003eLes bêta-glucanes stimulent naturellement le système immunitaire et aident l'organisme à mieux se défendre contre les agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-card\"\u003e\n        \u003cdiv class=\"rei-card-icon\"\u003e🧘\u003c\/div\u003e\n        \u003ch3\u003eGestion du stress\u003c\/h3\u003e\n        \u003cp\u003eChampignon adaptogène par excellence, le reishi aide à réguler la réponse au stress et favorise un état d'équilibre mental.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-card\"\u003e\n        \u003cdiv class=\"rei-card-icon\"\u003e⚡\u003c\/div\u003e\n        \u003ch3\u003eAntioxydant puissant\u003c\/h3\u003e\n        \u003cp\u003eRiche en triterpènes et polysaccharides, il combat le stress oxydatif et protège les cellules du vieillissement prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-card\"\u003e\n        \u003cdiv class=\"rei-card-icon\"\u003e😴\u003c\/div\u003e\n        \u003ch3\u003eSommeil apaisé\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisé pour favoriser un sommeil réparateur et améliorer la qualité du repos nocturne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-card\"\u003e\n        \u003cdiv class=\"rei-card-icon\"\u003e❤️\u003c\/div\u003e\n        \u003ch3\u003eBien-être cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eContribue au maintien d'une circulation sanguine normale et soutient la santé du système cardiovasculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-card\"\u003e\n        \u003cdiv class=\"rei-card-icon\"\u003e🔋\u003c\/div\u003e\n        \u003ch3\u003eVitalité durable\u003c\/h3\u003e\n        \u003cp\u003eSurnommé \"champignon de l'immortalité\" en Asie, il procure une énergie constante sans stimulation excessive.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"rei-section\"\u003e\n    \u003ch2\u003e🔬 Composition premium\u003c\/h2\u003e\n    \u003cdiv class=\"rei-composition-wrapper\"\u003e\n      \u003cdiv class=\"rei-composition-main\"\u003e\n        \u003cdiv class=\"rei-ingredient-hero\"\u003e\n          \u003cdiv class=\"rei-ingredient-content\"\u003e\n            \u003ch3\u003e🍄 Extrait de reishi bio\u003c\/h3\u003e\n            \u003cspan class=\"rei-ingredient-latin\"\u003eGanoderma lucidum\u003c\/span\u003e\n            \u003cdiv class=\"rei-ingredient-dosage\"\u003e500 mg par gélule\u003c\/div\u003e\n            \u003cp\u003eExtrait haute concentration certifié biologique, standardisé à 60% de polysaccharides et 20% de bêta-glucanes pour une efficacité maximale.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-composition-grid\"\u003e\n        \u003cdiv class=\"rei-mini-card\"\u003e\n          \u003cspan class=\"rei-mini-icon\"\u003e🌾\u003c\/span\u003e\n          \u003cspan class=\"rei-mini-label\"\u003eCellulose microcristalline bio\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rei-mini-card\"\u003e\n          \u003cspan class=\"rei-mini-icon\"\u003e🌾\u003c\/span\u003e\n          \u003cspan class=\"rei-mini-label\"\u003eAmidon de riz bio\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"rei-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"rei-usage-box\"\u003e\n      \u003cdiv class=\"rei-usage-steps\"\u003e\n        \u003cdiv class=\"rei-step\"\u003e\n          \u003cdiv class=\"rei-step-number\"\u003e1\u003c\/div\u003e\n          \u003cdiv class=\"rei-step-content\"\u003e\n            \u003ch4\u003ePosologie\u003c\/h4\u003e\n            \u003cp\u003ePrendre \u003cstrong\u003e1 à 2 gélules\u003c\/strong\u003e par jour selon vos besoins\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rei-step\"\u003e\n          \u003cdiv class=\"rei-step-number\"\u003e2\u003c\/div\u003e\n          \u003cdiv class=\"rei-step-content\"\u003e\n            \u003ch4\u003eMoment\u003c\/h4\u003e\n            \u003cp\u003eDe préférence \u003cstrong\u003eau cours des repas\u003c\/strong\u003e avec un grand verre d'eau\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rei-step\"\u003e\n          \u003cdiv class=\"rei-step-number\"\u003e3\u003c\/div\u003e\n          \u003cdiv class=\"rei-step-content\"\u003e\n            \u003ch4\u003eDurée\u003c\/h4\u003e\n            \u003cp\u003eCure de \u003cstrong\u003eplusieurs mois\u003c\/strong\u003e recommandée pour une efficacité optimale\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-tip\"\u003e\n        \u003cspan class=\"rei-tip-icon\"\u003e💡\u003c\/span\u003e\n        \u003cp\u003eLa posologie peut être adaptée selon les recommandations de votre professionnel de santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"rei-section\"\u003e\n    \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"rei-grid rei-grid-4\"\u003e\n      \u003cdiv class=\"rei-profile-card\"\u003e\n        \u003cspan class=\"rei-profile-icon\"\u003e🏃\u003c\/span\u003e\n        \u003ch4\u003eActifs stressés\u003c\/h4\u003e\n        \u003cp\u003eRetrouvez calme et sérénité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-profile-card\"\u003e\n        \u003cspan class=\"rei-profile-icon\"\u003e🤧\u003c\/span\u003e\n        \u003ch4\u003eImmunité fragilisée\u003c\/h4\u003e\n        \u003cp\u003eRenforcez vos défenses naturelles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-profile-card\"\u003e\n        \u003cspan class=\"rei-profile-icon\"\u003e😓\u003c\/span\u003e\n        \u003ch4\u003eFatigue chronique\u003c\/h4\u003e\n        \u003cp\u003eRetrouvez votre vitalité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-profile-card\"\u003e\n        \u003cspan class=\"rei-profile-icon\"\u003e🧓\u003c\/span\u003e\n        \u003ch4\u003eSeniors\u003c\/h4\u003e\n        \u003cp\u003ePréservez votre bien-être global\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- QUALITÉ --\u003e\n  \u003csection class=\"rei-section\"\u003e\n    \u003ch2\u003e✨ Nos engagements qualité\u003c\/h2\u003e\n    \u003cdiv class=\"rei-quality-grid\"\u003e\n      \u003cdiv class=\"rei-quality-card\"\u003e\n        \u003cdiv class=\"rei-quality-badge\"\u003e🌿\u003c\/div\u003e\n        \u003ch4\u003e100% biologique\u003c\/h4\u003e\n        \u003cp\u003eCertifié ECOCERT, sans pesticides ni agents chimiques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-quality-card\"\u003e\n        \u003cdiv class=\"rei-quality-badge\"\u003e🇫🇷\u003c\/div\u003e\n        \u003ch4\u003eFabriqué en France\u003c\/h4\u003e\n        \u003cp\u003eProduction contrôlée selon les normes les plus strictes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-quality-card\"\u003e\n        \u003cdiv class=\"rei-quality-badge\"\u003e🔍\u003c\/div\u003e\n        \u003ch4\u003eTraçabilité totale\u003c\/h4\u003e\n        \u003cp\u003eDe la récolte à la production, chaque étape est contrôlée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\n  \u003c!-- PRÉCAUTIONS --\u003e\n  \u003csection class=\"rei-section\"\u003e\n    \u003cdiv class=\"rei-warning-box\"\u003e\n      \u003cdiv class=\"rei-warning-header\"\u003e\n        \u003cspan class=\"rei-warning-icon\"\u003e⚠️\u003c\/span\u003e\n        \u003ch4\u003ePrécautions d'emploi\u003c\/h4\u003e\n      \u003c\/div\u003e\n      \u003cul class=\"rei-warning-list\"\u003e\n        \u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n        \u003cli\u003eConsultez votre médecin si vous êtes enceinte, allaitez ou êtes sous traitement médical\u003c\/li\u003e\n        \u003cli\u003eConserver à l'abri de la chaleur et de l'humidité\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"rei-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"rei-cta-box\"\u003e\n      \u003cdiv class=\"rei-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"rei-cta-content\"\u003e\n        \u003cspan class=\"rei-cta-emoji\"\u003e🍄\u003c\/span\u003e\n        \u003cp\u003eOffrez à votre corps le pouvoir millénaire du reishi, le champignon sacré de la médecine traditionnelle asiatique. Une cure naturelle pour renforcer votre immunité et retrouver sérénité et vitalité.\u003c\/p\u003e\n        \u003cdiv class=\"rei-cta-badges\"\u003e\n          \u003cspan class=\"rei-cta-badge\"\u003e✓ Bio certifié\u003c\/span\u003e\n          \u003cspan class=\"rei-cta-badge\"\u003e✓ Haute concentration\u003c\/span\u003e\n          \u003cspan class=\"rei-cta-badge\"\u003e✓ Made in France\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --rei-cream: #F8F6F3;\n  --rei-white: #ffffff;\n  --rei-primary: #1E5AA8;\n  --rei-primary-dark: #164785;\n  --rei-primary-light: #E8F1FB;\n  --rei-secondary: #2E7D32;\n  --rei-secondary-light: #E8F5E9;\n  --rei-accent: #C62828;\n  --rei-text: #1a1a1a;\n  --rei-text-light: #5a5a5a;\n  --rei-border: #e0e0e0;\n  --rei-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --rei-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n  --rei-radius: 20px;\n  --rei-radius-sm: 12px;\n}\n\n.rei-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--rei-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--rei-text);\n  line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.rei-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1E5AA8 0%, #164785 40%, #2E7D32 100%);\n  border-radius: var(--rei-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--rei-shadow-lg);\n}\n\n.rei-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(255,255,255,.04) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.rei-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.rei-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.rei-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(--rei-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.rei-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.rei-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 0.5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rei-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  font-style: italic;\n}\n\n.rei-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 2vw, 18px);\n  max-width: 600px;\n  margin: 0 auto 2rem auto;\n  line-height: 1.7;\n}\n\n.rei-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.rei-stat {\n  text-align: center;\n  padding: 1rem 1.5rem;\n  background: rgba(255,255,255,.15);\n  backdrop-filter: blur(10px);\n  border-radius: var(--rei-radius-sm);\n  border: 1px solid rgba(255,255,255,.2);\n}\n\n.rei-stat-number {\n  display: block;\n  font-size: clamp(24px, 4vw, 32px);\n  font-weight: 900;\n  color: white;\n}\n\n.rei-stat-label {\n  font-size: 12px;\n  color: rgba(255,255,255,.8);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.rei-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.rei-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--rei-primary-dark);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.rei-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(--rei-primary), var(--rei-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.rei-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.rei-grid-4 {\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* === CARDS BIENFAITS === *\/\n.rei-card {\n  background: var(--rei-white);\n  border-radius: var(--rei-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--rei-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.rei-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--rei-shadow-lg);\n  border-color: var(--rei-primary);\n}\n\n.rei-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.rei-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--rei-primary-dark);\n  margin: 0 0 0.75rem 0;\n}\n\n.rei-card p {\n  font-size: 14px;\n  color: var(--rei-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.rei-composition-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.rei-ingredient-hero {\n  background: linear-gradient(135deg, var(--rei-primary-light) 0%, var(--rei-secondary-light) 100%);\n  border-radius: var(--rei-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  display: flex;\n  align-items: center;\n  gap: 2rem;\n  border: 2px solid var(--rei-primary);\n}\n\n.rei-ingredient-icon {\n  font-size: 72px;\n  flex-shrink: 0;\n}\n\n.rei-ingredient-content h3 {\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 800;\n  color: var(--rei-primary-dark);\n  margin: 0 0 0.25rem 0;\n}\n\n.rei-ingredient-latin {\n  font-style: italic;\n  color: var(--rei-secondary);\n  font-size: 14px;\n  display: block;\n  margin-bottom: 0.5rem;\n}\n\n.rei-ingredient-dosage {\n  display: inline-block;\n  background: var(--rei-primary);\n  color: white;\n  padding: 6px 16px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 700;\n  margin-bottom: 1rem;\n}\n\n.rei-ingredient-content p {\n  font-size: 15px;\n  color: var(--rei-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n.rei-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1rem;\n}\n\n.rei-mini-card {\n  background: var(--rei-white);\n  border-radius: var(--rei-radius-sm);\n  padding: 1rem;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  box-shadow: var(--rei-shadow);\n}\n\n.rei-mini-icon {\n  font-size: 24px;\n}\n\n.rei-mini-label {\n  font-size: 13px;\n  color: var(--rei-text-light);\n  font-weight: 500;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.rei-usage-box {\n  background: var(--rei-white);\n  border-radius: var(--rei-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--rei-shadow);\n}\n\n.rei-usage-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.rei-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.25rem;\n}\n\n.rei-step-number {\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--rei-primary), var(--rei-secondary));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 20px;\n  font-weight: 900;\n  flex-shrink: 0;\n}\n\n.rei-step-content h4 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--rei-primary-dark);\n  margin: 0 0 0.25rem 0;\n}\n\n.rei-step-content p {\n  font-size: 14px;\n  color: var(--rei-text-light);\n  margin: 0;\n}\n\n.rei-tip {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background: var(--rei-secondary-light);\n  border-radius: var(--rei-radius-sm);\n  padding: 1rem 1.25rem;\n  border-left: 4px solid var(--rei-secondary);\n}\n\n.rei-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.rei-tip p {\n  font-size: 14px;\n  color: var(--rei-text);\n  margin: 0;\n}\n\n\/* === PROFILS === *\/\n.rei-profile-card {\n  background: var(--rei-white);\n  border-radius: var(--rei-radius);\n  padding: 1.5rem;\n  text-align: center;\n  box-shadow: var(--rei-shadow);\n  transition: all .3s ease;\n}\n\n.rei-profile-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--rei-shadow-lg);\n}\n\n.rei-profile-icon {\n  font-size: 40px;\n  display: block;\n  margin-bottom: 0.75rem;\n}\n\n.rei-profile-card h4 {\n  font-size: 15px;\n  font-weight: 800;\n  color: var(--rei-primary-dark);\n  margin: 0 0 0.5rem 0;\n}\n\n.rei-profile-card p {\n  font-size: 13px;\n  color: var(--rei-text-light);\n  margin: 0;\n}\n\n\/* === QUALITÉ === *\/\n.rei-quality-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.5rem;\n}\n\n.rei-quality-card {\n  background: var(--rei-white);\n  border-radius: var(--rei-radius);\n  padding: 2rem;\n  text-align: center;\n  box-shadow: var(--rei-shadow);\n  transition: all .3s ease;\n  border-top: 4px solid var(--rei-secondary);\n}\n\n.rei-quality-card:hover {\n  transform: translateY(-5px);\n}\n\n.rei-quality-badge {\n  font-size: 40px;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.rei-quality-card h4 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--rei-primary-dark);\n  margin: 0 0 0.5rem 0;\n}\n\n.rei-quality-card p {\n  font-size: 14px;\n  color: var(--rei-text-light);\n  margin: 0;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.rei-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.rei-info-item {\n  background: var(--rei-white);\n  border-radius: var(--rei-radius-sm);\n  padding: 1.25rem;\n  text-align: center;\n  box-shadow: var(--rei-shadow);\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.rei-info-icon {\n  font-size: 28px;\n}\n\n.rei-info-label {\n  font-size: 12px;\n  color: var(--rei-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n.rei-info-value {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--rei-primary-dark);\n}\n\n\/* === PRÉCAUTIONS === *\/\n.rei-warning-box {\n  background: linear-gradient(135deg, #FFF8E1 0%, #FFECB3 100%);\n  border-radius: var(--rei-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  border: 2px solid #FFB300;\n}\n\n.rei-warning-header {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 1rem;\n}\n\n.rei-warning-icon {\n  font-size: 28px;\n}\n\n.rei-warning-header h4 {\n  font-size: 18px;\n  font-weight: 800;\n  color: #E65100;\n  margin: 0;\n}\n\n.rei-warning-list {\n  margin: 0;\n  padding-left: 1.5rem;\n}\n\n.rei-warning-list li {\n  font-size: 14px;\n  color: #5D4037;\n  margin-bottom: 0.5rem;\n  line-height: 1.6;\n}\n\n.rei-warning-list li:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.rei-cta-box {\n  background: linear-gradient(135deg, var(--rei-primary) 0%, var(--rei-secondary) 100%);\n  border-radius: var(--rei-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.rei-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n                    radial-gradient(circle at 90% 10%, rgba(255,255,255,.08) 0%, transparent 30%);\n}\n\n.rei-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.rei-cta-emoji {\n  font-size: 64px;\n  display: block;\n  margin-bottom: 1.5rem;\n}\n\n.rei-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  max-width: 700px;\n  margin: 0 auto 1.5rem auto;\n}\n\n.rei-cta-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n}\n\n.rei-cta-badge {\n  background: rgba(255,255,255,.2);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255,255,255,.3);\n  border-radius: 999px;\n  padding: 8px 16px;\n  color: white;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .rei-grid,\n  .rei-grid-4,\n  .rei-quality-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .rei-ingredient-hero {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .rei-hero-stats {\n    flex-direction: column;\n    align-items: center;\n  }\n  \n  .rei-stat {\n    width: 100%;\n    max-width: 200px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .rei-card,\n  .rei-profile-card,\n  .rei-quality-card {\n    animation: reiFadeInUp .6s ease backwards;\n  }\n  \n  .rei-card:nth-child(1), .rei-profile-card:nth-child(1), .rei-quality-card:nth-child(1) { animation-delay: .1s; }\n  .rei-card:nth-child(2), .rei-profile-card:nth-child(2), .rei-quality-card:nth-child(2) { animation-delay: .2s; }\n  .rei-card:nth-child(3), .rei-profile-card:nth-child(3), .rei-quality-card:nth-child(3) { animation-delay: .3s; }\n  .rei-card:nth-child(4), .rei-profile-card:nth-child(4), .rei-quality-card:nth-child(4) { animation-delay: .4s; }\n  .rei-card:nth-child(5) { animation-delay: .5s; }\n  .rei-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes reiFadeInUp {\n  from { \n    opacity: 0; \n    transform: translateY(40px); \n  }\n  to { \n    opacity: 1; \n    transform: translateY(0); \n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .rei-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .rei-card,\n  .rei-profile-card,\n  .rei-quality-card {\n    border: 2px solid var(--rei-text);\n  }\n  \n  .rei-badge {\n    border: 2px solid var(--rei-primary-dark);\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754732576925,"sku":"VO4608","price":22.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/reishi-500-mg-bio-60-gelules-qualidiet-packshothd.webp?v=1786025165"},{"product_id":"tulsi-basilic-sacre-bio-150-grammes-de-poudre-en-sachet-ayurvana","title":"Tulsi (basilic Sacré) Bio - Poudre 150 grammes - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tulsi (Basilic Sacré) Bio - Poudre 150g AyurVana\nPalette détectée:\n  - Primaire: #E87B2A (orange vif du bandeau et accents)\n  - Secondaire: #4A7C59 (vert naturel\/feuilles de tulsi)\n  - Accent: #D4A574 (beige kraft du sachet)\n  - Tertiaire: #1E6B8A (bleu turquoise des motifs paisley)\nAmbiance: Ayurvédique, naturel\/bio, traditionnel indien, chaleureux, authentique\nPréfixe CSS: tulsi\n--\u003e\n\n\u003cdiv class=\"tulsi-premium\"\u003e\n\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"tulsi-hero\"\u003e\n    \u003cdiv class=\"tulsi-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"tulsi-hero-content\"\u003e\n      \u003cdiv class=\"tulsi-badges-top\"\u003e\n        \u003cspan class=\"tulsi-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"tulsi-badge\"\u003e🇮🇳 Origine Inde\u003c\/span\u003e\n        \u003cspan class=\"tulsi-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"tulsi-badge\"\u003e✨ Adaptogène\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"tulsi-hero-title\"\u003eTulsi Bio en poudre\u003c\/span\u003e\n      \u003cp class=\"tulsi-subtitle\"\u003eLe basilic sacré de l'Ayurveda\u003c\/p\u003e\n      \u003cp class=\"tulsi-description\"\u003ePlante vénérée depuis des millénaires en Inde, le Tulsi (Ocimum sanctum) est votre allié naturel pour une respiration apaisée, un système immunitaire renforcé et une gestion optimale du stress.\u003c\/p\u003e\n      \u003cdiv class=\"tulsi-hero-specs\"\u003e\n        \u003cdiv class=\"tulsi-spec\"\u003e\n          \u003cspan class=\"tulsi-spec-value\"\u003e150g\u003c\/span\u003e\n          \u003cspan class=\"tulsi-spec-label\"\u003ePoudre pure\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tulsi-spec\"\u003e\n          \u003cspan class=\"tulsi-spec-value\"\u003e100%\u003c\/span\u003e\n          \u003cspan class=\"tulsi-spec-label\"\u003eFeuilles de Tulsi\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tulsi-spec\"\u003e\n          \u003cspan class=\"tulsi-spec-value\"\u003eBio\u003c\/span\u003e\n          \u003cspan class=\"tulsi-spec-label\"\u003eCertifié AB\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BÉNÉFICES SANTÉ --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e🌺 Les bienfaits ancestraux du tulsi\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-grid\"\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n        \u003cp\u003eLe Tulsi renforce naturellement les défenses de l'organisme et soutient le système immunitaire au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🧘\u003c\/div\u003e\n        \u003ch3\u003eAdaptogène puissant\u003c\/h3\u003e\n        \u003cp\u003eAide à mieux gérer le stress et favorise l'équilibre mental et physique grâce à ses propriétés adaptogènes reconnues.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e💨\u003c\/div\u003e\n        \u003ch3\u003eRespiration apaisée\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisé pour apaiser les voies respiratoires et favoriser un confort respiratoire optimal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🌿\u003c\/div\u003e\n        \u003ch3\u003eAntioxydant naturel\u003c\/h3\u003e\n        \u003cp\u003eContribue à la protection des cellules contre les dommages oxydatifs grâce à sa richesse en antioxydants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🍃\u003c\/div\u003e\n        \u003ch3\u003eDigestion harmonieuse\u003c\/h3\u003e\n        \u003cp\u003eSoutient une digestion saine et aide à maintenir le confort digestif au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e⚖️\u003c\/div\u003e\n        \u003ch3\u003eAnti-inflammatoire\u003c\/h3\u003e\n        \u003cp\u003ePropriétés anti-inflammatoires traditionnellement reconnues pour le bien-être général de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e🌱 Une composition pure et simple\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-composition-box\"\u003e\n      \u003cdiv class=\"tulsi-composition-main\"\u003e\n        \u003cdiv class=\"tulsi-composition-content\"\u003e\n          \u003ch3\u003eFeuilles de Tulsi (Ocimum sanctum)\u003c\/h3\u003e\n          \u003cp\u003e100% poudre de feuilles de basilic sacré issues de l'agriculture biologique\u003c\/p\u003e\n          \u003cdiv class=\"tulsi-composition-tags\"\u003e\n            \u003cspan class=\"tulsi-tag\"\u003eSans additifs\u003c\/span\u003e\n            \u003cspan class=\"tulsi-tag\"\u003eSans conservateurs\u003c\/span\u003e\n            \u003cspan class=\"tulsi-tag\"\u003eSans OGM\u003c\/span\u003e\n            \u003cspan class=\"tulsi-tag\"\u003eSans pesticides\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e📖 Comment utiliser votre tulsi\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-usage-grid\"\u003e\n      \u003cdiv class=\"tulsi-usage-card\"\u003e\n        \u003cdiv class=\"tulsi-usage-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"tulsi-usage-content\"\u003e\n          \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n          \u003cp\u003e1 à 2 cuillères à café de poudre par jour\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-usage-card\"\u003e\n        \u003cdiv class=\"tulsi-usage-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"tulsi-usage-content\"\u003e\n          \u003ch3\u003eEn boisson\u003c\/h3\u003e\n          \u003cp\u003eAjoutez à vos infusions, smoothies ou jus chauds ou froids\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-usage-card\"\u003e\n        \u003cdiv class=\"tulsi-usage-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"tulsi-usage-content\"\u003e\n          \u003ch3\u003eEn cuisine\u003c\/h3\u003e\n          \u003cp\u003eIncorporez dans vos soupes, plats mijotés et préparations culinaires\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-usage-card\"\u003e\n        \u003cdiv class=\"tulsi-usage-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"tulsi-usage-content\"\u003e\n          \u003ch3\u003eBien mélanger\u003c\/h3\u003e\n          \u003cp\u003eAssurez une bonne répartition de la poudre dans votre préparation\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ORIGINE --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e🇮🇳 Origine et savoir-faire\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-origin-box\"\u003e\n      \u003cdiv class=\"tulsi-origin-content\"\u003e\n        \u003cdiv class=\"tulsi-origin-icon\"\u003e🏔️\u003c\/div\u003e\n        \u003ch3\u003eCultivé avec soin en Inde\u003c\/h3\u003e\n        \u003cp\u003eNotre Tulsi bio provient de fermes biologiques soigneusement sélectionnées en Inde, berceau de l'Ayurveda où le basilic sacré est vénéré et utilisé depuis des millénaires.\u003c\/p\u003e\n        \u003cdiv class=\"tulsi-origin-steps\"\u003e\n          \u003cdiv class=\"tulsi-origin-step\"\u003e\n            \u003cspan class=\"tulsi-step-icon\"\u003e🌱\u003c\/span\u003e\n            \u003cspan\u003eCulture biologique\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tulsi-origin-step\"\u003e\n            \u003cspan class=\"tulsi-step-icon\"\u003e✋\u003c\/span\u003e\n            \u003cspan\u003eRécolte à la main\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tulsi-origin-step\"\u003e\n            \u003cspan class=\"tulsi-step-icon\"\u003e☀️\u003c\/span\u003e\n            \u003cspan\u003eSéchage naturel\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tulsi-origin-step\"\u003e\n            \u003cspan class=\"tulsi-step-icon\"\u003e⚙️\u003c\/span\u003e\n            \u003cspan\u003eBroyage fin\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tulsi-origin-step\"\u003e\n            \u003cspan class=\"tulsi-step-icon\"\u003e✅\u003c\/span\u003e\n            \u003cspan\u003eContrôle qualité\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e👥 Pour qui est ce produit ?\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-grid tulsi-grid-3\"\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e😰\u003c\/div\u003e\n        \u003ch3\u003ePersonnes stressées\u003c\/h3\u003e\n        \u003cp\u003eCherchant un soutien naturel pour mieux gérer le stress quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🤧\u003c\/div\u003e\n        \u003ch3\u003eVoies respiratoires sensibles\u003c\/h3\u003e\n        \u003cp\u003eSouhaitant apaiser et soutenir leur confort respiratoire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🧘‍♀️\u003c\/div\u003e\n        \u003ch3\u003eAdeptes de l'Ayurveda\u003c\/h3\u003e\n        \u003cp\u003eIntégrant les plantes sacrées indiennes dans leur routine bien-être\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eImmunité fragile\u003c\/h3\u003e\n        \u003cp\u003eDésireux de renforcer naturellement leurs défenses immunitaires\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🍵\u003c\/div\u003e\n        \u003ch3\u003eAmateurs de thés \u0026amp; infusions\u003c\/h3\u003e\n        \u003cp\u003eÀ la recherche de nouvelles saveurs aux vertus bienfaisantes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🥗\u003c\/div\u003e\n        \u003ch3\u003eCuisiniers créatifs\u003c\/h3\u003e\n        \u003cp\u003eSouhaitant enrichir leurs plats d'une touche ayurvédique\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CERTIFICATIONS --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e🏆 Certifications et qualité\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-certif-grid\"\u003e\n      \u003cdiv class=\"tulsi-certif-card\"\u003e\n        \u003cspan class=\"tulsi-certif-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"tulsi-certif-label\"\u003eAgriculture Biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-certif-card\"\u003e\n        \u003cspan class=\"tulsi-certif-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"tulsi-certif-label\"\u003e100% Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-certif-card\"\u003e\n        \u003cspan class=\"tulsi-certif-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"tulsi-certif-label\"\u003eSans OGM\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-certif-card\"\u003e\n        \u003cspan class=\"tulsi-certif-icon\"\u003e✨\u003c\/span\u003e\n        \u003cspan class=\"tulsi-certif-label\"\u003eSans pesticides\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-info-grid\"\u003e\n      \u003cdiv class=\"tulsi-info-item\"\u003e\n        \u003cspan class=\"tulsi-info-icon\"\u003e⚖️\u003c\/span\u003e\n        \u003cdiv class=\"tulsi-info-text\"\u003e\n          \u003cspan class=\"tulsi-info-label\"\u003eContenance\u003c\/span\u003e\n          \u003cspan class=\"tulsi-info-value\"\u003e150 grammes\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-info-item\"\u003e\n        \u003cspan class=\"tulsi-info-icon\"\u003e📍\u003c\/span\u003e\n        \u003cdiv class=\"tulsi-info-text\"\u003e\n          \u003cspan class=\"tulsi-info-label\"\u003eOrigine\u003c\/span\u003e\n          \u003cspan class=\"tulsi-info-value\"\u003eInde\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-info-item\"\u003e\n        \u003cspan class=\"tulsi-info-icon\"\u003e📋\u003c\/span\u003e\n        \u003cdiv class=\"tulsi-info-text\"\u003e\n          \u003cspan class=\"tulsi-info-label\"\u003eForme\u003c\/span\u003e\n          \u003cspan class=\"tulsi-info-value\"\u003ePoudre pure\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-info-item\"\u003e\n        \u003cspan class=\"tulsi-info-icon\"\u003e🌡️\u003c\/span\u003e\n        \u003cdiv class=\"tulsi-info-text\"\u003e\n          \u003cspan class=\"tulsi-info-label\"\u003eConservation\u003c\/span\u003e\n          \u003cspan class=\"tulsi-info-value\"\u003eAu sec, à l'abri de la lumière\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"tulsi-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"tulsi-cta-box\"\u003e\n      \u003cdiv class=\"tulsi-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"tulsi-cta-content\"\u003e\n        \u003cp\u003eOffrez à votre corps et à votre esprit les bienfaits millénaires du basilic sacré. Avec le Tulsi Bio AyurVana, adoptez un remède ancestral, naturellement efficace, pour votre bien-être quotidien.\u003c\/p\u003e\n        \u003cdiv class=\"tulsi-cta-tagline\"\u003eLa sagesse de l'Ayurveda à votre portée\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --tulsi-cream: #FDF8F3;\n  --tulsi-white: #ffffff;\n  --tulsi-primary: #E87B2A;\n  --tulsi-primary-dark: #C45D10;\n  --tulsi-primary-light: #FFF4EC;\n  --tulsi-secondary: #4A7C59;\n  --tulsi-secondary-light: #E8F5E9;\n  --tulsi-accent: #1E6B8A;\n  --tulsi-kraft: #D4A574;\n\n  \/* Textes *\/\n  --tulsi-text: #2C2C2C;\n  --tulsi-text-light: #5D5D5D;\n\n  \/* Effets *\/\n  --tulsi-border: #E8E0D8;\n  --tulsi-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --tulsi-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n  --tulsi-radius: 20px;\n  --tulsi-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tulsi-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--tulsi-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--tulsi-text);\n  line-height: 1.6;\n}\n\n.tulsi-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.tulsi-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--tulsi-primary) 0%, var(--tulsi-primary-dark) 50%, #A84D08 100%);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--tulsi-shadow-lg);\n}\n\n.tulsi-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-5 8-15 12-15 20s10 15 15 20c5-5 15-12 15-20S35 13 30 5z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n  background-size: 80px 80px;\n  opacity: 0.6;\n}\n\n.tulsi-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.tulsi-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.tulsi-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(--tulsi-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.tulsi-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.tulsi-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 0.5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.tulsi-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  font-style: italic;\n}\n\n.tulsi-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2vw, 18px);\n  max-width: 700px;\n  margin: 0 auto 2rem;\n  line-height: 1.7;\n}\n\n.tulsi-hero-specs {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.tulsi-spec {\n  text-align: center;\n  background: rgba(255,255,255,.15);\n  backdrop-filter: blur(10px);\n  padding: 1rem 1.5rem;\n  border-radius: var(--tulsi-radius-sm);\n  border: 1px solid rgba(255,255,255,.2);\n}\n\n.tulsi-spec-value {\n  display: block;\n  font-size: clamp(24px, 4vw, 32px);\n  font-weight: 900;\n  color: white;\n}\n\n.tulsi-spec-label {\n  display: block;\n  font-size: 13px;\n  color: rgba(255,255,255,.85);\n  font-weight: 500;\n  margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.tulsi-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tulsi-premium h2 {\n  font-size: clamp(24px, 5vw, 34px);\n  font-weight: 900;\n  color: var(--tulsi-primary-dark);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.tulsi-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(--tulsi-primary), var(--tulsi-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.tulsi-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.tulsi-grid-3 {\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n}\n\n\/* === CARDS BÉNÉFICES === *\/\n.tulsi-card {\n  background: var(--tulsi-white);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--tulsi-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.tulsi-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--tulsi-shadow-lg);\n  border-color: var(--tulsi-primary);\n}\n\n.tulsi-card-icon {\n  font-size: 40px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.tulsi-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--tulsi-text);\n  margin: 0 0 0.75rem 0;\n}\n\n.tulsi-card p {\n  font-size: 15px;\n  color: var(--tulsi-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.tulsi-card-benefit {\n  text-align: center;\n}\n\n.tulsi-card-benefit:hover .tulsi-card-icon {\n  animation: bounce .5s ease;\n}\n\n\/* === COMPOSITION BOX === *\/\n.tulsi-composition-box {\n  background: linear-gradient(135deg, var(--tulsi-secondary-light) 0%, var(--tulsi-white) 100%);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 2px solid var(--tulsi-secondary);\n  box-shadow: var(--tulsi-shadow);\n}\n\n.tulsi-composition-main {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.5rem;\n  flex-wrap: wrap;\n}\n\n.tulsi-composition-icon {\n  font-size: 60px;\n  flex-shrink: 0;\n}\n\n.tulsi-composition-content {\n  flex: 1;\n  min-width: 250px;\n}\n\n.tulsi-composition-content h3 {\n  font-size: clamp(20px, 3vw, 24px);\n  font-weight: 800;\n  color: var(--tulsi-secondary);\n  margin: 0 0 0.5rem 0;\n}\n\n.tulsi-composition-content \u003e p {\n  font-size: 16px;\n  color: var(--tulsi-text-light);\n  margin: 0 0 1.5rem 0;\n}\n\n.tulsi-composition-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.tulsi-tag {\n  display: inline-flex;\n  align-items: center;\n  padding: 6px 14px;\n  background: var(--tulsi-white);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--tulsi-secondary);\n  border: 1px solid var(--tulsi-secondary);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.tulsi-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.5rem;\n}\n\n.tulsi-usage-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--tulsi-white);\n  border-radius: var(--tulsi-radius);\n  padding: 1.5rem;\n  box-shadow: var(--tulsi-shadow);\n  transition: all .3s ease;\n}\n\n.tulsi-usage-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--tulsi-shadow-lg);\n}\n\n.tulsi-usage-number {\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--tulsi-primary), var(--tulsi-primary-dark));\n  color: white;\n  font-size: 20px;\n  font-weight: 900;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.tulsi-usage-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--tulsi-text);\n  margin: 0 0 0.25rem 0;\n}\n\n.tulsi-usage-content p {\n  font-size: 14px;\n  color: var(--tulsi-text-light);\n  margin: 0;\n}\n\n\/* === ORIGINE === *\/\n.tulsi-origin-box {\n  background: linear-gradient(135deg, var(--tulsi-primary-light) 0%, var(--tulsi-white) 100%);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 2px solid var(--tulsi-kraft);\n  box-shadow: var(--tulsi-shadow);\n  text-align: center;\n}\n\n.tulsi-origin-icon {\n  font-size: 50px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.tulsi-origin-content h3 {\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 800;\n  color: var(--tulsi-primary-dark);\n  margin: 0 0 1rem 0;\n}\n\n.tulsi-origin-content \u003e p {\n  font-size: 16px;\n  color: var(--tulsi-text-light);\n  max-width: 700px;\n  margin: 0 auto 2rem;\n  line-height: 1.7;\n}\n\n.tulsi-origin-steps {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 1rem;\n}\n\n.tulsi-origin-step {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--tulsi-white);\n  padding: 10px 18px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--tulsi-text);\n  box-shadow: 0 2px 8px rgba(0,0,0,.06);\n}\n\n.tulsi-step-icon {\n  font-size: 18px;\n}\n\n\/* === CERTIFICATIONS === *\/\n.tulsi-certif-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1rem;\n}\n\n.tulsi-certif-card {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n  background: var(--tulsi-white);\n  border-radius: var(--tulsi-radius);\n  padding: 1.5rem;\n  box-shadow: var(--tulsi-shadow);\n  border: 2px solid var(--tulsi-border);\n  transition: all .3s ease;\n}\n\n.tulsi-certif-card:hover {\n  border-color: var(--tulsi-secondary);\n  transform: translateY(-4px);\n}\n\n.tulsi-certif-icon {\n  font-size: 36px;\n}\n\n.tulsi-certif-label {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--tulsi-text);\n  text-align: center;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.tulsi-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.tulsi-info-item {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: var(--tulsi-white);\n  border-radius: var(--tulsi-radius-sm);\n  padding: 1.25rem;\n  box-shadow: var(--tulsi-shadow);\n  border-left: 4px solid var(--tulsi-primary);\n}\n\n.tulsi-info-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.tulsi-info-text {\n  display: flex;\n  flex-direction: column;\n}\n\n.tulsi-info-label {\n  font-size: 12px;\n  color: var(--tulsi-text-light);\n  text-transform: uppercase;\n  letter-spacing: .5px;\n  font-weight: 600;\n}\n\n.tulsi-info-value {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--tulsi-text);\n}\n\n\/* === CTA FINAL === *\/\n.tulsi-cta-box {\n  background: linear-gradient(135deg, var(--tulsi-secondary) 0%, #3A6249 100%);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--tulsi-shadow-lg);\n}\n\n.tulsi-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M20 2c-4 6-12 10-12 16s8 12 12 16c4-4 12-10 12-16S24 8 20 2z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n  background-size: 60px 60px;\n}\n\n.tulsi-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.tulsi-cta-icon {\n  font-size: 50px;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.tulsi-cta-box p {\n  color: white;\n  font-size: clamp(16px, 2.5vw, 20px);\n  line-height: 1.7;\n  font-weight: 500;\n  max-width: 700px;\n  margin: 0 auto 1.5rem;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.tulsi-cta-tagline {\n  display: inline-block;\n  background: rgba(255,255,255,.2);\n  backdrop-filter: blur(10px);\n  padding: 12px 28px;\n  border-radius: 999px;\n  color: white;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: .5px;\n}\n\n\/* === ANIMATIONS === *\/\n@keyframes bounce {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-8px); }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(40px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .tulsi-card,\n  .tulsi-usage-card,\n  .tulsi-certif-card,\n  .tulsi-info-item {\n    animation: fadeInUp .6s ease backwards;\n  }\n  .tulsi-card:nth-child(1), .tulsi-usage-card:nth-child(1) { animation-delay: .1s; }\n  .tulsi-card:nth-child(2), .tulsi-usage-card:nth-child(2) { animation-delay: .2s; }\n  .tulsi-card:nth-child(3), .tulsi-usage-card:nth-child(3) { animation-delay: .3s; }\n  .tulsi-card:nth-child(4), .tulsi-usage-card:nth-child(4) { animation-delay: .4s; }\n  .tulsi-card:nth-child(5) { animation-delay: .5s; }\n  .tulsi-card:nth-child(6) { animation-delay: .6s; }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .tulsi-grid,\n  .tulsi-grid-3 {\n    grid-template-columns: 1fr;\n  }\n  \n  .tulsi-hero-specs {\n    flex-direction: column;\n    align-items: center;\n  }\n  \n  .tulsi-spec {\n    width: 100%;\n    max-width: 200px;\n  }\n  \n  .tulsi-composition-main {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .tulsi-composition-tags {\n    justify-content: center;\n  }\n  \n  .tulsi-origin-steps {\n    flex-direction: column;\n    align-items: center;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .tulsi-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .tulsi-card,\n  .tulsi-usage-card,\n  .tulsi-certif-card,\n  .tulsi-info-item {\n    border: 2px solid var(--tulsi-text);\n  }\n  \n  .tulsi-badge {\n    border: 2px solid var(--tulsi-primary-dark);\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755111506077,"sku":"AY9933","price":10.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tulsi-basilic-sacre-bio-150-grammes-de-poudre-en-sachet-ayurvana-827581.jpg?v=1732722036"},{"product_id":"guduchi-bio-150-grammes-de-poudre-en-sachet-ayurvana","title":"Guduchi Bio en poudre - 150g - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Guduchi Bio en poudre - 150g - AyurVana\nPalette détectée:\n  - Primaire: #C75B2A (terre cuite\/orangé du packaging et du logo AyurVana)\n  - Secondaire: #5B8C3E (vert naturel des feuilles de Guduchi illustrées)\n  - Accent: #8B5E3C (brun kraft du sachet)\nAmbiance: Ayurvédique, naturel\/bio, chaleureux, traditionnel indien, authenticité\nPréfixe CSS: gu\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Guduchi Bio en poudre : le soutien ancestral de vos défenses naturelles\"\n  2. \"Pourquoi choisir le Guduchi comme complément immunitaire ?\"\n  3. \"Composition\"\n  4. \"Comment prendre le Guduchi en poudre ?\"\n  5. \"Précautions d'emploi\"\n  6. \"Le choix AyurVana : qualité et authenticité\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gu-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"gu-hero\"\u003e\n    \u003cdiv class=\"gu-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"gu-hero-content\"\u003e\n      \u003cdiv class=\"gu-badges-top\"\u003e\n        \u003cspan class=\"gu-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n        \u003cspan class=\"gu-badge\"\u003e🇮🇳 Origine Inde\u003c\/span\u003e\n        \u003cspan class=\"gu-badge\"\u003e🌱 100 % vegan\u003c\/span\u003e\n        \u003cspan class=\"gu-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"gu-hero-title\"\u003eGuduchi Bio en poudre\u003c\/span\u003e\n      \u003cp class=\"gu-subtitle\"\u003e150 g · AyurVana · Tinospora cordifolia\u003c\/p\u003e\n      \u003cp class=\"gu-description\"\u003eLe « nectar d'immortalité » de l'Ayurvéda — une poudre pure à 100 % pour stimuler vos défenses naturelles, sans excipient ni additif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"gu-section\"\u003e\n    \u003ch2\u003eGuduchi Bio en poudre : le soutien ancestral de vos défenses naturelles\u003c\/h2\u003e\n    \u003cp class=\"gu-section-intro\"\u003eSurnommé \u003cstrong\u003e« nectar d'immortalité »\u003c\/strong\u003e dans la tradition ayurvédique, le \u003cstrong\u003eGuduchi\u003c\/strong\u003e (\u003cem\u003eTinospora cordifolia\u003c\/em\u003e) est l'une des plantes les plus respectées de la pharmacopée indienne.\u003c\/p\u003e\n    \u003cdiv class=\"gu-highlight-box\"\u003e\n      \u003cp\u003eAvec cette poudre bio de \u003cstrong\u003e150 g\u003c\/strong\u003e proposée par \u003cstrong\u003eAyurVana\u003c\/strong\u003e, vous accédez à un \u003cstrong\u003ecomplément alimentaire pour le système immunitaire\u003c\/strong\u003e d'une pureté remarquable : \u003cstrong\u003e100 % tige de Guduchi\u003c\/strong\u003e, certifiée agriculture biologique, sans excipient ni additif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"gu-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le Guduchi comme complément immunitaire ?\u003c\/h2\u003e\n    \u003cp class=\"gu-section-intro\"\u003eSi vous cherchez à \u003cstrong\u003erenforcer votre système immunitaire\u003c\/strong\u003e de façon naturelle, le Guduchi mérite toute votre attention. Plante adaptogène puissante, elle aide votre organisme à s'adapter au stress, à la fatigue saisonnière et aux agressions extérieures.\u003c\/p\u003e\n    \u003cdiv class=\"gu-grid\"\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e🛡️ Stimulation des défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisé pour soutenir l'immunité, le Guduchi est un complément alimentaire de défense immunitaire de premier choix.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e✨ Action antioxydante\u003c\/h3\u003e\n        \u003cp\u003eRiche en polyphénols et en composés amers, il aide à neutraliser les radicaux libres responsables du vieillissement cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e🫀 Soutien hépatique et détoxification\u003c\/h3\u003e\n        \u003cp\u003eIl favorise le bon fonctionnement du foie, organe clé dans l'élimination des toxines accumulées par l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e⚡ Vitalité et tonus\u003c\/h3\u003e\n        \u003cp\u003eEn aidant l'organisme à retrouver son équilibre, il contribue à une sensation d'énergie durable tout au long de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gu-tip\"\u003e\n      \u003cspan class=\"gu-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eCe complément pour le système immunitaire convient parfaitement aux \u003cstrong\u003epériodes de changement de saison\u003c\/strong\u003e ou de surmenage, quand votre corps a besoin d'un coup de pouce naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"gu-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cdiv class=\"gu-grid-compact\"\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e🌿 Ingrédient unique\u003c\/h3\u003e\n        \u003cp\u003ePoudre de tiges de Guduchi* (Tinospora cordifolia)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e🏷️ Certifié bio\u003c\/h3\u003e\n        \u003cp\u003e*Issu de l'agriculture biologique certifiée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n        \u003cp\u003eSans OGM, sans conservateur, sans additif. 100 % vegan\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e🇮🇳 Origine \u0026amp; conditionnement\u003c\/h3\u003e\n        \u003cp\u003eOrigine Inde — Conditionné en France en sachet hermétique recyclable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"gu-section\"\u003e\n    \u003ch2\u003eComment prendre le Guduchi en poudre ?\u003c\/h2\u003e\n    \u003cp class=\"gu-section-intro\"\u003eLa posologie recommandée est de \u003cstrong\u003e1 à 2 g par jour\u003c\/strong\u003e, soit environ une demi-cuillère à café.\u003c\/p\u003e\n    \u003cdiv class=\"gu-timeline\"\u003e\n      \u003cdiv class=\"gu-timeline-item\"\u003e\n        \u003cdiv class=\"gu-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"gu-timeline-content\"\u003e\n          \u003ch3\u003e🍯 Dans de l'eau tiède\u003c\/h3\u003e\n          \u003cp\u003eDiluez la poudre dans un verre d'eau tiède avec une pointe de miel pour adoucir son amertume caractéristique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-timeline-item\"\u003e\n        \u003cdiv class=\"gu-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"gu-timeline-content\"\u003e\n          \u003ch3\u003e🥤 Dans un smoothie\u003c\/h3\u003e\n          \u003cp\u003eAjoutez-la à un smoothie, un jus de fruits frais ou un lait végétal pour un mélange gourmand et nutritif.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-timeline-item\"\u003e\n        \u003cdiv class=\"gu-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"gu-timeline-content\"\u003e\n          \u003ch3\u003e🍲 Dans une soupe ou sauce\u003c\/h3\u003e\n          \u003cp\u003eIncorporez-la dans une soupe ou une sauce — la chaleur ne détruit pas ses propriétés bénéfiques.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gu-tip\"\u003e\n      \u003cspan class=\"gu-tip-icon\"\u003e🌅\u003c\/span\u003e\n      \u003cp\u003ePour des résultats optimaux, consommez le Guduchi \u003cstrong\u003ele matin à jeun\u003c\/strong\u003e pendant une cure de \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e. Renouvelez la cure plusieurs fois dans l'année, notamment à l'approche de l'automne et de l'hiver.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"gu-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"gu-accordion\"\u003e\n      \u003cdetails class=\"gu-accordion-item\"\u003e\n        \u003csummary class=\"gu-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n        \u003cdiv class=\"gu-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace ni un traitement médical ni une alimentation variée et équilibrée. Ne dépassez pas la dose journalière conseillée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gu-accordion-item\"\u003e\n        \u003csummary class=\"gu-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"gu-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le sachet bien fermé, à l'abri de la lumière et de l'humidité. Tenez hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gu-accordion-item\"\u003e\n        \u003csummary class=\"gu-accordion-header\"\u003e🤰 Femmes enceintes \u0026amp; traitements\u003c\/summary\u003e\n        \u003cdiv class=\"gu-accordion-content mt-3\"\u003e\n          \u003cp\u003eSi vous êtes enceinte, allaitante ou sous traitement, demandez l'avis de votre médecin ou pharmacien avant toute utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"gu-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eLe choix AyurVana : qualité et authenticité\u003c\/h2\u003e\n    \u003cdiv class=\"gu-cta-box\"\u003e\n      \u003cp\u003eAyurVana sélectionne ses plantes directement auprès de \u003cstrong\u003eproducteurs indiens engagés dans l'agriculture biologique\u003c\/strong\u003e. Chaque lot de Guduchi Bio est contrôlé pour garantir l'absence de pesticides, de métaux lourds et de contaminants. En choisissant cette poudre, vous optez pour un produit \u003cstrong\u003epur, traçable et respectueux de l'environnement\u003c\/strong\u003e — un véritable allié pour \u003cstrong\u003erenforcer votre système immunitaire\u003c\/strong\u003e au quotidien, en toute confiance.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"gu-disclaimer\"\u003eLes compléments alimentaires doivent être utilisés dans le cadre d'un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --gu-cream: #faf6f1;\n  --gu-white: #ffffff;\n  --gu-primary: #C75B2A;\n  --gu-primary-dark: #8B3A15;\n  --gu-primary-light: #fdf0e8;\n  --gu-secondary: #5B8C3E;\n  --gu-accent: #8B5E3C;\n  --gu-text: #1a1a1a;\n  --gu-text-light: #5a5a5a;\n  --gu-border: #e8ddd3;\n  --gu-shadow: 0 4px 24px rgba(139, 58, 21, .08);\n  --gu-shadow-lg: 0 12px 48px rgba(139, 58, 21, .15);\n  --gu-radius: 20px;\n  --gu-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gu-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gu-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gu-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8B3A15 0%, #C75B2A 45%, #5B8C3E 100%);\n  border-radius: var(--gu-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(--gu-shadow-lg);\n}\n\n.gu-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 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.gu-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gu-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.gu-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 500;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.gu-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  font-weight: 400;\n}\n\n\/* === BADGES === *\/\n.gu-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gu-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(--gu-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gu-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gu-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gu-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gu-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.gu-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(--gu-primary), var(--gu-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.gu-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gu-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\/* === HIGHLIGHT BOX === *\/\n.gu-highlight-box {\n  background: var(--gu-white);\n  border-radius: var(--gu-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gu-shadow);\n  border-left: 4px solid var(--gu-secondary);\n  text-align: center;\n}\n\n.gu-highlight-box p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gu-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.gu-card {\n  background: var(--gu-white);\n  border-radius: var(--gu-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gu-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gu-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gu-shadow-lg);\n  border-color: var(--gu-primary);\n}\n\n.gu-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gu-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gu-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gu-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gu-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gu-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gu-grid-compact .gu-card {\n  padding: 1rem;\n}\n\n.gu-grid-compact .gu-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gu-grid-compact .gu-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gu-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gu-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gu-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gu-primary), var(--gu-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.gu-timeline-content {\n  flex: 1;\n  background: var(--gu-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gu-radius-sm);\n  box-shadow: var(--gu-shadow);\n}\n\n.gu-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gu-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gu-timeline-content p {\n  font-size: 14px;\n  color: var(--gu-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gu-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gu-primary-light);\n  border-radius: var(--gu-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gu-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gu-tip p {\n  font-size: 14px;\n  color: var(--gu-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gu-accordion {\n  background: var(--gu-white);\n  border-radius: var(--gu-radius);\n  box-shadow: var(--gu-shadow);\n  overflow: hidden;\n}\n\n.gu-accordion-item {\n  border-bottom: 1px solid var(--gu-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gu-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gu-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gu-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.gu-accordion-header:hover {\n  background: var(--gu-primary-light);\n}\n\n.gu-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gu-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gu-primary);\n  transition: transform .2s ease;\n}\n\n.gu-accordion-item[open] .gu-accordion-header::after {\n  content: '−';\n}\n\n.gu-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gu-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gu-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gu-cta-box {\n  background: linear-gradient(135deg, var(--gu-primary) 0%, var(--gu-primary-dark) 100%);\n  border-radius: var(--gu-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.gu-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.gu-disclaimer {\n  font-size: 12px;\n  color: var(--gu-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  .gu-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gu-card {\n    padding: 1.125rem;\n  }\n\n  .gu-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gu-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gu-radius-sm);\n  }\n\n  .gu-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gu-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gu-grid-compact {\n    gap: .625rem;\n  }\n\n  .gu-grid-compact .gu-card {\n    padding: .75rem;\n  }\n\n  .gu-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gu-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gu-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gu-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gu-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gu-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .gu-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .gu-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gu-card {\n    animation: guFadeInUp .5s ease backwards;\n  }\n  .gu-card:nth-child(1) { animation-delay: .05s; }\n  .gu-card:nth-child(2) { animation-delay: .1s; }\n  .gu-card:nth-child(3) { animation-delay: .15s; }\n  .gu-card:nth-child(4) { animation-delay: .2s; }\n  .gu-card:nth-child(5) { animation-delay: .25s; }\n  .gu-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes guFadeInUp {\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  .gu-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755113865373,"sku":"AY9935","price":11.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/guduchi-bio-en-poudre-150g-ayurvana-ingredients.webp?v=1770994830"},{"product_id":"ashwagandha-bio-150-grammes-de-poudre-en-sachet-ayurvana","title":"Ashwagandha Bio - 150 g de Poudre en Sachet - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Ashwagandha Bio - 150 g de Poudre en Sachet - Ayur-Vana\nPalette détectée:\n  - Primaire: #4BA3C3 (bleu azur\/turquoise du bandeau)\n  - Secondaire: #D4A574 (kraft\/beige naturel du sachet)\n  - Accent: #7CB342 (vert feuillage de la plante)\n  - Neutre: #F5F0E8 (crème naturel)\nAmbiance: Naturel\/Ayurvédique, Bio, Authentique, Bien-être, Tradition indienne\nPréfixe CSS: ash\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"L'Ashwagandha Bio en poudre : votre allié naturel contre le stress au quotidien\"\n  2. \"Qu'est-ce que l'Ashwagandha et pourquoi est-elle si prisée ?\"\n  3. \"Les bienfaits de la poudre d'Ashwagandha Bio\"\n  4. \"Composition de l'Ashwagandha Bio Ayur-Vana\"\n  5. \"Comment utiliser la poudre d'Ashwagandha ? Posologie et conseils pratiques\"\n  6. \"Origine et engagements qualité Ayur-Vana\"\n  7. \"Pour qui est destinée l'Ashwagandha Bio en poudre ?\"\n  8. \"Précautions d'emploi et contre-indications\"\n  9. \"Conservation\"\n  10. \"Questions fréquentes sur l'Ashwagandha en poudre\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ash-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"ash-hero\"\u003e\n    \u003cdiv class=\"ash-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ash-hero-content\"\u003e\n      \u003cdiv class=\"ash-badges-top\"\u003e\n        \u003cspan class=\"ash-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"ash-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"ash-badge\"\u003e⏱️ 50 jours d'utilisation\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ash-hero-title\"\u003eAshwagandha Bio en Poudre\u003c\/span\u003e\n      \u003cp class=\"ash-subtitle\"\u003eLe ginseng indien pour retrouver sérénité et vitalité\u003c\/p\u003e\n      \u003cp class=\"ash-description\"\u003e150 g de poudre pure • Tradition ayurvédique millénaire • Adaptogène naturel\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eL'Ashwagandha Bio en poudre : votre allié naturel contre le stress au quotidien\u003c\/h2\u003e\n    \u003cp class=\"ash-section-intro\"\u003eVous cherchez une solution naturelle pour mieux gérer le stress et retrouver votre vitalité ? L'Ashwagandha Bio en poudre d'Ayur-Vana est exactement ce qu'il vous faut.\u003c\/p\u003e\n    \u003cdiv class=\"ash-grid-compact\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🧘 Adaptogène millénaire\u003c\/h3\u003e\n        \u003cp\u003eUtilisée depuis plus de 3000 ans dans la tradition ayurvédique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e😌 Anti-stress naturel\u003c\/h3\u003e\n        \u003cp\u003eAide l'organisme à gérer le stress au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e⚡ Vitalité retrouvée\u003c\/h3\u003e\n        \u003cp\u003eSoutient votre énergie et votre endurance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e💤 Sommeil de qualité\u003c\/h3\u003e\n        \u003cp\u003eFavorise un repos véritablement réparateur\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eQu'est-ce que l'Ashwagandha et pourquoi est-elle si prisée ?\u003c\/h2\u003e\n    \u003cdiv class=\"ash-info-box\"\u003e\n      \u003cp\u003eL'\u003cstrong\u003eashwagandha\u003c\/strong\u003e (\u003cem\u003eWithania somnifera\u003c\/em\u003e) fait partie des plantes adaptogènes les plus étudiées au monde. Son nom sanskrit signifie littéralement « odeur du cheval », en référence à la force et à la vitalité qu'elle confère traditionnellement.\u003c\/p\u003e\n      \u003cp\u003eContrairement aux stimulants classiques qui épuisent l'organisme sur le long terme, cette racine précieuse aide votre corps à \u003cstrong\u003es'adapter naturellement aux différentes formes de stress\u003c\/strong\u003e : physique, émotionnel ou environnemental.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ash-tip\"\u003e\n      \u003cspan class=\"ash-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eC'est cette capacité unique d'adaptation qui fait de l'ashwagandha bio un complément si apprécié des personnes actives, stressées ou simplement soucieuses de leur bien-être.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eLes bienfaits de la poudre d'Ashwagandha Bio\u003c\/h2\u003e\n    \u003cp class=\"ash-section-intro\"\u003eLa consommation régulière d'ashwagandha en poudre offre de nombreux bienfaits reconnus par la tradition ayurvédique et confirmés par des études scientifiques modernes.\u003c\/p\u003e\n    \u003cdiv class=\"ash-grid\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🧠 Gestion du stress et de l'anxiété\u003c\/h3\u003e\n        \u003cp\u003eAide à réguler le cortisol, l'hormone du stress, favorisant un état d'esprit plus serein tout au long de la journée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🌙 Amélioration du sommeil\u003c\/h3\u003e\n        \u003cp\u003ePrise le soir, l'ashwagandha favorise l'endormissement et un repos véritablement réparateur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e💪 Soutien de la vitalité physique\u003c\/h3\u003e\n        \u003cp\u003eContribue à maintenir votre énergie et votre endurance, particulièrement appréciée des sportifs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🎯 Équilibre mental et cognitif\u003c\/h3\u003e\n        \u003cp\u003eAide à maintenir la concentration, la mémoire et la clarté d'esprit au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🛡️ Renforcement des défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eSes propriétés antioxydantes participent au bon fonctionnement du système immunitaire\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eComposition de l'Ashwagandha Bio Ayur-Vana\u003c\/h2\u003e\n    \u003cdiv class=\"ash-composition-box\"\u003e\n      \u003cdiv class=\"ash-composition-highlight\"\u003e\n        \u003cdiv class=\"ash-composition-text\"\u003e\n          \u003cstrong\u003e🌱 Ingrédient unique\u003c\/strong\u003e\n          \u003cp\u003e100% poudre de racine d'Ashwagandha* (\u003cem\u003eWithania somnifera\u003c\/em\u003e)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"ash-bio-mention\"\u003e*Ingrédient issu de l'agriculture biologique certifiée\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ash-purity-badges\"\u003e\n      \u003cspan class=\"ash-purity-badge\"\u003e❌ Aucun additif\u003c\/span\u003e\n      \u003cspan class=\"ash-purity-badge\"\u003e❌ Aucun excipient\u003c\/span\u003e\n      \u003cspan class=\"ash-purity-badge\"\u003e❌ Aucun conservateur\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ash-tip\"\u003e\n      \u003cspan class=\"ash-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003eCette formule minimaliste est un véritable gage de qualité : vous bénéficiez uniquement de la pureté de la plante, dans le respect de la tradition ayurvédique authentique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eComment utiliser la poudre d'Ashwagandha ? Posologie et conseils pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"ash-dosage-box\"\u003e\n      \u003cdiv class=\"ash-dosage-text\"\u003e\n        \u003cstrong\u003ePosologie recommandée\u003c\/strong\u003e\n        \u003cp\u003e1 cuillère à café rase (environ 3 g) par jour\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003ch3 class=\"ash-subsection-title\"\u003eModes de consommation\u003c\/h3\u003e\n    \u003cdiv class=\"ash-grid-compact\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e💧 Dans l'eau\u003c\/h3\u003e\n        \u003cp\u003eDiluée dans un grand verre d'eau tiède ou froide\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🥛 Moon milk\u003c\/h3\u003e\n        \u003cp\u003eMélangée à un lait végétal pour un moment relaxant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🥤 Smoothies\u003c\/h3\u003e\n        \u003cp\u003eIncorporée dans vos smoothies, jus ou yaourts\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🍲 Cuisine\u003c\/h3\u003e\n        \u003cp\u003eAjoutée à vos soupes, porridges ou energy balls\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003ch3 class=\"ash-subsection-title\"\u003eMoment idéal de prise\u003c\/h3\u003e\n    \u003cdiv class=\"ash-timeline\"\u003e\n      \u003cdiv class=\"ash-timeline-item\"\u003e\n        \u003cspan class=\"ash-timeline-number\"\u003e☀️\u003c\/span\u003e\n        \u003cdiv class=\"ash-timeline-content\"\u003e\n          \u003ch3\u003eLe matin\u003c\/h3\u003e\n          \u003cp\u003ePour soutenir votre énergie et votre concentration tout au long de la journée\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-timeline-item\"\u003e\n        \u003cspan class=\"ash-timeline-number\"\u003e🌙\u003c\/span\u003e\n        \u003cdiv class=\"ash-timeline-content\"\u003e\n          \u003ch3\u003eLe soir\u003c\/h3\u003e\n          \u003cp\u003e30 minutes avant le coucher pour favoriser un sommeil paisible\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ash-tip\"\u003e\n      \u003cspan class=\"ash-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e le goût de l'ashwagandha est terreux et légèrement amer. Si vous le trouvez trop prononcé, associez-la à une cuillère de miel ou à une boisson cacaotée pour l'adoucir.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eOrigine et engagements qualité Ayur-Vana\u003c\/h2\u003e\n    \u003cp class=\"ash-section-intro\"\u003eAyur-Vana sélectionne ses racines d'ashwagandha auprès de producteurs indiens engagés dans l'agriculture biologique. Les plantes sont cultivées dans leur terroir d'origine, où le climat et les sols leur permettent de développer toute leur richesse en principes actifs.\u003c\/p\u003e\n    \u003cdiv class=\"ash-grid\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🌿 Certification Agriculture Biologique\u003c\/h3\u003e\n        \u003cp\u003eCulture sans pesticides ni engrais chimiques de synthèse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eConditionnement et contrôles qualité réalisés sur le territoire français\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n        \u003cp\u003eChaque lot est analysé pour garantir pureté et conformité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e📦 Sachet refermable\u003c\/h3\u003e\n        \u003cp\u003eConservation optimale de la fraîcheur et des propriétés de la poudre\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003ePour qui est destinée l'Ashwagandha Bio en poudre ?\u003c\/h2\u003e\n    \u003cp class=\"ash-section-intro\"\u003eCette poudre d'ashwagandha bio conviendra particulièrement si vous :\u003c\/p\u003e\n    \u003cdiv class=\"ash-grid\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e😰 Périodes de stress intense\u003c\/h3\u003e\n        \u003cp\u003eStress professionnel, personnel, examens ou surcharge mentale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e😴 Troubles du sommeil\u003c\/h3\u003e\n        \u003cp\u003eDifficultés d'endormissement ou sommeil non réparateur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🔋 Fatigue persistante\u003c\/h3\u003e\n        \u003cp\u003eÉpuisement malgré un repos suffisant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eOptimisation de la récupération et de l'endurance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e📚 Besoin de concentration\u003c\/h3\u003e\n        \u003cp\u003eSoutien naturel des capacités cognitives et de mémorisation\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e👨‍🍳 Amateurs de cuisine\u003c\/h3\u003e\n        \u003cp\u003ePour une utilisation culinaire créative et personnalisée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 8 \u0026 9 : ACCORDÉON --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n    \u003cdiv class=\"ash-accordion\"\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cul\u003e\n            \u003cli\u003eDéconseillé aux femmes enceintes ou allaitantes\u003c\/li\u003e\n            \u003cli\u003eNe pas utiliser en cas d'hyperthyroïdie ou de troubles thyroïdiens sans avis médical\u003c\/li\u003e\n            \u003cli\u003eDéconseillé aux personnes sous traitement immunosuppresseur ou sédatif\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e📋 Recommandations d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cul\u003e\n            \u003cli\u003eRespecter la dose journalière recommandée\u003c\/li\u003e\n            \u003cli\u003eNe se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace en aucun cas un traitement médical. En cas de doute ou de traitement en cours, consultez votre médecin ou votre pharmacien avant toute utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eConservation\u003c\/h2\u003e\n    \u003cdiv class=\"ash-conservation-box\"\u003e\n      \u003cp\u003eConservez votre sachet d'ashwagandha poudre bio dans un endroit \u003cstrong\u003efrais, sec et à l'abri de la lumière\u003c\/strong\u003e. Refermez soigneusement le sachet après chaque utilisation pour préserver toutes les qualités de la poudre. À consommer de préférence avant la date indiquée sur l'emballage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"ash-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"ash-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre corps le soutien naturel qu'il mérite avec l'Ashwagandha Bio Ayur-Vana : \u003cstrong\u003e150 g de pureté ayurvédique\u003c\/strong\u003e pour retrouver sérénité, vitalité et un sommeil réparateur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ash-disclaimer\"\u003eComplément alimentaire. Ne pas dépasser la dose journalière recommandée. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  \/* Couleurs principales *\/\n  --ash-cream: #F5F0E8;\n  --ash-white: #ffffff;\n  --ash-primary: #4BA3C3;\n  --ash-primary-dark: #2E7D99;\n  --ash-primary-light: #E8F4F8;\n  --ash-secondary: #D4A574;\n  --ash-accent: #7CB342;\n\n  \/* Textes *\/\n  --ash-text: #1a1a1a;\n  --ash-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --ash-border: #e0e0e0;\n  --ash-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ash-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ash-radius: 20px;\n  --ash-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ash-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ash-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ash-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4BA3C3 0%, #2E7D99 50%, #7CB342 100%);\n  border-radius: var(--ash-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(--ash-shadow-lg);\n}\n\n.ash-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-4 8-12 15-20 15 8 0 16 7 20 15 4-8 12-15 20-15-8 0-16-7-20-15z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .15;\n}\n\n.ash-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ash-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.ash-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n}\n\n.ash-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  margin: 0;\n}\n\n\/* === BADGES === *\/\n.ash-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ash-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(--ash-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ash-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ash-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ash-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ash-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.ash-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(--ash-primary), var(--ash-accent));\n  border-radius: 2px;\n}\n\n.ash-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ash-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.ash-subsection-title {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 700;\n  color: var(--ash-primary-dark);\n  margin: 1.5rem 0 1rem 0;\n  text-align: center;\n}\n\n\/* === CARDS === *\/\n.ash-card {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ash-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ash-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ash-shadow-lg);\n  border-color: var(--ash-primary);\n}\n\n.ash-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ash-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ash-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ash-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ash-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ash-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ash-grid-compact .ash-card {\n  padding: 1rem;\n}\n\n.ash-grid-compact .ash-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ash-grid-compact .ash-card p {\n  font-size: 12px;\n}\n\n\/* === INFO BOX === *\/\n.ash-info-box {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ash-shadow);\n  margin-bottom: 1.25rem;\n}\n\n.ash-info-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--ash-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.ash-info-box p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ash-composition-box {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ash-shadow);\n  text-align: center;\n  margin-bottom: 1.25rem;\n}\n\n.ash-composition-highlight {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: .75rem;\n}\n\n.ash-composition-icon {\n  font-size: 48px;\n}\n\n.ash-composition-text strong {\n  display: block;\n  font-size: clamp(16px, 3vw, 20px);\n  color: var(--ash-primary-dark);\n  margin-bottom: .25rem;\n}\n\n.ash-composition-text p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--ash-text-light);\n  margin: 0;\n}\n\n.ash-bio-mention {\n  font-size: 13px;\n  color: var(--ash-accent);\n  font-style: italic;\n  margin-top: 1rem;\n}\n\n.ash-purity-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .75rem;\n  margin-bottom: 1.25rem;\n}\n\n.ash-purity-badge {\n  background: var(--ash-primary-light);\n  color: var(--ash-primary-dark);\n  padding: .5rem 1rem;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n\/* === DOSAGE BOX === *\/\n.ash-dosage-box {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: linear-gradient(135deg, var(--ash-primary) 0%, var(--ash-primary-dark) 100%);\n  border-radius: var(--ash-radius);\n  padding: 1.25rem 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.ash-dosage-icon {\n  font-size: 36px;\n  flex-shrink: 0;\n}\n\n.ash-dosage-text strong {\n  display: block;\n  color: white;\n  font-size: clamp(14px, 2.5vw, 16px);\n  margin-bottom: .25rem;\n}\n\n.ash-dosage-text p {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 700;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.ash-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ash-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ash-timeline-number {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--ash-primary), var(--ash-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n}\n\n.ash-timeline-content {\n  flex: 1;\n  background: var(--ash-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ash-radius-sm);\n  box-shadow: var(--ash-shadow);\n}\n\n.ash-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ash-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ash-timeline-content p {\n  font-size: 14px;\n  color: var(--ash-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ash-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ash-primary-light);\n  border-radius: var(--ash-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ash-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ash-tip p {\n  font-size: 14px;\n  color: var(--ash-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CONSERVATION BOX === *\/\n.ash-conservation-box {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: 1.25rem 1.5rem;\n  box-shadow: var(--ash-shadow);\n  border-left: 4px solid var(--ash-accent);\n}\n\n.ash-conservation-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.ash-conservation-box p {\n  font-size: clamp(14px, 2.5vw, 15px);\n  color: var(--ash-text);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === ACCORDÉON === *\/\n.ash-accordion {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  box-shadow: var(--ash-shadow);\n  overflow: hidden;\n}\n\n.ash-accordion-item {\n  border-bottom: 1px solid var(--ash-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ash-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ash-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ash-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.ash-accordion-header:hover {\n  background: var(--ash-primary-light);\n}\n\n.ash-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ash-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ash-primary);\n  transition: transform .2s ease;\n}\n\n.ash-accordion-item[open] .ash-accordion-header::after {\n  content: '−';\n}\n\n.ash-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ash-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ash-accordion-content p {\n  margin: 0;\n}\n\n.ash-accordion-content ul {\n  margin: 0;\n  padding-left: 1.25rem;\n}\n\n.ash-accordion-content li {\n  margin-bottom: .5rem;\n}\n\n.ash-accordion-content li:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ash-cta-box {\n  background: linear-gradient(135deg, var(--ash-primary) 0%, var(--ash-primary-dark) 100%);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ash-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.ash-disclaimer {\n  font-size: 12px;\n  color: var(--ash-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  .ash-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .ash-card {\n    padding: 1.125rem;\n  }\n  \n  .ash-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .ash-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ash-radius-sm);\n  }\n  \n  .ash-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .ash-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .ash-grid-compact {\n    gap: .625rem;\n  }\n  \n  .ash-grid-compact .ash-card {\n    padding: .75rem;\n  }\n  \n  .ash-timeline-number {\n    width: 40px;\n    height: 40px;\n    font-size: 20px;\n  }\n  \n  .ash-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .ash-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .ash-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .ash-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .ash-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .ash-dosage-box {\n    flex-direction: column;\n    text-align: center;\n    padding: 1rem;\n  }\n  \n  .ash-conservation-box {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .ash-info-box {\n    padding: 1.25rem;\n  }\n  \n  .ash-composition-box {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ash-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .ash-card:nth-child(1) { animation-delay: .05s; }\n  .ash-card:nth-child(2) { animation-delay: .1s; }\n  .ash-card:nth-child(3) { animation-delay: .15s; }\n  .ash-card:nth-child(4) { animation-delay: .2s; }\n  .ash-card:nth-child(5) { animation-delay: .25s; }\n  .ash-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\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  .ash-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755114324125,"sku":"AY9931","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Ashwagandha-Bio-150-grammes-de-poudre-en-sachet-694903.jpg?v=1732719467"},{"product_id":"boisson-instantanee-bleu-comme-toi-bio-50-g-sol-semilla","title":"Bleu Comme Toi (Sérénité \u0026 Immunité) : Boisson Instantanée Bio 50 g - Sol Semilla","description":"\u003cdiv class=\"bm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"bm-hero\"\u003e\n\u003cdiv class=\"bm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bm-hero-content\"\u003e\n\u003cdiv class=\"bm-badges-top\"\u003e\n\u003cspan class=\"bm-badge\"\u003e🧠 Mental \u0026amp; concentration\u003c\/span\u003e \u003cspan class=\"bm-badge\"\u003e🛡️ Immunité\u003c\/span\u003e \u003cspan class=\"bm-badge\"\u003e⚡ Vitalité\u003c\/span\u003e \u003cspan class=\"bm-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"bm-hero-title\"\u003eBlue Mind - Super boisson bio à la Klamath\u003c\/span\u003e\n\u003cp class=\"bm-subtitle\"\u003eKlamath · Menthe · Cardamone\u003c\/p\u003e\n\u003cp class=\"bm-description\"\u003eL'algue des esprits clairs dans une boisson instantanée à la couleur bleue envoûtante. 50 g · 17 portions · Par Sol Semilla, depuis 1992.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003cp class=\"bm-section-intro\"\u003eEnvie d'une boisson qui fait du bien à votre esprit autant qu'à votre corps ?\u003c\/p\u003e\n\u003cdiv class=\"bm-grid\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🧠 Concentration\u003c\/h3\u003e\n\u003cp\u003eLa \u003cstrong\u003eKlamath\u003c\/strong\u003e, surnommée l'algue des esprits clairs, soutient activement votre clarté mentale et votre focus au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🛡️ Immunité\u003c\/h3\u003e\n\u003cp\u003eRiche en minéraux, oligoéléments et phycocyanine, cette super boisson renforce vos \u003cstrong\u003edéfenses naturelles\u003c\/strong\u003e jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e⚡ Vitalité\u003c\/h3\u003e\n\u003cp\u003eUn concentré de nutriments essentiels pour retrouver \u003cstrong\u003eénergie\u003c\/strong\u003e et dynamisme dès la première gorgée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 1.25rem; font-size: clamp(14px,2.2vw,16px); color: var(--bm-text-light); line-height: 1.7;\"\u003eLa \u003cstrong\u003esuper boisson Blue Mind Bio de Sol Semilla\u003c\/strong\u003e associe l'extraordinaire algue Klamath, la fraîcheur de la menthe et les notes chaleureuses de la cardamone dans une poudre instantanée à la couleur bleue envoûtante. En quelques secondes, vous obtenez une boisson riche en nutriments, pensée pour soutenir votre concentration, votre immunité et votre vitalité au quotidien.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003ePourquoi choisir la Klamath, l'algue des esprits clairs ?\u003c\/h2\u003e\n\u003cp class=\"bm-section-intro\"\u003eLa Klamath (Aphanizomenon flos-aquae) est une micro-algue bleu-vert récoltée à l'état sauvage dans le lac Klamath, en Oregon (USA). Elle est considérée comme l'un des superaliments les plus complets au monde.\u003c\/p\u003e\n\u003cdiv class=\"bm-grid\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e💎 Phycocyanine\u003c\/h3\u003e\n\u003cp\u003eUn pigment bleu aux puissantes propriétés \u003cstrong\u003eantioxydantes\u003c\/strong\u003e, qui donne à cette boisson sa teinte unique et fascinante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🔬 Vitamines du groupe B\u003c\/h3\u003e\n\u003cp\u003eDont la précieuse \u003cstrong\u003eB12\u003c\/strong\u003e, essentielle pour le système nerveux et l'énergie mentale au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🧬 Acides aminés essentiels\u003c\/h3\u003e\n\u003cp\u003eUn \u003cstrong\u003eprofil protéique complet\u003c\/strong\u003e, fait rare dans le monde végétal, pour nourrir vos cellules en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e⚙️ Minéraux \u0026amp; oligoéléments\u003c\/h3\u003e\n\u003cp\u003eFer, magnésium, zinc… Des cofacteurs indispensables au bon \u003cstrong\u003efonctionnement immunitaire\u003c\/strong\u003e et métabolique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-tip\"\u003e\n\u003cspan class=\"bm-tip-icon\"\u003e🌿\u003c\/span\u003e\n\u003cp\u003eSouvent surnommée « l'algue des esprits clairs », la Klamath est traditionnellement appréciée pour favoriser la \u003cstrong\u003econcentration\u003c\/strong\u003e et la \u003cstrong\u003eclarté mentale\u003c\/strong\u003e. Associée à la menthe rafraîchissante et à la cardamone digestive, elle compose ici une recette à la fois savoureuse et fonctionnelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eComposition de Blue Mind Bio\u003c\/h2\u003e\n\u003cp class=\"bm-section-intro\"\u003eChaque sachet de \u003cstrong\u003e50 g\u003c\/strong\u003e contient environ \u003cstrong\u003e17 portions\u003c\/strong\u003e. Ingrédients issus de l'agriculture biologique :\u003c\/p\u003e\n\u003cdiv class=\"bm-grid\"\u003e\n\u003cdiv class=\"bm-card bm-card-highlight\"\u003e\n\u003ch3\u003e🔵 Algue Klamath en poudre\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eAphanizomenon flos-aquae\u003c\/em\u003e - Origine : lac Klamath, USA. L'ingrédient star, source de phycocyanine et de nutriments essentiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🌱 Menthe\u003c\/h3\u003e\n\u003cp\u003ePour une note vivifiante et rafraîchissante. Contribue à une haleine fraîche et une sensation de bien-être immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e✨ Cardamone\u003c\/h3\u003e\n\u003cp\u003eÉpice réchauffante qui facilite la digestion et apporte une touche aromatique subtile et enveloppante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"bm-grid-compact\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🏷️ Certifié AB\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eNi conservateurs, ni arômes artificiels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🌿 Végétalien\u003c\/h3\u003e\n\u003cp\u003eConvient aux régimes végétariens et végétaliens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e📦 17 portions\u003c\/h3\u003e\n\u003cp\u003eSachet de 50 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eComment préparer votre boisson Blue Mind ?\u003c\/h2\u003e\n\u003cp class=\"bm-section-intro\"\u003eLa préparation est simple et rapide :\u003c\/p\u003e\n\u003cdiv class=\"bm-timeline\"\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eDosez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003eune cuillère à café rase (environ 3 g)\u003c\/strong\u003e de poudre Blue Mind dans un verre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eAjoutez l'eau\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003e200 à 250 ml d'eau\u003c\/strong\u003e froide, tiède ou chaude selon votre préférence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eMélangez\u003c\/h3\u003e\n\u003cp\u003eRemuez vigoureusement à la cuillère ou au fouet jusqu'à \u003cstrong\u003edissolution complète\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eSavourez\u003c\/h3\u003e\n\u003cp\u003eDégustez immédiatement pour profiter de tous les bienfaits de la Klamath.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-tip\"\u003e\n\u003cspan class=\"bm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eVous pouvez également l'intégrer dans un \u003cstrong\u003esmoothie\u003c\/strong\u003e, un lait végétal ou un jus de fruits pour varier les plaisirs. Consommez une à deux portions par jour, de préférence le matin ou en début d'après-midi pour accompagner vos moments de concentration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eSol Semilla : le pouvoir des superaliments depuis 1992\u003c\/h2\u003e\n\u003cdiv class=\"bm-testimonial\"\u003e\n\u003cp class=\"bm-testimonial-text\"\u003e\u003cstrong\u003eSol Semilla\u003c\/strong\u003e est une marque française pionnière dans l'univers des superaliments biologiques. Depuis plus de 30 ans, elle sélectionne les meilleurs ingrédients à travers le monde, en privilégiant des filières responsables et une traçabilité rigoureuse. Chaque produit est conçu pour vous apporter le meilleur de la nature, sans compromis sur la qualité ni sur le goût.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"bm-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"bm-accordion\"\u003e\n\u003cdetails class=\"bm-accordion-item\"\u003e\n\u003csummary class=\"bm-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"bm-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de grossesse, d'allaitement ou de traitement médical, consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bm-accordion-item\"\u003e\n\u003csummary class=\"bm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"bm-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"bm-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. Consultez un professionnel de santé pour tout conseil personnalisé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --bm-cream: #f7f4ef;\n  --bm-white: #ffffff;\n  --bm-primary: #3bb8c3;\n  --bm-primary-dark: #1a7a84;\n  --bm-primary-light: #e6f6f8;\n  --bm-secondary: #d4572a;\n  --bm-accent: #f0b428;\n  --bm-kraft: #c6a96c;\n  --bm-text: #1a1a1a;\n  --bm-text-light: #5a5a5a;\n  --bm-border: #e0ddd7;\n  --bm-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --bm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --bm-radius: 20px;\n  --bm-radius-sm: 12px;\n}\n\n.bm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--bm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a7a84 0%, #3bb8c3 40%, #2a9aa5 70%, #d4572a 100%);\n  border-radius: var(--bm-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(--bm-shadow-lg);\n}\n\n.bm-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: \n    radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(240,180,40,.12) 0%, transparent 50%),\n    radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.bm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.bm-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  line-height: 1.1;\n}\n\n.bm-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  letter-spacing: .15em;\n  text-transform: uppercase;\n  margin: 0 0 1rem 0;\n}\n\n.bm-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.bm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.bm-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(--bm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.bm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--bm-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.25;\n}\n\n.bm-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(--bm-primary), var(--bm-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.bm-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--bm-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.bm-card {\n  background: var(--bm-white);\n  border-radius: var(--bm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--bm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.bm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--bm-shadow-lg);\n  border-color: var(--bm-primary);\n}\n\n.bm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--bm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.bm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--bm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.bm-card-highlight {\n  border-color: var(--bm-primary);\n  background: linear-gradient(135deg, var(--bm-primary-light) 0%, var(--bm-white) 100%);\n}\n\n\/* === GRILLES === *\/\n.bm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.bm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.bm-grid-compact .bm-card {\n  padding: 1rem;\n}\n\n.bm-grid-compact .bm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.bm-grid-compact .bm-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.bm-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.bm-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--bm-primary), var(--bm-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(59,184,195,.3);\n}\n\n.bm-timeline-content {\n  flex: 1;\n  background: var(--bm-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--bm-radius-sm);\n  box-shadow: var(--bm-shadow);\n}\n\n.bm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--bm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.bm-timeline-content p {\n  font-size: 14px;\n  color: var(--bm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.bm-testimonial {\n  background: var(--bm-white);\n  border-radius: var(--bm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--bm-shadow);\n  border-left: 4px solid var(--bm-secondary);\n}\n\n.bm-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--bm-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.bm-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--bm-primary-light);\n  border-radius: var(--bm-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.bm-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.bm-tip p {\n  font-size: 14px;\n  color: var(--bm-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.bm-accordion {\n  background: var(--bm-white);\n  border-radius: var(--bm-radius);\n  box-shadow: var(--bm-shadow);\n  overflow: hidden;\n}\n\n.bm-accordion-item {\n  border-bottom: 1px solid var(--bm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.bm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.bm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--bm-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.bm-accordion-header:hover {\n  background: var(--bm-primary-light);\n}\n\n.bm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.bm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--bm-primary);\n  transition: transform .2s ease;\n}\n\n.bm-accordion-item[open] .bm-accordion-header::after {\n  content: '−';\n}\n\n.bm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--bm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.bm-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.bm-disclaimer {\n  font-size: 12px;\n  color: var(--bm-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  .bm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .bm-card {\n    padding: 1.125rem;\n  }\n\n  .bm-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .bm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--bm-radius-sm);\n  }\n\n  .bm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .bm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .bm-grid-compact {\n    gap: .625rem;\n  }\n\n  .bm-grid-compact .bm-card {\n    padding: .75rem;\n  }\n\n  .bm-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .bm-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .bm-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .bm-timeline-content p {\n    font-size: 13px;\n  }\n\n  .bm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .bm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .bm-testimonial {\n    padding: 1.25rem;\n  }\n\n  .bm-testimonial-text {\n    font-size: 14px;\n  }\n\n  .bm-badges-top {\n    gap: 6px;\n  }\n\n  .bm-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .bm-card {\n    animation: bmFadeInUp .5s ease backwards;\n  }\n  .bm-card:nth-child(1) { animation-delay: .05s; }\n  .bm-card:nth-child(2) { animation-delay: .1s; }\n  .bm-card:nth-child(3) { animation-delay: .15s; }\n  .bm-card:nth-child(4) { animation-delay: .2s; }\n  .bm-card:nth-child(5) { animation-delay: .25s; }\n  .bm-card:nth-child(6) { animation-delay: .3s; }\n\n  .bm-timeline-item {\n    animation: bmFadeInUp .5s ease backwards;\n  }\n  .bm-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .bm-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .bm-timeline-item:nth-child(3) { animation-delay: .15s; }\n  .bm-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes bmFadeInUp {\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  .bm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755115307165,"sku":"REF1347","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bleu-comme-toi-serenite-immunite-boisson-instantanee-bio-50--lifestyle.webp?v=1772788252"},{"product_id":"boisson-instantanee-green-boost-bio-80-g-sol-semilla","title":"Boisson Green Boost Bio 50g - Spiruline, Acérola \u0026 Gingembre - Sol Semilla","description":"\u003cdiv class=\"gb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gb-hero\"\u003e\n\u003cdiv class=\"gb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gb-hero-content\"\u003e\n\u003cdiv class=\"gb-badges-top\"\u003e\n\u003cspan class=\"gb-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e \u003cspan class=\"gb-badge\"\u003e🍊 Riche en vitamine C\u003c\/span\u003e \u003cspan class=\"gb-badge\"\u003e⚡ 10 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gb-hero-title\"\u003eBoisson Green Boost Bio\u003c\/span\u003e\n\u003cp class=\"gb-subtitle\"\u003eSpiruline, Acérola \u0026amp; Gingembre - Sol Semilla\u003c\/p\u003e\n\u003cp class=\"gb-description\"\u003eTrois superaliments bio d'exception réunis dans une poudre instantanée pour booster votre vitalité, renforcer votre immunité et accompagner vos performances sportives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003cp class=\"gb-section-intro\"\u003eVous cherchez un coup de fouet naturel pour démarrer la journée ou préparer une séance de sport ?\u003c\/p\u003e\n\u003cdiv class=\"gb-grid-compact\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌱 Spiruline bio\u003c\/h3\u003e\n\u003cp\u003eMicro-algue riche en fer, protéines végétales et phycocyanine antioxydante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n\u003cp\u003eL'une des sources naturelles les plus concentrées en vitamine C\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🫚 Gingembre bio\u003c\/h3\u003e\n\u003cp\u003eNote épicée et réchauffante pour un effet tonifiant au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🥤 Instantanée\u003c\/h3\u003e\n\u003cp\u003e50 g de poudre, 10 portions, à mélanger avec du jus de pomme ou votre boisson préférée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003ePourquoi associer spiruline et acérola ? Les bienfaits de cette synergie\u003c\/h2\u003e\n\u003cdiv class=\"gb-synergy-box\"\u003e\n\u003cp\u003eL'association \u003cstrong\u003espiruline acérola\u003c\/strong\u003e est l'une des plus étudiées en nutrition naturelle, et pour cause. La spiruline est une micro-algue exceptionnellement riche en \u003cstrong\u003efer, protéines végétales et phycocyanine\u003c\/strong\u003e, un pigment aux propriétés antioxydantes remarquables. L'acérola, petit fruit d'Amazonie, est quant à lui l'une des sources naturelles les plus concentrées en \u003cstrong\u003evitamine C\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e🔬\u003c\/span\u003e\n\u003cp\u003eLa vitamine C de l'acérola \u003cstrong\u003efavorise l'absorption du fer\u003c\/strong\u003e contenu dans la spiruline. Vous profitez ainsi pleinement des bienfaits de chaque ingrédient — une synergie que les simples comprimés ne peuvent égaler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003eC'est exactement ce qui distingue cette formule des simples comprimés de \u003cstrong\u003espiruline et acérola\u003c\/strong\u003e disponibles sur le marché : ici, le gingembre vient compléter le trio pour un résultat encore plus complet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eLe gingembre : un troisième allié pour votre énergie\u003c\/h2\u003e\n\u003cdiv class=\"gb-testimonial\"\u003e\n\u003cp class=\"gb-testimonial-text\"\u003eReconnu depuis des siècles en médecine traditionnelle, le gingembre apporte une \u003cstrong\u003enote épicée et réchauffante\u003c\/strong\u003e à la boisson. L'association \u003cstrong\u003espiruline et gingembre\u003c\/strong\u003e crée un mélange tonifiant et savoureux, idéal pour soutenir votre vitalité au quotidien, que vous soyez sportif ou simplement en quête d'un regain d'énergie naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"gb-section-intro\"\u003eFormulée à partir d'ingrédients 100 % biologiques, soigneusement sourcés entre l'Amazonie et le Maroc.\u003c\/p\u003e\n\u003cdiv class=\"gb-grid\"\u003e\n\u003cdiv class=\"gb-card gb-card-ingredient\"\u003e\n\u003ch3\u003e🌊 Spiruline bio\u003c\/h3\u003e\n\u003cp\u003eSource de fer, protéines et phycocyanine. Micro-algue aux propriétés nutritionnelles exceptionnelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card gb-card-ingredient\"\u003e\n\u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n\u003cp\u003eConcentré naturel de vitamine C et antioxydants. Petit fruit puissant d'Amazonie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card gb-card-ingredient\"\u003e\n\u003ch3\u003e🫚 Gingembre bio\u003c\/h3\u003e\n\u003cp\u003eTonifiant et réchauffant. Épice millénaire reconnue pour ses vertus énergisantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eSans additifs, sans conservateurs, sans gluten. Convient à une alimentation \u003cstrong\u003evégane\u003c\/strong\u003e et crue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eComment préparer votre Green Boost ?\u003c\/h2\u003e\n\u003cdiv class=\"gb-timeline\"\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eDosez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003eune dose de 5 g\u003c\/strong\u003e (environ une cuillère à café bombée) dans un verre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eAjoutez votre boisson\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003e200 ml de jus de pomme\u003c\/strong\u003e (recommandé par Sol Semilla) ou d'eau fraîche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eMélangez vigoureusement\u003c\/h3\u003e\n\u003cp\u003eRemuez à la cuillère ou au shaker jusqu'à dissolution complète de la poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eDégustez immédiatement\u003c\/h3\u003e\n\u003cp\u003eConsommez sans attendre pour profiter de \u003cstrong\u003etous les nutriments\u003c\/strong\u003e à leur maximum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e⏰\u003c\/span\u003e\n\u003cp\u003ePour un effet optimal, consommez votre boisson \u003cstrong\u003ele matin à jeun ou 30 minutes avant l'effort\u003c\/strong\u003e. Vous pouvez également l'ajouter à un smoothie ou un bol de fruits pour varier les plaisirs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003ePour qui est faite cette boisson ?\u003c\/h2\u003e\n\u003cdiv class=\"gb-grid-compact\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003eUn boost naturel avant l'effort pour des performances au top\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e😴 Personnes fatiguées\u003c\/h3\u003e\n\u003cp\u003eIdéal en période de changement de saison ou de baisse d'énergie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🛡️ Immunité fragilisée\u003c\/h3\u003e\n\u003cp\u003eRenforcez vos défenses naturelles grâce à la vitamine C et aux antioxydants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eUne alternative bio aux comprimés classiques de spiruline et acérola\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"gb-section\"\u003e\n\u003ch2\u003eQualité et engagements Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"gb-cta-box\"\u003e\n\u003cp\u003eDepuis 1992, Sol Semilla sélectionne les \u003cstrong\u003emeilleurs superaliments biologiques\u003c\/strong\u003e avec une exigence rare. Certifié \u003cstrong\u003eAB (Agriculture Biologique)\u003c\/strong\u003e et conditionné en France, chaque sachet de 50 g offre \u003cstrong\u003e10 portions\u003c\/strong\u003e d'un rituel bien-être quotidien accessible et pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-accordion\"\u003e\n\u003cdetails class=\"gb-accordion-item\"\u003e\n\u003csummary class=\"gb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Refermez soigneusement après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gb-accordion-item\"\u003e\n\u003csummary class=\"gb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un complément alimentaire. Il ne remplace ni un régime alimentaire varié et équilibré, ni un avis médical. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --gb-cream: #faf6f0;\n  --gb-white: #ffffff;\n  --gb-primary: #d4441c;\n  --gb-primary-dark: #a8330f;\n  --gb-primary-light: #fef0ec;\n  --gb-secondary: #2d8c4e;\n  --gb-secondary-light: #e8f5ee;\n  --gb-accent: #5b9bd5;\n  --gb-kraft: #c8a96e;\n  --gb-text: #1a1a1a;\n  --gb-text-light: #5a5a5a;\n  --gb-border: #e0d8ce;\n  --gb-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --gb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --gb-radius: 20px;\n  --gb-radius-sm: 12px;\n}\n\n.gb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gb-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--gb-primary) 0%, #e06530 40%, var(--gb-secondary) 100%);\n  border-radius: var(--gb-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(--gb-shadow-lg);\n}\n\n.gb-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-conic-gradient(from 0deg at 50% 0%, transparent 0deg, rgba(255,255,255,.06) 15deg, transparent 30deg);\n  opacity: 1;\n}\n\n.gb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.gb-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.gb-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: -.01em;\n}\n\n.gb-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.gb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gb-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(--gb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gb-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.gb-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(--gb-primary), var(--gb-secondary));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.gb-card {\n  background: var(--gb-white);\n  border-radius: var(--gb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gb-shadow-lg);\n  border-color: var(--gb-primary);\n}\n\n.gb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT (variante verte) === *\/\n.gb-card-ingredient {\n  border-top: 4px solid var(--gb-secondary);\n}\n\n.gb-card-ingredient:hover {\n  border-color: var(--gb-secondary);\n}\n\n.gb-card-ingredient h3 {\n  color: #1e6b3a;\n}\n\n\/* === GRILLES === *\/\n.gb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.gb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gb-grid-compact .gb-card {\n  padding: 1rem;\n}\n\n.gb-grid-compact .gb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gb-grid-compact .gb-card p {\n  font-size: 12px;\n}\n\n\/* === SYNERGY BOX === *\/\n.gb-synergy-box {\n  background: var(--gb-white);\n  border-radius: var(--gb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gb-shadow);\n}\n\n.gb-synergy-box p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--gb-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.gb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gb-primary), var(--gb-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.gb-timeline-content {\n  flex: 1;\n  background: var(--gb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gb-radius-sm);\n  box-shadow: var(--gb-shadow);\n}\n\n.gb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gb-timeline-content p {\n  font-size: 14px;\n  color: var(--gb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gb-testimonial {\n  background: var(--gb-white);\n  border-radius: var(--gb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gb-shadow);\n  border-left: 4px solid var(--gb-secondary);\n}\n\n.gb-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gb-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gb-accordion {\n  background: var(--gb-white);\n  border-radius: var(--gb-radius);\n  box-shadow: var(--gb-shadow);\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.gb-accordion-item {\n  border-bottom: 1px solid var(--gb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gb-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.gb-accordion-header:hover {\n  background: var(--gb-primary-light);\n}\n\n.gb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gb-primary);\n  transition: transform .2s ease;\n}\n\n.gb-accordion-item[open] .gb-accordion-header::after {\n  content: '−';\n}\n\n.gb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gb-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gb-secondary-light);\n  border-radius: var(--gb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gb-tip p {\n  font-size: 14px;\n  color: var(--gb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === SECTION INTRO === *\/\n.gb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gb-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CTA BOX === *\/\n.gb-cta-box {\n  background: linear-gradient(135deg, var(--gb-primary) 0%, var(--gb-primary-dark) 100%);\n  border-radius: var(--gb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.gb-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\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .gb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gb-card {\n    padding: 1.125rem;\n  }\n\n  .gb-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gb-radius-sm);\n  }\n\n  .gb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gb-grid-compact {\n    gap: .625rem;\n  }\n\n  .gb-grid-compact .gb-card {\n    padding: .75rem;\n  }\n\n  .gb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gb-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gb-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gb-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .gb-testimonial {\n    padding: 1.25rem;\n  }\n\n  .gb-testimonial-text {\n    font-size: 14px;\n  }\n\n  .gb-synergy-box {\n    padding: 1.25rem;\n  }\n\n  .gb-synergy-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gb-card {\n    animation: gbFadeInUp .5s ease backwards;\n  }\n  .gb-card:nth-child(1) { animation-delay: .05s; }\n  .gb-card:nth-child(2) { animation-delay: .1s; }\n  .gb-card:nth-child(3) { animation-delay: .15s; }\n  .gb-card:nth-child(4) { animation-delay: .2s; }\n  .gb-card:nth-child(5) { animation-delay: .25s; }\n  .gb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gbFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .gb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755115995293,"sku":"REF1349","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/boisson-green-boost-bio-50g-spiruline-acerola-gingembre-sol--lifestyle.webp?v=1772788773"},{"product_id":"klamath-crue-poudre-bio-50-g-sol-semilla","title":"Klamath Crue Poudre Bio - 50 G - Sol Semilla","description":"\u003cdiv class=\"kl-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"kl-hero\"\u003e\n\u003cdiv class=\"kl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"kl-hero-content\"\u003e\n\u003cdiv class=\"kl-badges-top\"\u003e\n\u003cspan class=\"kl-badge\"\u003e🌿 100 % Bio certifié\u003c\/span\u003e \u003cspan class=\"kl-badge\"\u003e🇺🇸 Origine Oregon\u003c\/span\u003e \u003cspan class=\"kl-badge\"\u003e🧬 115 nutriments\u003c\/span\u003e \u003cspan class=\"kl-badge\"\u003e🌱 Vegan \u0026amp; RAW\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"kl-hero-title\"\u003eKlamath Crue Poudre Bio\u003c\/span\u003e\n\u003cp class=\"kl-subtitle\"\u003eSol Semilla · 50 g · ~83 portions\u003c\/p\u003e\n\u003cp class=\"kl-description\"\u003eLa microalgue sauvage la plus complète au monde, récoltée dans les eaux pures du lac Klamath supérieur. Plus de 60 % de protéines, phycocyanine, vitamine B12 et oméga-3 dans un seul superaliment cru.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003cp class=\"kl-section-intro\"\u003eVous cherchez un superaliment complet pour soutenir votre vitalité au quotidien ? La \u003cstrong\u003eKlamath crue bio en poudre de Sol Semilla\u003c\/strong\u003e est l'une des sources naturelles les plus concentrées en nutriments que la nature puisse offrir.\u003c\/p\u003e\n\u003cp class=\"kl-section-intro\"\u003eIssue de la microalgue sauvage \u003cstrong\u003eAphanizomenon flos-aquae\u003c\/strong\u003e, récoltée dans les eaux préservées du lac Klamath supérieur en Oregon, cette poudre crue renferme plus de \u003cstrong\u003e115 nutriments biodisponibles\u003c\/strong\u003e dans un seul aliment.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'algue Klamath : pourquoi tant d'engouement ?\u003c\/h2\u003e\n\u003cp class=\"kl-section-intro\"\u003eL'\u003cstrong\u003ealgue de Klamath\u003c\/strong\u003e fascine les nutritionnistes et les amateurs de superaliments depuis des décennies. Peu d'aliments naturels réunissent autant de richesses dans une si petite quantité.\u003c\/p\u003e\n\u003cdiv class=\"kl-grid\"\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e💪 +60 % de protéines complètes\u003c\/h3\u003e\n\u003cp\u003eContient les 20 acides aminés dont les 8 essentiels pour une assimilation optimale par l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🔴 Vitamine B12 naturelle\u003c\/h3\u003e\n\u003cp\u003eUne source précieuse de B12 biodisponible, particulièrement recherchée dans les régimes végétariens et vegan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e⚡ Vitamine B6 \u0026amp; iode\u003c\/h3\u003e\n\u003cp\u003eContribuent à un métabolisme énergétique normal et au bon fonctionnement du système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🩸 Fer hautement assimilable\u003c\/h3\u003e\n\u003cp\u003eUn apport en fer naturel idéal pour réduire la fatigue et soutenir les fonctions cognitives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🔵 Phycocyanine antioxydante\u003c\/h3\u003e\n\u003cp\u003eCe pigment bleu unique offre des propriétés antioxydantes remarquables pour protéger vos cellules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🐟 Oméga-3 \u0026amp; oligoéléments\u003c\/h3\u003e\n\u003cp\u003eDes acides gras essentiels et des minéraux pour un bien-être physique et mental au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-tip\"\u003e\n\u003cspan class=\"kl-tip-icon\"\u003e💬\u003c\/span\u003e\n\u003cp\u003eDe nombreux utilisateurs partagent leur \u003cstrong\u003etémoignage sur l'algue Klamath\u003c\/strong\u003e, évoquant un regain d'énergie, une meilleure concentration et un soutien global de leur immunité. La densité nutritionnelle exceptionnelle de cette algue explique l'enthousiasme qu'elle suscite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp class=\"kl-section-intro\"\u003eUn seul ingrédient, rien de superflu.\u003c\/p\u003e\n\u003cdiv class=\"kl-grid-compact\"\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🌿 100 % Klamath bio\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eAphanizomenon flos-aquae\u003c\/em\u003e en poudre crue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eAucun conservateur, aucun excipient ajouté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e❄️ Qualité RAW\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température pour préserver tous les nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e✅ Double certification\u003c\/h3\u003e\n\u003cp\u003eCertifiée bio par Ecocert et OTCO (Oregon)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-tip\"\u003e\n\u003cspan class=\"kl-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe sachet de 50 g offre environ \u003cstrong\u003e83 portions\u003c\/strong\u003e, ce qui en fait un investissement durable pour votre santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eComment prendre la Klamath en poudre ?\u003c\/h2\u003e\n\u003cdiv class=\"kl-timeline\"\u003e\n\u003cdiv class=\"kl-timeline-item\"\u003e\n\u003cdiv class=\"kl-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-content\"\u003e\n\u003ch3\u003eDosez avec précision\u003c\/h3\u003e\n\u003cp\u003eMélangez \u003cstrong\u003e0,5 à 2 grammes par jour\u003c\/strong\u003e (soit ¼ à 1 cuillère à café) dans la boisson de votre choix : eau, jus de fruits, smoothie ou lait végétal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-item\"\u003e\n\u003cdiv class=\"kl-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-content\"\u003e\n\u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n\u003cp\u003eDébutez par une petite dose la première semaine pour laisser votre organisme s'habituer, puis augmentez progressivement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-item\"\u003e\n\u003cdiv class=\"kl-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-content\"\u003e\n\u003ch3\u003ePrivilégiez le matin\u003c\/h3\u003e\n\u003cp\u003ePrenez-la de préférence le matin pour profiter de son effet revitalisant tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-tip\"\u003e\n\u003cspan class=\"kl-tip-icon\"\u003e🥗\u003c\/span\u003e\n\u003cp\u003eVous pouvez aussi la saupoudrer sur une salade ou un bol de céréales pour varier les plaisirs !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eOrigine et qualité Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"kl-testimonial\"\u003e\n\u003cp class=\"kl-testimonial-text\"\u003e\"La Klamath bio Sol Semilla provient exclusivement du lac Klamath supérieur, un écosystème volcanique unique situé à 1 400 mètres d'altitude. L'algue y pousse de façon sauvage, nourrie par des sédiments minéraux d'une richesse exceptionnelle. Après récolte, elle est séchée délicatement pour conserver toutes ses propriétés nutritives à l'état brut.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"kl-grid-compact\"\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🏔️ Lac volcanique\u003c\/h3\u003e\n\u003cp\u003e1 400 m d'altitude en Oregon, écosystème préservé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🌾 Récolte sauvage\u003c\/h3\u003e\n\u003cp\u003eAlgue non cultivée, nourrie par les sédiments naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🇫🇷 Contrôle en France\u003c\/h3\u003e\n\u003cp\u003eChaque lot élaboré et contrôlé par l'équipe Sol Semilla\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eStandards de qualité rigoureux, transparence totale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"kl-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"kl-accordion\"\u003e\n\u003cdetails class=\"kl-accordion-item\"\u003e\n\u003csummary class=\"kl-accordion-header\"\u003e⚠️ Avertissements\u003c\/summary\u003e\n\u003cdiv class=\"kl-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical. Consultez un professionnel de santé avant utilisation en cas de grossesse, d'allaitement ou de traitement médicamenteux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"kl-accordion-item\"\u003e\n\u003csummary class=\"kl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"kl-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez au sec, à l'abri de la lumière et de la chaleur. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"kl-disclaimer\"\u003eLes informations présentées ne constituent pas un avis médical. Les compléments alimentaires ne remplacent pas une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --kl-cream: #f5f0ea;\n  --kl-white: #ffffff;\n  --kl-primary: #2ea8a0;\n  --kl-primary-dark: #1a6e68;\n  --kl-primary-light: #e8f5f3;\n  --kl-secondary: #c44b3f;\n  --kl-accent: #d4854a;\n  --kl-text: #1a1a1a;\n  --kl-text-light: #5a5a5a;\n  --kl-border: #e0dcd6;\n  --kl-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --kl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --kl-radius: 20px;\n  --kl-radius-sm: 12px;\n}\n\n.kl-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--kl-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kl-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a6e68 0%, #2ea8a0 45%, #3dbfb5 100%);\n  border-radius: var(--kl-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(--kl-shadow-lg);\n}\n\n.kl-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,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(196,75,63,.1) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.kl-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.kl-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.kl-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: .03em;\n  text-transform: uppercase;\n}\n\n.kl-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.kl-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.kl-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(--kl-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.kl-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kl-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kl-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--kl-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.kl-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(--kl-primary), var(--kl-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kl-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kl-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.kl-card {\n  background: var(--kl-white);\n  border-radius: var(--kl-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--kl-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.kl-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--kl-shadow-lg);\n  border-color: var(--kl-primary);\n}\n\n.kl-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--kl-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.kl-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--kl-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kl-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kl-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.kl-grid-compact .kl-card {\n  padding: 1rem;\n}\n\n.kl-grid-compact .kl-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.kl-grid-compact .kl-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kl-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.kl-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.kl-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--kl-primary), var(--kl-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.kl-timeline-content {\n  flex: 1;\n  background: var(--kl-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--kl-radius-sm);\n  box-shadow: var(--kl-shadow);\n}\n\n.kl-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--kl-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.kl-timeline-content p {\n  font-size: 14px;\n  color: var(--kl-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.kl-testimonial {\n  background: var(--kl-white);\n  border-radius: var(--kl-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--kl-shadow);\n  border-left: 4px solid var(--kl-primary);\n}\n\n.kl-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kl-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.kl-accordion {\n  background: var(--kl-white);\n  border-radius: var(--kl-radius);\n  box-shadow: var(--kl-shadow);\n  overflow: hidden;\n}\n\n.kl-accordion-item {\n  border-bottom: 1px solid var(--kl-border);\n  margin: 0;\n  padding: 0;\n}\n\n.kl-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.kl-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--kl-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.kl-accordion-header:hover {\n  background: var(--kl-primary-light);\n}\n\n.kl-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.kl-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--kl-primary);\n  transition: transform .2s ease;\n}\n\n.kl-accordion-item[open] .kl-accordion-header::after {\n  content: '−';\n}\n\n.kl-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--kl-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.kl-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.kl-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--kl-primary-light);\n  border-radius: var(--kl-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.kl-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.kl-tip p {\n  font-size: 14px;\n  color: var(--kl-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.kl-disclaimer {\n  font-size: 12px;\n  color: var(--kl-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  .kl-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .kl-card {\n    padding: 1.125rem;\n  }\n\n  .kl-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .kl-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--kl-radius-sm);\n  }\n\n  .kl-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .kl-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .kl-grid-compact {\n    gap: .625rem;\n  }\n\n  .kl-grid-compact .kl-card {\n    padding: .75rem;\n  }\n\n  .kl-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .kl-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .kl-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .kl-timeline-content p {\n    font-size: 13px;\n  }\n\n  .kl-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .kl-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .kl-testimonial {\n    padding: 1.25rem;\n  }\n\n  .kl-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .kl-card {\n    animation: klFadeInUp .5s ease backwards;\n  }\n  .kl-card:nth-child(1) { animation-delay: .05s; }\n  .kl-card:nth-child(2) { animation-delay: .1s; }\n  .kl-card:nth-child(3) { animation-delay: .15s; }\n  .kl-card:nth-child(4) { animation-delay: .2s; }\n  .kl-card:nth-child(5) { animation-delay: .25s; }\n  .kl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes klFadeInUp {\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  .kl-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755117404317,"sku":"R031","price":27.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/klamath-crue-poudre-bio-50-g-sol-semilla-lifestyle.webp?v=1772708190"},{"product_id":"guarana-blanc-poudre-bio-50-g-sol-semilla","title":"Guarana Bio en Poudre - 50 g - Sol Semilla","description":"\u003cdiv class=\"gua-premium\"\u003e\n\u003cdiv class=\"gua-hero\"\u003e\n\u003cdiv class=\"gua-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gua-hero-content\"\u003e\n\u003cdiv class=\"gua-badges-top\"\u003e\n\u003cspan class=\"gua-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e \u003cspan class=\"gua-badge\"\u003e🇧🇷 Amazonie brésilienne\u003c\/span\u003e \u003cspan class=\"gua-badge\"\u003e🌱 100 % vegan\u003c\/span\u003e \u003cspan class=\"gua-badge\"\u003e🥄 16 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gua-hero-title\"\u003eGuarana Bio en Poudre\u003c\/span\u003e\n\u003cp class=\"gua-subtitle\"\u003eSol Semilla - Superaliments · 50 g\u003c\/p\u003e\n\u003cp class=\"gua-description\"\u003eUn concentré d'énergie amazonienne, cru et biologique, pour booster vos capacités physiques et mentales sans les pics du café.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003cp class=\"gua-section-intro\"\u003eVous cherchez une alternative naturelle au café pour soutenir votre énergie et votre concentration ?\u003c\/p\u003e\n\u003cdiv class=\"gua-highlight-box\"\u003e\n\u003cp\u003eLa \u003cstrong\u003epoudre de guarana bio Sol Semilla\u003c\/strong\u003e est faite pour vous. Issue de graines de \u003cstrong\u003eguarana blanc\u003c\/strong\u003e (\u003cem\u003ePaullinia cupana\u003c\/em\u003e) récoltées à la main en Amazonie brésilienne, cette poudre crue et certifiée biologique vous offre un coup de boost progressif, sans les pics ni les chutes brutales associés au café classique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003ePourquoi choisir le guarana en poudre plutôt que le café ?\u003c\/h2\u003e\n\u003cdiv class=\"gua-grid\"\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e⏳ Caféine à libération lente\u003c\/h3\u003e\n\u003cp\u003eContrairement au café, la caféine du guarana est liée à des tanins. Votre organisme l'assimile progressivement pour une \u003cstrong\u003eénergie stable et durable\u003c\/strong\u003e sur plusieurs heures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🧠 Concentration prolongée\u003c\/h3\u003e\n\u003cp\u003eIdéal lors d'une journée chargée, d'une session de travail intense ou avant une activité sportive. Pas de pic brutal, pas de crash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌿 Richesse naturelle\u003c\/h3\u003e\n\u003cp\u003eAu-delà de la caféine, le guarana bio apporte naturellement de la \u003cstrong\u003ethéobromine\u003c\/strong\u003e, des \u003cstrong\u003etanins\u003c\/strong\u003e et des \u003cstrong\u003eoligo-éléments\u003c\/strong\u003e pour améliorer les capacités physiques et mentales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003eComment utiliser cette poudre de guarana bio ?\u003c\/h2\u003e\n\u003cp class=\"gua-section-intro\"\u003eCe sachet de 50 g offre environ \u003cstrong\u003e16 portions\u003c\/strong\u003e. Voici nos recommandations pour en profiter pleinement :\u003c\/p\u003e\n\u003cdiv class=\"gua-timeline\"\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eTestez votre tolérance\u003c\/h3\u003e\n\u003cp\u003eCommencez par \u003cstrong\u003eune demi-cuillère à café\u003c\/strong\u003e (environ 2 g) pour évaluer votre sensibilité à la caféine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eAugmentez progressivement\u003c\/h3\u003e\n\u003cp\u003eMontez jusqu'à \u003cstrong\u003eune cuillère à café rase\u003c\/strong\u003e (3 g) par jour si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eMélangez à vos recettes\u003c\/h3\u003e\n\u003cp\u003eIntégrez la poudre dans un \u003cstrong\u003esmoothie, un jus de fruits, une compote ou un yaourt végétal\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eChoisissez le bon moment\u003c\/h3\u003e\n\u003cp\u003ePrivilégiez une prise le \u003cstrong\u003ematin ou en début d'après-midi\u003c\/strong\u003e pour ne pas perturber votre sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-tip\"\u003e\n\u003cspan class=\"gua-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e le goût légèrement amer du guarana se marie très bien avec la banane, le cacao cru ou le lait d'amande. N'hésitez pas à l'intégrer dans vos recettes de boissons énergisantes maison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003eComposition et qualité\u003c\/h2\u003e\n\u003cdiv class=\"gua-ingredient-box\"\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e 100 % graines de guarana blanc* (\u003cem\u003ePaullinia cupana\u003c\/em\u003e) réduites en poudre fine.\u003cbr\u003e\u003cem\u003e*Issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-grid-compact\"\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🏅 Certifié AB\u003c\/h3\u003e\n\u003cp\u003eContrôlé par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌡️ Qualité crue (RAW)\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans conservateurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eSans lactose\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌱 100 % vegan\u003c\/h3\u003e\n\u003cp\u003eAdapté à tous les régimes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🇧🇷 Origine Brésil\u003c\/h3\u003e\n\u003cp\u003eAmazonie - la graine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003eUn produit éthique signé Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"gua-testimonial\"\u003e\n\u003cp class=\"gua-testimonial-text\"\u003eLa marque \u003cstrong\u003eSol Semilla\u003c\/strong\u003e sélectionne ses superaliments directement auprès de communautés locales amazoniennes. Les graines de guarana sont récoltées manuellement dans le respect des traditions ancestrales et de la biodiversité. En choisissant cette \u003cstrong\u003epoudre de guarana bio\u003c\/strong\u003e, vous soutenez une filière équitable et des pratiques agricoles durables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-tip\"\u003e\n\u003cspan class=\"gua-tip-icon\"\u003e🇫🇷\u003c\/span\u003e\n\u003cp\u003eChaque lot est \u003cstrong\u003econtrôlé et élaboré par l'équipe Sol Semilla\u003c\/strong\u003e en France, garantissant une traçabilité complète et une qualité irréprochable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"gua-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"gua-accordion\"\u003e\n\u003cdetails class=\"gua-accordion-item\"\u003e\n\u003csummary class=\"gua-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"gua-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux enfants, aux femmes enceintes ou allaitantes et aux personnes sensibles à la caféine. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gua-accordion-item\"\u003e\n\u003csummary class=\"gua-accordion-header\"\u003e📋 Avertissement réglementaire\u003c\/summary\u003e\n\u003cdiv class=\"gua-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gua-accordion-item\"\u003e\n\u003csummary class=\"gua-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"gua-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"gua-disclaimer\"\u003eComplément alimentaire - Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --gua-cream: #faf6f0;\n  --gua-white: #ffffff;\n  --gua-primary: #c0442a;\n  --gua-primary-dark: #8b2e1a;\n  --gua-primary-light: #fbeee9;\n  --gua-secondary: #d4973b;\n  --gua-accent: #4a7c3f;\n  --gua-text: #1a1a1a;\n  --gua-text-light: #5a5a5a;\n  --gua-border: #e8ddd2;\n  --gua-shadow: 0 4px 24px rgba(139,46,26,.08);\n  --gua-shadow-lg: 0 12px 48px rgba(139,46,26,.15);\n  --gua-radius: 20px;\n  --gua-radius-sm: 12px;\n}\n\n.gua-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gua-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.gua-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--gua-primary-dark) 0%, var(--gua-primary) 45%, var(--gua-secondary) 100%);\n  border-radius: var(--gua-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(--gua-shadow-lg);\n}\n\n.gua-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,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(212,151,59,.1) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.gua-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.gua-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gua-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(--gua-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gua-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.gua-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.gua-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 3vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.gua-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.gua-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gua-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gua-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.gua-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(--gua-primary), var(--gua-secondary));\n  border-radius: 2px;\n}\n\n.gua-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gua-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.gua-section-intro strong {\n  color: var(--gua-primary-dark);\n}\n\n.gua-highlight-box {\n  background: var(--gua-white);\n  border-radius: var(--gua-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gua-shadow);\n  border-left: 4px solid var(--gua-secondary);\n}\n\n.gua-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--gua-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n.gua-highlight-box strong {\n  color: var(--gua-primary-dark);\n}\n\n.gua-card {\n  background: var(--gua-white);\n  border-radius: var(--gua-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gua-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gua-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gua-shadow-lg);\n  border-color: var(--gua-primary);\n}\n\n.gua-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gua-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gua-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gua-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.gua-card p strong {\n  color: var(--gua-text);\n}\n\n.gua-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.gua-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gua-grid-compact .gua-card {\n  padding: 1rem;\n}\n\n.gua-grid-compact .gua-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gua-grid-compact .gua-card p {\n  font-size: 12px;\n}\n\n.gua-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gua-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gua-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gua-primary), var(--gua-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.gua-timeline-content {\n  flex: 1;\n  background: var(--gua-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gua-radius-sm);\n  box-shadow: var(--gua-shadow);\n}\n\n.gua-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gua-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gua-timeline-content p {\n  font-size: 14px;\n  color: var(--gua-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.gua-timeline-content p strong {\n  color: var(--gua-text);\n}\n\n.gua-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gua-primary-light);\n  border-radius: var(--gua-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gua-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gua-tip p {\n  font-size: 14px;\n  color: var(--gua-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.gua-tip p strong {\n  color: var(--gua-primary-dark);\n}\n\n.gua-ingredient-box {\n  background: var(--gua-white);\n  border-radius: var(--gua-radius-sm);\n  padding: 1.25rem 1.5rem;\n  box-shadow: var(--gua-shadow);\n  text-align: center;\n  margin-bottom: 1.5rem;\n  border: 2px solid var(--gua-border);\n}\n\n.gua-ingredient-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--gua-text);\n  margin: 0;\n  line-height: 1.7;\n}\n\n.gua-ingredient-box strong {\n  color: var(--gua-primary-dark);\n}\n\n.gua-testimonial {\n  background: var(--gua-white);\n  border-radius: var(--gua-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gua-shadow);\n  border-left: 4px solid var(--gua-accent);\n}\n\n.gua-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gua-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.gua-testimonial-text strong {\n  color: var(--gua-primary-dark);\n  font-style: normal;\n}\n\n.gua-accordion {\n  background: var(--gua-white);\n  border-radius: var(--gua-radius);\n  box-shadow: var(--gua-shadow);\n  overflow: hidden;\n}\n\n.gua-accordion-item {\n  border-bottom: 1px solid var(--gua-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gua-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gua-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gua-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.gua-accordion-header:hover {\n  background: var(--gua-primary-light);\n}\n\n.gua-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gua-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gua-primary);\n  transition: transform .2s ease;\n}\n\n.gua-accordion-item[open] .gua-accordion-header::after {\n  content: '−';\n}\n\n.gua-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gua-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gua-accordion-content p {\n  margin: 0;\n}\n\n.gua-accordion-content p strong {\n  color: var(--gua-text);\n}\n\n.gua-disclaimer {\n  font-size: 12px;\n  color: var(--gua-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .gua-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gua-card {\n    padding: 1.125rem;\n  }\n\n  .gua-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gua-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gua-radius-sm);\n  }\n\n  .gua-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gua-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gua-grid-compact {\n    gap: .625rem;\n  }\n\n  .gua-grid-compact .gua-card {\n    padding: .75rem;\n  }\n\n  .gua-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gua-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gua-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gua-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gua-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gua-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .gua-testimonial {\n    padding: 1.25rem;\n  }\n\n  .gua-testimonial-text {\n    font-size: 14px;\n  }\n\n  .gua-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .gua-ingredient-box {\n    padding: 1rem 1.125rem;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .gua-card {\n    animation: guaFadeInUp .5s ease backwards;\n  }\n  .gua-card:nth-child(1) { animation-delay: .05s; }\n  .gua-card:nth-child(2) { animation-delay: .1s; }\n  .gua-card:nth-child(3) { animation-delay: .15s; }\n  .gua-card:nth-child(4) { animation-delay: .2s; }\n  .gua-card:nth-child(5) { animation-delay: .25s; }\n  .gua-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes guaFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .gua-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755127169181,"sku":"REF1356","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/guarana-bio-en-poudre-50-g-sol-semilla-lifestyle.webp?v=1772725070"},{"product_id":"maca-poudre-bio-75-g-sol-semilla","title":"Maca Poudre Bio - 75 g - Sol Semilla","description":"\u003cdiv class=\"mc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"mc-hero\"\u003e\n    \u003cdiv class=\"mc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mc-hero-content\"\u003e\n      \u003cdiv class=\"mc-badges-top\"\u003e\n        \u003cspan class=\"mc-badge\"\u003e🌿 Bio certifié AB\u003c\/span\u003e\n        \u003cspan class=\"mc-badge\"\u003e🇵🇪 Origine Pérou – Andes\u003c\/span\u003e\n        \u003cspan class=\"mc-badge\"\u003e🥬 Vegan \u0026amp; RAW\u003c\/span\u003e\n        \u003cspan class=\"mc-badge\"\u003e🏔️ +4 000 m d'altitude\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mc-hero-title\"\u003eMaca poudre bio\u003c\/span\u003e\n      \u003cp class=\"mc-subtitle\"\u003eSol Semilla · Superaliments · 75 g\u003c\/p\u003e\n      \u003cp class=\"mc-description\"\u003eLe superaliment ancestral des Andes pour réveiller votre énergie, soutenir votre vitalité et accompagner votre équilibre hormonal au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"mc-section\"\u003e\n    \u003ch2\u003eMaca en poudre bio Sol Semilla : le superaliment des Andes pour votre vitalité\u003c\/h2\u003e\n    \u003cp class=\"mc-section-intro\"\u003eOriginaire des hauts plateaux péruviens, la \u003cstrong\u003emaca bio\u003c\/strong\u003e est l'un des superaliments les plus prisés au monde. Avec cette \u003cstrong\u003epoudre de maca\u003c\/strong\u003e signée Sol Semilla, vous profitez d'un produit \u003cstrong\u003ecru, vegan et certifié biologique\u003c\/strong\u003e, issu de racines cultivées à plus de 4 000 mètres d'altitude dans les Andes. Un concentré de nature, pur et sans aucun additif.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"mc-section\"\u003e\n    \u003ch2\u003eBienfaits de la poudre de maca bio\u003c\/h2\u003e\n    \u003cp class=\"mc-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de la poudre de maca\u003c\/strong\u003e sont documentés depuis des siècles par les populations andines. Considérée comme une \u003cstrong\u003eplante adaptogène\u003c\/strong\u003e, elle aide votre organisme à mieux faire face aux sollicitations du quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"mc-grid\"\u003e\n      \u003cdiv class=\"mc-card\"\u003e\n        \u003ch3\u003e⚡ Énergie et endurance\u003c\/h3\u003e\n        \u003cp\u003eLa maca en poudre est réputée pour son effet tonifiant naturel, idéal en cas de fatigue passagère ou de baisse de régime.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-card\"\u003e\n        \u003ch3\u003e❤️ Sexualité et fertilité\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisée pour soutenir la libido et l'équilibre reproductif, tant chez l'homme que chez la femme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-card\"\u003e\n        \u003ch3\u003e🌙 Équilibre hormonal\u003c\/h3\u003e\n        \u003cp\u003eElle accompagne les femmes durant les périodes de fluctuations hormonales comme la ménopause ou les cycles irréguliers.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-card\"\u003e\n        \u003ch3\u003e🧘 Résistance au stress\u003c\/h3\u003e\n        \u003cp\u003eEn tant qu'adaptogène, la maca favorise une meilleure gestion du stress et soutient la clarté mentale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-card\"\u003e\n        \u003ch3\u003e🥗 Richesse nutritionnelle\u003c\/h3\u003e\n        \u003cp\u003eNaturellement pourvue en protéines, fibres, vitamines (C, B6) et minéraux (fer, calcium, potassium).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"mc-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cdiv class=\"mc-composition-box\"\u003e\n      \u003cdiv class=\"mc-composition-highlight\"\u003e\n        \u003cspan class=\"mc-composition-label\"\u003eIngrédient unique\u003c\/span\u003e\n        \u003cspan class=\"mc-composition-value\"\u003e100 % poudre de racine de maca biologique\u003c\/span\u003e\n        \u003cspan class=\"mc-composition-latin\"\u003e\u003cem\u003eLepidium meyenii\u003c\/em\u003e · Origine Pérou – Andes\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-grid-compact\"\u003e\n        \u003cdiv class=\"mc-card\"\u003e\n          \u003ch3\u003e🌱 Partie utilisée\u003c\/h3\u003e\n          \u003cp\u003eRacine séchée naturellement puis réduite en poudre fine à basse température (qualité crue – RAW)\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mc-card\"\u003e\n          \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n          \u003cp\u003eAucun conservateur, aucun excipient, aucun arôme ajouté. Vegan et sans gluten.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"mc-section\"\u003e\n    \u003ch2\u003eComment utiliser la maca poudre bio ?\u003c\/h2\u003e\n    \u003cp class=\"mc-section-intro\"\u003eLa \u003cstrong\u003epoudre maca bio\u003c\/strong\u003e de Sol Semilla se distingue par sa saveur douce, légèrement caramélisée, avec des notes de noisette. Elle s'intègre très facilement à votre alimentation :\u003c\/p\u003e\n    \u003cdiv class=\"mc-timeline\"\u003e\n      \u003cdiv class=\"mc-timeline-item\"\u003e\n        \u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mc-timeline-content\"\u003e\n          \u003ch3\u003e🥤 Smoothie ou jus de fruits\u003c\/h3\u003e\n          \u003cp\u003eAjoutez une cuillère dans votre smoothie pour un petit-déjeuner revitalisant et gourmand.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-timeline-item\"\u003e\n        \u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mc-timeline-content\"\u003e\n          \u003ch3\u003e🥣 Porridge et yaourt\u003c\/h3\u003e\n          \u003cp\u003eSaupoudrez sur un porridge, un yaourt ou un bol de céréales pour un boost nutritionnel discret.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-timeline-item\"\u003e\n        \u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mc-timeline-content\"\u003e\n          \u003ch3\u003e🥛 Lait végétal\u003c\/h3\u003e\n          \u003cp\u003eMélangez dans un lait végétal chaud ou froid pour une boisson tonique réconfortante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-timeline-item\"\u003e\n        \u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"mc-timeline-content\"\u003e\n          \u003ch3\u003e🧁 Pâtisseries maison\u003c\/h3\u003e\n          \u003cp\u003eIncorporez dans vos energy balls, pancakes ou gâteaux pour un supplément d'énergie naturelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mc-tip\"\u003e\n      \u003cspan class=\"mc-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eDosage conseillé :\u003c\/strong\u003e commencez par ½ cuillère à café par jour, puis augmentez progressivement jusqu'à 1 à 2 cuillères à café selon votre ressenti. Consommez de préférence le matin ou en début d'après-midi pour profiter pleinement de son effet stimulant.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"mc-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la maca Sol Semilla ?\u003c\/h2\u003e\n    \u003cdiv class=\"mc-grid\"\u003e\n      \u003cdiv class=\"mc-card\"\u003e\n        \u003ch3\u003e✅ Certifiée AB\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique européenne : cultivée sans pesticides ni engrais chimiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-card\"\u003e\n        \u003ch3\u003e🌡️ Qualité crue (RAW)\u003c\/h3\u003e\n        \u003cp\u003eSéchage à basse température préservant l'intégralité des nutriments et enzymes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-card\"\u003e\n        \u003ch3\u003e🔍 Traçabilité irréprochable\u003c\/h3\u003e\n        \u003cp\u003eContrôlée et élaborée par l'équipe Sol Semilla, spécialiste français des superaliments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-card\"\u003e\n        \u003ch3\u003e🤝 Engagement éthique\u003c\/h3\u003e\n        \u003cp\u003eFilière équitable soutenant les producteurs andins dans le respect de leur savoir-faire ancestral.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-card\"\u003e\n        \u003ch3\u003e📦 Format pratique\u003c\/h3\u003e\n        \u003cp\u003eSachet refermable de 75 g, idéal pour découvrir la maca ou l'emporter partout avec vous.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"mc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"mc-accordion\"\u003e\n      \u003cdetails class=\"mc-accordion-item\"\u003e\n        \u003csummary class=\"mc-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n        \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. En cas de traitement hormonal ou de pathologie particulière, consultez votre professionnel de santé avant toute utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mc-accordion-item\"\u003e\n        \u003csummary class=\"mc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière. Refermez soigneusement après chaque utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"mc-disclaimer\"\u003eLes informations fournies ne se substituent pas à l'avis d'un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mc-cream: #faf6f0;\n  --mc-white: #ffffff;\n  --mc-primary: #c0623a;\n  --mc-primary-dark: #8b3a1f;\n  --mc-primary-light: #f5ebe3;\n  --mc-secondary: #d4944a;\n  --mc-accent: #5a8a3c;\n  --mc-text: #1a1a1a;\n  --mc-text-light: #5a5a5a;\n  --mc-border: #e6ddd3;\n  --mc-shadow: 0 4px 24px rgba(139, 58, 31, .08);\n  --mc-shadow-lg: 0 12px 48px rgba(139, 58, 31, .15);\n  --mc-radius: 20px;\n  --mc-radius-sm: 12px;\n}\n\n.mc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8b3a1f 0%, #c0623a 45%, #d4944a 100%);\n  border-radius: var(--mc-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(--mc-shadow-lg);\n}\n\n.mc-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,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.mc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.mc-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(--mc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mc-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .03em;\n  text-transform: uppercase;\n}\n\n.mc-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 620px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.mc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mc-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.mc-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(--mc-primary), var(--mc-secondary));\n  border-radius: 2px;\n}\n\n.mc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mc-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.mc-card {\n  background: var(--mc-white);\n  border-radius: var(--mc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mc-shadow-lg);\n  border-color: var(--mc-primary);\n}\n\n.mc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mc-grid-compact .mc-card {\n  padding: 1rem;\n}\n\n.mc-grid-compact .mc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mc-grid-compact .mc-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.mc-composition-box {\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n}\n\n.mc-composition-highlight {\n  background: linear-gradient(135deg, var(--mc-primary-light) 0%, var(--mc-white) 100%);\n  border-radius: var(--mc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  text-align: center;\n  border: 2px solid var(--mc-primary);\n  box-shadow: var(--mc-shadow);\n}\n\n.mc-composition-label {\n  display: block;\n  font-size: 12px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: .1em;\n  color: var(--mc-primary);\n  margin-bottom: .5rem;\n}\n\n.mc-composition-value {\n  display: block;\n  font-size: clamp(18px, 4vw, 26px);\n  font-weight: 900;\n  color: var(--mc-primary-dark);\n  margin-bottom: .5rem;\n  line-height: 1.3;\n}\n\n.mc-composition-latin {\n  display: block;\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mc-text-light);\n}\n\n\/* === TIMELINE === *\/\n.mc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mc-primary), var(--mc-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.mc-timeline-content {\n  flex: 1;\n  background: var(--mc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--mc-radius-sm);\n  box-shadow: var(--mc-shadow);\n}\n\n.mc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mc-timeline-content p {\n  font-size: 14px;\n  color: var(--mc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mc-primary-light);\n  border-radius: var(--mc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.mc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mc-tip p {\n  font-size: 14px;\n  color: var(--mc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.mc-testimonial {\n  background: var(--mc-white);\n  border-radius: var(--mc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--mc-shadow);\n  border-left: 4px solid var(--mc-primary);\n}\n\n.mc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mc-accordion {\n  background: var(--mc-white);\n  border-radius: var(--mc-radius);\n  box-shadow: var(--mc-shadow);\n  overflow: hidden;\n}\n\n.mc-accordion-item {\n  border-bottom: 1px solid var(--mc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mc-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.mc-accordion-header:hover {\n  background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mc-primary);\n  transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n  content: '−';\n}\n\n.mc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.mc-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mc-disclaimer {\n  font-size: 12px;\n  color: var(--mc-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  .mc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .mc-card {\n    padding: 1.125rem;\n  }\n\n  .mc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .mc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mc-radius-sm);\n  }\n\n  .mc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .mc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .mc-grid-compact {\n    gap: .625rem;\n  }\n\n  .mc-grid-compact .mc-card {\n    padding: .75rem;\n  }\n\n  .mc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .mc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .mc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .mc-timeline-content p {\n    font-size: 13px;\n  }\n\n  .mc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .mc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .mc-testimonial {\n    padding: 1.25rem;\n  }\n\n  .mc-testimonial-text {\n    font-size: 14px;\n  }\n\n  .mc-composition-highlight {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mc-card {\n    animation: mcFadeInUp .5s ease backwards;\n  }\n  .mc-card:nth-child(1) { animation-delay: .05s; }\n  .mc-card:nth-child(2) { animation-delay: .1s; }\n  .mc-card:nth-child(3) { animation-delay: .15s; }\n  .mc-card:nth-child(4) { animation-delay: .2s; }\n  .mc-card:nth-child(5) { animation-delay: .25s; }\n  .mc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mcFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755130970269,"sku":"REF1365","price":6.65,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/maca-poudre-bio-75-g-sol-semilla-lifestyle_b7ac1786-f639-441c-9d0f-cd369534bae8.webp?v=1772724476"},{"product_id":"acerola-poudre-pure-a-100-vit-c-17-bio-50-g-sol-semilla","title":"Acérola Bio - Poudre Pure à 100% - 50 G - Sol Semilla","description":"\u003cdiv class=\"ac-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ac-hero\"\u003e\n\u003cdiv class=\"ac-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ac-hero-content\"\u003e\n\u003cdiv class=\"ac-badges-top\"\u003e\n\u003cspan class=\"ac-badge\"\u003e🍒 17% vitamine C naturelle\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e🌿 100% bio \u0026amp; pure\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e🇧🇷 Amazonie, Brésil\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e📦 17 portions \/ sachet\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ac-hero-title\"\u003eAcérola Bio - Poudre Pure à 100%\u003c\/span\u003e\n\u003cp class=\"ac-subtitle\"\u003eSol Semilla · Le pouvoir des superaliments depuis 1992\u003c\/p\u003e\n\u003cp class=\"ac-description\"\u003eLe superfruit amazonien le plus concentré en vitamine C, lyophilisé à basse température pour une assimilation optimale. 50 g de pureté absolue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003cp class=\"ac-section-intro\"\u003eAvec sa teneur exceptionnelle de \u003cstrong\u003e17% en vitamine C naturelle\u003c\/strong\u003e, cette poudre d'acérola bio Sol Semilla figure parmi les sources les plus concentrées disponibles sur le marché.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid-compact\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍒 17% de vitamine C\u003c\/h3\u003e\n\u003cp\u003eConcentration naturelle exceptionnelle, bien au-dessus de la moyenne du marché\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌡️ Lyophilisation douce\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température pour préserver l'intégralité des nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌿 100% pure\u003c\/h3\u003e\n\u003cp\u003eSans aucun additif, conservateur ni sucre ajouté - un seul ingrédient\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e📏 17 portions\u003c\/h3\u003e\n\u003cp\u003eUn sachet de 50 g pour plusieurs semaines de cure naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003ePourquoi l'acérola est-elle si précieuse ?\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eL'acérola (\u003cem\u003eMalpighia glabra\u003c\/em\u003e) est un petit fruit tropical reconnu pour être \u003cstrong\u003e30 à 40 fois plus riche en vitamine C que l'orange\u003c\/strong\u003e. Mais ses bienfaits ne s'arrêtent pas là.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍊 Vitamines A \u0026amp; groupe B\u003c\/h3\u003e\n\u003cp\u003eEssentielles au métabolisme énergétique, elles complètent parfaitement l'action de la vitamine C\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🛡️ Flavonoïdes \u0026amp; polyphénols\u003c\/h3\u003e\n\u003cp\u003eDe puissants antioxydants qui protègent vos cellules contre le stress oxydatif au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e⚡ Minéraux essentiels\u003c\/h3\u003e\n\u003cp\u003eFer, calcium, phosphore, potassium et magnésium pour un soutien minéral complet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement à la vitamine C présente dans les comprimés classiques, la forme en poudre lyophilisée préserve la \u003cstrong\u003esynergie naturelle entre nutriments\u003c\/strong\u003e. Votre organisme les assimile ainsi bien plus facilement qu'une vitamine C de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eBienfaits au quotidien : immunité, vitalité et beauté\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eIntégrer l'acérola en poudre à votre routine, c'est offrir à votre corps un soutien concret sur plusieurs plans.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue au fonctionnement normal du système immunitaire, particulièrement utile lors des changements de saison ou en période de stress\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eVous traversez une phase de surmenage ou de manque d'entrain ? L'acérola aide à retrouver tonus et énergie durablement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e✨ Éclat de la peau\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C participe à la formation normale de collagène, un allié précieux pour une peau lumineuse et des tissus en bonne santé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e🔬 Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eElle protège vos cellules contre le stress oxydatif lié à la pollution, au sport intensif ou au vieillissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003ePrenez \u003cstrong\u003e1 à 3 g de poudre d'acérola par jour\u003c\/strong\u003e (environ ½ à 1 cuillère à café).\u003c\/p\u003e\n\u003cdiv class=\"ac-timeline\"\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eDosez votre poudre\u003c\/h3\u003e\n\u003cp\u003e½ à 1 cuillère à café (1 à 3 g) selon vos besoins quotidiens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eMélangez dans votre boisson ou recette\u003c\/h3\u003e\n\u003cp\u003eUn verre d'eau, un jus fraîchement préparé, un smoothie aux fruits rouges, une compote, un yaourt, un bol de muesli ou une boisson végétale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eDégustez et profitez\u003c\/h3\u003e\n\u003cp\u003eSa saveur acidulée et fruitée s'intègre naturellement à vos recettes du quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003eÉvitez de chauffer au-delà de \u003cstrong\u003e40 °C\u003c\/strong\u003e pour préserver toute la richesse en vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"ac-composition-box\"\u003e\n\u003cdiv class=\"ac-composition-main\"\u003e\n\u003ch3\u003e🍒 Ingrédient unique\u003c\/h3\u003e\n\u003cp\u003ePoudre d'acérola (\u003cem\u003eMalpighia glabra\u003c\/em\u003e) lyophilisée, issue de l'agriculture biologique. \u003cstrong\u003e100% pure, sans additifs, sans conservateurs, sans sucres ajoutés.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-composition-nutrition\"\u003e\n\u003cdiv class=\"ac-nutrition-highlight\"\u003e\n\u003cspan class=\"ac-nutrition-value\"\u003e510 mg\u003c\/span\u003e \u003cspan class=\"ac-nutrition-label\"\u003ede vitamine C pour 3 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-nutrition-highlight\"\u003e\n\u003cspan class=\"ac-nutrition-value\"\u003e638%\u003c\/span\u003e \u003cspan class=\"ac-nutrition-label\"\u003edes apports journaliers recommandés\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-certif-row\"\u003e\n\u003cspan class=\"ac-badge-certif\"\u003e🌱 Agriculture Biologique\u003c\/span\u003e \u003cspan class=\"ac-badge-certif\"\u003e✅ Certifié Ecocert\u003c\/span\u003e \u003cspan class=\"ac-badge-certif\"\u003e🇪🇺 Label Bio UE\u003c\/span\u003e \u003cspan class=\"ac-badge-certif\"\u003e🇧🇷 Origine : Amazonie, Brésil\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eCe qui distingue cette acérola bio Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e💎 Pureté absolue\u003c\/h3\u003e\n\u003cp\u003eUn seul ingrédient, aucun excipient ni maltodextrine souvent présents chez d'autres marques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e📊 Concentration élevée\u003c\/h3\u003e\n\u003cp\u003e17% de vitamine C, bien au-dessus de nombreuses acérola bio en poudre du marché\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e❄️ Lyophilisation douce\u003c\/h3\u003e\n\u003cp\u003eProcédé à froid qui préserve enzymes, vitamines et antioxydants dans leur intégralité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🤝 Engagement éthique\u003c\/h3\u003e\n\u003cp\u003eSol Semilla, pionnier des superaliments depuis 1992, travaille avec des producteurs brésiliens dans le respect de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA + DISCLAIMER --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"ac-section\"\u003e\n\u003cdiv class=\"ac-cta-box\"\u003e\n\u003cp\u003e🍒 Offrez à votre corps le meilleur de la nature amazonienne : une poudre d'acérola bio d'exception, pure et hautement concentrée en vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ac-disclaimer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un suivi médical. Consultez votre professionnel de santé en cas de doute. Conservez au sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --ac-cream: #faf6f0;\n  --ac-white: #ffffff;\n  --ac-primary: #d63a2a;\n  --ac-primary-dark: #9c1e14;\n  --ac-primary-light: #fef0ee;\n  --ac-secondary: #e8853a;\n  --ac-accent: #c8a96e;\n  --ac-kraft: #d4b896;\n  --ac-text: #1a1a1a;\n  --ac-text-light: #5a5a5a;\n  --ac-border: #e8ddd0;\n  --ac-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ac-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ac-radius: 20px;\n  --ac-radius-sm: 12px;\n}\n\n.ac-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ac-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ac-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-secondary) 50%, var(--ac-accent) 100%);\n  border-radius: var(--ac-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(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-conic-gradient(\n    from 0deg at 50% 110%,\n    rgba(255,255,255,.08) 0deg 15deg,\n    transparent 15deg 30deg\n  );\n  opacity: .6;\n}\n\n.ac-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ac-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.ac-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.ac-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ac-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ac-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(--ac-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ac-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ac-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ac-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.ac-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(--ac-primary), var(--ac-secondary));\n  border-radius: 2px;\n}\n\n.ac-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ac-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.ac-card {\n  background: var(--ac-white);\n  border-radius: var(--ac-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ac-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ac-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ac-shadow-lg);\n  border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ac-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ac-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ac-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.ac-card-highlight {\n  border-left: 4px solid var(--ac-secondary);\n}\n\n\/* === GRILLES === *\/\n.ac-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ac-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ac-grid-compact .ac-card {\n  padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ac-grid-compact .ac-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ac-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ac-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ac-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ac-primary), var(--ac-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.ac-timeline-content {\n  flex: 1;\n  background: var(--ac-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ac-radius-sm);\n  box-shadow: var(--ac-shadow);\n}\n\n.ac-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ac-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n  font-size: 14px;\n  color: var(--ac-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ac-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ac-primary-light);\n  border-radius: var(--ac-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ac-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ac-tip p {\n  font-size: 14px;\n  color: var(--ac-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ac-composition-box {\n  background: var(--ac-white);\n  border-radius: var(--ac-radius);\n  box-shadow: var(--ac-shadow);\n  overflow: hidden;\n}\n\n.ac-composition-main {\n  padding: clamp(1.25rem, 3vw, 2rem);\n  border-bottom: 1px solid var(--ac-border);\n}\n\n.ac-composition-main h3 {\n  font-size: clamp(16px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ac-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.ac-composition-main p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ac-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n.ac-composition-nutrition {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 0;\n}\n\n.ac-nutrition-highlight {\n  padding: clamp(1rem, 3vw, 1.5rem);\n  text-align: center;\n  border-right: 1px solid var(--ac-border);\n}\n\n.ac-nutrition-highlight:last-child {\n  border-right: none;\n}\n\n.ac-nutrition-value {\n  display: block;\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 900;\n  color: var(--ac-primary);\n  letter-spacing: -.03em;\n  line-height: 1.1;\n}\n\n.ac-nutrition-label {\n  display: block;\n  font-size: clamp(11px, 1.8vw, 13px);\n  color: var(--ac-text-light);\n  margin-top: .35rem;\n  font-weight: 600;\n}\n\n\/* === CERTIFICATIONS === *\/\n.ac-certif-row {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-top: 1.25rem;\n}\n\n.ac-badge-certif {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 8px 14px;\n  background: var(--ac-white);\n  border: 2px solid var(--ac-border);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--ac-primary-dark);\n  transition: all .3s ease;\n}\n\n.ac-badge-certif:hover {\n  border-color: var(--ac-primary);\n  background: var(--ac-primary-light);\n}\n\n\/* === CTA === *\/\n.ac-cta-box {\n  background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 100%);\n  border-radius: var(--ac-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ac-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-conic-gradient(\n    from 0deg at 50% 110%,\n    rgba(255,255,255,.05) 0deg 15deg,\n    transparent 15deg 30deg\n  );\n}\n\n.ac-cta-box p {\n  position: relative;\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.ac-disclaimer {\n  font-size: 12px;\n  color: var(--ac-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ac-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ac-card {\n    padding: 1.125rem;\n  }\n\n  .ac-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ac-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ac-radius-sm);\n  }\n\n  .ac-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ac-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ac-grid-compact {\n    gap: .625rem;\n  }\n\n  .ac-grid-compact .ac-card {\n    padding: .75rem;\n  }\n\n  .ac-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ac-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ac-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ac-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ac-composition-nutrition {\n    grid-template-columns: 1fr;\n  }\n\n  .ac-nutrition-highlight {\n    border-right: none;\n    border-bottom: 1px solid var(--ac-border);\n    padding: 1rem;\n  }\n\n  .ac-nutrition-highlight:last-child {\n    border-bottom: none;\n  }\n\n  .ac-certif-row {\n    gap: 6px;\n  }\n\n  .ac-badge-certif {\n    font-size: 11px;\n    padding: 6px 10px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ac-card {\n    animation: acFadeInUp .5s ease backwards;\n  }\n  .ac-card:nth-child(1) { animation-delay: .05s; }\n  .ac-card:nth-child(2) { animation-delay: .1s; }\n  .ac-card:nth-child(3) { animation-delay: .15s; }\n  .ac-card:nth-child(4) { animation-delay: .2s; }\n  .ac-card:nth-child(5) { animation-delay: .25s; }\n  .ac-card:nth-child(6) { animation-delay: .3s; }\n\n  .ac-timeline-item {\n    animation: acFadeInUp .5s ease backwards;\n  }\n  .ac-timeline-item:nth-child(1) { animation-delay: .1s; }\n  .ac-timeline-item:nth-child(2) { animation-delay: .2s; }\n  .ac-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes acFadeInUp {\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  .ac-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755131920541,"sku":"R027","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/acerola-bio-poudre-pure-a-100-50-g-sol-semilla-lifestyle.webp?v=1772722710"},{"product_id":"super-topping-vert-origine-spiruline-chanvre-graines-bio-170-g-sol-semilla","title":"Super Topping Vert Origine : Spiruline \u0026 Chanvre - Graines Bio 170 g - Sol Semilla","description":"\u003cdiv class=\"st-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"st-hero\"\u003e\n\u003cdiv class=\"st-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"st-hero-content\"\u003e\n\u003cdiv class=\"st-badges-top\"\u003e\n\u003cspan class=\"st-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"st-badge\"\u003e🇫🇷 Chanvre français\u003c\/span\u003e \u003cspan class=\"st-badge\"\u003e💪 Super-protéiné\u003c\/span\u003e \u003cspan class=\"st-badge\"\u003e🧃 14 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"st-hero-title\"\u003eSuper Topping Vert Origine Spiruline \u0026amp; Chanvre Bio\u003c\/span\u003e\n\u003cp class=\"st-subtitle\"\u003eLe mix croquant super-protéiné par Sol Semilla\u003c\/p\u003e\n\u003cp class=\"st-description\"\u003eUn mélange bio de brindilles de spiruline, graines de chanvre français et super-graines à saupoudrer sur tous vos plats pour un boost nutritionnel immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"st-section\"\u003e\n\u003cp class=\"st-section-intro\"\u003eEnvie de rehausser vos repas avec un concentré de nutriments, sans effort ?\u003c\/p\u003e\n\u003cdiv class=\"st-grid-compact\"\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌀 Spiruline premium\u003c\/h3\u003e\n\u003cp\u003eBrindilles séchées à basse température (\u0026lt;50 °C) pour une richesse intacte en nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌱 Chanvre français\u003c\/h3\u003e\n\u003cp\u003eGraines décortiquées cultivées en France, source d'oméga-3 et de protéines végétales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e⚡ Apport protéiné\u003c\/h3\u003e\n\u003cp\u003eUn concentré de protéines complètes, acides gras essentiels, vitamines et minéraux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🥄 Ultra-simple\u003c\/h3\u003e\n\u003cp\u003eSe saupoudre sur tous vos plats : une cuillère suffit pour un boost nutritionnel immédiat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"st-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce super topping spiruline et chanvre ?\u003c\/h2\u003e\n\u003cp class=\"st-section-intro\"\u003eSol Semilla, pionnière des superaliments en France depuis 1992, a formulé cette recette pour répondre à trois objectifs précis :\u003c\/p\u003e\n\u003cdiv class=\"st-grid\"\u003e\n\u003cdiv class=\"st-card st-card-highlight\"\u003e\n\u003ch3\u003e🌞 Vitalité au quotidien\u003c\/h3\u003e\n\u003cp\u003eLa spiruline premium conserve toute sa richesse en \u003cstrong\u003efer, phycocyanine et protéines complètes\u003c\/strong\u003e (environ 60 % de protéines). Elle contribue à réduire la fatigue et à soutenir le système immunitaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card st-card-highlight\"\u003e\n\u003ch3\u003e🏃 Nutrition sportive naturelle\u003c\/h3\u003e\n\u003cp\u003eLes graines de chanvre décortiquées offrent un profil idéal en \u003cstrong\u003eoméga-3 et oméga-6\u003c\/strong\u003e, ainsi qu'une teneur élevée en protéines végétales facilement assimilables, précieuses pour la récupération musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card st-card-highlight\"\u003e\n\u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n\u003cp\u003eL'association spiruline + chanvre + graines sélectionnées fournit un cocktail d'\u003cstrong\u003eantioxydants, de zinc et de vitamines du groupe B\u003c\/strong\u003e pour vos défenses naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"st-section\"\u003e\n\u003ch2\u003eComposition du Super Topping Vert Bio\u003c\/h2\u003e\n\u003cp class=\"st-section-intro\"\u003eTous les ingrédients sont issus de l'agriculture biologique certifiée (label AB et Eurofeuille). Origine : France et Maroc.\u003c\/p\u003e\n\u003cdiv class=\"st-grid-compact\"\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌀 Brindilles de spiruline bio\u003c\/h3\u003e\n\u003cp\u003eMicro-algue riche en protéines, fer et antioxydants, séchée à basse température\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌿 Graines de chanvre bio\u003c\/h3\u003e\n\u003cp\u003eDécortiquées, cultivées en France - source d'oméga-3, oméga-6, protéines et fibres\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🎃 Graines de courge bio\u003c\/h3\u003e\n\u003cp\u003eApport en zinc, magnésium et fer\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌻 Graines de tournesol bio\u003c\/h3\u003e\n\u003cp\u003eRiches en vitamine E et en sélénium\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-tip\"\u003e\n\u003cspan class=\"st-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSans additifs, sans conservateurs, sans arômes artificiels.\u003c\/strong\u003e Le sachet de 170 g correspond à environ \u003cstrong\u003e14 portions\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"st-section\"\u003e\n\u003ch2\u003eComment utiliser le Super Topping Spiruline Chanvre ?\u003c\/h2\u003e\n\u003cp class=\"st-section-intro\"\u003eLa dose recommandée est de 1 à 2 cuillères à soupe par jour (environ 12 g par portion).\u003c\/p\u003e\n\u003cdiv class=\"st-timeline\"\u003e\n\u003cdiv class=\"st-timeline-item\"\u003e\n\u003cdiv class=\"st-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-content\"\u003e\n\u003ch3\u003e🥗 Sur vos salades\u003c\/h3\u003e\n\u003cp\u003ePour une texture croquante et un boost nutritionnel immédiat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-item\"\u003e\n\u003cdiv class=\"st-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-content\"\u003e\n\u003ch3\u003e🥣 Dans un smoothie ou un bowl\u003c\/h3\u003e\n\u003cp\u003eMixé ou parsemé, il enrichit votre petit-déjeuner en protéines végétales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-item\"\u003e\n\u003cdiv class=\"st-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-content\"\u003e\n\u003ch3\u003e🍜 Sur vos soupes et veloutés\u003c\/h3\u003e\n\u003cp\u003eAjouté au dernier moment pour conserver le croquant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-item\"\u003e\n\u003cdiv class=\"st-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-content\"\u003e\n\u003ch3\u003e🥑 Sur tartines d'avocat ou houmous\u003c\/h3\u003e\n\u003cp\u003eUn topping original qui surprendra vos convives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-item\"\u003e\n\u003cdiv class=\"st-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-content\"\u003e\n\u003ch3\u003e🍝 Dans vos pâtes ou risottos\u003c\/h3\u003e\n\u003cp\u003eEn finition, pour une touche de couleur et de saveur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-tip\"\u003e\n\u003cspan class=\"st-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e évitez de le cuire à haute température afin de préserver les bienfaits de la spiruline et les acides gras du chanvre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"st-section\"\u003e\n\u003ch2\u003eSol Semilla : l'exigence des superaliments depuis 1992\u003c\/h2\u003e\n\u003cdiv class=\"st-testimonial\"\u003e\n\u003cp class=\"st-testimonial-text\"\u003eFondée il y a plus de trente ans, Sol Semilla sélectionne ses producteurs avec rigueur, en privilégiant les filières courtes et les pratiques agricoles durables. Chaque lot est contrôlé pour garantir pureté, traçabilité et respect de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"st-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce topping bio ?\u003c\/h2\u003e\n\u003cdiv class=\"st-grid-compact\"\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n\u003cp\u003eProtéines végétales et oméga pour la récupération musculaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e⚡ En quête de vitalité\u003c\/h3\u003e\n\u003cp\u003eFer, vitamines B et antioxydants pour réduire la fatigue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌱 Végétariens \u0026amp; vegans\u003c\/h3\u003e\n\u003cp\u003eUn complément nutritionnel 100 % végétal et naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🔍 Curieux des superaliments\u003c\/h3\u003e\n\u003cp\u003eUne façon simple de découvrir spiruline et chanvre au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-tip\"\u003e\n\u003cspan class=\"st-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eNaturellement \u003cstrong\u003esans gluten\u003c\/strong\u003e et sans lactose. Convient à tous les régimes alimentaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"st-disclaimer\"\u003eCe produit est un aliment et ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --st-cream: #faf6f0;\n  --st-white: #ffffff;\n  --st-primary: #2e7d32;\n  --st-primary-dark: #1b5e20;\n  --st-primary-light: #e8f5e9;\n  --st-secondary: #f9a825;\n  --st-accent: #d84315;\n  --st-text: #1a1a1a;\n  --st-text-light: #5a5a5a;\n  --st-border: #e0e0e0;\n  --st-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --st-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --st-radius: 20px;\n  --st-radius-sm: 12px;\n}\n\n.st-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--st-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.st-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--st-primary-dark) 0%, var(--st-primary) 45%, #4caf50 100%);\n  border-radius: var(--st-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(--st-shadow-lg);\n}\n\n.st-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 50%, rgba(249,168,37,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n                    radial-gradient(circle at 60% 80%, rgba(216,67,21,.1) 0%, transparent 45%);\n  opacity: 1;\n}\n\n.st-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.st-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  line-height: 1.1;\n}\n\n.st-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.st-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.st-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.st-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(--st-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.st-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.st-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.st-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--st-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.25;\n}\n\n.st-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(--st-primary), var(--st-secondary));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.st-card {\n  background: var(--st-white);\n  border-radius: var(--st-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--st-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.st-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--st-shadow-lg);\n  border-color: var(--st-primary);\n}\n\n.st-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--st-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.st-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--st-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.st-card-highlight {\n  border-left: 4px solid var(--st-secondary);\n  text-align: left;\n}\n\n.st-card-highlight p strong {\n  color: var(--st-primary-dark);\n}\n\n\/* === GRILLES === *\/\n.st-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.st-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.st-grid-compact .st-card {\n  padding: 1rem;\n}\n\n.st-grid-compact .st-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.st-grid-compact .st-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.st-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.st-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.st-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--st-primary), var(--st-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.st-timeline-content {\n  flex: 1;\n  background: var(--st-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--st-radius-sm);\n  box-shadow: var(--st-shadow);\n}\n\n.st-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--st-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.st-timeline-content p {\n  font-size: 14px;\n  color: var(--st-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.st-testimonial {\n  background: var(--st-white);\n  border-radius: var(--st-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--st-shadow);\n  border-left: 4px solid var(--st-secondary);\n}\n\n.st-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--st-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.st-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--st-primary-light);\n  border-radius: var(--st-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.st-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.st-tip p {\n  font-size: 14px;\n  color: var(--st-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.st-tip p strong {\n  color: var(--st-primary-dark);\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.st-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--st-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.st-disclaimer {\n  font-size: 12px;\n  color: var(--st-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  .st-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .st-card {\n    padding: 1.125rem;\n  }\n\n  .st-card-highlight {\n    text-align: left;\n  }\n\n  .st-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .st-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--st-radius-sm);\n  }\n\n  .st-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .st-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .st-grid-compact {\n    gap: .625rem;\n  }\n\n  .st-grid-compact .st-card {\n    padding: .75rem;\n  }\n\n  .st-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .st-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .st-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .st-timeline-content p {\n    font-size: 13px;\n  }\n\n  .st-testimonial {\n    padding: 1.25rem;\n  }\n\n  .st-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .st-card {\n    animation: stFadeInUp .5s ease backwards;\n  }\n  .st-card:nth-child(1) { animation-delay: .05s; }\n  .st-card:nth-child(2) { animation-delay: .1s; }\n  .st-card:nth-child(3) { animation-delay: .15s; }\n  .st-card:nth-child(4) { animation-delay: .2s; }\n  .st-card:nth-child(5) { animation-delay: .25s; }\n  .st-card:nth-child(6) { animation-delay: .3s; }\n\n  .st-timeline-item {\n    animation: stFadeInUp .5s ease backwards;\n  }\n  .st-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .st-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .st-timeline-item:nth-child(3) { animation-delay: .15s; }\n  .st-timeline-item:nth-child(4) { animation-delay: .2s; }\n  .st-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes stFadeInUp {\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  .st-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755132805277,"sku":"REF1368","price":8.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/super-topping-vert-origine-spiruline-chanvre-graines-bio-170-lifestyle.webp?v=1772786590"},{"product_id":"super-topping-exotique-cacao-cru-aguaymanto-graines-bio-190-g-sol-semilla","title":"Super Topping Exotique 190 g : Cacao \u0026 Aguaymanto - Sol Semilla","description":"\u003cdiv class=\"ste-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ste-hero\"\u003e\n\u003cdiv class=\"ste-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ste-hero-content\"\u003e\n\u003cdiv class=\"ste-badges-top\"\u003e\n\u003cspan class=\"ste-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e \u003cspan class=\"ste-badge\"\u003e🍫 Cacao cru\u003c\/span\u003e \u003cspan class=\"ste-badge\"\u003e🌱 Vegan \u0026amp; sans gluten\u003c\/span\u003e \u003cspan class=\"ste-badge\"\u003e🥄 16 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ste-hero-title\"\u003eSuper Topping Exotique\u003c\/span\u003e\n\u003cp class=\"ste-subtitle\"\u003eCacao cru, aguaymanto \u0026amp; graines de chia - Sol Semilla\u003c\/p\u003e\n\u003cp class=\"ste-description\"\u003eTrois superaliments d'exception réunis dans un mélange prêt à déguster, certifié bio, cru et 100 % végétal. 190 g de pur plaisir nutritif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003cp class=\"ste-section-intro\"\u003eEnvie de transformer votre petit-déjeuner en un moment à la fois gourmand et nutritif ? Le \u003cstrong\u003eSuper Topping Exotique de Sol Semilla\u003c\/strong\u003e associe trois superaliments d'exception — \u003cstrong\u003ecacao cru\u003c\/strong\u003e, \u003cstrong\u003eaguaymanto\u003c\/strong\u003e et \u003cstrong\u003egraines de chia\u003c\/strong\u003e - dans un mélange prêt à déguster, certifié \u003cstrong\u003ebio\u003c\/strong\u003e, \u003cstrong\u003evegan\u003c\/strong\u003e, \u003cstrong\u003esans gluten\u003c\/strong\u003e et cru (raw). Avec ses 16 portions par sachet de 190 g, il s'intègre facilement dans votre routine quotidienne.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce super topping bio ?\u003c\/h2\u003e\n\u003cp class=\"ste-section-intro\"\u003eCe n'est pas un simple topping décoratif. Chaque ingrédient a été sélectionné pour sa \u003cstrong\u003edensité nutritionnelle\u003c\/strong\u003e et son goût unique :\u003c\/p\u003e\n\u003cdiv class=\"ste-grid\"\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🍫 Cacao cru biologique\u003c\/h3\u003e\n\u003cp\u003eNon torréfié, il conserve l'intégralité de ses antioxydants (flavonoïdes) et de son magnésium. Une saveur chocolatée intense qui contribue à réduire la fatigue et le stress.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🍊 Aguaymanto bio (physalis)\u003c\/h3\u003e\n\u003cp\u003eCe petit fruit péruvien offre une acidité douce et fruitée, particulièrement riche en \u003cstrong\u003evitamine C\u003c\/strong\u003e, en bêta-carotène et en antioxydants naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🌱 Graines de chia biologiques\u003c\/h3\u003e\n\u003cp\u003eVéritables concentrés d'\u003cstrong\u003eoméga-3\u003c\/strong\u003e, de fibres et de protéines végétales, elles apportent une texture croquante et un effet rassasiant appréciable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-tip\"\u003e\n\u003cspan class=\"ste-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eLe résultat ? Un mélange aux propriétés \u003cstrong\u003eantioxydantes\u003c\/strong\u003e et \u003cstrong\u003eanti-stress\u003c\/strong\u003e, idéal pour soutenir votre vitalité au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003ch2\u003eComment utiliser le Super Topping Exotique ?\u003c\/h2\u003e\n\u003cp class=\"ste-section-intro\"\u003eSaupoudrez simplement \u003cstrong\u003eune à deux cuillères à soupe\u003c\/strong\u003e (environ 12 g) sur vos préparations préférées :\u003c\/p\u003e\n\u003cdiv class=\"ste-grid-compact\"\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🥣 Porridge \u0026amp; granola\u003c\/h3\u003e\n\u003cp\u003eLe topping idéal pour vos matins chauds ou crunchy\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🥄 Yaourt \u0026amp; skyr\u003c\/h3\u003e\n\u003cp\u003eFromage blanc, yaourt végétal ou skyr protéiné\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🫐 Smoothie \u0026amp; açaï bowls\u003c\/h3\u003e\n\u003cp\u003eUn boost nutritif et visuel pour vos bowls\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🍓 Salade de fruits\u003c\/h3\u003e\n\u003cp\u003eSaupoudrez sur vos fruits frais de saison\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🥞 Crêpes \u0026amp; pancakes\u003c\/h3\u003e\n\u003cp\u003eTartines, crêpes ou pancakes gourmands\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🍨 Glaces \u0026amp; desserts\u003c\/h3\u003e\n\u003cp\u003eGlaces et desserts végétaux revisités\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-tip\"\u003e\n\u003cspan class=\"ste-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eVous pouvez aussi l'incorporer directement dans vos pâtes à gâteaux, barres énergétiques maison ou energy balls pour un apport nutritionnel supplémentaire. Aucune cuisson nécessaire : le topping est \u003cstrong\u003eprêt à déguster\u003c\/strong\u003e tel quel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"ste-section-intro\"\u003e\u003cstrong\u003eIngrédients (100 % issus de l'agriculture biologique) :\u003c\/strong\u003e éclats de cacao cru*, aguaymanto séché* (physalis), graines de chia*.\u003cbr\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique. Certifié FR-BIO-01 — Agriculture UE\/non UE.\u003c\/em\u003e\u003c\/p\u003e\n\u003cdiv class=\"ste-grid-compact\"\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🚫 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eConvient aux intolérants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🧪 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eNi conservateurs ni OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🌿 100 % végétal\u003c\/h3\u003e\n\u003cp\u003eCertifié vegan\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🌡️ Cru (raw)\u003c\/h3\u003e\n\u003cp\u003eNon transformé à haute température\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-tip\"\u003e\n\u003cspan class=\"ste-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePoids net :\u003c\/strong\u003e 190 g - environ 16 portions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003ch2\u003eSol Semilla : des superaliments engagés et traçables\u003c\/h2\u003e\n\u003cdiv class=\"ste-testimonial\"\u003e\n\u003cp class=\"ste-testimonial-text\"\u003eDepuis ses débuts, \u003cstrong\u003eSol Semilla\u003c\/strong\u003e s'engage à proposer des superaliments de qualité supérieure, sourcés directement auprès de petits producteurs. Le cacao cru provient d'\u003cstrong\u003eAmérique du Sud\u003c\/strong\u003e, cultivé en agroforesterie. L'aguaymanto, fruit emblématique du Pérou, est récolté à la main dans les Andes. Chaque lot est contrôlé et élaboré par l'équipe Sol Semilla en France, garantissant une \u003cstrong\u003etraçabilité complète\u003c\/strong\u003e et le respect des qualités nutritionnelles de chaque ingrédient.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n\u003cdiv class=\"ste-accordion\"\u003e\n\u003cdetails class=\"ste-accordion-item\"\u003e\n\u003csummary class=\"ste-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"ste-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière. Refermez soigneusement après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ste-accordion-item\"\u003e\n\u003csummary class=\"ste-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"ste-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un \u003cstrong\u003ecomplément à une alimentation variée et équilibrée\u003c\/strong\u003e et ne saurait se substituer à un mode de vie sain ni à un avis médical. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"ste-section\"\u003e\n\u003cdiv class=\"ste-cta-box\"\u003e\n\u003cp\u003e🍫 Offrez à vos matins une explosion de saveurs et de nutriments avec le Super Topping Exotique Sol Semilla - bio, cru et prêt à savourer !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ste-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --ste-cream: #faf6f1;\n  --ste-white: #ffffff;\n  --ste-primary: #c4622d;\n  --ste-primary-dark: #8b3a14;\n  --ste-primary-light: #fdf0e6;\n  --ste-secondary: #d4913a;\n  --ste-accent: #5a8c32;\n  --ste-text: #1a1a1a;\n  --ste-text-light: #5a5a5a;\n  --ste-border: #e8ddd2;\n  --ste-shadow: 0 4px 24px rgba(139,58,20,.08);\n  --ste-shadow-lg: 0 12px 48px rgba(139,58,20,.15);\n  --ste-radius: 20px;\n  --ste-radius-sm: 12px;\n}\n\n.ste-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ste-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ste-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--ste-primary-dark) 0%, var(--ste-primary) 45%, var(--ste-secondary) 100%);\n  border-radius: var(--ste-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(--ste-shadow-lg);\n}\n\n.ste-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 50%),\n                    radial-gradient(circle at 50% 50%, rgba(212,145,58,.15) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.ste-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ste-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.ste-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.01em;\n}\n\n.ste-description {\n  color: rgba(255,255,255,.8);\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.ste-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ste-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(--ste-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ste-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ste-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ste-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ste-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.ste-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(--ste-primary), var(--ste-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ste-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ste-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ste-card {\n  background: var(--ste-white);\n  border-radius: var(--ste-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ste-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ste-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ste-shadow-lg);\n  border-color: var(--ste-primary);\n}\n\n.ste-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ste-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ste-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ste-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ste-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ste-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ste-grid-compact .ste-card {\n  padding: 1rem;\n}\n\n.ste-grid-compact .ste-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ste-grid-compact .ste-card p {\n  font-size: 12px;\n}\n\n\/* === TESTIMONIAL === *\/\n.ste-testimonial {\n  background: var(--ste-white);\n  border-radius: var(--ste-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ste-shadow);\n  border-left: 4px solid var(--ste-primary);\n}\n\n.ste-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ste-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ste-accordion {\n  background: var(--ste-white);\n  border-radius: var(--ste-radius);\n  box-shadow: var(--ste-shadow);\n  overflow: hidden;\n}\n\n.ste-accordion-item {\n  border-bottom: 1px solid var(--ste-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ste-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ste-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ste-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.ste-accordion-header:hover {\n  background: var(--ste-primary-light);\n}\n\n.ste-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ste-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ste-primary);\n  transition: transform .2s ease;\n}\n\n.ste-accordion-item[open] .ste-accordion-header::after {\n  content: '−';\n}\n\n.ste-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ste-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ste-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ste-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ste-primary-light);\n  border-radius: var(--ste-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ste-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ste-tip p {\n  font-size: 14px;\n  color: var(--ste-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ste-cta-box {\n  background: linear-gradient(135deg, var(--ste-primary) 0%, var(--ste-primary-dark) 100%);\n  border-radius: var(--ste-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ste-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.ste-disclaimer {\n  font-size: 12px;\n  color: var(--ste-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  .ste-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ste-card {\n    padding: 1.125rem;\n  }\n\n  .ste-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ste-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ste-radius-sm);\n  }\n\n  .ste-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ste-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ste-grid-compact {\n    gap: .625rem;\n  }\n\n  .ste-grid-compact .ste-card {\n    padding: .75rem;\n  }\n\n  .ste-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ste-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .ste-testimonial {\n    padding: 1.25rem;\n  }\n\n  .ste-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ste-card {\n    animation: steFadeInUp .5s ease backwards;\n  }\n  .ste-card:nth-child(1) { animation-delay: .05s; }\n  .ste-card:nth-child(2) { animation-delay: .1s; }\n  .ste-card:nth-child(3) { animation-delay: .15s; }\n  .ste-card:nth-child(4) { animation-delay: .2s; }\n  .ste-card:nth-child(5) { animation-delay: .25s; }\n  .ste-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes steFadeInUp {\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  .ste-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755133100189,"sku":"REF1369","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/super-topping-exotique-190-g-cacao-aguaymanto-sol-semilla-lifestyle.webp?v=1772786123"},{"product_id":"stimuline-30-comprimes-vitalite-systeme-immunitaire-lt-labo-lt-labo","title":"Stimuline - Energie et immunité  - 30 Comprimés - LT Labo","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Stimuline - Energie et immunité - LT Labo\nPalette détectée:\n  - Primaire: #E67E22 (orange vif du packaging, zone centrale)\n  - Secondaire: #27AE60 (vert bio\/certification AB)\n  - Accent: #3498DB (bleu turquoise du texte \"stimu\")\n  - Neutre: #F8F9FA (blanc cassé du flacon)\nAmbiance: Naturel\/Bio, frais, énergisant, santé naturelle, certifié biologique\nStyle: Clean, épuré, confiance, naturalité avec touche dynamique\nPréfixe CSS: stim\n--\u003e\n\u003cdiv class=\"stim-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"stim-hero\"\u003e\n\u003cdiv class=\"stim-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"stim-hero-content\"\u003e\n\u003cdiv class=\"stim-badges-top\"\u003e\n\u003cspan class=\"stim-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e \u003cspan class=\"stim-badge\"\u003e🌱 100% Vegan\u003c\/span\u003e \u003cspan class=\"stim-badge\"\u003e⚡ Énergie \u0026amp; immunité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"stim-hero-title\"\u003eStimuline\u003c\/span\u003e\n\u003cp class=\"stim-subtitle\"\u003ePapaye fermentée \u0026amp; acérola • Vitamine C naturelle\u003c\/p\u003e\n\u003cp class=\"stim-description\"\u003eLa synergie bio qui réveille votre vitalité et renforce vos défenses naturelles au quotidien\u003c\/p\u003e\n\u003cdiv class=\"stim-hero-stats\"\u003e\n\u003cdiv class=\"stim-stat\"\u003e\n\u003cspan class=\"stim-stat-number\"\u003e+100%\u003c\/span\u003e \u003cspan class=\"stim-stat-label\"\u003edes VNR en vitamine C\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-stat\"\u003e\n\u003cspan class=\"stim-stat-number\"\u003e30\u003c\/span\u003e \u003cspan class=\"stim-stat-label\"\u003ecomprimés par flacon\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-stat\"\u003e\n\u003cspan class=\"stim-stat-number\"\u003e2\u003c\/span\u003e \u003cspan class=\"stim-stat-label\"\u003eactifs synergiques\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- POURQUOI CETTE SYNERGIE --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003ePourquoi cette synergie fait toute la différence\u003c\/h2\u003e\n\u003cp class=\"stim-intro\"\u003eCe n'est pas un hasard si LT Labo a choisi d'associer ces deux trésors de la nature. Ensemble, ils forment une combinaison particulièrement puissante pour votre organisme.\u003c\/p\u003e\n\u003cdiv class=\"stim-grid stim-grid-2\"\u003e\n\u003cdiv class=\"stim-card stim-card-featured\"\u003e\n\u003cdiv class=\"stim-card-icon\"\u003e🍈\u003c\/div\u003e\n\u003ch3\u003ePapaye fermentée\u003c\/h3\u003e\n\u003cp class=\"stim-card-highlight\"\u003ePuissant antioxydant japonais\u003c\/p\u003e\n\u003cp\u003eReconnue depuis des décennies au Japon, le processus de fermentation concentre et amplifie les enzymes naturellement présentes. Protection renforcée contre le \u003cstrong\u003estress oxydatif\u003c\/strong\u003e — ce phénomène qui accélère le vieillissement cellulaire et affaiblit vos défenses.\u003c\/p\u003e\n\u003cdiv class=\"stim-card-tag\"\u003e150 mg \/ 3 comprimés\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-card-featured\"\u003e\n\u003cdiv class=\"stim-card-icon\"\u003e🍒\u003c\/div\u003e\n\u003ch3\u003eAcérola bio\u003c\/h3\u003e\n\u003cp class=\"stim-card-highlight\"\u003eSource n°1 de vitamine C naturelle\u003c\/p\u003e\n\u003cp\u003eL'une des sources les plus riches en vitamine C que l'on connaisse. Contrairement à la vitamine C synthétique, celle issue de l'acérola est accompagnée de \u003cstrong\u003ebioflavonoïdes\u003c\/strong\u003e qui améliorent son absorption. Votre corps en profite pleinement.\u003c\/p\u003e\n\u003cdiv class=\"stim-card-tag\"\u003eTitré à 25% de vitamine C\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets sur votre quotidien\u003c\/h2\u003e\n\u003cdiv class=\"stim-grid\"\u003e\n\u003cdiv class=\"stim-card stim-benefit\"\u003e\n\u003cdiv class=\"stim-benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eRéduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue à un métabolisme énergétique normal. Fini les coups de pompe en milieu de journée ou cette sensation d'épuisement persistant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-benefit\"\u003e\n\u003cdiv class=\"stim-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eSystème immunitaire renforcé\u003c\/h3\u003e\n\u003cp\u003eIdéal pendant les changements de saison, les périodes hivernales ou simplement pour maintenir vos défenses au top toute l'année.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-benefit\"\u003e\n\u003cdiv class=\"stim-benefit-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3\u003eProtection antioxydante\u003c\/h3\u003e\n\u003cp\u003eVos cellules sont constamment exposées aux radicaux libres. La papaye fermentée et la vitamine C les aident à mieux résister au stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-benefit\"\u003e\n\u003cdiv class=\"stim-benefit-icon\"\u003e🧠\u003c\/div\u003e\n\u003ch3\u003eSoutien du système nerveux\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C participe au bon fonctionnement psychologique, un atout précieux en période de stress ou de surmenage professionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 2 comprimés\u003c\/h2\u003e\n\u003cdiv class=\"stim-composition-box\"\u003e\n\u003cdiv class=\"stim-composition-grid\"\u003e\n\u003cdiv class=\"stim-ingredient\"\u003e\n\u003cdiv class=\"stim-ingredient-header\"\u003e\n\u003cspan class=\"stim-ingredient-icon\"\u003e🍈\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eExtrait de papaye fermentée concentrée\u003c\/h4\u003e\n\u003cspan class=\"stim-ingredient-latin\"\u003eCarica papaya\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-ingredient-dosage\"\u003e\n\u003cspan class=\"stim-dosage-value\"\u003e150 mg\u003c\/span\u003e \u003cspan class=\"stim-dosage-note\"\u003eéquiv. 200 mg plante fraîche\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-ingredient\"\u003e\n\u003cdiv class=\"stim-ingredient-header\"\u003e\n\u003cspan class=\"stim-ingredient-icon\"\u003e🍒\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eExtrait d'acérola titré à 25%\u003c\/h4\u003e\n\u003cspan class=\"stim-ingredient-latin\"\u003eMalpighia punicifolia\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-ingredient-dosage\"\u003e\n\u003cspan class=\"stim-dosage-value\"\u003e1050 mg\u003c\/span\u003e \u003cspan class=\"stim-dosage-note\"\u003edont 170 mg vitamine C (212,5 % VNR)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-other-ingredients\"\u003e\n\u003ch4\u003eAutres ingrédients\u003c\/h4\u003e\n\u003cdiv class=\"stim-tags\"\u003e\n\u003cspan class=\"stim-tag\"\u003eSucre de fleur de coco bio\u003c\/span\u003e \u003cspan class=\"stim-tag\"\u003eMaltodextrine\u003c\/span\u003e \u003cspan class=\"stim-tag\"\u003eArôme naturel de mangue\u003c\/span\u003e \u003cspan class=\"stim-tag\"\u003eCarbonate de magnésium\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-certifications\"\u003e\n\u003cdiv class=\"stim-cert\"\u003e\n\u003cspan class=\"stim-cert-icon\"\u003e🌿\u003c\/span\u003e \u003cspan\u003eAgriculture Biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-cert\"\u003e\n\u003cspan class=\"stim-cert-icon\"\u003e🌱\u003c\/span\u003e \u003cspan\u003eCertifié Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-cert\"\u003e\n\u003cspan class=\"stim-cert-icon\"\u003e🚫\u003c\/span\u003e \u003cspan\u003eSans colorants artificiels\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-cert\"\u003e\n\u003cspan class=\"stim-cert-icon\"\u003e✓\u003c\/span\u003e \u003cspan\u003eSans conservateurs de synthèse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003eComment prendre Stimuline pour des résultats optimaux\u003c\/h2\u003e\n\u003cdiv class=\"stim-usage-intro\"\u003e\n\u003cp\u003eLa posologie s'adapte à vos besoins et à votre situation personnelle :\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-grid\"\u003e\n\u003cdiv class=\"stim-card stim-usage-card\"\u003e\n\u003cdiv class=\"stim-usage-level stim-level-1\"\u003eEntretien\u003c\/div\u003e\n\u003cdiv class=\"stim-usage-dose\"\u003e1 comprimé\/jour\u003c\/div\u003e\n\u003cp\u003eEn cure d'entretien, pour maintenir votre vitalité et vos défenses tout au long de l'année.\u003c\/p\u003e\n\u003cdiv class=\"stim-usage-duration\"\u003e📅 Cure continue possible\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-usage-card stim-usage-popular\"\u003e\n\u003cdiv class=\"stim-popular-badge\"\u003eLe plus populaire\u003c\/div\u003e\n\u003cdiv class=\"stim-usage-level stim-level-2\"\u003eBoost saisonnier\u003c\/div\u003e\n\u003cdiv class=\"stim-usage-dose\"\u003e2 comprimés\/jour\u003c\/div\u003e\n\u003cp\u003eLors des changements de saison ou en cas de fatigue passagère, quand votre organisme a besoin d'un coup de pouce.\u003c\/p\u003e\n\u003cdiv class=\"stim-usage-duration\"\u003e📅 Cure de 1 à 2 mois\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-usage-card\"\u003e\n\u003cdiv class=\"stim-usage-level stim-level-3\"\u003eIntensif\u003c\/div\u003e\n\u003cdiv class=\"stim-usage-dose\"\u003e3 comprimés\/jour\u003c\/div\u003e\n\u003cp\u003ePendant les périodes exigeantes : hiver rigoureux, stress professionnel, convalescence ou quand vous vous sentez fragilisé.\u003c\/p\u003e\n\u003cdiv class=\"stim-usage-duration\"\u003e📅 Cure de 1 à 3 mois\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-tips-box\"\u003e\n\u003cdiv class=\"stim-tip\"\u003e\n\u003cspan class=\"stim-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAstuce pratique\u003c\/strong\u003e\n\u003cp\u003eRépartissez les prises sur la journée (matin, midi, soir) pour assurer un apport constant en vitamine C et maximiser son assimilation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-tip\"\u003e\n\u003cspan class=\"stim-tip-icon\"\u003e👶\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePour les enfants à partir de 6 ans\u003c\/strong\u003e\n\u003cp\u003e1 comprimé par jour suffit pour soutenir leur système immunitaire, notamment pendant la période scolaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"stim-grid\"\u003e\n\u003cdiv class=\"stim-card stim-profile\"\u003e\n\u003cspan class=\"stim-profile-icon\"\u003e😴\u003c\/span\u003e\n\u003cp\u003eVous ressentez une \u003cstrong\u003efatigue persistante\u003c\/strong\u003e malgré un sommeil suffisant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-profile\"\u003e\n\u003cspan class=\"stim-profile-icon\"\u003e💼\u003c\/span\u003e\n\u003cp\u003eVous traversez une période de \u003cstrong\u003estress ou de surcharge\u003c\/strong\u003e professionnelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-profile\"\u003e\n\u003cspan class=\"stim-profile-icon\"\u003e❄️\u003c\/span\u003e\n\u003cp\u003eVous cherchez une \u003cstrong\u003evitamine immunité naturelle\u003c\/strong\u003e pour affronter l'hiver sereinement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-profile\"\u003e\n\u003cspan class=\"stim-profile-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eVous souhaitez \u003cstrong\u003eprotéger vos cellules\u003c\/strong\u003e du vieillissement prématuré\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-profile\"\u003e\n\u003cspan class=\"stim-profile-icon\"\u003e🌿\u003c\/span\u003e\n\u003cp\u003eVous préférez les formules \u003cstrong\u003ebio et vegan\u003c\/strong\u003e, sans compromis sur l'efficacité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-card stim-profile\"\u003e\n\u003cspan class=\"stim-profile-icon\"\u003e🏃\u003c\/span\u003e\n\u003cp\u003eVous êtes actif et avez besoin d'un \u003cstrong\u003esoutien énergétique\u003c\/strong\u003e quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- DIFFÉRENCES --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003eCe qui distingue Stimuline des autres\u003c\/h2\u003e\n\u003cdiv class=\"stim-diff-grid\"\u003e\n\u003cdiv class=\"stim-diff-item\"\u003e\n\u003cdiv class=\"stim-diff-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003eDouble action ciblée\u003c\/h3\u003e\n\u003cp\u003eLà où beaucoup misent uniquement sur la vitamine C, Stimuline combine l'action antioxydante de la papaye fermentée pour une approche plus complète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-diff-item\"\u003e\n\u003cdiv class=\"stim-diff-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003e100% biologique\u003c\/h3\u003e\n\u003cp\u003eCertifié AB, ce complément respecte votre corps autant que l'environnement avec des ingrédients rigoureusement sélectionnés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-diff-item\"\u003e\n\u003cdiv class=\"stim-diff-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3\u003eHaute biodisponibilité\u003c\/h3\u003e\n\u003cp\u003eL'acérola offre une forme naturelle de vitamine C bien mieux assimilée que les vitamines de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-diff-item\"\u003e\n\u003cdiv class=\"stim-diff-icon\"\u003e🥭\u003c\/div\u003e\n\u003ch3\u003eGoût agréable\u003c\/h3\u003e\n\u003cp\u003eL'arôme naturel de mangue rend la prise quotidienne plaisante, même pour les plus réticents aux comprimés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-diff-item\"\u003e\n\u003cdiv class=\"stim-diff-icon\"\u003e⚙️\u003c\/div\u003e\n\u003ch3\u003eFormule adaptable\u003c\/h3\u003e\n\u003cp\u003eLa posologie modulable permet de personnaliser votre cure selon vos besoins réels, de 1 à 3 comprimés par jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-diff-item\"\u003e\n\u003cdiv class=\"stim-diff-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eExpertise LT Labo\u003c\/h3\u003e\n\u003cp\u003eUn laboratoire français reconnu pour son engagement qualité et ses formulations naturelles innovantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"stim-faq\"\u003e\n\u003cdiv class=\"stim-faq-item\"\u003e\n\u003ch3\u003e📅 Peut-on prendre Stimuline toute l'année ?\u003c\/h3\u003e\n\u003cp\u003eOui, à raison d'un comprimé par jour en entretien. Pour les cures intensives (2 à 3 comprimés), privilégiez des périodes de 1 à 3 mois, suivies d'une pause si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-faq-item\"\u003e\n\u003ch3\u003e🌱 Stimuline convient-il aux végétariens et végans ?\u003c\/h3\u003e\n\u003cp\u003eAbsolument. La formule est certifiée vegan et ne contient aucun ingrédient d'origine animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-faq-item\"\u003e\n\u003ch3\u003e☀️ Peut-on associer Stimuline avec de la vitamine D ?\u003c\/h3\u003e\n\u003cp\u003eTout à fait. La vitamine D et l'immunité forment un duo complémentaire, surtout en hiver quand l'exposition au soleil diminue. N'hésitez pas à demander conseil à votre professionnel de santé pour adapter les dosages.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-faq-item\"\u003e\n\u003ch3\u003e⚠️ Y a-t-il des effets secondaires ?\u003c\/h3\u003e\n\u003cp\u003eAux doses recommandées, Stimuline est généralement très bien toléré. Un léger inconfort digestif peut survenir chez les personnes sensibles en cas de prise à jeun — dans ce cas, prenez vos comprimés pendant les repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"stim-warning-box\"\u003e\n\u003cdiv class=\"stim-warning-content\"\u003e\n\u003cul\u003e\n\u003cli\u003eDéconseillé aux femmes enceintes et allaitantes\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n\u003cli\u003eConserver à l'abri de la chaleur, de la lumière et de l'humidité\u003c\/li\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"stim-warning-note\"\u003e\u003cstrong\u003eRappel essentiel :\u003c\/strong\u003e ce complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. En cas de doute ou de traitement médical en cours, consultez votre médecin ou pharmacien avant de commencer une cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"stim-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"stim-info-grid\"\u003e\n\u003cdiv class=\"stim-info-item\"\u003e\n\u003cspan class=\"stim-info-icon\"\u003e📦\u003c\/span\u003e \u003cspan class=\"stim-info-label\"\u003eConditionnement\u003c\/span\u003e \u003cspan class=\"stim-info-value\"\u003eFlacon de 30 comprimés (37 g)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-info-item\"\u003e\n\u003cspan class=\"stim-info-icon\"\u003e⏱️\u003c\/span\u003e \u003cspan class=\"stim-info-label\"\u003eDurée de cure\u003c\/span\u003e \u003cspan class=\"stim-info-value\"\u003e10 à 30 jours selon posologie\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-info-item\"\u003e\n\u003cspan class=\"stim-info-icon\"\u003e🏭\u003c\/span\u003e \u003cspan class=\"stim-info-label\"\u003eMarque\u003c\/span\u003e \u003cspan class=\"stim-info-value\"\u003eLT Labo\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stim-info-item\"\u003e\n\u003cspan class=\"stim-info-icon\"\u003e🇫🇷\u003c\/span\u003e \u003cspan class=\"stim-info-label\"\u003eOrigine\u003c\/span\u003e \u003cspan class=\"stim-info-value\"\u003eFrance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"stim-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"stim-cta-box\"\u003e\n\u003cdiv class=\"stim-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"stim-cta-content\"\u003e\n\u003cspan class=\"stim-cta-icon\"\u003e🌿\u003c\/span\u003e\n\u003cp\u003eRéveillez votre vitalité naturellement avec la puissance combinée de la papaye fermentée et de l'acérola bio. Stimuline, votre allié quotidien pour une énergie durable et des défenses renforcées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --stim-cream: #FEFCF8;\n  --stim-white: #ffffff;\n  --stim-primary: #E67E22;\n  --stim-primary-dark: #D35400;\n  --stim-primary-light: #FEF5EC;\n  --stim-secondary: #27AE60;\n  --stim-secondary-light: #E8F8F0;\n  --stim-accent: #3498DB;\n  --stim-accent-light: #EBF5FB;\n\n  \/* Textes *\/\n  --stim-text: #1a1a1a;\n  --stim-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --stim-border: #e8e8e8;\n  --stim-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --stim-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n  --stim-radius: 20px;\n  --stim-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.stim-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--stim-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--stim-text);\n  line-height: 1.6;\n}\n\n.stim-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.stim-hero {\n  position: relative;\n  background: linear-gradient(135deg, #E67E22 0%, #D35400 40%, #C0392B 100%);\n  border-radius: var(--stim-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--stim-shadow-lg);\n}\n\n.stim-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n    radial-gradient(circle at 40% 40%, rgba(255,255,255,.05) 0%, transparent 30%);\n  opacity: 1;\n}\n\n.stim-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.stim-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.stim-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(--stim-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.stim-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.stim-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(36px, 8vw, 60px);\n  font-weight: 900;\n  margin: 0 0 0.5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.stim-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.stim-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2.5vw, 18px);\n  max-width: 600px;\n  margin: 0 auto 2rem auto;\n  line-height: 1.7;\n}\n\n.stim-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.stim-stat {\n  text-align: center;\n}\n\n.stim-stat-number {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 900;\n  line-height: 1;\n}\n\n.stim-stat-label {\n  display: block;\n  color: rgba(255,255,255,.85);\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.stim-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.stim-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--stim-primary-dark);\n  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.stim-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(--stim-primary), var(--stim-secondary));\n  border-radius: 2px;\n}\n\n.stim-intro {\n  text-align: center;\n  font-size: clamp(16px, 2.5vw, 18px);\n  color: var(--stim-text-light);\n  max-width: 700px;\n  margin: 0 auto clamp(2rem, 4vw, 3rem) auto;\n  line-height: 1.8;\n}\n\n\/* === GRILLES === *\/\n.stim-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.stim-grid-2 {\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n}\n\n\/* === CARDS === *\/\n.stim-card {\n  background: var(--stim-white);\n  border-radius: var(--stim-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--stim-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.stim-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--stim-shadow-lg);\n  border-color: var(--stim-primary);\n}\n\n.stim-card h3 {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--stim-text);\n  margin: 0 0 0.75rem 0;\n}\n\n.stim-card p {\n  color: var(--stim-text-light);\n  font-size: 15px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n.stim-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.stim-card-featured {\n  border-left: 4px solid var(--stim-primary);\n}\n\n.stim-card-highlight {\n  color: var(--stim-primary) !important;\n  font-weight: 700;\n  font-size: 14px !important;\n  margin-bottom: 1rem !important;\n}\n\n.stim-card-tag {\n  display: inline-block;\n  margin-top: 1rem;\n  padding: 6px 14px;\n  background: var(--stim-primary-light);\n  color: var(--stim-primary-dark);\n  font-size: 13px;\n  font-weight: 700;\n  border-radius: 999px;\n}\n\n\/* === BENEFITS === *\/\n.stim-benefit {\n  text-align: center;\n}\n\n.stim-benefit-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 70px;\n  height: 70px;\n  background: linear-gradient(135deg, var(--stim-primary-light), var(--stim-secondary-light));\n  border-radius: 50%;\n  font-size: 32px;\n  margin-bottom: 1rem;\n}\n\n\/* === COMPOSITION === *\/\n.stim-composition-box {\n  background: var(--stim-white);\n  border-radius: var(--stim-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--stim-shadow);\n}\n\n.stim-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 2rem;\n  margin-bottom: 2rem;\n}\n\n.stim-ingredient {\n  padding: 1.5rem;\n  background: linear-gradient(135deg, var(--stim-primary-light) 0%, var(--stim-cream) 100%);\n  border-radius: var(--stim-radius-sm);\n  border-left: 4px solid var(--stim-primary);\n}\n\n.stim-ingredient-header {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  margin-bottom: 1rem;\n}\n\n.stim-ingredient-icon {\n  font-size: 36px;\n  flex-shrink: 0;\n}\n\n.stim-ingredient h4 {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--stim-text);\n  margin: 0 0 4px 0;\n}\n\n.stim-ingredient-latin {\n  font-size: 13px;\n  color: var(--stim-text-light);\n  font-style: italic;\n}\n\n.stim-ingredient-dosage {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: 8px;\n}\n\n.stim-dosage-value {\n  font-size: 24px;\n  font-weight: 900;\n  color: var(--stim-primary-dark);\n}\n\n.stim-dosage-note {\n  font-size: 13px;\n  color: var(--stim-text-light);\n}\n\n.stim-other-ingredients {\n  padding-top: 1.5rem;\n  border-top: 1px solid var(--stim-border);\n  margin-bottom: 1.5rem;\n}\n\n.stim-other-ingredients h4 {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--stim-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin: 0 0 1rem 0;\n}\n\n.stim-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.stim-tag {\n  padding: 6px 12px;\n  background: var(--stim-cream);\n  color: var(--stim-text-light);\n  font-size: 13px;\n  border-radius: 999px;\n  border: 1px solid var(--stim-border);\n}\n\n.stim-certifications {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem;\n  padding-top: 1.5rem;\n  border-top: 1px solid var(--stim-border);\n}\n\n.stim-cert {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--stim-secondary);\n}\n\n.stim-cert-icon {\n  font-size: 16px;\n}\n\n\/* === USAGE CARDS === *\/\n.stim-usage-intro {\n  text-align: center;\n  margin-bottom: 2rem;\n}\n\n.stim-usage-intro p {\n  font-size: 17px;\n  color: var(--stim-text-light);\n}\n\n.stim-usage-card {\n  text-align: center;\n  position: relative;\n}\n\n.stim-usage-popular {\n  border: 2px solid var(--stim-primary);\n  transform: scale(1.02);\n}\n\n.stim-popular-badge {\n  position: absolute;\n  top: -12px;\n  left: 50%;\n  transform: translateX(-50%);\n  padding: 6px 16px;\n  background: var(--stim-primary);\n  color: white;\n  font-size: 12px;\n  font-weight: 700;\n  border-radius: 999px;\n  white-space: nowrap;\n}\n\n.stim-usage-level {\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: .1em;\n  margin-bottom: 0.5rem;\n}\n\n.stim-level-1 { color: var(--stim-secondary); }\n.stim-level-2 { color: var(--stim-primary); }\n.stim-level-3 { color: var(--stim-primary-dark); }\n\n.stim-usage-dose {\n  font-size: 28px;\n  font-weight: 900;\n  color: var(--stim-text);\n  margin-bottom: 1rem;\n}\n\n.stim-usage-duration {\n  margin-top: 1rem;\n  font-size: 13px;\n  color: var(--stim-text-light);\n  font-weight: 600;\n}\n\n\/* === TIPS BOX === *\/\n.stim-tips-box {\n  margin-top: 2rem;\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1rem;\n}\n\n.stim-tip {\n  display: flex;\n  gap: 1rem;\n  padding: 1.5rem;\n  background: var(--stim-secondary-light);\n  border-radius: var(--stim-radius-sm);\n  border-left: 4px solid var(--stim-secondary);\n}\n\n.stim-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.stim-tip strong {\n  display: block;\n  color: var(--stim-text);\n  margin-bottom: 4px;\n}\n\n.stim-tip p {\n  font-size: 14px;\n  color: var(--stim-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === PROFILES === *\/\n.stim-profile {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  text-align: left;\n}\n\n.stim-profile-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.stim-profile p {\n  margin: 0;\n}\n\n\/* === DIFFERENCES === *\/\n.stim-diff-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1.5rem;\n}\n\n.stim-diff-item {\n  padding: clamp(1.5rem, 3vw, 2rem);\n  background: var(--stim-white);\n  border-radius: var(--stim-radius);\n  box-shadow: var(--stim-shadow);\n  transition: all .3s ease;\n}\n\n.stim-diff-item:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--stim-shadow-lg);\n}\n\n.stim-diff-icon {\n  font-size: 36px;\n  margin-bottom: 1rem;\n}\n\n.stim-diff-item h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--stim-text);\n  margin: 0 0 0.75rem 0;\n}\n\n.stim-diff-item p {\n  font-size: 14px;\n  color: var(--stim-text-light);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === FAQ === *\/\n.stim-faq {\n  display: grid;\n  gap: 1rem;\n}\n\n.stim-faq-item {\n  background: var(--stim-white);\n  border-radius: var(--stim-radius-sm);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--stim-shadow);\n  border-left: 4px solid var(--stim-accent);\n}\n\n.stim-faq-item h3 {\n  font-size: 17px;\n  font-weight: 700;\n  color: var(--stim-text);\n  margin: 0 0 0.75rem 0;\n}\n\n.stim-faq-item p {\n  font-size: 15px;\n  color: var(--stim-text-light);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.stim-warning-box {\n  display: flex;\n  gap: 1.5rem;\n  padding: clamp(1.5rem, 3vw, 2rem);\n  background: linear-gradient(135deg, #FFF5F5 0%, #FEF2F2 100%);\n  border-radius: var(--stim-radius);\n  border: 2px solid #FECACA;\n}\n\n.stim-warning-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.stim-warning-content ul {\n  margin: 0 0 1rem 0;\n  padding-left: 1.5rem;\n}\n\n.stim-warning-content li {\n  font-size: 15px;\n  color: var(--stim-text);\n  margin-bottom: 0.5rem;\n}\n\n.stim-warning-note {\n  font-size: 14px;\n  color: var(--stim-text-light);\n  margin: 0;\n  padding-top: 1rem;\n  border-top: 1px solid #FECACA;\n}\n\n\/* === INFO GRID === *\/\n.stim-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1rem;\n}\n\n.stim-info-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  padding: 1.5rem;\n  background: var(--stim-white);\n  border-radius: var(--stim-radius-sm);\n  box-shadow: var(--stim-shadow);\n}\n\n.stim-info-icon {\n  font-size: 28px;\n  margin-bottom: 0.75rem;\n}\n\n.stim-info-label {\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--stim-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: 4px;\n}\n\n.stim-info-value {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--stim-text);\n}\n\n\/* === CTA BOX === *\/\n.stim-cta-box {\n  position: relative;\n  background: linear-gradient(135deg, var(--stim-secondary) 0%, #1E8449 50%, #145A32 100%);\n  border-radius: var(--stim-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  overflow: hidden;\n  box-shadow: var(--stim-shadow-lg);\n}\n\n.stim-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n    radial-gradient(circle at 90% 10%, rgba(255,255,255,.08) 0%, transparent 35%);\n}\n\n.stim-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.stim-cta-icon {\n  display: block;\n  font-size: 48px;\n  margin-bottom: 1rem;\n}\n\n.stim-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  margin: 0;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .stim-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .stim-grid-2 {\n    grid-template-columns: 1fr;\n  }\n  \n  .stim-hero-stats {\n    gap: 1.5rem;\n  }\n  \n  .stim-warning-box {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  \n  .stim-usage-popular {\n    transform: none;\n  }\n  \n  .stim-diff-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .stim-card,\n  .stim-diff-item,\n  .stim-faq-item,\n  .stim-info-item {\n    animation: stimFadeInUp .6s ease backwards;\n  }\n  \n  .stim-card:nth-child(1),\n  .stim-diff-item:nth-child(1) { animation-delay: .1s; }\n  .stim-card:nth-child(2),\n  .stim-diff-item:nth-child(2) { animation-delay: .2s; }\n  .stim-card:nth-child(3),\n  .stim-diff-item:nth-child(3) { animation-delay: .3s; }\n  .stim-card:nth-child(4),\n  .stim-diff-item:nth-child(4) { animation-delay: .4s; }\n  .stim-card:nth-child(5),\n  .stim-diff-item:nth-child(5) { animation-delay: .5s; }\n  .stim-card:nth-child(6),\n  .stim-diff-item:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes stimFadeInUp {\n  from { \n    opacity: 0; \n    transform: translateY(40px); \n  }\n  to { \n    opacity: 1; \n    transform: translateY(0); \n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .stim-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .stim-card,\n  .stim-diff-item,\n  .stim-faq-item {\n    border: 2px solid var(--stim-text);\n  }\n  \n  .stim-badge {\n    border: 2px solid var(--stim-primary-dark);\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":45755197784221,"sku":"LT0101","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/stimuline-energie-et-immunite-30-comprimes-lt-labo-373109.jpg?v=1732721780"},{"product_id":"somnijoie-sommeil-profond-et-reduction-du-stress-120-gelules-jade-recherche","title":"Somnijoie - Sommeil Profond \u0026 Réduction du Stress - 120 Gélules - Jade Recherche","description":"\u003cdiv class=\"sj-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"sj-hero\"\u003e\n    \u003cdiv class=\"sj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sj-hero-content\"\u003e\n      \u003cdiv class=\"sj-badges-top\"\u003e\n        \u003cspan class=\"sj-badge\"\u003e🌙 Sommeil profond\u003c\/span\u003e\n        \u003cspan class=\"sj-badge\"\u003e☀️ Anti-stress jour\u003c\/span\u003e\n        \u003cspan class=\"sj-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"sj-badge\"\u003e🌿 7 actifs naturels\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sj-hero-title\"\u003eSomniJoie\u003c\/span\u003e\n      \u003cp class=\"sj-subtitle\"\u003eSommeil profond \u0026amp; réduction du stress — 120 gélules\u003c\/p\u003e\n      \u003cp class=\"sj-description\"\u003eLa formule 2-en-1 qui apaise vos nuits et illumine vos journées. 7 actifs naturels pour retrouver un sommeil réparateur et un équilibre émotionnel durable.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"sj-section\"\u003e\n    \u003ch2\u003eSomniJoie : le complément alimentaire sommeil et anti-stress 2-en-1\u003c\/h2\u003e\n    \u003cp class=\"sj-section-intro\"\u003eVous dormez mal, vous vous réveillez en pleine nuit, ou le stress vous empêche de trouver le repos ? \u003cstrong\u003eSomniJoie\u003c\/strong\u003e de Jade Recherche est un complément alimentaire pour le sommeil et la gestion du stress qui agit sur les deux fronts.\u003c\/p\u003e\n    \u003cdiv class=\"sj-grid-compact\"\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e😴 Sommeil profond\u003c\/h3\u003e\n        \u003cp\u003eFavorise un endormissement rapide et des nuits sans interruption\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🧘 Anti-stress\u003c\/h3\u003e\n        \u003cp\u003eRéduit la tension nerveuse et l'irritabilité au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003e7 actifs d'origine naturelle, sans accoutumance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e😊 Équilibre émotionnel\u003c\/h3\u003e\n        \u003cp\u003eMaintient la bonne humeur et la stabilité émotionnelle\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"sj-section\"\u003e\n    \u003ch2\u003ePourquoi choisir SomniJoie plutôt qu'un simple somnifère naturel ?\u003c\/h2\u003e\n    \u003cp class=\"sj-section-intro\"\u003eLa plupart des gélules sommeil se contentent de favoriser l'endormissement. SomniJoie va plus loin grâce à une \u003cstrong\u003edouble action unique\u003c\/strong\u003e :\u003c\/p\u003e\n    \u003cdiv class=\"sj-dual\"\u003e\n      \u003cdiv class=\"sj-dual-card sj-dual-night\"\u003e\n        \u003cdiv class=\"sj-dual-icon\"\u003e🌙\u003c\/div\u003e\n        \u003ch3\u003eLe soir — Mode Somni\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e2 gélules 30 min avant le coucher\u003c\/strong\u003e pour un sommeil profond et réparateur, avec moins de réveils nocturnes. La mélatonine, la valériane et la passiflore s'unissent pour vous guider vers un repos complet.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-dual-card sj-dual-day\"\u003e\n        \u003cdiv class=\"sj-dual-icon\"\u003e☀️\u003c\/div\u003e\n        \u003ch3\u003eLe matin — Mode Joie\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e2 gélules au petit-déjeuner\u003c\/strong\u003e pour agir comme complément anti-stress, réduire l'irritabilité et maintenir la bonne humeur tout au long de la journée. L'ashwagandha et le griffonia soutiennent votre sérénité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sj-tip\"\u003e\n      \u003cspan class=\"sj-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eCette polyvalence en fait un allié précieux si vous traversez une période de tension nerveuse, de surmenage ou de déprime passagère.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"sj-section\"\u003e\n    \u003ch2\u003eUne formule complète de 7 actifs naturels\u003c\/h2\u003e\n    \u003cp class=\"sj-section-intro\"\u003eChaque pilulier contient \u003cstrong\u003e120 gélules\u003c\/strong\u003e, soit un mois de cure à raison de 2 gélules par jour. Voici le détail de la composition :\u003c\/p\u003e\n    \u003cdiv class=\"sj-grid\"\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🌱 Ashwagandha\u003c\/h3\u003e\n        \u003cp\u003eDosé à \u003cstrong\u003e5 % de withanolides\u003c\/strong\u003e. Plante adaptogène majeure qui aide le corps à gérer le stress, réduit le cortisol et augmente la durée du sommeil paradoxal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🌿 Griffonia (5-HTP)\u003c\/h3\u003e\n        \u003cp\u003ePrécurseur naturel de la \u003cstrong\u003esérotonine\u003c\/strong\u003e, l'hormone du bien-être. Associé à la vitamine B6, il soutient l'humeur et régule les compulsions alimentaires liées au stress.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e💜 Valériane\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour ses propriétés \u003cstrong\u003esédatives douces\u003c\/strong\u003e, elle facilite l'endormissement sans somnolence au réveil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🌸 Passiflore\u003c\/h3\u003e\n        \u003cp\u003eRéduit l'anxiété et favorise un \u003cstrong\u003esommeil continu\u003c\/strong\u003e, sans interruption.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🤍 Aubépine\u003c\/h3\u003e\n        \u003cp\u003eApaise le système nerveux et \u003cstrong\u003ecalme les palpitations\u003c\/strong\u003e liées au stress.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🍃 Mélisse\u003c\/h3\u003e\n        \u003cp\u003eEffet \u003cstrong\u003erelaxant et digestif\u003c\/strong\u003e, idéal si le stress vous noue l'estomac le soir.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🌙 Mélatonine\u003c\/h3\u003e\n        \u003cp\u003eL'hormone du sommeil par excellence, qui \u003cstrong\u003eraccourcit le temps d'endormissement\u003c\/strong\u003e de façon naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sj-clean-badges\"\u003e\n      \u003cspan class=\"sj-clean-badge\"\u003eSans gluten\u003c\/span\u003e\n      \u003cspan class=\"sj-clean-badge\"\u003eSans lactose\u003c\/span\u003e\n      \u003cspan class=\"sj-clean-badge\"\u003eSans OGM\u003c\/span\u003e\n      \u003cspan class=\"sj-clean-badge\"\u003eSans colorants artificiels\u003c\/span\u003e\n      \u003cspan class=\"sj-clean-badge\"\u003eSans conservateurs\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"sj-section\"\u003e\n    \u003ch2\u003eComment prendre SomniJoie ?\u003c\/h2\u003e\n    \u003cp class=\"sj-section-intro\"\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau :\u003c\/p\u003e\n    \u003cdiv class=\"sj-timeline\"\u003e\n      \u003cdiv class=\"sj-timeline-item\"\u003e\n        \u003cdiv class=\"sj-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sj-timeline-content\"\u003e\n          \u003ch3\u003e🌙 Pour le sommeil\u003c\/h3\u003e\n          \u003cp\u003e2 gélules le soir, environ \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e. Laissez la formule agir pour un endormissement naturel et un sommeil profond.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-timeline-item\"\u003e\n        \u003cdiv class=\"sj-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sj-timeline-content\"\u003e\n          \u003ch3\u003e☀️ Pour le stress et l'équilibre émotionnel\u003c\/h3\u003e\n          \u003cp\u003e2 gélules le matin \u003cstrong\u003eau petit-déjeuner\u003c\/strong\u003e. L'ashwagandha et le griffonia soutiennent votre sérénité tout au long de la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-timeline-item\"\u003e\n        \u003cdiv class=\"sj-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sj-timeline-content\"\u003e\n          \u003ch3\u003e📅 Durée de cure recommandée\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e pour ressentir pleinement les bienfaits. Renouvelez selon vos besoins ou alternez les prises matin\/soir en fonction des périodes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"sj-section\"\u003e\n    \u003ch2\u003eFabrication française et engagement qualité\u003c\/h2\u003e\n    \u003cdiv class=\"sj-testimonial\"\u003e\n      \u003cp class=\"sj-testimonial-text\"\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e par le laboratoire Jade Recherche, SomniJoie répond aux normes de qualité les plus strictes. Les ingrédients sont sélectionnés pour leur pureté et leur efficacité, et le conditionnement privilégie des emballages respectueux de l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sj-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eLaboratoire Jade Recherche\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e✅ Normes strictes\u003c\/h3\u003e\n        \u003cp\u003ePureté et efficacité garanties\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n        \u003cp\u003eEmballages respectueux de l'environnement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🔬 Ingrédients sélectionnés\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité et qualité optimales\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"sj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément sommeil ?\u003c\/h2\u003e\n    \u003cdiv class=\"sj-grid\"\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e😴 Difficultés d'endormissement\u003c\/h3\u003e\n        \u003cp\u003eVous mettez plus de 30 minutes à vous endormir ou vous vous réveillez fréquemment la nuit.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🔍 En quête du meilleur complément sommeil\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez une solution naturelle associant détente profonde et sérénité durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🧠 Profils stressés ou surmenés\u003c\/h3\u003e\n        \u003cp\u003eVous traversez une période émotionnellement exigeante et avez besoin d'un soutien quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sj-cta-box\"\u003e\n      \u003cp\u003e🌙 Retrouvez des nuits sereines et des journées lumineuses avec SomniJoie — votre allié sommeil \u0026amp; bien-être 2-en-1 ☀️\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sj-disclaimer\"\u003eCe complément alimentaire ne remplace ni un traitement médical ni un suivi professionnel. En cas de doute, consultez votre médecin ou pharmacien avant toute prise, en particulier si vous êtes enceinte, allaitante ou sous traitement médicamenteux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sj-cream: #f5f2ed;\n  --sj-white: #ffffff;\n  --sj-primary: #2a5daa;\n  --sj-primary-dark: #1a3d6e;\n  --sj-primary-light: #e8f0fa;\n  --sj-secondary: #f5a623;\n  --sj-accent: #ffd366;\n  --sj-night: #1e2d5a;\n  --sj-day: #fff8eb;\n  --sj-text: #1a1a1a;\n  --sj-text-light: #5a5a5a;\n  --sj-border: #e0e0e0;\n  --sj-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --sj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --sj-radius: 20px;\n  --sj-radius-sm: 12px;\n}\n\n.sj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sj-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--sj-night) 0%, var(--sj-primary) 50%, var(--sj-secondary) 100%);\n  border-radius: var(--sj-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(--sj-shadow-lg);\n}\n\n.sj-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,211,102,.15) 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(245,166,35,.1) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.sj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sj-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.sj-subtitle {\n  color: var(--sj-accent);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 700;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: -.01em;\n}\n\n.sj-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sj-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(--sj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sj-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.sj-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(--sj-primary), var(--sj-secondary));\n  border-radius: 2px;\n}\n\n.sj-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sj-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sj-card {\n  background: var(--sj-white);\n  border-radius: var(--sj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sj-shadow-lg);\n  border-color: var(--sj-primary);\n}\n\n.sj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.sj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.sj-grid-compact .sj-card {\n  padding: 1rem;\n}\n\n.sj-grid-compact .sj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sj-grid-compact .sj-card p {\n  font-size: 12px;\n}\n\n\/* === DUAL CARDS (Jour\/Nuit) === *\/\n.sj-dual {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.sj-dual-card {\n  border-radius: var(--sj-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  box-shadow: var(--sj-shadow);\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sj-dual-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-dual-night {\n  background: linear-gradient(145deg, #1e2d5a 0%, #2a5daa 100%);\n  color: white;\n}\n\n.sj-dual-night h3 {\n  color: var(--sj-accent);\n  font-size: clamp(16px, 2.5vw, 20px);\n  font-weight: 800;\n  margin: .75rem 0 .5rem;\n}\n\n.sj-dual-night p {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(13px, 2vw, 15px);\n  line-height: 1.7;\n  margin: 0;\n}\n\n.sj-dual-day {\n  background: linear-gradient(145deg, #fff8eb 0%, #fff0d0 100%);\n  border: 2px solid var(--sj-secondary);\n}\n\n.sj-dual-day h3 {\n  color: #b37d00;\n  font-size: clamp(16px, 2.5vw, 20px);\n  font-weight: 800;\n  margin: .75rem 0 .5rem;\n}\n\n.sj-dual-day p {\n  color: var(--sj-text-light);\n  font-size: clamp(13px, 2vw, 15px);\n  line-height: 1.7;\n  margin: 0;\n}\n\n.sj-dual-icon {\n  font-size: 36px;\n}\n\n\/* === TIMELINE === *\/\n.sj-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sj-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sj-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sj-primary), var(--sj-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.sj-timeline-content {\n  flex: 1;\n  background: var(--sj-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sj-radius-sm);\n  box-shadow: var(--sj-shadow);\n}\n\n.sj-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sj-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sj-timeline-content p {\n  font-size: 14px;\n  color: var(--sj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.sj-testimonial {\n  background: var(--sj-white);\n  border-radius: var(--sj-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--sj-shadow);\n  border-left: 4px solid var(--sj-primary);\n}\n\n.sj-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sj-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CLEAN BADGES === *\/\n.sj-clean-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-top: 1.5rem;\n}\n\n.sj-clean-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 8px 18px;\n  background: var(--sj-primary-light);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--sj-primary-dark);\n  border: 1px solid rgba(42,93,170,.15);\n}\n\n\/* === TIP === *\/\n.sj-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sj-primary-light);\n  border-radius: var(--sj-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.sj-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sj-tip p {\n  font-size: 14px;\n  color: var(--sj-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.sj-cta-box {\n  background: linear-gradient(135deg, var(--sj-primary) 0%, var(--sj-night) 60%, var(--sj-secondary) 100%);\n  border-radius: var(--sj-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.sj-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,.15);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sj-disclaimer {\n  font-size: 12px;\n  color: var(--sj-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  .sj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sj-card {\n    padding: 1.125rem;\n  }\n\n  .sj-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .sj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sj-radius-sm);\n  }\n\n  .sj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .sj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .sj-grid-compact {\n    gap: .625rem;\n  }\n\n  .sj-grid-compact .sj-card {\n    padding: .75rem;\n  }\n\n  .sj-dual {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sj-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .sj-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .sj-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .sj-timeline-content p {\n    font-size: 13px;\n  }\n\n  .sj-testimonial {\n    padding: 1.25rem;\n  }\n\n  .sj-testimonial-text {\n    font-size: 14px;\n  }\n\n  .sj-clean-badges {\n    gap: 6px;\n  }\n\n  .sj-clean-badge {\n    font-size: 11px;\n    padding: 6px 12px;\n  }\n\n  .sj-dual-icon {\n    font-size: 28px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sj-card {\n    animation: sjFadeInUp .5s ease backwards;\n  }\n  .sj-card:nth-child(1) { animation-delay: .05s; }\n  .sj-card:nth-child(2) { animation-delay: .1s; }\n  .sj-card:nth-child(3) { animation-delay: .15s; }\n  .sj-card:nth-child(4) { animation-delay: .2s; }\n  .sj-card:nth-child(5) { animation-delay: .25s; }\n  .sj-card:nth-child(6) { animation-delay: .3s; }\n  .sj-card:nth-child(7) { animation-delay: .35s; }\n\n  .sj-dual-card {\n    animation: sjFadeInUp .6s ease backwards;\n  }\n  .sj-dual-card:nth-child(1) { animation-delay: .1s; }\n  .sj-dual-card:nth-child(2) { animation-delay: .2s; }\n\n  .sj-timeline-item {\n    animation: sjFadeInUp .5s ease backwards;\n  }\n  .sj-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .sj-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .sj-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes sjFadeInUp {\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  .sj-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755232878749,"sku":"SOMNIJOIE","price":35.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/somnijoie-sommeil-profond-reduction-du-stress-120-gelules-ja-packshothd.webp?v=1786010883"},{"product_id":"asthen-complexe-dhuiles-essentielles-30-ml-jade-recherche","title":"Asthen - Complexe d'huiles Essentielles Surrénales - 30 ml - Jade Recherche","description":"\u003cdiv class=\"asth-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"asth-hero\"\u003e\n    \u003cdiv class=\"asth-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"asth-hero-content\"\u003e\n      \u003cdiv class=\"asth-badges-top\"\u003e\n        \u003cspan class=\"asth-badge\"\u003e🌲 Huiles essentielles pures\u003c\/span\u003e\n        \u003cspan class=\"asth-badge\"\u003e⚡ Recharge énergétique\u003c\/span\u003e\n        \u003cspan class=\"asth-badge\"\u003e🇫🇷 Jade Recherche\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"asth-hero-title\"\u003eAsthen\u003c\/span\u003e\n      \u003cp class=\"asth-subtitle\"\u003eComplexe d'huiles essentielles surrénales\u003c\/p\u003e\n      \u003cp class=\"asth-description\"\u003eUn mélange synergique d'huiles essentielles de conifères pour soutenir vos glandes surrénales, restaurer votre énergie vitale et renforcer votre résistance au stress.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"asth-section\"\u003e\n    \u003ch2\u003eUn complexe de 3 huiles essentielles idéales\u003c\/h2\u003e\n    \n    \u003cdiv class=\"asth-grid\"\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e🌲 Picea mariana (Épinette noire)\u003c\/h3\u003e\n        \u003cp\u003eHuile essentielle d'épinette noire aux propriétés stimulantes et équilibrantes pour les surrénales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e🌿 Pinus sylvestris (Pin Sylvestre)\u003c\/h3\u003e\n        \u003cp\u003eHuile essentielle de pin sylvestre apportant un effet tonifiant et énergisant naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e💧 Huile de jojoba\u003c\/h3\u003e\n        \u003cp\u003eBase végétale nourrissante qui facilite l'application et protège la peau\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n      \u003ch2 class=\"mt-4\"\u003eLes bienfaits d'Asthen sur les surrénales\u003c\/h2\u003e\n      \u003cp class=\"asth-section-intro\"\u003eLes surrénales jouent un rôle crucial dans la résistance au stress et la vitalité\n        générale. Lorsqu'elles sont \"à plat\", Asthen aide à restaurer leur fonction naturellement.\u003c\/p\u003e\n\n    \u003cdiv class=\"asth-grid-compact\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e⚡ Énergie retrouvée\u003c\/h3\u003e\n        \u003cp\u003eRevitalise en période de fatigue chronique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e🧘 Anti-stress\u003c\/h3\u003e\n        \u003cp\u003eRenforce la résilience face au stress\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e💆 Détente nerveuse\u003c\/h3\u003e\n        \u003cp\u003eFavorise la relaxation et l'endormissement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e💇 Vitalité capillaire\u003c\/h3\u003e\n        \u003cp\u003eSoutient la santé des cheveux\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Conseils d'utilisation --\u003e\n  \u003csection class=\"asth-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \n    \u003cdiv class=\"asth-timeline\"\u003e\n      \u003cdiv class=\"asth-timeline-item\"\u003e\n        \u003cspan class=\"asth-timeline-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"asth-timeline-content\"\u003e\n          \u003ch3\u003ePréparez l'application\u003c\/h3\u003e\n          \u003cp\u003eDéposez quelques gouttes d'Asthen sur le dos de chaque main\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-timeline-item\"\u003e\n        \u003cspan class=\"asth-timeline-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"asth-timeline-content\"\u003e\n          \u003ch3\u003eLocalisez les surrénales\u003c\/h3\u003e\n          \u003cp\u003ePlacez vos poings fermés au-dessus des reins, au creux du dos sous les côtes flottantes\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-timeline-item\"\u003e\n        \u003cspan class=\"asth-timeline-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"asth-timeline-content\"\u003e\n          \u003ch3\u003eMassez doucement\u003c\/h3\u003e\n          \u003cp\u003eAppliquez en massant de bas en haut, matin et\/ou soir selon vos besoins\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"asth-tip\"\u003e\n      \u003cspan class=\"asth-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Le matin pour un regain d'énergie, le soir pour favoriser la détente et l'endormissement. Un flacon de 30 ml dure plusieurs mois avec un usage quotidien !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Caractéristiques --\u003e\n  \u003csection class=\"asth-section\"\u003e\n    \u003ch2\u003eCaractéristiques\u003c\/h2\u003e\n    \n    \u003cdiv class=\"asth-grid-compact\"\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n        \u003cp\u003e30 ml\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e🌲 Actifs\u003c\/h3\u003e\n        \u003cp\u003ePicea mariana \u0026amp; Pinus sylvestris\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e💧 Base\u003c\/h3\u003e\n        \u003cp\u003eHuile végétale de jojoba\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e✋ Usage\u003c\/h3\u003e\n        \u003cp\u003eExterne uniquement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e🏭 Fabricant\u003c\/h3\u003e\n        \u003cp\u003eJade Recherche\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asth-card\"\u003e\n        \u003ch3\u003e📍 Origine\u003c\/h3\u003e\n        \u003cp\u003eFrance\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Précautions d'emploi --\u003e\n  \u003csection class=\"asth-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \n    \u003cdiv class=\"asth-accordion\"\u003e\n      \u003cdetails class=\"asth-accordion-item\"\u003e\n        \u003csummary class=\"asth-accordion-header\"\u003e⚠️ Usage externe uniquement\u003c\/summary\u003e\n        \u003cdiv class=\"asth-accordion-content\"\u003e\n          \u003cp\u003eNe pas ingérer. Ne pas appliquer sur les muqueuses ou sur une peau irritée. En cas de réaction inhabituelle, rincez abondamment à l'eau claire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"asth-accordion-item\"\u003e\n        \u003csummary class=\"asth-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n        \u003cdiv class=\"asth-accordion-content\"\u003e\n          \u003cp\u003eNe convient pas aux enfants sans avis médical préalable. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"asth-accordion-item\"\u003e\n        \u003csummary class=\"asth-accordion-header\"\u003e🩺 En cas de réaction\u003c\/summary\u003e\n        \u003cdiv class=\"asth-accordion-content\"\u003e\n          \u003cp\u003eEn cas de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"asth-cta-box\"\u003e\n      \u003cp\u003e🌲 Offrez à vos surrénales le soutien naturel qu'elles méritent avec la puissance des huiles essentielles de conifères\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"asth-disclaimer\"\u003eLes informations fournies ne remplacent pas l'avis d'un professionnel de santé. Complément de bien-être, ne se substitue pas à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --asth-cream: #F5F3EF;\n  --asth-white: #ffffff;\n  --asth-primary: #5B7B6F;\n  --asth-primary-dark: #3D5A4F;\n  --asth-primary-light: #E8F0EC;\n  --asth-secondary: #8B6914;\n  --asth-accent: #6B5B4F;\n  --asth-text: #1a1a1a;\n  --asth-text-light: #5a5a5a;\n  --asth-border: #e0e0e0;\n  --asth-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --asth-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --asth-radius: 20px;\n  --asth-radius-sm: 12px;\n}\n\n.asth-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--asth-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.asth-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3D5A4F 0%, #5B7B6F 50%, #7A9B8F 100%);\n  border-radius: var(--asth-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(--asth-shadow-lg);\n}\n\n.asth-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L30 20 L25 25 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3Cpath d='M30 35 L38 55 L30 48 L22 55 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.asth-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.asth-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.asth-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(--asth-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.asth-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.asth-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.asth-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  text-transform: uppercase;\n  letter-spacing: .1em;\n}\n\n.asth-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.asth-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.asth-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--asth-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.asth-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(--asth-primary), var(--asth-secondary));\n  border-radius: 2px;\n}\n\n.asth-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--asth-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.asth-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.asth-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.asth-card {\n  background: var(--asth-white);\n  border-radius: var(--asth-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--asth-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.asth-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--asth-shadow-lg);\n  border-color: var(--asth-primary);\n}\n\n.asth-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--asth-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.asth-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--asth-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.asth-grid-compact .asth-card {\n  padding: 1rem;\n}\n\n.asth-grid-compact .asth-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.asth-grid-compact .asth-card p {\n  font-size: 12px;\n}\n\n.asth-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.asth-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.asth-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--asth-primary), var(--asth-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}\n\n.asth-timeline-content {\n  flex: 1;\n  background: var(--asth-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--asth-radius-sm);\n  box-shadow: var(--asth-shadow);\n}\n\n.asth-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--asth-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.asth-timeline-content p {\n  font-size: 14px;\n  color: var(--asth-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.asth-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--asth-primary-light);\n  border-radius: var(--asth-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.asth-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.asth-tip p {\n  font-size: 14px;\n  color: var(--asth-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.asth-accordion {\n  background: var(--asth-white);\n  border-radius: var(--asth-radius);\n  box-shadow: var(--asth-shadow);\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.asth-accordion-item {\n  border-bottom: 1px solid var(--asth-border);\n  margin: 0;\n  padding: 0;\n}\n\n.asth-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.asth-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--asth-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.asth-accordion-header:hover {\n  background: var(--asth-primary-light);\n}\n\n.asth-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.asth-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--asth-primary);\n  transition: transform .2s ease;\n}\n\n.asth-accordion-item[open] .asth-accordion-header::after {\n  content: '−';\n}\n\n.asth-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--asth-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.asth-accordion-content p {\n  margin: 0;\n}\n\n.asth-cta-box {\n  background: linear-gradient(135deg, var(--asth-primary) 0%, var(--asth-primary-dark) 100%);\n  border-radius: var(--asth-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.asth-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.asth-disclaimer {\n  font-size: 12px;\n  color: var(--asth-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .asth-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .asth-card {\n    padding: 1.125rem;\n  }\n  \n  .asth-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .asth-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--asth-radius-sm);\n  }\n  \n  .asth-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .asth-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .asth-grid-compact {\n    gap: .625rem;\n  }\n  \n  .asth-grid-compact .asth-card {\n    padding: .75rem;\n  }\n  \n  .asth-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .asth-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .asth-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .asth-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .asth-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .asth-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .asth-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .asth-card:nth-child(1) { animation-delay: .05s; }\n  .asth-card:nth-child(2) { animation-delay: .1s; }\n  .asth-card:nth-child(3) { animation-delay: .15s; }\n  .asth-card:nth-child(4) { animation-delay: .2s; }\n  .asth-card:nth-child(5) { animation-delay: .25s; }\n  .asth-card:nth-child(6) { animation-delay: .3s; }\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  .asth-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755253096605,"sku":"ASTHENJADE","price":27.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/asthen-complexe-dhuiles-essentielles-surrenales-30-ml-jade-r-lifestyle.webp?v=1768895283"},{"product_id":"memorinda-memoire-et-concentration-jade-recherche","title":"Memorinda - Mémoire \u0026 Concentration - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Memorinda - Mémoire \u0026 Concentration\nPalette détectée:\n  - Primaire: #4CAF50 (vert vif du packaging - évoque nature\/vitalité)\n  - Secondaire: #2196F3 (bleu du bandeau supérieur - évoque cerveau\/cognition)\n  - Accent: #FFD700 (jaune doré de l'ampoule\/bandeau - évoque lumière\/idées)\nAmbiance: Scientifique\/naturel, cerveau illuminé, ADN stylisé, profils humains en réflexion\nPréfixe CSS: memo\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"🧠 Composition complète et dosage précis\"\n  2. \"🎯 Bienfaits \u0026 utilisations\"\n  3. \"✅ Conseils d'utilisation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"memo-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"memo-hero\"\u003e\n    \u003cdiv class=\"memo-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"memo-hero-content\"\u003e\n      \u003cdiv class=\"memo-badges-top\"\u003e\n        \u003cspan class=\"memo-badge\"\u003e🧠 Mémoire \u0026amp; concentration\u003c\/span\u003e\n        \u003cspan class=\"memo-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n        \u003cspan class=\"memo-badge\"\u003e🔬 Jade Recherche\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"memo-hero-title\"\u003eMemorinda\u003c\/span\u003e\n      \u003cp class=\"memo-subtitle\"\u003eRéveillez votre potentiel cognitif\u003c\/p\u003e\n      \u003cp class=\"memo-description\"\u003eComplément alimentaire naturel associant plantes, algues et champignons pour stimuler la mémoire, la concentration et détoxifier l'organisme en profondeur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 : Composition --\u003e\n  \u003csection class=\"memo-section\"\u003e\n    \u003ch2\u003e🧠 Composition complète et dosage précis\u003c\/h2\u003e\n    \n    \u003cdiv class=\"memo-dosage-box\"\u003e\n      \u003cdiv class=\"memo-dosage-item\"\u003e\n        \u003cspan class=\"memo-dosage-number\"\u003e60 ou 180\u003c\/span\u003e\n        \u003cspan class=\"memo-dosage-label\"\u003egélules selon format\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"memo-dosage-item\"\u003e\n        \u003cspan class=\"memo-dosage-number\"\u003e2-3\u003c\/span\u003e\n        \u003cspan class=\"memo-dosage-label\"\u003egélules par jour\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"memo-dosage-item\"\u003e\n        \u003cspan class=\"memo-dosage-number\"\u003e30-90\u003c\/span\u003e\n        \u003cspan class=\"memo-dosage-label\"\u003ejours de cure\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"memo-section-intro\"\u003ePosologie : \u003cstrong\u003e2 à 3 gélules par jour\u003c\/strong\u003e, à prendre avec un grand verre d'eau, au cours d'un repas.\u003c\/p\u003e\n\n    \u003cdiv class=\"memo-grid\"\u003e\n      \u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n        \u003ch3\u003e🍈 Noni (Morinda citrifolia)\u003c\/h3\u003e\n        \u003cp class=\"memo-dose\"\u003e600 mg\u003c\/p\u003e\n        \u003cp\u003eRiche en antioxydants pour protéger les neurones du stress oxydatif\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n        \u003ch3\u003e🦁 Héricium erinaceus\u003c\/h3\u003e\n        \u003cp class=\"memo-dose\"\u003e450 mg\u003c\/p\u003e\n        \u003cp\u003eLe \"Lion's Mane\" : favorise la neurogénèse et améliore la concentration\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n        \u003ch3\u003e🌀 Spiruline\u003c\/h3\u003e\n        \u003cp class=\"memo-dose\"\u003e300 mg\u003c\/p\u003e\n        \u003cp\u003eSource de protéines, fer et vitamines pour une énergie cérébrale durable\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n        \u003ch3\u003e🟢 Chlorella\u003c\/h3\u003e\n        \u003cp class=\"memo-dose\"\u003e200 mg\u003c\/p\u003e\n        \u003cp\u003eAlgue détoxifiante, aide à l'élimination des métaux lourds\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n        \u003ch3\u003e🌱 Ginseng (Panax)\u003c\/h3\u003e\n        \u003cp class=\"memo-dose\"\u003e150 mg\u003c\/p\u003e\n        \u003cp\u003ePlante adaptogène reconnue pour soutenir la mémoire et la vigilance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n        \u003ch3\u003e🍒 Acérola\u003c\/h3\u003e\n        \u003cp class=\"memo-dose\"\u003e100 mg (700 mg fruit)\u003c\/p\u003e\n        \u003cp\u003eVitamine C naturelle, booste les défenses et protège les cellules\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n        \u003ch3\u003e🍇 Extrait pépins de raisin\u003c\/h3\u003e\n        \u003cp class=\"memo-dose\"\u003e80 mg\u003c\/p\u003e\n        \u003cp\u003eRiche en proanthocyanidines, puissant antioxydant cérébral\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Bienfaits --\u003e\n  \u003csection class=\"memo-section\"\u003e\n    \u003ch2\u003e🎯 Les bienfaits de Mémorinda sur la mémoire \u0026amp; la concentration\u003c\/h2\u003e\n    \n    \u003cdiv class=\"memo-grid\"\u003e\n      \u003cdiv class=\"memo-card\"\u003e\n        \u003ch3\u003e🧠 Améliorer la mémoire\u003c\/h3\u003e\n        \u003cp\u003eStimulation de la plasticité neuronale grâce à l'Héricium et aux antioxydants ciblés\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"memo-card\"\u003e\n        \u003ch3\u003e🎯 Optimiser la concentration\u003c\/h3\u003e\n        \u003cp\u003eMeilleure circulation sanguine cérébrale et vitalité globale pour rester focus\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"memo-card\"\u003e\n        \u003ch3\u003e🧹 Détoxifier l'organisme\u003c\/h3\u003e\n        \u003cp\u003eÉlimination des métaux lourds (chlorella) et protection anti-oxydante complète\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"memo-card\"\u003e\n        \u003ch3\u003e🛡️ Renforcer les défenses\u003c\/h3\u003e\n        \u003cp\u003eVitamine C naturelle et adaptogènes pour lutter efficacement contre le stress\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"memo-tip\"\u003e\n      \u003cspan class=\"memo-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eIdéal pour :\u003c\/strong\u003e étudiants en période d'examens, actifs sous pression, seniors souhaitant préserver leur vivacité d'esprit… ou toute personne désirant booster ses capacités intellectuelles naturellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Conseils --\u003e\n  \u003csection class=\"memo-section\"\u003e\n    \u003ch2\u003e✅ Conseils d'utilisation\u003c\/h2\u003e\n    \n    \u003cdiv class=\"memo-timeline\"\u003e\n      \u003cdiv class=\"memo-timeline-item\"\u003e\n        \u003cdiv class=\"memo-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"memo-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e2 à 6 mois\u003c\/strong\u003e pour découvrir les effets cumulés sur vos fonctions cognitives\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"memo-timeline-item\"\u003e\n        \u003cdiv class=\"memo-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"memo-timeline-content\"\u003e\n          \u003ch3\u003ePrise régulière\u003c\/h3\u003e\n          \u003cp\u003eChaque jour, idéalement à la même heure pour maximiser l'adhésion et les résultats\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"memo-timeline-item\"\u003e\n        \u003cdiv class=\"memo-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"memo-timeline-content\"\u003e\n          \u003ch3\u003eHygiène de vie\u003c\/h3\u003e\n          \u003cp\u003eComplétez avec un bon sommeil, une activité physique régulière et une hydratation suffisante\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"memo-accordion\"\u003e\n      \u003cdetails class=\"memo-accordion-item\"\u003e\n        \u003csummary class=\"memo-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"memo-accordion-content\"\u003e\n          \u003cp\u003eNe remplace pas un traitement médical. Consultez un professionnel de santé en cas de pathologie ou traitement chronique. Déconseillé aux femmes enceintes et allaitantes. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"memo-accordion-item\"\u003e\n        \u003csummary class=\"memo-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"memo-accordion-content\"\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"memo-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"memo-cta-box\"\u003e\n      \u003cp\u003e🧠 Offrez à votre cerveau le meilleur de la nature avec \u003cstrong\u003eMemorinda\u003c\/strong\u003e — formule exclusive Jade Recherche pour une mémoire vive et une concentration optimale !\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"memo-disclaimer\"\u003eComplé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\/* === VARIABLES CSS MEMORINDA === *\/\n:root {\n  --memo-cream: #f8faf5;\n  --memo-white: #ffffff;\n  --memo-primary: #4CAF50;\n  --memo-primary-dark: #2e7d32;\n  --memo-primary-light: #e8f5e9;\n  --memo-secondary: #2196F3;\n  --memo-secondary-light: #e3f2fd;\n  --memo-accent: #FFD700;\n  --memo-accent-dark: #f9a825;\n  --memo-text: #1a1a1a;\n  --memo-text-light: #5a5a5a;\n  --memo-border: #e0e0e0;\n  --memo-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --memo-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --memo-radius: 20px;\n  --memo-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.memo-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--memo-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.memo-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--memo-secondary) 0%, var(--memo-primary) 50%, var(--memo-primary-dark) 100%);\n  border-radius: var(--memo-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(--memo-shadow-lg);\n}\n\n.memo-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 30%, rgba(255,215,0,.2) 0%, transparent 40%),\n    radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 30%);\n  opacity: 1;\n}\n\n.memo-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === BADGES === *\/\n.memo-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.memo-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(--memo-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.memo-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.memo-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.memo-subtitle {\n  color: var(--memo-accent);\n  font-size: clamp(18px, 4vw, 26px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.memo-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.memo-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.memo-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--memo-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.memo-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(--memo-secondary), var(--memo-primary));\n  border-radius: 2px;\n}\n\n.memo-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--memo-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === DOSAGE BOX === *\/\n.memo-dosage-box {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.memo-dosage-item {\n  background: linear-gradient(135deg, var(--memo-secondary) 0%, var(--memo-primary) 100%);\n  border-radius: var(--memo-radius-sm);\n  padding: 1rem 1.5rem;\n  text-align: center;\n  min-width: 120px;\n  box-shadow: var(--memo-shadow);\n}\n\n.memo-dosage-number {\n  display: block;\n  font-size: clamp(24px, 5vw, 32px);\n  font-weight: 900;\n  color: white;\n  line-height: 1;\n}\n\n.memo-dosage-label {\n  display: block;\n  font-size: 12px;\n  color: rgba(255,255,255,.9);\n  margin-top: 4px;\n  font-weight: 600;\n}\n\n\/* === GRILLES === *\/\n.memo-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.memo-card {\n  background: var(--memo-white);\n  border-radius: var(--memo-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--memo-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.memo-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--memo-shadow-lg);\n  border-color: var(--memo-primary);\n}\n\n.memo-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--memo-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.memo-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--memo-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT (avec dosage) === *\/\n.memo-card-ingredient .memo-dose {\n  display: inline-block;\n  background: linear-gradient(135deg, var(--memo-accent), var(--memo-accent-dark));\n  color: var(--memo-text);\n  font-size: 13px;\n  font-weight: 800;\n  padding: 4px 12px;\n  border-radius: 999px;\n  margin-bottom: .5rem;\n}\n\n\/* === TIP BOX === *\/\n.memo-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--memo-secondary-light);\n  border-radius: var(--memo-radius-sm);\n  padding: 1.25rem 1.5rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--memo-secondary);\n}\n\n.memo-tip-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.memo-tip p {\n  font-size: 15px;\n  color: var(--memo-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.memo-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.memo-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.memo-timeline-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--memo-secondary), var(--memo-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: 18px;\n  box-shadow: 0 4px 12px rgba(76,175,80,.3);\n}\n\n.memo-timeline-content {\n  flex: 1;\n  background: var(--memo-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--memo-radius-sm);\n  box-shadow: var(--memo-shadow);\n}\n\n.memo-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--memo-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.memo-timeline-content p {\n  font-size: 14px;\n  color: var(--memo-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.memo-accordion {\n  background: var(--memo-white);\n  border-radius: var(--memo-radius);\n  box-shadow: var(--memo-shadow);\n  overflow: hidden;\n}\n\n.memo-accordion-item {\n  border-bottom: 1px solid var(--memo-border);\n  margin: 0;\n  padding: 0;\n}\n\n.memo-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.memo-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--memo-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.memo-accordion-header:hover {\n  background: var(--memo-primary-light);\n}\n\n.memo-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.memo-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--memo-primary);\n  transition: transform .2s ease;\n}\n\n.memo-accordion-item[open] .memo-accordion-header::after {\n  content: '−';\n}\n\n.memo-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--memo-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.memo-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.memo-cta-box {\n  background: linear-gradient(135deg, var(--memo-primary) 0%, var(--memo-secondary) 100%);\n  border-radius: var(--memo-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.memo-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%; left: -50%;\n  width: 200%; height: 200%;\n  background: radial-gradient(circle, rgba(255,215,0,.15) 0%, transparent 50%);\n  animation: pulse 4s ease-in-out infinite;\n}\n\n@keyframes pulse {\n  0%, 100% { transform: scale(1); opacity: .5; }\n  50% { transform: scale(1.1); opacity: .8; }\n}\n\n.memo-cta-box p {\n  position: relative;\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,.15);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.memo-disclaimer {\n  font-size: 12px;\n  color: var(--memo-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  .memo-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .memo-card {\n    padding: 1.125rem;\n  }\n  \n  .memo-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .memo-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--memo-radius-sm);\n  }\n  \n  .memo-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .memo-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .memo-dosage-box {\n    gap: .75rem;\n  }\n  \n  .memo-dosage-item {\n    padding: .875rem 1rem;\n    min-width: 100px;\n  }\n  \n  .memo-dosage-number {\n    font-size: 22px;\n  }\n  \n  .memo-dosage-label {\n    font-size: 11px;\n  }\n  \n  .memo-timeline-number {\n    width: 36px;\n    height: 36px;\n    font-size: 15px;\n  }\n  \n  .memo-timeline-content {\n    padding: 1rem 1.125rem;\n  }\n  \n  .memo-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .memo-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .memo-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .memo-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .memo-tip {\n    padding: 1rem;\n    gap: .75rem;\n  }\n  \n  .memo-tip-icon {\n    font-size: 24px;\n  }\n  \n  .memo-tip p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .memo-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .memo-card:nth-child(1) { animation-delay: .05s; }\n  .memo-card:nth-child(2) { animation-delay: .1s; }\n  .memo-card:nth-child(3) { animation-delay: .15s; }\n  .memo-card:nth-child(4) { animation-delay: .2s; }\n  .memo-card:nth-child(5) { animation-delay: .25s; }\n  .memo-card:nth-child(6) { animation-delay: .3s; }\n  .memo-card:nth-child(7) { animation-delay: .35s; }\n  \n  .memo-timeline-item {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .memo-timeline-item:nth-child(1) { animation-delay: .1s; }\n  .memo-timeline-item:nth-child(2) { animation-delay: .2s; }\n  .memo-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\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  .memo-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n  \n  .memo-cta-box::before {\n    animation: none;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"60 gélules","offer_id":56167821836665,"sku":"MEMORINDA-1","price":34.99,"currency_code":"EUR","in_stock":true},{"title":"180 gélules","offer_id":56167821869433,"sku":"MEMORINDA-2","price":89.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/memorinda_jade_recherche-min.jpg?v=1758476452"},{"product_id":"brahmi-bio-60-gelules-ayurvana","title":"Brahmi Bacopa monnieri 60 gélules - Mémoire - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Brahmi Bacopa monnieri 60 gélules - Mémoire - AyurVana\nPalette détectée:\n  - Primaire: #6B4C6E (violet prune du packaging - capuchon et base)\n  - Secondaire: #8BC34A (vert nature des feuilles de la plante)\n  - Accent: #F5E6A3 (beige doré\/crème du corps du packaging)\n  - Fond: #FBF8F3 (crème très clair, ambiance naturelle)\nAmbiance: Ayurvédique\/naturel, sagesse ancestrale, sérénité, bien-être holistique, tradition indienne\nPréfixe CSS: bm (pour Brahmi Memory)\n--\u003e\n\n\u003cdiv class=\"bm-premium\"\u003e\n  \n  \u003cdiv class=\"bm-hero\"\u003e\n    \u003cdiv class=\"bm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bm-hero-content\"\u003e\n      \u003cdiv class=\"bm-badges-top\"\u003e\n        \u003cspan class=\"bm-badge\"\u003e🧠 Mémoire \u0026amp; concentration\u003c\/span\u003e\n        \u003cspan class=\"bm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"bm-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"bm-hero-title\"\u003eBrahmi Bacopa monnieri\u003c\/span\u003e\n      \u003cp class=\"bm-subtitle\"\u003eLe secret ayurvédique pour une mémoire vive\u003c\/p\u003e\n      \u003cp class=\"bm-description\"\u003eExtrait titré à 20% de bacosides • 60 gélules végétales • Tradition millénaire indienne\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"bm-section\"\u003e\n    \u003ch2\u003e🌟 Pourquoi choisir les gélules de Brahmi ?\u003c\/h2\u003e\n    \u003cdiv class=\"bm-grid\"\u003e\n      \u003cdiv class=\"bm-card\"\u003e\n        \u003ch3\u003e🧠 Soutien cognitif puissant\u003c\/h3\u003e\n        \u003cp\u003eFavorise la transmission nerveuse et l'encodage des informations pour une mémorisation optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eLes bacosides protègent vos cellules cérébrales contre le stress oxydatif quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card\"\u003e\n        \u003ch3\u003e🧘 Action adaptogène\u003c\/h3\u003e\n        \u003cp\u003eAide votre organisme à mieux gérer le stress qui brouille la concentration.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card\"\u003e\n        \u003ch3\u003e💧 Microcirculation cérébrale\u003c\/h3\u003e\n        \u003cp\u003eSoutient une bonne irrigation du cerveau pour des fonctions cognitives optimales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card\"\u003e\n        \u003ch3\u003e😌 Calme vigilant\u003c\/h3\u003e\n        \u003cp\u003eApaise l'esprit sans induire de somnolence, idéal pour la concentration prolongée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card\"\u003e\n        \u003ch3\u003e📜 3000 ans de sagesse\u003c\/h3\u003e\n        \u003cp\u003ePlante « medhya rasayana » utilisée par les érudits indiens depuis des millénaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bm-section\"\u003e\n    \u003ch2\u003e🎯 Pour qui est ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"bm-grid\"\u003e\n      \u003cdiv class=\"bm-card bm-card-profile\"\u003e\n        \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n        \u003cp\u003eSoutien mémorisation intensive et clarté mentale en période d'examens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card bm-card-profile\"\u003e\n        \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n        \u003cp\u003ePrésentations, dossiers complexes, prises de décision multiples.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card bm-card-profile\"\u003e\n        \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n        \u003cp\u003ePréservez votre vivacité intellectuelle et accompagnez le vieillissement cognitif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card bm-card-profile\"\u003e\n        \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n        \u003cp\u003eRetrouvez votre concentration quand l'anxiété vous perturbe.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card bm-card-profile\"\u003e\n        \u003ch3\u003e🎨 Créatifs\u003c\/h3\u003e\n        \u003cp\u003eFavorisez la fluidité de pensée et la clarté des idées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-card bm-card-profile\"\u003e\n        \u003ch3\u003e🧩 Intellectuels\u003c\/h3\u003e\n        \u003cp\u003eMaintenez vos performances lors d'efforts mentaux prolongés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bm-section\"\u003e\n    \u003ch2\u003e🧪 Composition premium\u003c\/h2\u003e\n    \u003cdiv class=\"bm-composition-box\"\u003e\n      \u003cdiv class=\"bm-composition-header\"\u003e\n        \u003cspan class=\"bm-dose-label\"\u003ePour 6 gélules (dose journalière)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-grid\"\u003e\n        \u003cdiv class=\"bm-card bm-card-ingredient\"\u003e\n          \u003ch3\u003e🌿 Extrait de Brahmi\u003c\/h3\u003e\n          \u003cp class=\"bm-dosage\"\u003e1 800 mg\u003c\/p\u003e\n          \u003cp\u003eBacopa monnieri de haute qualité\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"bm-card bm-card-ingredient\"\u003e\n          \u003ch3\u003e⚡ Bacosides actifs\u003c\/h3\u003e\n          \u003cp class=\"bm-dosage\"\u003e360 mg\u003c\/p\u003e\n          \u003cp\u003eTitrage à 20% pour une efficacité optimale\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"bm-card bm-card-ingredient\"\u003e\n          \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n          \u003cp class=\"bm-dosage\"\u003eHypromellose\u003c\/p\u003e\n          \u003cp\u003e100% végétal, convient aux végans\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-sans-list\"\u003e\n        \u003cspan class=\"bm-sans-badge\"\u003eSans gluten\u003c\/span\u003e\n        \u003cspan class=\"bm-sans-badge\"\u003eSans lactose\u003c\/span\u003e\n        \u003cspan class=\"bm-sans-badge\"\u003eSans colorants\u003c\/span\u003e\n        \u003cspan class=\"bm-sans-badge\"\u003eSans conservateurs\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bm-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi optimal\u003c\/h2\u003e\n    \u003cdiv class=\"bm-timeline\"\u003e\n      \u003cdiv class=\"bm-timeline-item\"\u003e\n        \u003cdiv class=\"bm-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"bm-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e2 gélules avant chaque repas\u003c\/strong\u003e (matin, midi, soir) avec un grand verre d'eau, soit 6 gélules par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-timeline-item\"\u003e\n        \u003cdiv class=\"bm-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"bm-timeline-content\"\u003e\n          \u003ch3\u003eAnticipez vos besoins\u003c\/h3\u003e\n          \u003cp\u003eCommencez votre cure \u003cstrong\u003e2 à 3 semaines avant\u003c\/strong\u003e une période d'examens ou de charge mentale intense.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-timeline-item\"\u003e\n        \u003cdiv class=\"bm-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"bm-timeline-content\"\u003e\n          \u003ch3\u003eRégularité = résultats\u003c\/h3\u003e\n          \u003cp\u003eLe Brahmi agit progressivement. Une prise régulière est plus efficace qu'une utilisation ponctuelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bm-timeline-item\"\u003e\n        \u003cdiv class=\"bm-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"bm-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003e1 pilulier = 10 jours. Pour une cure complète, prévoyez \u003cstrong\u003e2 à 3 piluliers\u003c\/strong\u003e (1 à 1,5 mois).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bm-section\"\u003e\n    \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"bm-accordion\"\u003e\n      \u003cdetails class=\"bm-accordion-item\"\u003e\n        \u003csummary class=\"bm-accordion-header\"\u003e⏱️ Quand vais-je ressentir les premiers effets ?\u003c\/summary\u003e\n        \u003cdiv class=\"bm-accordion-content mt-1\"\u003e\n          \u003cp\u003eLe Brahmi agit en profondeur et progressivement. La plupart des utilisateurs rapportent une amélioration notable après \u003cstrong\u003e2 à 4 semaines\u003c\/strong\u003e de prise régulière. Les meilleurs résultats s'observent sur le long terme.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bm-accordion-item\"\u003e\n        \u003csummary class=\"bm-accordion-header\"\u003e💊 Puis-je le combiner avec d'autres compléments ?\u003c\/summary\u003e\n        \u003cdiv class=\"bm-accordion-content mt-1\"\u003e\n          \u003cp\u003eLe Brahmi se combine généralement bien avec d'autres plantes adaptogènes ou compléments pour la cognition. En cas de doute ou si vous prenez des médicaments, consultez votre médecin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bm-accordion-item\"\u003e\n        \u003csummary class=\"bm-accordion-header\"\u003e😴 Le Brahmi provoque-t-il de la somnolence ?\u003c\/summary\u003e\n        \u003cdiv class=\"bm-accordion-content mt-1\"\u003e\n          \u003cp\u003eNon, le Brahmi possède un effet apaisant sur le stress \u003cstrong\u003esans induire de somnolence\u003c\/strong\u003e. Il favorise un état de calme vigilant, idéal pour la concentration.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bm-accordion-item\"\u003e\n        \u003csummary class=\"bm-accordion-header\"\u003e🌱 Ce produit convient-il aux végétaliens ?\u003c\/summary\u003e\n        \u003cdiv class=\"bm-accordion-content mt-1\"\u003e\n          \u003cp\u003eAbsolument. Les gélules sont 100% végétales (hypromellose) et la formule ne contient aucun ingrédient d'origine animale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bm-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"bm-accordion\"\u003e\n      \u003cdetails class=\"bm-accordion-item\"\u003e\n        \u003csummary class=\"bm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"bm-accordion-content mt-1\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité, hors de portée des enfants. Bien refermer le pilulier après utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bm-accordion-item\"\u003e\n        \u003csummary class=\"bm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"bm-accordion-content mt-1\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière de 6 gélules. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. En cas de traitement médical, consultez votre professionnel de santé. Ce complément ne remplace pas une alimentation variée et équilibrée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bm-accordion-item\"\u003e\n        \u003csummary class=\"bm-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n        \u003cdiv class=\"bm-accordion-content mt-1\"\u003e\n          \u003cp\u003eFabriqué en France selon des normes rigoureuses. AyurVana perpétue la tradition ayurvédique millénaire en l'adaptant aux exigences de qualité contemporaines.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"bm-cta-box\"\u003e\n      \u003cdiv class=\"bm-cta-icon\"\u003e🧠\u003c\/div\u003e\n      \u003cp\u003eOffrez à votre esprit le soutien naturel qu'il mérite grâce à \u003cstrong\u003e3000 ans de sagesse ayurvédique\u003c\/strong\u003e.\u003cbr\u003eClarté mentale, mémoire renforcée, concentration optimale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --bm-cream: #FBF8F3;\n  --bm-white: #ffffff;\n  --bm-primary: #6B4C6E;\n  --bm-primary-dark: #4A3350;\n  --bm-primary-light: #F3EDF4;\n  --bm-secondary: #8BC34A;\n  --bm-secondary-dark: #689F38;\n  --bm-accent: #E8D59E;\n  --bm-text: #1a1a1a;\n  --bm-text-light: #5a5a5a;\n  --bm-border: #e0e0e0;\n  --bm-shadow: 0 4px 24px rgba(107,76,110,.08);\n  --bm-shadow-lg: 0 12px 48px rgba(107,76,110,.15);\n  --bm-radius: 20px;\n  --bm-radius-sm: 12px;\n}\n\n.bm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--bm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #6B4C6E 0%, #8B6B8E 40%, #4A3350 100%);\n  border-radius: var(--bm-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(--bm-shadow-lg);\n}\n\n.bm-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.06'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.bm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.bm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.bm-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(--bm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.bm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.bm-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.bm-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 4vw, 26px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.bm-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.bm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--bm-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.bm-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(--bm-primary), var(--bm-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.bm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.bm-card {\n  background: var(--bm-white);\n  border-radius: var(--bm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--bm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.bm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--bm-shadow-lg);\n  border-color: var(--bm-primary);\n}\n\n.bm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--bm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.bm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--bm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CARD PROFILES === *\/\n.bm-card-profile {\n  background: linear-gradient(135deg, var(--bm-white) 0%, var(--bm-primary-light) 100%);\n}\n\n\/* === COMPOSITION BOX === *\/\n.bm-composition-box {\n  background: var(--bm-white);\n  border-radius: var(--bm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--bm-shadow);\n  border: 2px solid var(--bm-primary-light);\n}\n\n.bm-composition-header {\n  text-align: center;\n  margin-bottom: 1.5rem;\n}\n\n.bm-dose-label {\n  display: inline-block;\n  background: var(--bm-primary);\n  color: white;\n  padding: 8px 20px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.bm-card-ingredient {\n  background: linear-gradient(135deg, var(--bm-primary-light) 0%, var(--bm-white) 100%);\n  border: 1px solid var(--bm-primary-light);\n}\n\n.bm-dosage {\n  font-size: clamp(20px, 4vw, 28px) !important;\n  font-weight: 900 !important;\n  color: var(--bm-primary) !important;\n  margin: .5rem 0 !important;\n}\n\n.bm-sans-list {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-top: 1.5rem;\n  padding-top: 1.5rem;\n  border-top: 1px solid var(--bm-border);\n}\n\n.bm-sans-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 6px 14px;\n  background: var(--bm-secondary);\n  color: white;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n\/* === TIMELINE === *\/\n.bm-timeline {\n  position: relative;\n  padding-left: 50px;\n}\n\n.bm-timeline::before {\n  content: '';\n  position: absolute;\n  left: 20px;\n  top: 0;\n  bottom: 0;\n  width: 3px;\n  background: linear-gradient(180deg, var(--bm-primary), var(--bm-secondary));\n  border-radius: 2px;\n}\n\n.bm-timeline-item {\n  position: relative;\n  margin-bottom: 1.5rem;\n  background: var(--bm-white);\n  border-radius: var(--bm-radius-sm);\n  padding: 1.25rem;\n  box-shadow: var(--bm-shadow);\n  transition: all .3s ease;\n}\n\n.bm-timeline-item:last-child {\n  margin-bottom: 0;\n}\n\n.bm-timeline-item:hover {\n  transform: translateX(5px);\n  box-shadow: var(--bm-shadow-lg);\n}\n\n.bm-timeline-number {\n  position: absolute;\n  left: -50px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--bm-primary), var(--bm-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 900;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(107,76,110,.3);\n}\n\n.bm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--bm-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.bm-timeline-content p {\n  font-size: 14px;\n  color: var(--bm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.bm-accordion {\n  background: var(--bm-white);\n  border-radius: var(--bm-radius);\n  box-shadow: var(--bm-shadow);\n  overflow: hidden;\n}\n\n.bm-accordion-item {\n  border-bottom: 1px solid var(--bm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.bm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.bm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--bm-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.bm-accordion-header:hover {\n  background: var(--bm-primary-light);\n}\n\n.bm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.bm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--bm-primary);\n  transition: transform .2s ease;\n}\n\n.bm-accordion-item[open] .bm-accordion-header::after {\n  content: '−';\n}\n\n.bm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--bm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.bm-accordion-content p {\n  margin: 0;\n}\n\n.mt-1 {\n  margin-top: 5px;\n}\n\n\/* === CTA BOX === *\/\n.bm-cta-box {\n  background: linear-gradient(135deg, var(--bm-primary) 0%, var(--bm-primary-dark) 100%);\n  border-radius: var(--bm-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.bm-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.bm-cta-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  position: relative;\n  z-index: 1;\n}\n\n.bm-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  position: relative;\n  z-index: 1;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .bm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .bm-card {\n    padding: 1.125rem;\n  }\n  \n  .bm-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .bm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--bm-radius-sm);\n  }\n  \n  .bm-badges-top {\n    gap: 8px;\n    margin-bottom: 1.25rem;\n  }\n  \n  .bm-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n  \n  .bm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .bm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .bm-timeline {\n    padding-left: 45px;\n  }\n  \n  .bm-timeline::before {\n    left: 17px;\n  }\n  \n  .bm-timeline-number {\n    width: 34px;\n    height: 34px;\n    font-size: 14px;\n    left: -45px;\n  }\n  \n  .bm-timeline-item {\n    padding: 1rem;\n    margin-bottom: 1rem;\n  }\n  \n  .bm-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .bm-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .bm-composition-box {\n    padding: 1.25rem;\n  }\n  \n  .bm-sans-list {\n    gap: 8px;\n    margin-top: 1rem;\n    padding-top: 1rem;\n  }\n  \n  .bm-sans-badge {\n    padding: 5px 10px;\n    font-size: 11px;\n  }\n  \n  .bm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .bm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .bm-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .bm-card:nth-child(1) { animation-delay: .05s; }\n  .bm-card:nth-child(2) { animation-delay: .1s; }\n  .bm-card:nth-child(3) { animation-delay: .15s; }\n  .bm-card:nth-child(4) { animation-delay: .2s; }\n  .bm-card:nth-child(5) { animation-delay: .25s; }\n  .bm-card:nth-child(6) { animation-delay: .3s; }\n  \n  .bm-timeline-item {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .bm-timeline-item:nth-child(1) { animation-delay: .1s; }\n  .bm-timeline-item:nth-child(2) { animation-delay: .2s; }\n  .bm-timeline-item:nth-child(3) { animation-delay: .3s; }\n  .bm-timeline-item:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\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  .bm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45811344605341,"sku":"AY9092CC","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brahmi-bacopa-monnieri-60-gelules-memoire-ayurvana-ingredients.jpg?v=1768136625"},{"product_id":"vital-flax-bio-equilibre-emotionnel-60-capsules-lt-labo","title":"Vital Flax Bio - Equilibre Émotionnel - 60 Capsules - LT Labo","description":"\u003cdiv class=\"vf-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"vf-hero\"\u003e\n\u003cdiv class=\"vf-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vf-hero-content\"\u003e\n\u003cdiv class=\"vf-badges-top\"\u003e\n\u003cspan class=\"vf-badge\"\u003e🌿 Certifié Agriculture Biologique\u003c\/span\u003e \u003cspan class=\"vf-badge\"\u003e🧬 Oméga 3-6-9 végétal\u003c\/span\u003e \u003cspan class=\"vf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"vf-badge\"\u003e💊 60 capsules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"vf-hero-title\"\u003eVital Flax Bio\u003c\/span\u003e\n\u003cp class=\"vf-subtitle\"\u003eHuile de graines de lin biologique — Oméga-3 végétal\u003c\/p\u003e\n\u003cp class=\"vf-description\"\u003eL'allié 100 % végétal de votre équilibre émotionnel, de vos fonctions cognitives et de votre santé cardiovasculaire. Formulé par LT Labo à partir d'huile de lin bio pressée à froid, naturellement riche en acide alpha-linolénique (ALA).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eVital Flax Bio : l'huile de lin oméga-3 au service de votre équilibre émotionnel\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eVous cherchez une source végétale d'oméga-3 fiable, certifiée bio, pour prendre soin de votre équilibre intérieur au quotidien ?\u003c\/p\u003e\n\u003cdiv class=\"vf-highlight-box\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eVital Flax Bio de LT Labo\u003c\/strong\u003e est un complément alimentaire à base d'\u003cstrong\u003ehuile de graines de lin biologique\u003c\/strong\u003e, naturellement concentrée en \u003cstrong\u003eacide alpha-linolénique (ALA)\u003c\/strong\u003e, un acide gras essentiel que votre organisme ne peut pas fabriquer lui-même. Ce précieux oméga-3 végétal contribue au bon fonctionnement du cerveau et joue un rôle reconnu dans le maintien de l'équilibre émotionnel.\u003c\/p\u003e\n\u003cp\u003ePrésenté sous forme de \u003cstrong\u003e60 capsules\u003c\/strong\u003e pratiques et faciles à avaler, Vital Flax Bio vous accompagne pendant un à deux mois de cure, selon vos besoins. Certifié \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e, il vous offre une alternative 100 % végétale aux oméga-3 d'origine marine, idéale si vous suivez un régime végétarien, végan ou si vous ne souhaitez tout simplement pas consommer de poisson.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003ePourquoi les oméga-3 de l'huile de lin sont-ils si importants ?\u003c\/h2\u003e\n\u003cdiv class=\"vf-highlight-box\"\u003e\n\u003cp\u003eLes \u003cstrong\u003egraines de lin\u003c\/strong\u003e figurent parmi les sources végétales les plus riches en \u003cstrong\u003eoméga-3\u003c\/strong\u003e. L'huile obtenue par première pression à froid de ces graines concentre une quantité remarquable d'\u003cstrong\u003eacide alpha-linolénique (ALA)\u003c\/strong\u003e, un acide gras polyinsaturé classé parmi les \u003cstrong\u003eacides gras essentiels\u003c\/strong\u003e. Essentiel, car votre corps en a absolument besoin mais ne sait pas le synthétiser : il doit impérativement être apporté par l'alimentation.\u003c\/p\u003e\n\u003cp\u003eOr, l'alimentation moderne, souvent trop riche en oméga-6 et pauvre en oméga-3, déséquilibre le fameux \u003cstrong\u003eratio oméga-6\/oméga-3\u003c\/strong\u003e. Ce déséquilibre est associé à de nombreux inconforts du quotidien : irritabilité, fatigue mentale, difficulté à se concentrer, baisse de moral… En rééquilibrant vos apports grâce à l'\u003cstrong\u003ehuile de lin oméga-3\u003c\/strong\u003e, vous offrez à votre organisme les briques nutritionnelles dont il a besoin pour fonctionner harmonieusement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile de lin oméga-3 dans Vital Flax Bio\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eL'huile de lin oméga-3 présente dans Vital Flax Bio ne se limite pas à un seul bénéfice. Voici les principaux domaines dans lesquels elle peut vous accompagner :\u003c\/p\u003e\n\u003cdiv class=\"vf-grid\"\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🧘 Équilibre émotionnel et gestion du stress\u003c\/h3\u003e\n\u003cp\u003eL'ALA participe au fonctionnement normal du système nerveux. Un apport suffisant en oméga-3 contribue à maintenir une humeur stable et à mieux faire face aux tensions du quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n\u003cp\u003eMémoire, concentration, clarté mentale… Les acides gras oméga-3 sont des constituants essentiels des membranes cellulaires du cerveau. Les nourrir, c'est soutenir vos capacités intellectuelles au fil du temps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e👶 Croissance et développement cérébral\u003c\/h3\u003e\n\u003cp\u003eLes graines de lin oméga-3 constituent un apport précieux pour les enfants en pleine croissance, contribuant au développement normal de leurs fonctions cérébrales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n\u003cp\u003eL'ALA contribue au maintien d'un taux de cholestérol sanguin normal lorsqu'il est consommé dans le cadre d'une alimentation équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e⚖️ Rééquilibrage du ratio oméga-6\/oméga-3\u003c\/h3\u003e\n\u003cp\u003eEn complétant vos apports en oméga-3 d'origine végétale, vous aidez votre organisme à retrouver un meilleur équilibre entre ces deux familles d'acides gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eComposition détaillée – Pour 2 capsules (dose journalière recommandée)\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eChaque capsule de Vital Flax Bio est formulée avec soin à partir d'ingrédients biologiques et naturels.\u003c\/p\u003e\n\u003cdiv class=\"vf-compo-table\"\u003e\n\u003cdiv class=\"vf-compo-row vf-compo-header\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003eIngrédient\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003ePour 2 capsules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e🌱 Huile de graines de lin bio\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e1 000 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row vf-compo-sub\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e↳ dont Oméga-3 (ALA)\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e500 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row vf-compo-sub\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e↳ dont Oméga-6 (acide linoléique)\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e135 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e🥬 Fibres alimentaires\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e30 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e🔬 Lignanes\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e3 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e✨ Vitamine E naturelle (tocophérols)\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e2 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-tip\"\u003e\n\u003cspan class=\"vf-tip-icon\"\u003e💊\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eEnveloppe de la capsule\u003c\/strong\u003e : gélatine végétale, glycérine. Produit certifié Agriculture Biologique (AB). Sans additifs chimiques. Convient aux personnes suivant un régime végétarien ou végan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eUn mot sur les lignanes et la vitamine E\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eAu-delà des oméga-3, Vital Flax Bio vous apporte deux autres composés intéressants souvent méconnus.\u003c\/p\u003e\n\u003cdiv class=\"vf-grid-compact\"\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🔬 Les lignanes\u003c\/h3\u003e\n\u003cp\u003eDes polyphénols naturellement présents dans les graines de lin. Ils possèdent des propriétés antioxydantes et contribuent à protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e✨ La vitamine E\u003c\/h3\u003e\n\u003cp\u003eAntioxydant naturel, elle aide à préserver la qualité de l'huile tout en apportant un bénéfice supplémentaire pour la protection des cellules de votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-tip\"\u003e\n\u003cspan class=\"vf-tip-icon\"\u003e🧪\u003c\/span\u003e\n\u003cp\u003eCette synergie entre \u003cstrong\u003eoméga-3, lignanes et vitamine E\u003c\/strong\u003e fait de Vital Flax Bio un complément plus complet qu'une simple huile de lin classique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eComment prendre Vital Flax Bio ?\u003c\/h2\u003e\n\u003cdiv class=\"vf-timeline\"\u003e\n\u003cdiv class=\"vf-timeline-item\"\u003e\n\u003cdiv class=\"vf-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"vf-timeline-content\"\u003e\n\u003ch3\u003eEn entretien quotidien\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 capsule par jour\u003c\/strong\u003e, au cours d'un repas, avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-timeline-item\"\u003e\n\u003cdiv class=\"vf-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"vf-timeline-content\"\u003e\n\u003ch3\u003eEn cure de soutien\u003c\/h3\u003e\n\u003cp\u003ePériodes de stress, fatigue intellectuelle, changement de saison : prenez \u003cstrong\u003e2 capsules par jour\u003c\/strong\u003e, réparties sur un ou deux repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-timeline-item\"\u003e\n\u003cdiv class=\"vf-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"vf-timeline-content\"\u003e\n\u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n\u003cp\u003eLa prise au moment du repas favorise l'absorption des acides gras. Pour des résultats durables, une \u003cstrong\u003ecure de 1 à 3 mois\u003c\/strong\u003e est conseillée, renouvelable plusieurs fois par an.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-tip\"\u003e\n\u003cspan class=\"vf-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce pratique\u003c\/strong\u003e : si vous avez du mal à avaler les capsules, vous pouvez les percer et mélanger l'huile directement dans une salade ou un yaourt. L'efficacité reste la même.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eHuile de lin oméga-3 vs oméga-3 de poisson : pourquoi choisir le végétal ?\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eLa question revient souvent : faut-il préférer les oméga-3 issus de poissons gras ou ceux de l'huile de lin ? L'huile de graines de lin présente des avantages spécifiques.\u003c\/p\u003e\n\u003cdiv class=\"vf-grid\"\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🌱 100 % végétale\u003c\/h3\u003e\n\u003cp\u003eParfaite pour les personnes végétariennes, véganes, ou celles qui n'apprécient pas le goût du poisson ni les reflux désagréables que certains compléments à base d'huile de poisson peuvent provoquer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🛡️ Sans risque de métaux lourds\u003c\/h3\u003e\n\u003cp\u003eContrairement aux huiles de poisson, l'huile de lin bio n'expose pas aux polluants marins (mercure, PCB, dioxines).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🏆 Richesse exceptionnelle en ALA\u003c\/h3\u003e\n\u003cp\u003eLa graine de lin est l'un des aliments les plus concentrés en acide alpha-linolénique au monde, avec environ \u003cstrong\u003e16,7 g d'ALA pour 100 g\u003c\/strong\u003e de graines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🌍 Production durable\u003c\/h3\u003e\n\u003cp\u003eLa culture du lin, notamment en France, représente une filière respectueuse de l'environnement et certifiable en agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #8 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse Vital Flax Bio ?\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eCe complément alimentaire conviendra particulièrement si vous vous reconnaissez dans l'une de ces situations :\u003c\/p\u003e\n\u003cdiv class=\"vf-grid\"\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e😤 Périodes de stress\u003c\/h3\u003e\n\u003cp\u003eVous traversez une période de stress ou de surmenage et ressentez le besoin de retrouver un meilleur équilibre émotionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e📚 Étudiants et actifs\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez soutenir vos fonctions cognitives : mémoire, concentration, apprentissage au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🥗 Végétariens et végans\u003c\/h3\u003e\n\u003cp\u003eVous cherchez une source fiable d'oméga-3 sans poisson, 100 % d'origine végétale et certifiée bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e👧 Parents attentionnés\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez offrir à vos enfants un apport en acides gras essentiels d'origine naturelle pour accompagner leur croissance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n\u003cp\u003eVous faites attention à votre santé cardiovasculaire et souhaitez rééquilibrer votre rapport oméga-6\/oméga-3.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #9 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eLes engagements qualité de LT Labo\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eLe laboratoire LT Labo est un acteur reconnu dans la fabrication de compléments alimentaires naturels et biologiques en France.\u003c\/p\u003e\n\u003cdiv class=\"vf-grid-compact\"\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🏷️ Certification AB\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique et label européen bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n\u003cp\u003eHuile de lin obtenue par première pression à froid, préservant l'intégrité des acides gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eContrôle rigoureux des matières premières en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n\u003cp\u003eSans colorants, sans conservateurs artificiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #10 \u0026 #11 regroupés en accordéon --\u003e\n\u003csection class=\"vf-section\"\u003e\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"vf-section\"\u003e\n\u003ch2\u003eEn résumé : ce que Vital Flax Bio vous apporte\u003c\/h2\u003e\n\u003cdiv class=\"vf-cta-box\"\u003e\n\u003cp\u003e🌱 \u003cstrong\u003eHuile de graines de lin biologique\u003c\/strong\u003e, pressée à froid, riche en ALA\u003c\/p\u003e\n\u003cp\u003e🧬 \u003cstrong\u003eOméga-3, oméga-6 et oméga-9\u003c\/strong\u003e d'origine 100 % végétale\u003c\/p\u003e\n\u003cp\u003e🧘 Soutien de l'\u003cstrong\u003eéquilibre émotionnel\u003c\/strong\u003e, des \u003cstrong\u003efonctions cognitives\u003c\/strong\u003e et de la \u003cstrong\u003esanté cardiovasculaire\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e🔬 Formule enrichie en \u003cstrong\u003elignanes antioxydants\u003c\/strong\u003e et en \u003cstrong\u003evitamine E naturelle\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e🏷️ Certifié \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e, fabriqué en France par LT Labo\u003c\/p\u003e\n\u003cp\u003e💊 \u003cstrong\u003e60 capsules\u003c\/strong\u003e pour 1 à 2 mois de cure selon vos besoins\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"vf-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --vf-cream: #F4F8FA;\n  --vf-white: #ffffff;\n  --vf-primary: #5B7FA5;\n  --vf-primary-dark: #3A5A7C;\n  --vf-primary-light: #E8F0F6;\n  --vf-secondary: #4A7A3E;\n  --vf-accent: #3D6B99;\n  --vf-text: #1a1a1a;\n  --vf-text-light: #5a5a5a;\n  --vf-border: #dde5eb;\n  --vf-shadow: 0 4px 24px rgba(59,90,124,.08);\n  --vf-shadow-lg: 0 12px 48px rgba(59,90,124,.15);\n  --vf-radius: 20px;\n  --vf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vf-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--vf-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.vf-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3A5A7C 0%, #5B7FA5 40%, #4A7A3E 100%);\n  border-radius: var(--vf-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(--vf-shadow-lg);\n}\n\n.vf-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 50%),\n                    radial-gradient(circle at 50% 50%, rgba(74,122,62,.15) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.vf-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.vf-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.vf-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: -.01em;\n}\n\n.vf-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.vf-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.vf-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(--vf-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.vf-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.vf-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vf-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--vf-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.vf-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(--vf-primary), var(--vf-secondary));\n  border-radius: 2px;\n}\n\n.vf-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--vf-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.vf-highlight-box {\n  background: var(--vf-white);\n  border-radius: var(--vf-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--vf-shadow);\n  border-left: 4px solid var(--vf-primary);\n}\n\n.vf-highlight-box p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--vf-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.vf-highlight-box p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.vf-card {\n  background: var(--vf-white);\n  border-radius: var(--vf-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--vf-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.vf-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--vf-shadow-lg);\n  border-color: var(--vf-primary);\n}\n\n.vf-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--vf-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.vf-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--vf-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.vf-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.vf-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.vf-grid-compact .vf-card {\n  padding: 1rem;\n}\n\n.vf-grid-compact .vf-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.vf-grid-compact .vf-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.vf-compo-table {\n  background: var(--vf-white);\n  border-radius: var(--vf-radius);\n  box-shadow: var(--vf-shadow);\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.vf-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: .875rem 1.25rem;\n  border-bottom: 1px solid var(--vf-border);\n  transition: background .2s ease;\n}\n\n.vf-compo-row:last-child {\n  border-bottom: none;\n}\n\n.vf-compo-row:hover {\n  background: var(--vf-primary-light);\n}\n\n.vf-compo-header {\n  background: linear-gradient(135deg, var(--vf-primary), var(--vf-primary-dark));\n  color: white;\n}\n\n.vf-compo-header:hover {\n  background: linear-gradient(135deg, var(--vf-primary), var(--vf-primary-dark));\n}\n\n.vf-compo-header .vf-compo-label,\n.vf-compo-header .vf-compo-value {\n  color: white;\n  font-weight: 700;\n  font-size: 14px;\n}\n\n.vf-compo-label {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--vf-text);\n  font-weight: 600;\n}\n\n.vf-compo-value {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--vf-primary-dark);\n  font-weight: 700;\n  text-align: right;\n  flex-shrink: 0;\n}\n\n.vf-compo-sub .vf-compo-label {\n  padding-left: 1rem;\n  font-weight: 500;\n  color: var(--vf-text-light);\n  font-size: clamp(12px, 1.8vw, 14px);\n}\n\n.vf-compo-sub {\n  background: rgba(232,240,246,.3);\n}\n\n\/* === TIMELINE === *\/\n.vf-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.vf-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.vf-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--vf-primary), var(--vf-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.vf-timeline-content {\n  flex: 1;\n  background: var(--vf-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--vf-radius-sm);\n  box-shadow: var(--vf-shadow);\n}\n\n.vf-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--vf-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.vf-timeline-content p {\n  font-size: 14px;\n  color: var(--vf-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.vf-testimonial {\n  background: var(--vf-white);\n  border-radius: var(--vf-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--vf-shadow);\n  border-left: 4px solid var(--vf-primary);\n}\n\n.vf-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--vf-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.vf-accordion {\n  background: var(--vf-white);\n  border-radius: var(--vf-radius);\n  box-shadow: var(--vf-shadow);\n  overflow: hidden;\n}\n\n.vf-accordion-item {\n  border-bottom: 1px solid var(--vf-border);\n  margin: 0;\n  padding: 0;\n}\n\n.vf-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.vf-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--vf-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.vf-accordion-header:hover {\n  background: var(--vf-primary-light);\n}\n\n.vf-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.vf-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--vf-primary);\n  transition: transform .2s ease;\n}\n\n.vf-accordion-item[open] .vf-accordion-header::after {\n  content: '−';\n}\n\n.vf-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--vf-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.vf-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.vf-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--vf-primary-light);\n  border-radius: var(--vf-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.vf-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.vf-tip p {\n  font-size: 14px;\n  color: var(--vf-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.vf-cta-box {\n  background: linear-gradient(135deg, var(--vf-primary) 0%, var(--vf-primary-dark) 100%);\n  border-radius: var(--vf-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.vf-cta-box p {\n  color: white;\n  font-size: clamp(14px, 2.3vw, 17px);\n  line-height: 1.8;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0 0 .5rem 0;\n}\n\n.vf-cta-box p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.vf-disclaimer {\n  font-size: 12px;\n  color: var(--vf-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  .vf-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .vf-card {\n    padding: 1.125rem;\n  }\n\n  .vf-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .vf-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--vf-radius-sm);\n  }\n\n  .vf-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .vf-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .vf-grid-compact {\n    gap: .625rem;\n  }\n\n  .vf-grid-compact .vf-card {\n    padding: .75rem;\n  }\n\n  .vf-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .vf-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .vf-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .vf-timeline-content p {\n    font-size: 13px;\n  }\n\n  .vf-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .vf-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .vf-testimonial {\n    padding: 1.25rem;\n  }\n\n  .vf-testimonial-text {\n    font-size: 14px;\n  }\n\n  .vf-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .vf-highlight-box p {\n    font-size: 14px;\n  }\n\n  .vf-compo-row {\n    padding: .75rem 1rem;\n  }\n\n  .vf-compo-label {\n    font-size: 13px;\n  }\n\n  .vf-compo-value {\n    font-size: 13px;\n  }\n\n  .vf-compo-sub .vf-compo-label {\n    padding-left: .5rem;\n    font-size: 12px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .vf-card {\n    animation: vfFadeInUp .5s ease backwards;\n  }\n  .vf-card:nth-child(1) { animation-delay: .05s; }\n  .vf-card:nth-child(2) { animation-delay: .1s; }\n  .vf-card:nth-child(3) { animation-delay: .15s; }\n  .vf-card:nth-child(4) { animation-delay: .2s; }\n  .vf-card:nth-child(5) { animation-delay: .25s; }\n  .vf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes vfFadeInUp {\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  .vf-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":45755273805981,"sku":"LT0060","price":17.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vital-flax-bio-equilibre-emotionnel-60-capsules-lt-labo-lifestyle.webp?v=1770725810"},{"product_id":"immunocance-jade-recherche-defenses-immunitaires-60-g-jade-recherche","title":"Immunocance Jade Recherche - Défenses Immunitaires - 60 g","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Immunocance Jade Recherche - Défenses Immunitaires - 60 g\nPalette détectée:\n  - Primaire: #C2185B (rose magenta\/fuchsia dominant du packaging)\n  - Secondaire: #E6A817 (doré\/orange des bulles décoratives et texte jaune)\n  - Accent: #9C27B0 (violet\/pourpre visible sur les bords de l'étiquette)\nAmbiance: Santé naturelle, champignons médicinaux, immunité, univers féminin\/vibrant avec touches dorées évoquant la qualité premium. Pot blanc sobre avec étiquette rose vif et éléments dorés.\nPréfixe CSS: imc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Immunocance Jade Recherche : le pouvoir des champignons médicinaux pour votre immunité\"\n  2. \"Pourquoi choisir Immunocance pour renforcer votre immunité ?\"\n  3. \"Composition détaillée pour 4 g (dose journalière)\"\n  4. \"Comment prendre Immunocance ?\"\n  5. \"À qui s'adresse ce complément ?\"\n  6. \"Qualité et fabrication française\"\n  7. \"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=\"imc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"imc-hero\"\u003e\n    \u003cdiv class=\"imc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"imc-hero-content\"\u003e\n      \u003cdiv class=\"imc-badges-top\"\u003e\n        \u003cspan class=\"imc-badge\"\u003e🍄 Maïtaké · Shiitaké · Reishi\u003c\/span\u003e\n        \u003cspan class=\"imc-badge\"\u003e🧬 Vitamine C liposomale 170% AR\u003c\/span\u003e\n        \u003cspan class=\"imc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"imc-hero-title\"\u003eImmunocance Jade Recherche\u003c\/span\u003e\n      \u003cp class=\"imc-subtitle\"\u003eDéfenses immunitaires — 60 g de poudre\u003c\/p\u003e\n      \u003cp class=\"imc-description\"\u003eLa synergie de 3 champignons médicinaux adaptogènes et de vitamine C liposomale pour soutenir votre immunité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"imc-section\"\u003e\n    \u003ch2\u003eImmunocance Jade Recherche : le pouvoir des champignons médicinaux pour votre immunité\u003c\/h2\u003e\n    \u003cp class=\"imc-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire immunité\u003c\/strong\u003e qui associe le meilleur de la mycothérapie à la \u003cstrong\u003evitamine C liposomale\u003c\/strong\u003e ?\u003c\/p\u003e\n    \u003cdiv class=\"imc-grid\"\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🍄 Trio de champignons adaptogènes\u003c\/h3\u003e\n        \u003cp\u003eMaïtaké, shiitaké et reishi réunis dans une seule formule en poudre pour une action synergique sur vos défenses naturelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🧬 Vitamine C liposomale\u003c\/h3\u003e\n        \u003cp\u003eEncapsulée dans des liposomes pour une biodisponibilité supérieure à la vitamine C classique. 136 mg par dose, soit 170 % des AR.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🌿 Formule 100 % naturelle\u003c\/h3\u003e\n        \u003cp\u003eIngrédients issus de sources naturelles, enrichis de poudre de jus de noni pour un apport complémentaire en antioxydants.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"imc-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Immunocance pour renforcer votre immunité ?\u003c\/h2\u003e\n    \u003cdiv class=\"imc-grid\"\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🏔️ Maïtaké (Grifola frondosa)\u003c\/h3\u003e\n        \u003cp\u003eChampignon traditionnellement utilisé en médecine asiatique, riche en \u003cstrong\u003ebêta-glucanes\u003c\/strong\u003e qui contribuent à stimuler l'activité des cellules immunitaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🌸 Shiitaké (Lentinus edodes)\u003c\/h3\u003e\n        \u003cp\u003eDeuxième pilier de la formule, reconnu pour sa richesse en polysaccharides immunostimulants et son usage millénaire en mycothérapie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e✨ Reishi (Ganoderma lucidum)\u003c\/h3\u003e\n        \u003cp\u003eSurnommé « champignon de l'immortalité », il complète le trio grâce à ses \u003cstrong\u003epropriétés adaptogènes\u003c\/strong\u003e reconnues.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e💊 Vitamine C liposomale\u003c\/h3\u003e\n        \u003cp\u003eEncapsulée dans des liposomes de lécithine de tournesol pour une \u003cstrong\u003eabsorption nettement supérieure\u003c\/strong\u003e, contribuant au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🍈 Jus de noni\u003c\/h3\u003e\n        \u003cp\u003eLa poudre de jus de \u003cstrong\u003eMorinda citrifolia\u003c\/strong\u003e apporte un complément d'antioxydants naturels pour renforcer la synergie globale de la formule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🔬 Synergie optimisée\u003c\/h3\u003e\n        \u003cp\u003eLa complémentarité des actifs fait toute la différence : chaque ingrédient amplifie l'efficacité des autres pour un soutien immunitaire complet.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"imc-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 4 g (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"imc-composition-table\"\u003e\n      \u003cdiv class=\"imc-compo-row imc-compo-header\"\u003e\n        \u003cspan class=\"imc-compo-name\"\u003eIngrédient\u003c\/span\u003e\n        \u003cspan class=\"imc-compo-dose\"\u003eDosage\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-compo-row\"\u003e\n        \u003cspan class=\"imc-compo-name\"\u003e🍄 \u003cstrong\u003eMaïtaké\u003c\/strong\u003e (Grifola frondosa)*\u003c\/span\u003e\n        \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e1,6 g\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-compo-row\"\u003e\n        \u003cspan class=\"imc-compo-name\"\u003e🍄 \u003cstrong\u003eShiitaké\u003c\/strong\u003e (Lentinus edodes)*\u003c\/span\u003e\n        \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e1,28 g\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-compo-row\"\u003e\n        \u003cspan class=\"imc-compo-name\"\u003e🍈 \u003cstrong\u003ePoudre de jus de noni\u003c\/strong\u003e (Morinda citrifolia)*\u003c\/span\u003e\n        \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e0,6 g\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-compo-row\"\u003e\n        \u003cspan class=\"imc-compo-name\"\u003e✨ \u003cstrong\u003eReishi\u003c\/strong\u003e (Ganoderma lucidum)*\u003c\/span\u003e\n        \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e0,32 g\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-compo-row imc-compo-highlight\"\u003e\n        \u003cspan class=\"imc-compo-name\"\u003e💊 \u003cstrong\u003eVitamine C liposomale\u003c\/strong\u003e (acide L-ascorbique)\u003c\/span\u003e\n        \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e136 mg\u003c\/strong\u003e — 170 % AR\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-compo-row\"\u003e\n        \u003cspan class=\"imc-compo-name\"\u003eÉmulsifiant : lécithine de tournesol\u003c\/span\u003e\n        \u003cspan class=\"imc-compo-dose\"\u003e—\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"imc-disclaimer\"\u003e* Ingrédients issus de sources naturelles. Contenance nette : \u003cstrong\u003e60 g\u003c\/strong\u003e de poudre.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"imc-section\"\u003e\n    \u003ch2\u003eComment prendre Immunocance ?\u003c\/h2\u003e\n    \u003cdiv class=\"imc-timeline\"\u003e\n      \u003cdiv class=\"imc-timeline-item\"\u003e\n        \u003cdiv class=\"imc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"imc-timeline-content\"\u003e\n          \u003ch3\u003eDosez votre poudre\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 cuillères à café rases\u003c\/strong\u003e par jour (soit 2 à 4 g).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-timeline-item\"\u003e\n        \u003cdiv class=\"imc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"imc-timeline-content\"\u003e\n          \u003ch3\u003eDiluez dans de l'eau chaude\u003c\/h3\u003e\n          \u003cp\u003eVersez la poudre dans un verre d'eau chaude d'environ \u003cstrong\u003e200 ml\u003c\/strong\u003e, puis mélangez bien. Vous pouvez aussi l'incorporer dans une tisane ou un jus tiède.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-timeline-item\"\u003e\n        \u003cdiv class=\"imc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"imc-timeline-content\"\u003e\n          \u003ch3\u003ePrenez pendant un repas\u003c\/h3\u003e\n          \u003cp\u003ePrivilégiez une prise \u003cstrong\u003ependant un repas\u003c\/strong\u003e pour favoriser l'absorption de la vitamine C liposomale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-timeline-item\"\u003e\n        \u003cdiv class=\"imc-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"imc-timeline-content\"\u003e\n          \u003ch3\u003eFaites une cure régulière\u003c\/h3\u003e\n          \u003cp\u003ePour une cure efficace, une prise régulière \u003cstrong\u003esur plusieurs semaines\u003c\/strong\u003e est recommandée, notamment à l'approche de l'automne, de l'hiver ou lors de périodes de fatigue passagère.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"imc-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"imc-grid-compact\"\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité naturelle\u003c\/h3\u003e\n        \u003cp\u003ePersonnes souhaitant renforcer leur immunité de manière naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🍄 Mycothérapie\u003c\/h3\u003e\n        \u003cp\u003eCeux qui veulent bénéficier des bienfaits des champignons médicinaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e💊 Vitamine C optimisée\u003c\/h3\u003e\n        \u003cp\u003ePersonnes cherchant une forme liposomale mieux assimilée par l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🍂 Changements de saison\u003c\/h3\u003e\n        \u003cp\u003ePour soutenir l'organisme lors des transitions saisonnières ou périodes exigeantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"imc-section\"\u003e\n    \u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n    \u003cdiv class=\"imc-testimonial\"\u003e\n      \u003cp class=\"imc-testimonial-text\"\u003eConçu et fabriqué en France par \u003cstrong\u003eJade Recherche\u003c\/strong\u003e, Immunocance bénéficie d'un contrôle qualité rigoureux à chaque étape de production. Jade Recherche est un laboratoire spécialisé dans le développement de formules naturelles innovantes, reconnu pour son exigence scientifique et son engagement envers des ingrédients soigneusement sélectionnés.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"imc-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eConception et fabrication françaises.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🔬 Contrôle qualité\u003c\/h3\u003e\n        \u003cp\u003eRigueur à chaque étape de production.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"imc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"imc-accordion\"\u003e\n      \u003cdetails class=\"imc-accordion-item\"\u003e\n        \u003csummary class=\"imc-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n        \u003cdiv class=\"imc-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne dépassez pas la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"imc-accordion-item\"\u003e\n        \u003csummary class=\"imc-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n        \u003cdiv class=\"imc-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement médical en cours, consultez votre médecin avant toute utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"imc-accordion-item\"\u003e\n        \u003csummary class=\"imc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"imc-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des enfants. Conserver au sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"imc-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\/* === VARIABLES CSS === *\/\n:root {\n  --imc-cream: #fdf6f9;\n  --imc-white: #ffffff;\n  --imc-primary: #C2185B;\n  --imc-primary-dark: #880E4F;\n  --imc-primary-light: #fce4ec;\n  --imc-secondary: #E6A817;\n  --imc-accent: #9C27B0;\n  --imc-text: #1a1a1a;\n  --imc-text-light: #5a5a5a;\n  --imc-border: #f0e0e6;\n  --imc-shadow: 0 4px 24px rgba(194,24,91,.08);\n  --imc-shadow-lg: 0 12px 48px rgba(194,24,91,.15);\n  --imc-radius: 20px;\n  --imc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.imc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--imc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.imc-premium *, .imc-premium *::before, .imc-premium *::after {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.imc-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--imc-primary-dark) 0%, var(--imc-primary) 40%, var(--imc-accent) 100%);\n  border-radius: var(--imc-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(--imc-shadow-lg);\n}\n\n.imc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(230,168,23,.25) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(230,168,23,.15) 0%, transparent 60%);\n  opacity: .6;\n}\n\n.imc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.imc-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.imc-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.imc-description {\n  color: rgba(255,255,255,.85);\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.imc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.imc-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(--imc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.imc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.imc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.imc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--imc-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.3;\n}\n\n.imc-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(--imc-primary), var(--imc-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.imc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--imc-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.imc-card {\n  background: var(--imc-white);\n  border-radius: var(--imc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--imc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.imc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--imc-shadow-lg);\n  border-color: var(--imc-primary);\n}\n\n.imc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--imc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.imc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--imc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.imc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.imc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.imc-grid-compact .imc-card {\n  padding: 1rem;\n}\n\n.imc-grid-compact .imc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.imc-grid-compact .imc-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.imc-composition-table {\n  background: var(--imc-white);\n  border-radius: var(--imc-radius);\n  box-shadow: var(--imc-shadow);\n  overflow: hidden;\n}\n\n.imc-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: .875rem 1.25rem;\n  border-bottom: 1px solid var(--imc-border);\n  gap: 1rem;\n}\n\n.imc-compo-row:last-child {\n  border-bottom: none;\n}\n\n.imc-compo-header {\n  background: linear-gradient(135deg, var(--imc-primary-dark), var(--imc-primary));\n  color: white;\n  font-weight: 800;\n  font-size: 14px;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n.imc-compo-header .imc-compo-name,\n.imc-compo-header .imc-compo-dose {\n  color: white;\n}\n\n.imc-compo-name {\n  font-size: 14px;\n  color: var(--imc-text);\n  line-height: 1.4;\n  flex: 1;\n}\n\n.imc-compo-dose {\n  font-size: 14px;\n  color: var(--imc-primary-dark);\n  font-weight: 700;\n  text-align: right;\n  flex-shrink: 0;\n  white-space: nowrap;\n}\n\n.imc-compo-highlight {\n  background: var(--imc-primary-light);\n}\n\n.imc-compo-highlight .imc-compo-dose {\n  color: var(--imc-primary);\n  font-size: 15px;\n}\n\n\/* === TIMELINE === *\/\n.imc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.imc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.imc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--imc-primary), var(--imc-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  box-shadow: 0 4px 12px rgba(194,24,91,.25);\n}\n\n.imc-timeline-content {\n  flex: 1;\n  background: var(--imc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--imc-radius-sm);\n  box-shadow: var(--imc-shadow);\n}\n\n.imc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--imc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.imc-timeline-content p {\n  font-size: 14px;\n  color: var(--imc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.imc-testimonial {\n  background: var(--imc-white);\n  border-radius: var(--imc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--imc-shadow);\n  border-left: 4px solid var(--imc-primary);\n}\n\n.imc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--imc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.imc-accordion {\n  background: var(--imc-white);\n  border-radius: var(--imc-radius);\n  box-shadow: var(--imc-shadow);\n  overflow: hidden;\n}\n\n.imc-accordion-item {\n  border-bottom: 1px solid var(--imc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.imc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.imc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--imc-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.imc-accordion-header:hover {\n  background: var(--imc-primary-light);\n}\n\n.imc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.imc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--imc-primary);\n  transition: transform .2s ease;\n}\n\n.imc-accordion-item[open] .imc-accordion-header::after {\n  content: '−';\n}\n\n.imc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--imc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.imc-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.imc-disclaimer {\n  font-size: 12px;\n  color: var(--imc-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  .imc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .imc-card {\n    padding: 1.125rem;\n  }\n\n  .imc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .imc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--imc-radius-sm);\n  }\n\n  .imc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .imc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  \/* Grille compacte mobile *\/\n  .imc-grid-compact {\n    gap: .625rem;\n  }\n\n  .imc-grid-compact .imc-card {\n    padding: .75rem;\n  }\n\n  \/* Composition table mobile *\/\n  .imc-compo-row {\n    padding: .75rem 1rem;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: .25rem;\n  }\n\n  .imc-compo-header {\n    flex-direction: row;\n  }\n\n  .imc-compo-name {\n    font-size: 13px;\n  }\n\n  .imc-compo-dose {\n    font-size: 13px;\n    text-align: left;\n  }\n\n  \/* Timeline mobile *\/\n  .imc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .imc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .imc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .imc-timeline-content p {\n    font-size: 13px;\n  }\n\n  \/* Accordéon mobile *\/\n  .imc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .imc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  \/* Testimonial mobile *\/\n  .imc-testimonial {\n    padding: 1.25rem;\n  }\n\n  .imc-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .imc-card {\n    animation: imcFadeInUp .5s ease backwards;\n  }\n  .imc-card:nth-child(1) { animation-delay: .05s; }\n  .imc-card:nth-child(2) { animation-delay: .1s; }\n  .imc-card:nth-child(3) { animation-delay: .15s; }\n  .imc-card:nth-child(4) { animation-delay: .2s; }\n  .imc-card:nth-child(5) { animation-delay: .25s; }\n  .imc-card:nth-child(6) { animation-delay: .3s; }\n\n  .imc-timeline-item {\n    animation: imcFadeInUp .5s ease backwards;\n  }\n  .imc-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .imc-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .imc-timeline-item:nth-child(3) { animation-delay: .15s; }\n  .imc-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes imcFadeInUp {\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  .imc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755277279389,"sku":"JADEIMMU60","price":49.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/immunocance-jade-recherche-defenses-immunitaires-60-g-packshothd.webp?v=1786012070"},{"product_id":"phyco-40-bio-spiruline-et-phycocyanine-24-gelules-lt-labo","title":"Phyco++40 Bio - Spiruline \u0026 Phycocyanine - 32 Gelules - LT Labo","description":"\u003cdiv class=\"pc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"pc-hero\"\u003e\n    \u003cdiv class=\"pc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pc-hero-content\"\u003e\n      \u003cdiv class=\"pc-badges-top\"\u003e\n        \u003cspan class=\"pc-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n        \u003cspan class=\"pc-badge\"\u003e🇫🇷 Spiruline française\u003c\/span\u003e\n        \u003cspan class=\"pc-badge\"\u003e🌱 Vegan certifié\u003c\/span\u003e\n        \u003cspan class=\"pc-badge\"\u003e💊 32 gélules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pc-hero-title\"\u003ePhyco++40 Bio\u003c\/span\u003e\n      \u003cp class=\"pc-subtitle\"\u003eSpiruline \u0026amp; Phycocyanine concentrée à 40 % — LT Labo\u003c\/p\u003e\n      \u003cp class=\"pc-description\"\u003eL'un des extraits de phycocyanine les plus concentrés du marché : 40 % de principes actifs pour un soutien immunitaire et antioxydant maximal, en gélules 100 % bio et vegan.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003ePhyco++40 Bio : la puissance concentrée de la phycocyanine à 40 %\u003c\/h2\u003e\n    \u003cp class=\"pc-section-intro\"\u003eVous cherchez un complément alimentaire à base de \u003cstrong\u003espiruline bio française\u003c\/strong\u003e réellement dosé en principes actifs ? Le \u003cstrong\u003ePhyco++40 Bio de LT Labo\u003c\/strong\u003e se distingue nettement des spirulines classiques grâce à sa concentration exceptionnelle : \u003cstrong\u003e40 % de phycocyanines\u003c\/strong\u003e, soit l'un des taux les plus élevés du marché.\u003c\/p\u003e\n    \u003cdiv class=\"pc-highlight-box\"\u003e\n      \u003cdiv class=\"pc-highlight-number\"\u003e40 %\u003c\/div\u003e\n      \u003cdiv class=\"pc-highlight-text\"\u003e\n        \u003cp\u003eCe pigment bleu, véritable trésor de la spiruline, est reconnu pour ses \u003cstrong\u003epropriétés antioxydantes puissantes\u003c\/strong\u003e et son rôle dans le \u003cstrong\u003esoutien du système immunitaire\u003c\/strong\u003e. Là où les spirulines classiques plafonnent à 15-20 %, Phyco++40 double la mise.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eQu'est-ce que la phycocyanine et pourquoi 40 % change tout ?\u003c\/h2\u003e\n    \u003cdiv class=\"pc-testimonial\"\u003e\n      \u003cp class=\"pc-testimonial-text\"\u003eLa \u003cstrong\u003ephycocyanine\u003c\/strong\u003e est le pigment bleu naturellement présent dans la spiruline (\u003cem\u003eArthrospira platensis\u003c\/em\u003e). C'est elle qui concentre une grande partie des bienfaits de la spiruline bio : protection contre le stress oxydatif, soutien des défenses naturelles et contribution à la vitalité globale.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pc-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e📉 Spiruline classique\u003c\/h3\u003e\n        \u003cp\u003e15 à 20 % de phycocyanine maximum — nécessite plus de prises pour un effet notable\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card pc-card-accent\"\u003e\n        \u003ch3\u003e🚀 Phyco++40 Bio\u003c\/h3\u003e\n        \u003cp\u003eExtrait titré à \u003cstrong\u003e40 %\u003c\/strong\u003e — chaque gélule est véritablement concentrée et efficace\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets de Phyco++40 Bio\u003c\/h2\u003e\n    \u003cdiv class=\"pc-grid\"\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🛡️ Soutien immunitaire renforcé\u003c\/h3\u003e\n        \u003cp\u003eLa spiruline contribue au bon fonctionnement du système immunitaire, un atout précieux aux changements de saison ou en période de fatigue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e✨ Action antioxydante puissante\u003c\/h3\u003e\n        \u003cp\u003eLa phycocyanine aide à lutter contre les radicaux libres responsables du vieillissement cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e⚡ Énergie et endurance\u003c\/h3\u003e\n        \u003cp\u003eRiche en protéines, fer et vitamines du groupe B, la spiruline bio participe à réduire la fatigue au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🧹 Détoxification naturelle\u003c\/h3\u003e\n        \u003cp\u003eElle favorise l'élimination des toxines et soutient les fonctions d'épuration de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 2 gélules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"pc-composition\"\u003e\n      \u003cdiv class=\"pc-composition-item\"\u003e\n        \u003cdiv class=\"pc-composition-icon\"\u003e🌀\u003c\/div\u003e\n        \u003cdiv class=\"pc-composition-detail\"\u003e\n          \u003ch3\u003eSpiruline bio (\u003cem\u003eArthrospira platensis\u003c\/em\u003e)\u003c\/h3\u003e\n          \u003cp\u003eExtrait concentré en phycocyanines \u003cstrong\u003e(40 %)\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-composition-item\"\u003e\n        \u003cdiv class=\"pc-composition-icon\"\u003e💊\u003c\/div\u003e\n        \u003cdiv class=\"pc-composition-detail\"\u003e\n          \u003ch3\u003eEnveloppe de la gélule\u003c\/h3\u003e\n          \u003cp\u003eHydroxypropylméthylcellulose (origine végétale)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pc-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🌿 Certifié AB\u003c\/h3\u003e\n        \u003cp\u003eFR-BIO-01\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n        \u003cp\u003e100 % végétal\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n        \u003cp\u003eNi colorants, ni conservateurs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e📦 Contenu\u003c\/h3\u003e\n        \u003cp\u003e32 gélules — 14 g net\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eComment prendre Phyco++40 Bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"pc-timeline\"\u003e\n      \u003cdiv class=\"pc-timeline-item\"\u003e\n        \u003cdiv class=\"pc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"pc-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence le matin au cours du petit-déjeuner.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-timeline-item\"\u003e\n        \u003cdiv class=\"pc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"pc-timeline-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003ePour une cure complète, une prise régulière sur \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e est idéale, renouvelable plusieurs fois par an selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-timeline-item\"\u003e\n        \u003cdiv class=\"pc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"pc-timeline-content\"\u003e\n          \u003ch3\u003eDébutants en spiruline\u003c\/h3\u003e\n          \u003cp\u003eCommencez par \u003cstrong\u003eune gélule quotidienne\u003c\/strong\u003e la première semaine afin de laisser votre organisme s'adapter progressivement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pc-tip\"\u003e\n      \u003cspan class=\"pc-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eAvec 32 gélules par flacon, vous disposez d'environ \u003cstrong\u003e16 jours de cure\u003c\/strong\u003e à raison de 2 gélules\/jour. Prévoyez 2 flacons pour une cure complète de 4 semaines.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eFabrication française et qualité biologique\u003c\/h2\u003e\n    \u003cdiv class=\"pc-grid\"\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Laboratoire français\u003c\/h3\u003e\n        \u003cp\u003eFormulé par \u003cstrong\u003eLT Labo\u003c\/strong\u003e, spécialiste des compléments alimentaires naturels et biologiques depuis plus de 20 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🌾 Spiruline cultivée en France\u003c\/h3\u003e\n        \u003cp\u003eRécoltée et transformée dans le respect de conditions strictes pour préserver l'intégrité de ses nutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🔬 Contrôle qualité rigoureux\u003c\/h3\u003e\n        \u003cp\u003eChaque lot est analysé pour garantir une teneur réelle en phycocyanines conforme à l'étiquetage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"pc-grid\"\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité fragile\u003c\/h3\u003e\n        \u003cp\u003eRenforcez vos défenses naturelles avant l'hiver ou après une période de convalescence.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🔋 Fatigue passagère\u003c\/h3\u003e\n        \u003cp\u003eRetrouvez énergie et tonus grâce à un concentré naturel de spiruline bio.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🌿 Routine antioxydante\u003c\/h3\u003e\n        \u003cp\u003eIntégrez un antioxydant naturel et certifié bio dans votre quotidien bien-être.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e💪 Concentration maximale\u003c\/h3\u003e\n        \u003cp\u003eProfitez des bienfaits de la spiruline sous une forme hautement concentrée à 40 % de phycocyanine.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Précautions \u0026 infos secondaires --\u003e\n  \u003csection class=\"pc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"pc-accordion\"\u003e\n      \u003cdetails class=\"pc-accordion-item\"\u003e\n        \u003csummary class=\"pc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace pas un régime alimentaire varié et équilibré ni un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Déconseillé aux personnes allergiques aux algues. En cas de traitement médical, demandez conseil à votre médecin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pc-accordion-item\"\u003e\n        \u003csummary class=\"pc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver dans un endroit frais, sec et à l'abri de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pc-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cp\u003e🌀 Offrez à votre organisme la puissance de \u003cstrong\u003e40 % de phycocyanine bio\u003c\/strong\u003e — l'allié naturel de votre immunité, de votre énergie et de votre vitalité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pc-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Les compléments alimentaires doivent être utilisés dans le cadre d'un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --pc-cream: #f4f8fa;\n  --pc-white: #ffffff;\n  --pc-primary: #2a9fd6;\n  --pc-primary-dark: #1a6b94;\n  --pc-primary-light: #e6f4fb;\n  --pc-secondary: #4db849;\n  --pc-accent: #0e7a3d;\n  --pc-text: #1a1a1a;\n  --pc-text-light: #5a5a5a;\n  --pc-border: #dde8ee;\n  --pc-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --pc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --pc-radius: 20px;\n  --pc-radius-sm: 12px;\n}\n\n.pc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a6b94 0%, #2a9fd6 45%, #4db849 100%);\n  border-radius: var(--pc-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(--pc-shadow-lg);\n}\n\n.pc-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,.1) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n              repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n  opacity: 1;\n}\n\n.pc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pc-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(--pc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.pc-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.pc-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.pc-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.pc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pc-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.pc-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(--pc-primary), var(--pc-secondary));\n  border-radius: 2px;\n}\n\n.pc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pc-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pc-highlight-box {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n  background: var(--pc-white);\n  border-radius: var(--pc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--pc-shadow);\n  border-left: 5px solid var(--pc-primary);\n}\n\n.pc-highlight-number {\n  flex-shrink: 0;\n  font-size: clamp(36px, 8vw, 56px);\n  font-weight: 900;\n  color: var(--pc-primary);\n  line-height: 1;\n  letter-spacing: -.04em;\n}\n\n.pc-highlight-text p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--pc-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pc-card {\n  background: var(--pc-white);\n  border-radius: var(--pc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pc-shadow-lg);\n  border-color: var(--pc-primary);\n}\n\n.pc-card-accent {\n  background: var(--pc-primary-light);\n  border: 2px solid var(--pc-primary);\n}\n\n.pc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.pc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.pc-grid-compact .pc-card {\n  padding: 1rem;\n}\n\n.pc-grid-compact .pc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.pc-grid-compact .pc-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION === *\/\n.pc-composition {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pc-composition-item {\n  display: flex;\n  gap: 1rem;\n  align-items: center;\n  background: var(--pc-white);\n  border-radius: var(--pc-radius-sm);\n  padding: 1.25rem 1.5rem;\n  box-shadow: var(--pc-shadow);\n  transition: all .3s ease;\n}\n\n.pc-composition-item:hover {\n  transform: translateX(6px);\n  box-shadow: var(--pc-shadow-lg);\n}\n\n.pc-composition-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.pc-composition-detail h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pc-composition-detail p {\n  font-size: 14px;\n  color: var(--pc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIMELINE === *\/\n.pc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pc-primary), var(--pc-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.pc-timeline-content {\n  flex: 1;\n  background: var(--pc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pc-radius-sm);\n  box-shadow: var(--pc-shadow);\n}\n\n.pc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pc-timeline-content p {\n  font-size: 14px;\n  color: var(--pc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pc-testimonial {\n  background: var(--pc-white);\n  border-radius: var(--pc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--pc-shadow);\n  border-left: 4px solid var(--pc-primary);\n}\n\n.pc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--pc-primary-light);\n  border-radius: var(--pc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.pc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.pc-tip p {\n  font-size: 14px;\n  color: var(--pc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.pc-accordion {\n  background: var(--pc-white);\n  border-radius: var(--pc-radius);\n  box-shadow: var(--pc-shadow);\n  overflow: hidden;\n}\n\n.pc-accordion-item {\n  border-bottom: 1px solid var(--pc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pc-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.pc-accordion-header:hover {\n  background: var(--pc-primary-light);\n}\n\n.pc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--pc-primary);\n  transition: transform .2s ease;\n}\n\n.pc-accordion-item[open] .pc-accordion-header::after {\n  content: '−';\n}\n\n.pc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.pc-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.pc-cta-box {\n  background: linear-gradient(135deg, var(--pc-primary) 0%, var(--pc-primary-dark) 100%);\n  border-radius: var(--pc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.pc-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.pc-disclaimer {\n  font-size: 12px;\n  color: var(--pc-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  .pc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .pc-card {\n    padding: 1.125rem;\n  }\n\n  .pc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .pc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pc-radius-sm);\n  }\n\n  .pc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .pc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .pc-grid-compact {\n    gap: .625rem;\n  }\n\n  .pc-grid-compact .pc-card {\n    padding: .75rem;\n  }\n\n  .pc-highlight-box {\n    flex-direction: column;\n    text-align: center;\n    gap: 1rem;\n    padding: 1.25rem;\n  }\n\n  .pc-highlight-number {\n    font-size: 40px;\n  }\n\n  .pc-composition-item {\n    padding: 1rem;\n  }\n\n  .pc-composition-icon {\n    font-size: 24px;\n  }\n\n  .pc-composition-detail h3 {\n    font-size: 14px;\n  }\n\n  .pc-composition-detail p {\n    font-size: 13px;\n  }\n\n  .pc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .pc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .pc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .pc-timeline-content p {\n    font-size: 13px;\n  }\n\n  .pc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .pc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .pc-testimonial {\n    padding: 1.25rem;\n  }\n\n  .pc-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .pc-card {\n    animation: pcFadeInUp .5s ease backwards;\n  }\n  .pc-card:nth-child(1) { animation-delay: .05s; }\n  .pc-card:nth-child(2) { animation-delay: .1s; }\n  .pc-card:nth-child(3) { animation-delay: .15s; }\n  .pc-card:nth-child(4) { animation-delay: .2s; }\n  .pc-card:nth-child(5) { animation-delay: .25s; }\n  .pc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pcFadeInUp {\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  .pc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":45755279802525,"sku":"NBAILTL0027","price":24.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/phyco40_lt_labo.webp?v=1773656629"},{"product_id":"ashwagandha-bio-extrait-revitalisante-et-anti-stress-ayurvana","title":"Ashwagandha Bio 60 gélules - Revitalisant \u0026 Anti-stress - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Ashwagandha Bio 60 gélules - Ayur-Vana\nPalette détectée:\n  - Primaire: #00A5B5 (turquoise vif du packaging - couvercle et base)\n  - Secondaire: #E8B44D (doré\/orangé des motifs paisley et du nom \"Extrait\")\n  - Accent: #8B5A2B (brun terreux des racines illustrées)\n  - Fond: #F5F0E6 (crème\/beige du corps du packaging)\nAmbiance: Ayurvédique, naturel\/bio, traditionnel indien avec motifs paisley colorés, chaleureux et apaisant\nPréfixe CSS: ash\n--\u003e\n\n\u003cdiv class=\"ash-premium\"\u003e\n  \n  \u003cdiv class=\"ash-hero\"\u003e\n    \u003cdiv class=\"ash-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ash-hero-content\"\u003e\n      \u003cdiv class=\"ash-badges-top\"\u003e\n        \u003cspan class=\"ash-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"ash-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"ash-badge\"\u003e🌱 100% Végétal\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ash-hero-title\"\u003eAshwagandha Bio en gélules\u003c\/span\u003e\n      \u003cp class=\"ash-subtitle\"\u003eLe ginseng indien au service de votre sérénité\u003c\/p\u003e\n      \u003cp class=\"ash-description\"\u003eExtrait concentré de Withania somnifera • 900 mg par dose • Plante adaptogène millénaire\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003e🎯 Vos bénéfices au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"ash-grid\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e😌 Anti-stress naturel\u003c\/h3\u003e\n        \u003cp\u003eAide à réguler le cortisol et apaise les tensions sans provoquer de somnolence. Retrouvez votre calme intérieur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🌙 Sommeil réparateur\u003c\/h3\u003e\n        \u003cp\u003eFavorise l'endormissement et améliore la qualité du sommeil. Réveillez-vous véritablement reposé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e⚡ Vitalité retrouvée\u003c\/h3\u003e\n        \u003cp\u003eCombat la fatigue chronique et restaure votre énergie en profondeur. Endurance physique et mentale renforcée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eRiche en antioxydants, elle soutient votre système immunitaire et protège vos cellules du stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003e🧬 Composition pure\u003c\/h2\u003e\n    \u003cdiv class=\"ash-composition-box\"\u003e\n      \u003cdiv class=\"ash-ingredient-main\"\u003e\n        \u003cdiv class=\"ash-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cdiv class=\"ash-ingredient-info\"\u003e\n          \u003cspan class=\"ash-ingredient-name\"\u003eExtrait de racines d'Ashwagandha bio\u003c\/span\u003e\n          \u003cspan class=\"ash-ingredient-latin\"\u003eWithania somnifera\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ash-ingredient-dose\"\u003e900 mg\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-ingredient-secondary\"\u003e\n        \u003cspan\u003eEnveloppe : hypromellose (gélule 100% végétale)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-clean-label\"\u003e\n        \u003cspan\u003e✓ Sans additif\u003c\/span\u003e\n        \u003cspan\u003e✓ Sans excipient\u003c\/span\u003e\n        \u003cspan\u003e✓ Sans conservateur\u003c\/span\u003e\n        \u003cspan\u003e✓ Sans OGM\u003c\/span\u003e\n        \u003cspan\u003e✓ Sans gluten\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003e👤 Pour qui sont ces gélules d'Ashwagandha bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"ash-grid\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e📚 Périodes intenses\u003c\/h3\u003e\n        \u003cp\u003eExamens, charge de travail élevée, événements de vie stressants : retrouvez votre équilibre.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e😴 Troubles du sommeil\u003c\/h3\u003e\n        \u003cp\u003eNuits agitées, difficultés d'endormissement liés à l'anxiété ou au surmenage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🔋 Fatigue persistante\u003c\/h3\u003e\n        \u003cp\u003eQuand le repos seul ne suffit plus à dissiper l'épuisement chronique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e☯️ Équilibre émotionnel\u003c\/h3\u003e\n        \u003cp\u003ePour maintenir votre sérénité au quotidien de façon naturelle et respectueuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"ash-usage-box\"\u003e\n      \u003cdiv class=\"ash-usage-grid\"\u003e\n        \u003cdiv class=\"ash-usage-item\"\u003e\n          \u003cspan class=\"ash-usage-number\"\u003e1-2\u003c\/span\u003e\n          \u003cspan class=\"ash-usage-label\"\u003egélules\/jour\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ash-usage-item\"\u003e\n          \u003cspan class=\"ash-usage-number\"\u003e🍽️\u003c\/span\u003e\n          \u003cspan class=\"ash-usage-label\"\u003ePendant les repas\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ash-usage-item\"\u003e\n          \u003cspan class=\"ash-usage-number\"\u003e1-3\u003c\/span\u003e\n          \u003cspan class=\"ash-usage-label\"\u003emois de cure\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-tips\"\u003e\n        \u003cdiv class=\"ash-tip\"\u003e\n          \u003cstrong\u003e🌙 Pour le sommeil :\u003c\/strong\u003e privilégiez la prise au dîner\n        \u003c\/div\u003e\n        \u003cdiv class=\"ash-tip\"\u003e\n          \u003cstrong\u003e☀️ Pour l'énergie :\u003c\/strong\u003e préférez le matin ou le midi\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"ash-grid-compact\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e💊 60 gélules\u003c\/h3\u003e\n        \u003cp\u003eVégétales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e📅 30 à 60 jours\u003c\/h3\u003e\n        \u003cp\u003eSelon dosage\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🏷️ Certifié Bio\u003c\/h3\u003e\n        \u003cp\u003eFR-BIO-01\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eQualité garantie\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"ash-accordion\"\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e⏱️ Combien de temps avant de ressentir les effets ?\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cp\u003eLes premiers effets sur le stress et la détente peuvent se faire sentir dès les premiers jours. Pour le sommeil et la vitalité, comptez généralement 2 à 4 semaines d'utilisation régulière. Chaque organisme étant unique, soyez patient et constant dans votre prise.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e📆 Peut-on prendre l'Ashwagandha sur le long terme ?\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cp\u003eL'Ashwagandha est traditionnellement utilisée sur de longues périodes. Nous vous conseillons toutefois de faire des pauses régulières (par exemple, une semaine de pause toutes les 6 à 8 semaines) pour maintenir une réponse optimale de l'organisme.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e⚠️ Y a-t-il des contre-indications ?\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cp\u003eL'Ashwagandha est déconseillée aux femmes enceintes ou allaitantes, aux personnes souffrant d'hyperthyroïdie et à celles sous traitement immunosuppresseur. En cas de doute ou de traitement médical en cours, consultez votre médecin avant de commencer une cure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"ash-accordion\"\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Ce produit n'est pas un médicament et ne peut en aucun cas remplacer un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e🌿 L'histoire de l'Ashwagandha\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cp\u003eSurnommée le \"ginseng indien\", l'Ashwagandha est utilisée depuis plus de 3000 ans dans la médecine traditionnelle ayurvédique. Son nom sanskrit signifie littéralement \"odeur du cheval\", faisant référence à la force et la vigueur qu'elle procurerait. Ce qui rend cette plante unique, c'est son action adaptogène : elle s'adapte intelligemment aux besoins de votre organisme.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ash-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"ash-cta-box\"\u003e\n      \u003cp\u003e🌿 Retrouvez sérénité et vitalité avec cette plante adaptogène millénaire, pilier de l'Ayurvéda depuis plus de 3000 ans. Une formule pure, certifiée bio, pour vous accompagner naturellement au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --ash-cream: #FAF8F3;\n  --ash-white: #ffffff;\n  --ash-primary: #00A5B5;\n  --ash-primary-dark: #008999;\n  --ash-primary-light: #E6F7F9;\n  --ash-secondary: #E8B44D;\n  --ash-secondary-dark: #C9952D;\n  --ash-accent: #8B5A2B;\n  --ash-text: #1a1a1a;\n  --ash-text-light: #5a5a5a;\n  --ash-border: #e0e0e0;\n  --ash-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ash-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ash-radius: 20px;\n  --ash-radius-sm: 12px;\n}\n\n.ash-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ash-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ash-hero {\n  position: relative;\n  background: linear-gradient(135deg, #00A5B5 0%, #008999 50%, #006B77 100%);\n  border-radius: var(--ash-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(--ash-shadow-lg);\n}\n\n.ash-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 25c-8 0-15 3-15 7v3h30v-3c0-4-7-7-15-7z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.ash-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ash-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.ash-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(--ash-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ash-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.ash-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.ash-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.ash-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(13px, 2vw, 16px);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.ash-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ash-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ash-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.ash-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(--ash-primary), var(--ash-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.ash-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ash-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ash-card {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ash-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ash-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ash-shadow-lg);\n  border-color: var(--ash-primary);\n}\n\n.ash-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ash-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ash-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ash-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.ash-grid-compact .ash-card {\n  padding: 1rem;\n}\n\n.ash-grid-compact .ash-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ash-grid-compact .ash-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ash-composition-box {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ash-shadow);\n}\n\n.ash-ingredient-main {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  padding: 1.25rem;\n  background: linear-gradient(135deg, var(--ash-primary-light) 0%, #E6F9F3 100%);\n  border-radius: var(--ash-radius-sm);\n  margin-bottom: 1rem;\n  flex-wrap: wrap;\n}\n\n.ash-ingredient-icon {\n  font-size: 2.5rem;\n  flex-shrink: 0;\n}\n\n.ash-ingredient-info {\n  flex: 1;\n  min-width: 150px;\n}\n\n.ash-ingredient-name {\n  display: block;\n  font-weight: 800;\n  font-size: clamp(15px, 2.5vw, 18px);\n  color: var(--ash-primary-dark);\n}\n\n.ash-ingredient-latin {\n  display: block;\n  font-size: 13px;\n  color: var(--ash-text-light);\n  font-style: italic;\n}\n\n.ash-ingredient-dose {\n  font-size: clamp(24px, 5vw, 32px);\n  font-weight: 900;\n  color: var(--ash-primary);\n}\n\n.ash-ingredient-secondary {\n  text-align: center;\n  padding: .75rem;\n  color: var(--ash-text-light);\n  font-size: 14px;\n  border-bottom: 1px solid var(--ash-border);\n  margin-bottom: 1rem;\n}\n\n.ash-clean-label {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .5rem 1rem;\n}\n\n.ash-clean-label span {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--ash-accent);\n}\n\n\/* === USAGE BOX === *\/\n.ash-usage-box {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ash-shadow);\n}\n\n.ash-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.ash-usage-item {\n  text-align: center;\n  padding: 1rem;\n  background: var(--ash-primary-light);\n  border-radius: var(--ash-radius-sm);\n}\n\n.ash-usage-number {\n  display: block;\n  font-size: clamp(28px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ash-primary);\n}\n\n.ash-usage-label {\n  display: block;\n  font-size: 13px;\n  color: var(--ash-text-light);\n  font-weight: 600;\n  margin-top: .25rem;\n}\n\n.ash-tips {\n  display: grid;\n  gap: .75rem;\n}\n\n.ash-tip {\n  padding: 1rem;\n  background: linear-gradient(135deg, #FFF9E6 0%, #FFF5D6 100%);\n  border-radius: var(--ash-radius-sm);\n  font-size: 14px;\n  color: var(--ash-text);\n  border-left: 4px solid var(--ash-secondary);\n}\n\n\/* === ACCORDÉON === *\/\n.ash-accordion {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  box-shadow: var(--ash-shadow);\n  overflow: hidden;\n}\n\n.ash-accordion-item {\n  border-bottom: 1px solid var(--ash-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ash-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ash-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ash-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.ash-accordion-header:hover {\n  background: var(--ash-primary-light);\n}\n\n.ash-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ash-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ash-primary);\n  transition: transform .2s ease;\n}\n\n.ash-accordion-item[open] .ash-accordion-header::after {\n  content: '−';\n}\n\n.ash-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ash-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.ash-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.ash-cta-box {\n  background: linear-gradient(135deg, var(--ash-primary) 0%, var(--ash-primary-dark) 100%);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ash-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -50%;\n  width: 100%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n  pointer-events: none;\n}\n\n.ash-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  position: relative;\n  z-index: 1;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .ash-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .ash-card {\n    padding: 1.125rem;\n  }\n  \n  .ash-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .ash-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ash-radius-sm);\n  }\n  \n  .ash-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .ash-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .ash-grid-compact {\n    gap: .625rem;\n  }\n  \n  .ash-grid-compact .ash-card {\n    padding: .75rem;\n  }\n  \n  .ash-usage-grid {\n    grid-template-columns: 1fr;\n    gap: .75rem;\n  }\n  \n  .ash-usage-item {\n    padding: .75rem;\n  }\n  \n  .ash-ingredient-main {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .ash-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .ash-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ash-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .ash-card:nth-child(1) { animation-delay: .05s; }\n  .ash-card:nth-child(2) { animation-delay: .1s; }\n  .ash-card:nth-child(3) { animation-delay: .15s; }\n  .ash-card:nth-child(4) { animation-delay: .2s; }\n  .ash-card:nth-child(5) { animation-delay: .25s; }\n  .ash-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\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  .ash-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755289370781,"sku":"AY1214","price":19.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ashwagandha-bio-60-gelules-revitalisant-anti-stress-ayur-van-ingredients.jpg?v=1768131344"},{"product_id":"epigalance-protection-cellulaire-120-gelules-jade-recherche","title":"Epigalance - Protection Cellulaire - 120 Gélules - Jade Recherche","description":"\u003cdiv class=\"eg-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"eg-hero\"\u003e\n    \u003cdiv class=\"eg-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"eg-hero-content\"\u003e\n      \u003cdiv class=\"eg-badges-top\"\u003e\n        \u003cspan class=\"eg-badge\"\u003e🍃 EGCG haute concentration\u003c\/span\u003e\n        \u003cspan class=\"eg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"eg-badge\"\u003e🌱 120 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"eg-hero-title\"\u003eEpigalance\u003c\/span\u003e\n      \u003cp class=\"eg-subtitle\"\u003eProtection cellulaire par Jade Recherche\u003c\/p\u003e\n      \u003cp class=\"eg-description\"\u003eLe pouvoir antioxydant du thé vert concentré en EGCG, optimisé par la pipérine pour une absorption maximale. 2 580 mg de Camellia sinensis par dose journalière.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"eg-section\"\u003e\n    \u003ch2\u003eEpigalance de Jade Recherche : l'antioxydant complément alimentaire pour votre protection cellulaire\u003c\/h2\u003e\n    \u003cp class=\"eg-section-intro\"\u003eVous cherchez un moyen naturel de \u003cstrong\u003erenforcer vos défenses immunitaires\u003c\/strong\u003e et de protéger vos cellules contre le stress oxydatif ?\u003c\/p\u003e\n    \u003cdiv class=\"eg-grid-compact\"\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e🛡️ Bouclier antioxydant\u003c\/h3\u003e\n        \u003cp\u003eConcentré en EGCG, le polyphénol le plus puissant du thé vert, pour neutraliser les radicaux libres\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e🧬 Capital cellulaire\u003c\/h3\u003e\n        \u003cp\u003eProtège vos cellules au quotidien contre le stress oxydatif et le vieillissement prématuré\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e🌿 100 % végétal\u003c\/h3\u003e\n        \u003cp\u003e120 gélules végétales HPMC, formulées par Jade Recherche pour une cure longue durée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e⚡ Synergie pipérine\u003c\/h3\u003e\n        \u003cp\u003eLa pipérine du poivre noir booste l'absorption de l'EGCG pour un bénéfice réel et mesurable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"eg-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un complément alimentaire riche en EGCG ?\u003c\/h2\u003e\n    \u003cdiv class=\"eg-highlight-box\"\u003e\n      \u003cp\u003eL'EGCG est une catéchine extraite du \u003cstrong\u003eCamellia sinensis\u003c\/strong\u003e (thé vert), abondamment étudiée pour ses propriétés antioxydantes exceptionnelles. Elle aide à \u003cstrong\u003eneutraliser les radicaux libres\u003c\/strong\u003e, ces molécules instables qui accélèrent le vieillissement cellulaire et fragilisent vos défenses immunitaires. En intégrant Epigalance à votre routine, vous offrez à votre organisme un bouclier naturel contre le stress oxydatif quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"eg-tip\"\u003e\n      \u003cspan class=\"eg-tip-icon\"\u003e🔬\u003c\/span\u003e\n      \u003cp\u003eContrairement à de nombreux compléments de défenses immunitaires, Epigalance associe l'EGCG à la \u003cstrong\u003epipérine issue du poivre noir\u003c\/strong\u003e. Cette synergie est essentielle : la pipérine améliore significativement la biodisponibilité de l'EGCG, permettant à votre corps d'en absorber davantage et d'en tirer un bénéfice réel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"eg-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 6 gélules (dose journalière recommandée)\u003c\/h2\u003e\n    \u003cdiv class=\"eg-grid\"\u003e\n      \u003cdiv class=\"eg-card eg-card-ingredient\"\u003e\n        \u003ch3\u003e🍵 2 580 mg de Camellia sinensis\u003c\/h3\u003e\n        \u003cp\u003eExtrait aqueux de thé vert titré à 50 % de polyphénols, dont 35 % d'EGCG (épigallocatéchine gallate)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-card eg-card-ingredient\"\u003e\n        \u003ch3\u003e🌶️ 30 mg de Piper nigrum\u003c\/h3\u003e\n        \u003cp\u003eExtrait de poivre noir titré à 95 % de pipérine pour une absorption optimale des actifs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-card eg-card-ingredient\"\u003e\n        \u003ch3\u003e💊 Gélules végétales HPMC\u003c\/h3\u003e\n        \u003cp\u003eEnveloppe 100 % d'origine végétale avec stéarate de magnésium comme agent d'enrobage\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"eg-tip\"\u003e\n      \u003cspan class=\"eg-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eChaque gélule est dosée à \u003cstrong\u003e460 mg\u003c\/strong\u003e. Formule \u003cstrong\u003esans OGM, sans gluten et sans additifs chimiques\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"eg-section\"\u003e\n    \u003ch2\u003eComment prendre Epigalance ? Conseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"eg-timeline\"\u003e\n      \u003cdiv class=\"eg-timeline-item\"\u003e\n        \u003cdiv class=\"eg-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"eg-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e4 à 8 gélules par jour\u003c\/strong\u003e, réparties en deux prises, avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-timeline-item\"\u003e\n        \u003cdiv class=\"eg-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"eg-timeline-content\"\u003e\n          \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n          \u003cp\u003eDe préférence \u003cstrong\u003eau moment des repas\u003c\/strong\u003e pour une meilleure tolérance digestive et une absorption optimale\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-timeline-item\"\u003e\n        \u003cdiv class=\"eg-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"eg-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e3 à 6 mois\u003c\/strong\u003e est conseillée pour un renforcement optimal des défenses immunitaires\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-timeline-item\"\u003e\n        \u003cdiv class=\"eg-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"eg-timeline-content\"\u003e\n          \u003ch3\u003eProgression\u003c\/h3\u003e\n          \u003cp\u003eCommencez par 4 gélules et augmentez progressivement selon vos besoins et les recommandations de votre professionnel de santé\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"eg-section\"\u003e\n    \u003ch2\u003eLes bienfaits d'Epigalance au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"eg-grid\"\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e🧬 Protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eAide à préserver l'intégrité de l'ADN et des membranes cellulaires face aux agressions oxydatives\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e🛡️ Soutien des défenses immunitaires\u003c\/h3\u003e\n        \u003cp\u003eLes polyphénols du thé vert participent au bon fonctionnement du système immunitaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e🔥 Métabolisme des graisses\u003c\/h3\u003e\n        \u003cp\u003eL'EGCG favorise l'oxydation lipidique et soutient un métabolisme sain au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e⚡ Absorption optimisée\u003c\/h3\u003e\n        \u003cp\u003eGrâce à la pipérine, l'assimilation des principes actifs est maximisée pour un bénéfice réel\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"eg-section\"\u003e\n    \u003ch2\u003eFabrication française et qualité Jade Recherche\u003c\/h2\u003e\n    \u003cdiv class=\"eg-testimonial\"\u003e\n      \u003cp class=\"eg-testimonial-text\"\u003eEpigalance est \u003cstrong\u003efabriqué en France\u003c\/strong\u003e par Jade Recherche, un laboratoire reconnu pour la rigueur de ses formulations naturelles. Les gélules végétales garantissent un produit adapté aux régimes végétariens et végétaliens. Chaque lot est contrôlé pour assurer une qualité irréprochable.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"eg-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eLaboratoire Jade Recherche\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e🌱 Végétalien\u003c\/h3\u003e\n        \u003cp\u003eGélules HPMC végétales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e🔍 Contrôle qualité\u003c\/h3\u003e\n        \u003cp\u003eChaque lot testé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eg-card\"\u003e\n        \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n        \u003cp\u003eSans OGM, sans gluten\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"eg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément antioxydant ?\u003c\/h2\u003e\n    \u003cp class=\"eg-section-intro\"\u003eEpigalance convient à toute personne souhaitant \u003cstrong\u003ebooster ses défenses immunitaires\u003c\/strong\u003e de manière naturelle, lutter contre le vieillissement prématuré ou simplement adopter une démarche préventive face au stress oxydatif.\u003c\/p\u003e\n    \u003cdiv class=\"eg-cta-box\"\u003e\n      \u003cp\u003eSi vous vous demandez comment booster vos défenses immunitaires efficacement, Epigalance constitue une réponse concrète et bien dosée — 2 580 mg de thé vert + pipérine pour une protection cellulaire optimale.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"eg-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants. Consultez votre médecin en cas de doute ou de traitement en cours.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --eg-cream: #f7f6f1;\n  --eg-white: #ffffff;\n  --eg-primary: #6b8e23;\n  --eg-primary-dark: #3d5a0f;\n  --eg-primary-light: #eef3e2;\n  --eg-secondary: #a8c256;\n  --eg-accent: #c9a33a;\n  --eg-text: #1a1a1a;\n  --eg-text-light: #5a5a5a;\n  --eg-border: #e0e0e0;\n  --eg-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --eg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --eg-radius: 20px;\n  --eg-radius-sm: 12px;\n}\n\n.eg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--eg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.eg-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3d5a0f 0%, #6b8e23 45%, #a8c256 100%);\n  border-radius: var(--eg-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(--eg-shadow-lg);\n}\n\n.eg-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,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(201,163,58,.1) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.eg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.eg-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.eg-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.eg-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n.eg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.eg-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(--eg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.eg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.eg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.eg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--eg-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.3;\n}\n\n.eg-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(--eg-primary), var(--eg-accent));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.eg-card {\n  background: var(--eg-white);\n  border-radius: var(--eg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--eg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.eg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--eg-shadow-lg);\n  border-color: var(--eg-primary);\n}\n\n.eg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--eg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.eg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--eg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.eg-card-ingredient {\n  border-left: 4px solid var(--eg-secondary);\n  text-align: left;\n}\n\n\/* === GRILLES === *\/\n.eg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.eg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.eg-grid-compact .eg-card {\n  padding: 1rem;\n}\n\n.eg-grid-compact .eg-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.eg-grid-compact .eg-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.eg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.eg-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.eg-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--eg-primary), var(--eg-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.eg-timeline-content {\n  flex: 1;\n  background: var(--eg-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--eg-radius-sm);\n  box-shadow: var(--eg-shadow);\n}\n\n.eg-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--eg-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.eg-timeline-content p {\n  font-size: 14px;\n  color: var(--eg-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.eg-testimonial {\n  background: var(--eg-white);\n  border-radius: var(--eg-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--eg-shadow);\n  border-left: 4px solid var(--eg-primary);\n}\n\n.eg-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--eg-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.eg-highlight-box {\n  background: var(--eg-white);\n  border-radius: var(--eg-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--eg-shadow);\n  margin-bottom: 1.25rem;\n}\n\n.eg-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--eg-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.eg-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--eg-primary-light);\n  border-radius: var(--eg-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.eg-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.eg-tip p {\n  font-size: 14px;\n  color: var(--eg-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.eg-cta-box {\n  background: linear-gradient(135deg, var(--eg-primary) 0%, var(--eg-primary-dark) 100%);\n  border-radius: var(--eg-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.eg-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.eg-disclaimer {\n  font-size: 12px;\n  color: var(--eg-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.eg-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--eg-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\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .eg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .eg-card {\n    padding: 1.125rem;\n  }\n\n  .eg-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .eg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--eg-radius-sm);\n  }\n\n  .eg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .eg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .eg-grid-compact {\n    gap: .625rem;\n  }\n\n  .eg-grid-compact .eg-card {\n    padding: .75rem;\n  }\n\n  .eg-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .eg-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .eg-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .eg-timeline-content p {\n    font-size: 13px;\n  }\n\n  .eg-testimonial {\n    padding: 1.25rem;\n  }\n\n  .eg-testimonial-text {\n    font-size: 14px;\n  }\n\n  .eg-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .eg-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .eg-card {\n    animation: egFadeInUp .5s ease backwards;\n  }\n  .eg-card:nth-child(1) { animation-delay: .05s; }\n  .eg-card:nth-child(2) { animation-delay: .1s; }\n  .eg-card:nth-child(3) { animation-delay: .15s; }\n  .eg-card:nth-child(4) { animation-delay: .2s; }\n  .eg-card:nth-child(5) { animation-delay: .25s; }\n  .eg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes egFadeInUp {\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  .eg-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755291369629,"sku":"JADEPIG120","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/epigalance-protection-cellulaire-120-gelules-jade-recherche-packshothd_6ea162f8-0e3b-47f8-89e1-fdd505d47897.webp?v=1786012931"},{"product_id":"carencea-repondre-a-la-majorite-des-carences-et-besoins-120-gelules-jade-recherche","title":"Carencéa Jade Recherche - Vitamine D3\/K2 Magnésium B6 - 120 gélules","description":"\u003cdiv class=\"crc-premium\"\u003e\n  \u003cdiv class=\"crc-hero\"\u003e\n    \u003cdiv class=\"crc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"crc-hero-content\"\u003e\n      \u003cdiv class=\"crc-badges-top\"\u003e\n        \u003cspan class=\"crc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"crc-badge\"\u003e💊 120 gélules\u003c\/span\u003e\n        \u003cspan class=\"crc-badge\"\u003e📅 60 jours de cure\u003c\/span\u003e\n        \u003cspan class=\"crc-badge\"\u003e🌱 Sans OGM\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"crc-hero-title\"\u003eCarencéa D3\/K2 + Magnésium B6\u003c\/span\u003e\n      \u003cp class=\"crc-subtitle\"\u003eLa formule complète anti-carences\u003c\/p\u003e\n      \u003cp class=\"crc-description\"\u003eUn complément alimentaire \u003cstrong\u003esynergique et hautement assimilable\u003c\/strong\u003e qui associe vitamine D3, K2, magnésium bisglycinate, B6, iode marin, taurine, spiruline et vitamine E pour combler les principales carences du quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"crc-section\"\u003e\n    \u003ch2\u003ePourquoi associer vitamine D3, K2 et magnésium ?\u003c\/h2\u003e\n    \u003cp class=\"crc-section-intro\"\u003eL'association \u003cstrong\u003evitamine D3 et K2\u003c\/strong\u003e est aujourd'hui considérée comme l'un des duos les plus pertinents en micronutrition.\u003c\/p\u003e\n    \u003cdiv class=\"crc-grid\"\u003e\n      \u003cdiv class=\"crc-card\"\u003e\n        \u003ch3\u003e☀️ Vitamine D3\u003c\/h3\u003e\n        \u003cp\u003eFavorise l'absorption du calcium par l'organisme, base d'une ossature solide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crc-card\"\u003e\n        \u003ch3\u003e🦴 Vitamine K2\u003c\/h3\u003e\n        \u003cp\u003eOriente ce calcium vers les os et les dents plutôt que vers les artères.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crc-card\"\u003e\n        \u003ch3\u003e⚡ Magnésium + B6\u003c\/h3\u003e\n        \u003cp\u003eLe binôme le plus recommandé pour réduire la fatigue et apaiser le système nerveux. La B6 améliore l'assimilation cellulaire du magnésium.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crc-section\"\u003e\n    \u003ch2\u003eLes bienfaits de Carencéa au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"crc-grid\"\u003e\n      \u003cdiv class=\"crc-card\"\u003e\n        \u003ch3\u003e💪 Réduction de la fatigue\u003c\/h3\u003e\n        \u003cp\u003eGrâce au magnésium bisglycinate et à la vitamine B6, pour retrouver tonus et vitalité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crc-card\"\u003e\n        \u003ch3\u003e🛡️ Soutien immunitaire \u0026amp; osseux\u003c\/h3\u003e\n        \u003cp\u003eVitamines D3 et K2, idéales en cure automne-hiver pour renforcer vos défenses.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crc-card\"\u003e\n        \u003ch3\u003e🌿 Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine E protège vos cellules du stress oxydatif au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crc-card\"\u003e\n        \u003ch3\u003e✨ Vitalité globale\u003c\/h3\u003e\n        \u003cp\u003eLa spiruline et la taurine apportent un coup de boost naturel à votre énergie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crc-card\"\u003e\n        \u003ch3\u003e🌊 Équilibre thyroïdien\u003c\/h3\u003e\n        \u003cp\u003eSoutenu par l'iode naturel de Fucus vesiculosus, essentiel au métabolisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crc-card\"\u003e\n        \u003ch3\u003e🧠 Système nerveux apaisé\u003c\/h3\u003e\n        \u003cp\u003eMagnésium + B6 : la combinaison idéale pour gérer stress et tensions.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crc-section\"\u003e\n    \u003ch2\u003eComposition détaillée (pour 2 gélules)\u003c\/h2\u003e\n    \u003cdiv class=\"crc-grid-compact\"\u003e\n      \u003cdiv class=\"crc-card\"\u003e\n        \u003ch3\u003e⚡ Magnésium bisglycinate\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e340 mg\u003c\/strong\u003e (90 % AR)\u003cbr\u003eForme chélatée très biodisponible\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crc-card\"\u003e\n        \u003ch3\u003e🌿 Spiruline\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e200 mg\u003c\/strong\u003e\u003cbr\u003eSuperaliment riche en nutriments\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crc-card\"\u003e\n        \u003ch3\u003e💧 Taurine\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e100 mg\u003c\/strong\u003e\u003cbr\u003eAcide aminé énergisant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crc-card\"\u003e\n        \u003ch3\u003e🦴 Vitamine K2 (MK-7)\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e105 µg\u003c\/strong\u003e (140 % AR)\u003cbr\u003eForme la plus assimilable\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crc-card\"\u003e\n        \u003ch3\u003e☀️ Vitamine D3\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e50 µg \/ 2000 UI\u003c\/strong\u003e (1000 % AR)\u003cbr\u003eCholécalciférol\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crc-card\"\u003e\n        \u003ch3\u003e🌟 Vitamine E\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e30 mg\u003c\/strong\u003e (250 % AR)\u003cbr\u003ePuissant antioxydant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crc-card\"\u003e\n        \u003ch3\u003e🌊 Fucus vesiculosus\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e40 mg\u003c\/strong\u003e\u003cbr\u003eSource d'iode marin naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crc-card\"\u003e\n        \u003ch3\u003e🧬 Vitamine B6\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e1,6 mg\u003c\/strong\u003e (114 % AR)\u003cbr\u003eSynergie avec le magnésium\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"crc-tip\"\u003e\n      \u003cspan class=\"crc-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003e120 gélules par flacon\u003c\/strong\u003e, soit 60 jours de cure. Gélule végétale HPMC. Sans colorants, sans conservateurs controversés, sans OGM.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crc-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"crc-timeline\"\u003e\n      \u003cdiv class=\"crc-timeline-item\"\u003e\n        \u003cdiv class=\"crc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"crc-timeline-content\"\u003e\n          \u003ch3\u003e💊 Posologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003e2 gélules par jour, le matin, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crc-timeline-item\"\u003e\n        \u003cdiv class=\"crc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"crc-timeline-content\"\u003e\n          \u003ch3\u003e🍽️ Au cours du repas\u003c\/h3\u003e\n          \u003cp\u003eIdéalement pendant un repas pour optimiser l'absorption des vitamines liposolubles (D3, K2, E).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crc-timeline-item\"\u003e\n        \u003cdiv class=\"crc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"crc-timeline-content\"\u003e\n          \u003ch3\u003e📅 Durée recommandée\u003c\/h3\u003e\n          \u003cp\u003eUne cure de 1 à 2 mois, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crc-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Carencéa plutôt qu'une vitamine D3 et K2 en pharmacie ?\u003c\/h2\u003e\n    \u003cp class=\"crc-section-intro\"\u003eContrairement aux produits classiques limités à deux actifs, Carencéa propose une \u003cstrong\u003eformule globale\u003c\/strong\u003e couvrant l'essentiel des carences modernes.\u003c\/p\u003e\n    \u003cdiv class=\"crc-grid-compact\"\u003e\n      \u003cdiv class=\"crc-card\"\u003e\n        \u003ch3\u003e🎯 Formule complète\u003c\/h3\u003e\n        \u003cp\u003e8 actifs synergiques en un seul flacon, au lieu de cumuler plusieurs produits.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crc-card\"\u003e\n        \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n        \u003cp\u003eUne solution tout-en-un, plus avantageuse que l'achat séparé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eSelon des normes strictes de qualité et de traçabilité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crc-card\"\u003e\n        \u003ch3\u003e🌱 Hautement assimilable\u003c\/h3\u003e\n        \u003cp\u003eMagnésium bisglycinate chélaté, K2 MK-7, formes biodisponibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crc-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"crc-accordion\"\u003e\n      \u003cdetails class=\"crc-accordion-item\"\u003e\n        \u003csummary class=\"crc-accordion-header\"\u003e👤 Public concerné\u003c\/summary\u003e\n        \u003cdiv class=\"crc-accordion-content mt-3\"\u003e\n          \u003cp\u003eRéservé à l'adulte. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"crc-accordion-item\"\u003e\n        \u003csummary class=\"crc-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"crc-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé en cas de grossesse, d'allaitement ou de traitement anticoagulant sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"crc-accordion-item\"\u003e\n        \u003csummary class=\"crc-accordion-header\"\u003e🍎 Hygiène de vie\u003c\/summary\u003e\n        \u003cdiv class=\"crc-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée, équilibrée et un mode de vie sain, ni un traitement médical en cours.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"crc-accordion-item\"\u003e\n        \u003csummary class=\"crc-accordion-header\"\u003e👨‍⚕️ Conseils professionnels\u003c\/summary\u003e\n        \u003cdiv class=\"crc-accordion-content mt-3\"\u003e\n          \u003cp\u003eDemandez conseil à un professionnel de santé en cas de doute.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"crc-accordion-item\"\u003e\n        \u003csummary class=\"crc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"crc-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des enfants. À conserver dans un endroit frais et sec.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"crc-cta-box\"\u003e\n      \u003cp\u003e🌟 Une formule synergique unique pour combler vos carences quotidiennes et retrouver vitalité, énergie et bien-être au naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"crc-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée, ni à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --crc-cream: #fdf8f3;\n  --crc-white: #ffffff;\n  --crc-primary: #e87722;\n  --crc-primary-dark: #c45a0e;\n  --crc-primary-light: #fdebd9;\n  --crc-secondary: #1e3a5f;\n  --crc-accent: #f5a04a;\n  --crc-text: #1a1a1a;\n  --crc-text-light: #5a5a5a;\n  --crc-border: #e8dcc8;\n  --crc-shadow: 0 4px 24px rgba(232,119,34,.10);\n  --crc-shadow-lg: 0 12px 48px rgba(232,119,34,.18);\n  --crc-radius: 20px;\n  --crc-radius-sm: 12px;\n}\n\n.crc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--crc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--crc-text);\n}\n\n.crc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #f5a04a 0%, #e87722 50%, #c45a0e 100%);\n  border-radius: var(--crc-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(--crc-shadow-lg);\n}\n\n.crc-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,.4) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n  opacity: .15;\n}\n\n.crc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.crc-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  line-height: 1.1;\n}\n\n.crc-subtitle {\n  color: white;\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  opacity: .95;\n}\n\n.crc-description {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 720px;\n  margin: 0 auto;\n  opacity: .95;\n}\n\n.crc-description strong {\n  color: white;\n  font-weight: 700;\n}\n\n.crc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.crc-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(--crc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.crc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.crc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.crc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--crc-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.crc-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(--crc-primary), var(--crc-secondary));\n  border-radius: 2px;\n}\n\n.crc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--crc-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.crc-section-intro strong {\n  color: var(--crc-primary-dark);\n}\n\n.crc-section \u003e p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--crc-text-light);\n  line-height: 1.8;\n  max-width: 820px;\n  margin: 0 auto 1rem;\n}\n\n.crc-section \u003e p strong {\n  color: var(--crc-primary-dark);\n  font-weight: 700;\n}\n\n.crc-card {\n  background: var(--crc-white);\n  border-radius: var(--crc-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--crc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.crc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--crc-shadow-lg);\n  border-color: var(--crc-primary);\n}\n\n.crc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--crc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.crc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--crc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.crc-card p strong {\n  color: var(--crc-secondary);\n  font-weight: 800;\n  font-size: 1.05em;\n}\n\n.crc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.crc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.crc-grid-compact .crc-card {\n  padding: 1rem;\n}\n\n.crc-grid-compact .crc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.crc-grid-compact .crc-card p {\n  font-size: 12px;\n}\n\n.crc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.crc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.crc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--crc-primary), var(--crc-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  box-shadow: 0 4px 12px rgba(232,119,34,.3);\n}\n\n.crc-timeline-content {\n  flex: 1;\n  background: var(--crc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--crc-radius-sm);\n  box-shadow: var(--crc-shadow);\n}\n\n.crc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--crc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.crc-timeline-content p {\n  font-size: 14px;\n  color: var(--crc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.crc-accordion {\n  background: var(--crc-white);\n  border-radius: var(--crc-radius);\n  box-shadow: var(--crc-shadow);\n  overflow: hidden;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.crc-accordion-item {\n  border-bottom: 1px solid var(--crc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.crc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.crc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--crc-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.crc-accordion-header:hover {\n  background: var(--crc-primary-light);\n}\n\n.crc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.crc-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--crc-primary);\n  transition: transform .2s ease;\n}\n\n.crc-accordion-item[open] .crc-accordion-header::after {\n  content: '−';\n}\n\n.crc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--crc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.crc-accordion-content p {\n  margin: 0;\n}\n\n.crc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--crc-primary-light);\n  border-radius: var(--crc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--crc-primary);\n}\n\n.crc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.crc-tip p {\n  font-size: 14px;\n  color: var(--crc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.crc-cta-box {\n  background: linear-gradient(135deg, var(--crc-primary) 0%, var(--crc-primary-dark) 100%);\n  border-radius: var(--crc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--crc-shadow-lg);\n}\n\n.crc-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,.15);\n  margin: 0;\n}\n\n.crc-disclaimer {\n  font-size: 12px;\n  color: var(--crc-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .crc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .crc-card { padding: 1.125rem; }\n  .crc-section { margin-bottom: 1.75rem; }\n  .crc-hero {\n    padding: 2.25rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--crc-radius-sm);\n  }\n  .crc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .crc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .crc-grid-compact { gap: .625rem; }\n  .crc-grid-compact .crc-card { padding: .75rem; }\n  .crc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .crc-timeline-content { padding: .875rem 1rem; }\n  .crc-timeline-content h3 { font-size: 14px; }\n  .crc-timeline-content p { font-size: 13px; }\n  .crc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .crc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .crc-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .crc-card:nth-child(1) { animation-delay: .05s; }\n  .crc-card:nth-child(2) { animation-delay: .1s; }\n  .crc-card:nth-child(3) { animation-delay: .15s; }\n  .crc-card:nth-child(4) { animation-delay: .2s; }\n  .crc-card:nth-child(5) { animation-delay: .25s; }\n  .crc-card:nth-child(6) { animation-delay: .3s; }\n  .crc-card:nth-child(7) { animation-delay: .35s; }\n  .crc-card:nth-child(8) { animation-delay: .4s; }\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  .crc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755298250909,"sku":"JADECARENCEA","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/carencea-jade-recherche-vitamine-d3k2-magnesium-b6-120-gelul-packshothd.webp?v=1786012501"},{"product_id":"samavance-fatigue-et-stress-30-ou-60-gelules-jade-recherche","title":"Samavance - Fatigue et Stress - 30 Gélules - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Samavance - Fatigue et Stress - Jade Recherche\nPalette détectée:\n  - Primaire: #2E7D32 (vert profond du packaging - évoque la nature, spiruline)\n  - Secondaire: #1565C0 (bleu du bandeau inférieur - confiance, sérénité)\n  - Accent: #4CAF50 (vert clair du logo \"sam\" - fraîcheur, vitalité)\nAmbiance: Naturel\/scientifique, bien-être, formule apaisante avec fond d'herbe\/nature suggérant le retour à l'équilibre\nPréfixe CSS: sam\n--\u003e\n\u003cdiv class=\"sam-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"sam-hero\"\u003e\n\u003cdiv class=\"sam-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sam-hero-content\"\u003e\n\u003cdiv class=\"sam-badges-top\"\u003e\n\u003cspan class=\"sam-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"sam-badge\"\u003e🌿 Formule naturelle\u003c\/span\u003e \u003cspan class=\"sam-badge\"\u003e💊 Gastro-résistant\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sam-hero-title\"\u003eSamavance\u003c\/span\u003e\n\u003cp class=\"sam-subtitle\"\u003eFatigue \u0026amp; Stress\u003c\/p\u003e\n\u003cp class=\"sam-description\"\u003eLa synergie SAM-e, Rhodiola et Spiruline pour retrouver votre vitalité et votre sérénité intérieure\u003c\/p\u003e\n\u003cdiv class=\"sam-hero-highlights\"\u003e\n\u003cdiv class=\"sam-highlight\"\u003e\n\u003cspan class=\"sam-highlight-value\"\u003e200 mg\u003c\/span\u003e \u003cspan class=\"sam-highlight-label\"\u003eSAM-e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-highlight\"\u003e\n\u003cspan class=\"sam-highlight-value\"\u003e120 mg\u003c\/span\u003e \u003cspan class=\"sam-highlight-label\"\u003eRhodiola\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-highlight\"\u003e\n\u003cspan class=\"sam-highlight-value\"\u003e20 mg\u003c\/span\u003e \u003cspan class=\"sam-highlight-label\"\u003eSpiruline\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- À QUI S'ADRESSE-T-IL --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse le Samavance ?\u003c\/h2\u003e\n\u003cp class=\"sam-intro-text\"\u003eCe complément alimentaire cible particulièrement les personnes confrontées aux défis du quotidien moderne.\u003c\/p\u003e\n\u003cdiv class=\"sam-grid\"\u003e\n\u003cdiv class=\"sam-card sam-profile-card\"\u003e\n\u003cspan class=\"sam-card-icon\"\u003e💼\u003c\/span\u003e\n\u003ch3\u003eProfessionnels sous pression\u003c\/h3\u003e\n\u003cp\u003eSurmenage au travail, deadlines serrées, charge mentale importante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-card sam-profile-card\"\u003e\n\u003cspan class=\"sam-card-icon\"\u003e📚\u003c\/span\u003e\n\u003ch3\u003eÉtudiants en examens\u003c\/h3\u003e\n\u003cp\u003eBesoin de concentration et de clarté mentale en période intense\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-card sam-profile-card\"\u003e\n\u003cspan class=\"sam-card-icon\"\u003e👨👩👧👦\u003c\/span\u003e\n\u003ch3\u003eParents débordés\u003c\/h3\u003e\n\u003cp\u003eFatigue persistante malgré le repos, équilibre émotionnel fragilisé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-card sam-profile-card\"\u003e\n\u003cspan class=\"sam-card-icon\"\u003e😓\u003c\/span\u003e\n\u003ch3\u003ePersonnes stressées\u003c\/h3\u003e\n\u003cp\u003eStress chronique affectant la qualité de vie et le bien-être\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ACTIFS CLÉS --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003eUne synergie de 3 actifs puissants\u003c\/h2\u003e\n\u003cdiv class=\"sam-ingredients-grid\"\u003e\n\u003cdiv class=\"sam-ingredient-card sam-ingredient-main\"\u003e\n\u003cdiv class=\"sam-ingredient-header\"\u003e\n\u003cspan class=\"sam-ingredient-icon\"\u003e🧬\u003c\/span\u003e\n\u003cdiv class=\"sam-ingredient-dose\"\u003e200 mg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eS-adénosylméthionine (SAM-e)\u003c\/h3\u003e\n\u003cp class=\"sam-ingredient-desc\"\u003eMolécule naturellement présente dans l'organisme, impliquée dans plus de \u003cstrong\u003e100 réactions biochimiques\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cul class=\"sam-ingredient-benefits\"\u003e\n\u003cli\u003eSynthèse des neurotransmetteurs (sérotonine, dopamine)\u003c\/li\u003e\n\u003cli\u003eSoutien de l'humeur et du bien-être mental\u003c\/li\u003e\n\u003cli\u003eRéparation cellulaire et détoxification hépatique\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-ingredient-card\"\u003e\n\u003cdiv class=\"sam-ingredient-header\"\u003e\n\u003cspan class=\"sam-ingredient-icon\"\u003e🌸\u003c\/span\u003e\n\u003cdiv class=\"sam-ingredient-dose\"\u003e120 mg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eRhodiola rosea\u003c\/h3\u003e\n\u003cp class=\"sam-ingredient-desc\"\u003ePlante adaptogène utilisée depuis des siècles dans les médecines traditionnelles scandinaves et russes.\u003c\/p\u003e\n\u003cul class=\"sam-ingredient-benefits\"\u003e\n\u003cli\u003eAdaptation naturelle au stress\u003c\/li\u003e\n\u003cli\u003eRéduction de la fatigue mentale et physique\u003c\/li\u003e\n\u003cli\u003eAmélioration des performances cognitives\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-ingredient-card\"\u003e\n\u003cdiv class=\"sam-ingredient-header\"\u003e\n\u003cspan class=\"sam-ingredient-icon\"\u003e🌊\u003c\/span\u003e\n\u003cdiv class=\"sam-ingredient-dose\"\u003e20 mg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eSpiruline\u003c\/h3\u003e\n\u003cp class=\"sam-ingredient-desc\"\u003eMicro-algue aux propriétés nutritionnelles exceptionnelles, riche en nutriments essentiels.\u003c\/p\u003e\n\u003cul class=\"sam-ingredient-benefits\"\u003e\n\u003cli\u003eProtéines complètes et fer biodisponible\u003c\/li\u003e\n\u003cli\u003eVitamines B et antioxydants\u003c\/li\u003e\n\u003cli\u003eSoutien de l'énergie globale\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION COMPLÈTE --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003eComposition par gélule gastro-résistante\u003c\/h2\u003e\n\u003cdiv class=\"sam-composition-box\"\u003e\n\u003cdiv class=\"sam-composition-grid\"\u003e\n\u003cdiv class=\"sam-composition-item\"\u003e\n\u003cspan class=\"sam-comp-name\"\u003eS-adénosylméthionine (SAM-e)\u003c\/span\u003e \u003cspan class=\"sam-comp-dose\"\u003e200 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-composition-item\"\u003e\n\u003cspan class=\"sam-comp-name\"\u003eExtrait de Rhodiola rosea\u003c\/span\u003e \u003cspan class=\"sam-comp-dose\"\u003e120 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-composition-item\"\u003e\n\u003cspan class=\"sam-comp-name\"\u003eSpiruline\u003c\/span\u003e \u003cspan class=\"sam-comp-dose\"\u003e20 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-composition-item\"\u003e\n\u003cspan class=\"sam-comp-name\"\u003eStéarate de magnésium végétal\u003c\/span\u003e \u003cspan class=\"sam-comp-dose\"\u003e20 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-composition-footer\"\u003e\n\u003cspan\u003eEnveloppe : gélule en gélatine gastro-résistante\u003c\/span\u003e \u003cspan\u003ePoids net : 14,85 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POURQUOI GASTRO-RÉSISTANT --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003ePourquoi une gélule gastro-résistante ?\u003c\/h2\u003e\n\u003cdiv class=\"sam-gastro-box\"\u003e\n\u003cdiv class=\"sam-gastro-content\"\u003e\n\u003cdiv class=\"sam-gastro-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"sam-gastro-text\"\u003e\n\u003cp\u003eLa \u003cstrong\u003eSAM-e est une molécule fragile\u003c\/strong\u003e qui peut être dégradée par l'acidité de l'estomac.\u003c\/p\u003e\n\u003cp\u003eL'enveloppe gastro-résistante permet à la gélule de traverser l'estomac intacte et de libérer ses actifs directement dans l'intestin, là où l'absorption est optimale.\u003c\/p\u003e\n\u003cdiv class=\"sam-gastro-result\"\u003e\n\u003cspan class=\"sam-gastro-result-icon\"\u003e✓\u003c\/span\u003e \u003cspan\u003eBiodisponibilité maximale garantie\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003eComment prendre le Samavance ?\u003c\/h2\u003e\n\u003cdiv class=\"sam-usage-grid\"\u003e\n\u003cdiv class=\"sam-usage-step\"\u003e\n\u003cdiv class=\"sam-step-number\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eDosage\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-usage-step\"\u003e\n\u003cdiv class=\"sam-step-number\"\u003e2\u003c\/div\u003e\n\u003ch3\u003ePrise\u003c\/h3\u003e\n\u003cp\u003eAvaler avec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-usage-step\"\u003e\n\u003cdiv class=\"sam-step-number\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eMoment idéal\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLe matin ou en début d'après-midi\u003c\/strong\u003e pour ne pas perturber le sommeil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-usage-step\"\u003e\n\u003cdiv class=\"sam-step-number\"\u003e4\u003c\/div\u003e\n\u003ch3\u003eDurée\u003c\/h3\u003e\n\u003cp\u003eCure recommandée : \u003cstrong\u003e1 mois minimum\u003c\/strong\u003e, renouvelable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-tip-box\"\u003e\n\u003cspan class=\"sam-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil pratique :\u003c\/strong\u003e commencez par une gélule quotidienne pendant la première semaine pour observer comment votre organisme réagit, puis passez à deux gélules si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- RÉSULTATS ATTENDUS --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003eQuand ressentir les effets ?\u003c\/h2\u003e\n\u003cdiv class=\"sam-timeline\"\u003e\n\u003cdiv class=\"sam-timeline-item\"\u003e\n\u003cdiv class=\"sam-timeline-marker\"\u003e\u003cspan\u003eJours 1-7\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"sam-timeline-content\"\u003e\n\u003ch3\u003ePremiers jours\u003c\/h3\u003e\n\u003cp\u003ePremiers bienfaits possibles sur la \u003cstrong\u003egestion du stress\u003c\/strong\u003e et le sentiment de calme intérieur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-timeline-item\"\u003e\n\u003cdiv class=\"sam-timeline-marker\" style=\"text-align:center;\"\u003e\u003cspan\u003eSemaines\u003cbr\u003e2-3\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"sam-timeline-content\"\u003e\n\u003ch3\u003eAmélioration progressive\u003c\/h3\u003e\n\u003cp\u003eRéduction significative de la \u003cstrong\u003efatigue profonde\u003c\/strong\u003e et amélioration de l'énergie quotidienne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-timeline-item\"\u003e\n\u003cdiv class=\"sam-timeline-marker\"\u003e\u003cspan\u003e1 mois+\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"sam-timeline-content\"\u003e\n\u003ch3\u003eEffets optimaux\u003c\/h3\u003e\n\u003cp\u003eÉquilibre retrouvé, \u003cstrong\u003evitalité durable\u003c\/strong\u003e et meilleure résistance au stress\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sam-warning-box\"\u003e\n\u003cdiv class=\"sam-warning-icon\"\u003e⚠️\u003c\/div\u003e\n\u003cul class=\"sam-warning-list\" style=\"list-style: none;\"\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n\u003cli\u003eConserver à l'abri de la chaleur et de l'humidité\u003c\/li\u003e\n\u003cli\u003eDéconseillé aux femmes enceintes et allaitantes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"sam-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"sam-cta-box\"\u003e\n\u003cdiv class=\"sam-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sam-cta-content\"\u003e\n\u003cspan class=\"sam-cta-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch2\u003eVotre allié naturel contre la fatigue et le stress\u003c\/h2\u003e\n\u003cp\u003eGrâce à sa formule concentrée en SAM-e, Rhodiola et Spiruline, le Samavance vous accompagne au quotidien pour retrouver votre \u003cstrong\u003eénergie\u003c\/strong\u003e et votre \u003cstrong\u003eéquilibre émotionnel\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eUne solution pensée pour votre bien-être global, sans compromis sur la qualité.\u003c\/p\u003e\n\u003cdiv class=\"sam-cta-format\"\u003e\u003cspan\u003e📦 Boîte de 30 gélules gastro-résistantes\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --sam-cream: #f8faf8;\n  --sam-white: #ffffff;\n  --sam-primary: #2E7D32;\n  --sam-primary-dark: #1B5E20;\n  --sam-primary-light: #E8F5E9;\n  --sam-secondary: #1565C0;\n  --sam-secondary-light: #E3F2FD;\n  --sam-accent: #4CAF50;\n\n  \/* Textes *\/\n  --sam-text: #1a1a1a;\n  --sam-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --sam-border: #e0e0e0;\n  --sam-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --sam-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n  --sam-radius: 20px;\n  --sam-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sam-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sam-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--sam-text);\n  line-height: 1.6;\n}\n\n.sam-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.sam-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--sam-primary) 0%, var(--sam-primary-dark) 40%, var(--sam-secondary) 100%);\n  border-radius: var(--sam-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--sam-shadow-lg);\n}\n\n.sam-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n    url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n  opacity: 1;\n}\n\n.sam-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sam-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.sam-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(--sam-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sam-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.sam-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(42px, 9vw, 68px);\n  font-weight: 900;\n  margin: 0 0 0.5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  text-transform: uppercase;\n}\n\n.sam-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(20px, 4vw, 28px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .05em;\n}\n\n.sam-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 2.5vw, 19px);\n  max-width: 600px;\n  margin: 0 auto 2rem auto;\n  line-height: 1.7;\n}\n\n.sam-hero-highlights {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1rem, 4vw, 2.5rem);\n  flex-wrap: wrap;\n}\n\n.sam-highlight {\n  background: rgba(255,255,255,.15);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255,255,255,.25);\n  border-radius: var(--sam-radius-sm);\n  padding: 1rem 1.5rem;\n  text-align: center;\n  min-width: 100px;\n}\n\n.sam-highlight-value {\n  display: block;\n  color: white;\n  font-size: clamp(24px, 5vw, 32px);\n  font-weight: 900;\n}\n\n.sam-highlight-label {\n  display: block;\n  color: rgba(255,255,255,.85);\n  font-size: 13px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.sam-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.sam-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sam-primary-dark);\n  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.sam-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(--sam-primary), var(--sam-secondary));\n  border-radius: 2px;\n}\n\n.sam-intro-text {\n  text-align: center;\n  font-size: clamp(16px, 2.2vw, 18px);\n  color: var(--sam-text-light);\n  max-width: 700px;\n  margin: 0 auto 2rem auto;\n}\n\n\/* === GRILLES === *\/\n.sam-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.sam-card {\n  background: var(--sam-white);\n  border-radius: var(--sam-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--sam-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.sam-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--sam-shadow-lg);\n  border-color: var(--sam-primary);\n}\n\n.sam-card-icon {\n  font-size: 2.5rem;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.sam-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--sam-primary-dark);\n  margin: 0 0 0.75rem 0;\n}\n\n.sam-card p {\n  font-size: 15px;\n  color: var(--sam-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === INGREDIENTS === *\/\n.sam-ingredients-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1.5rem;\n}\n\n.sam-ingredient-card {\n  background: var(--sam-white);\n  border-radius: var(--sam-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--sam-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.sam-ingredient-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sam-shadow-lg);\n  border-color: var(--sam-accent);\n}\n\n.sam-ingredient-main {\n  grid-column: 1 \/ -1;\n  background: linear-gradient(135deg, var(--sam-primary-light) 0%, var(--sam-white) 100%);\n  border: 2px solid var(--sam-primary);\n}\n\n@media (min-width: 900px) {\n  .sam-ingredient-main {\n    grid-column: span 1;\n  }\n  .sam-ingredients-grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n.sam-ingredient-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 1rem;\n}\n\n.sam-ingredient-icon {\n  font-size: 2.5rem;\n}\n\n.sam-ingredient-dose {\n  background: linear-gradient(135deg, var(--sam-primary), var(--sam-accent));\n  color: white;\n  padding: 6px 14px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 800;\n}\n\n.sam-ingredient-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--sam-primary-dark);\n  margin: 0 0 0.75rem 0;\n}\n\n.sam-ingredient-desc {\n  font-size: 14px;\n  color: var(--sam-text-light);\n  margin: 0 0 1rem 0;\n  line-height: 1.6;\n}\n\n.sam-ingredient-benefits {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.sam-ingredient-benefits li {\n  position: relative;\n  padding-left: 1.5rem;\n  margin-bottom: 0.5rem;\n  font-size: 14px;\n  color: var(--sam-text);\n}\n\n.sam-ingredient-benefits li::before {\n  content: '✓';\n  position: absolute;\n  left: 0;\n  color: var(--sam-accent);\n  font-weight: 700;\n}\n\n\/* === COMPOSITION === *\/\n.sam-composition-box {\n  background: var(--sam-white);\n  border-radius: var(--sam-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--sam-shadow);\n  border: 2px solid var(--sam-primary-light);\n}\n\n.sam-composition-grid {\n  display: grid;\n  gap: 0;\n}\n\n.sam-composition-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 0;\n  border-bottom: 1px solid var(--sam-border);\n}\n\n.sam-composition-item:last-child {\n  border-bottom: none;\n}\n\n.sam-comp-name {\n  font-weight: 600;\n  color: var(--sam-text);\n}\n\n.sam-comp-dose {\n  font-weight: 800;\n  color: var(--sam-primary);\n  background: var(--sam-primary-light);\n  padding: 4px 12px;\n  border-radius: 999px;\n  font-size: 14px;\n}\n\n.sam-composition-footer {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem 2rem;\n  margin-top: 1.5rem;\n  padding-top: 1.5rem;\n  border-top: 2px dashed var(--sam-border);\n  font-size: 14px;\n  color: var(--sam-text-light);\n}\n\n\/* === GASTRO BOX === *\/\n.sam-gastro-box {\n  background: linear-gradient(135deg, var(--sam-secondary-light) 0%, var(--sam-white) 100%);\n  border-radius: var(--sam-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 2px solid var(--sam-secondary);\n  box-shadow: var(--sam-shadow);\n}\n\n.sam-gastro-content {\n  display: flex;\n  gap: 2rem;\n  align-items: flex-start;\n}\n\n.sam-gastro-icon {\n  font-size: 4rem;\n  flex-shrink: 0;\n}\n\n.sam-gastro-text p {\n  margin: 0 0 1rem 0;\n  font-size: 16px;\n  color: var(--sam-text);\n  line-height: 1.7;\n}\n\n.sam-gastro-result {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  background: var(--sam-secondary);\n  color: white;\n  padding: 10px 20px;\n  border-radius: 999px;\n  font-weight: 700;\n  font-size: 15px;\n  margin-top: 0.5rem;\n}\n\n.sam-gastro-result-icon {\n  font-size: 18px;\n}\n\n@media (max-width: 600px) {\n  .sam-gastro-content {\n    flex-direction: column;\n    text-align: center;\n  }\n  .sam-gastro-icon {\n    margin: 0 auto;\n  }\n}\n\n\/* === MODE D'EMPLOI === *\/\n.sam-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.sam-usage-step {\n  background: var(--sam-white);\n  border-radius: var(--sam-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  text-align: center;\n  box-shadow: var(--sam-shadow);\n  transition: all .3s ease;\n}\n\n.sam-usage-step:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--sam-shadow-lg);\n}\n\n.sam-step-number {\n  width: 50px;\n  height: 50px;\n  background: linear-gradient(135deg, var(--sam-primary), var(--sam-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  font-weight: 900;\n  margin: 0 auto 1rem auto;\n}\n\n.sam-usage-step h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--sam-primary-dark);\n  margin: 0 0 0.5rem 0;\n  text-transform: uppercase;\n  letter-spacing: .03em;\n}\n\n.sam-usage-step p {\n  font-size: 14px;\n  color: var(--sam-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.sam-tip-box {\n  background: linear-gradient(135deg, #FFF8E1, #FFFDE7);\n  border-radius: var(--sam-radius);\n  padding: 1.5rem 2rem;\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  border: 2px solid #FFD54F;\n}\n\n.sam-tip-icon {\n  font-size: 2rem;\n  flex-shrink: 0;\n}\n\n.sam-tip-box p {\n  margin: 0;\n  font-size: 15px;\n  color: var(--sam-text);\n  line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.sam-timeline {\n  position: relative;\n  padding-left: 2rem;\n}\n\n.sam-timeline::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 4px;\n  background: linear-gradient(to bottom, var(--sam-primary), var(--sam-secondary));\n  border-radius: 2px;\n}\n\n.sam-timeline-item {\n  position: relative;\n  padding: 1.5rem;\n  background: var(--sam-white);\n  border-radius: var(--sam-radius);\n  margin-bottom: 1.5rem;\n  margin-left: 1.5rem;\n  box-shadow: var(--sam-shadow);\n  transition: all .3s ease;\n}\n\n.sam-timeline-item:hover {\n  transform: translateX(5px);\n  box-shadow: var(--sam-shadow-lg);\n}\n\n.sam-timeline-item::before {\n  content: '';\n  position: absolute;\n  left: -1.5rem;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 20px;\n  height: 4px;\n  background: var(--sam-primary);\n}\n\n.sam-timeline-marker {\n  position: absolute;\n  left: -3rem;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  background: linear-gradient(135deg, var(--sam-primary), var(--sam-accent));\n  color: white;\n  padding: 6px 12px;\n  border-radius: 999px;\n  font-size: 11px;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n.sam-timeline-content h3 {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--sam-primary-dark);\n  margin: 0 0 0.5rem 0;\n}\n\n.sam-timeline-content p {\n  font-size: 14px;\n  color: var(--sam-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n@media (max-width: 600px) {\n  .sam-timeline {\n    padding-left: 1rem;\n  }\n  .sam-timeline-marker {\n    position: relative;\n    left: auto;\n    top: auto;\n    transform: none;\n    display: inline-block;\n    margin-bottom: 0.75rem;\n  }\n  .sam-timeline-item::before {\n    display: none;\n  }\n  .sam-timeline-item {\n    margin-left: 1rem;\n  }\n}\n\n\/* === FAQ === *\/\n.sam-faq-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1.5rem;\n}\n\n.sam-faq-card {\n  background: var(--sam-white);\n  border-radius: var(--sam-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--sam-shadow);\n  border-left: 4px solid var(--sam-primary);\n  transition: all .3s ease;\n}\n\n.sam-faq-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--sam-shadow-lg);\n}\n\n.sam-faq-card h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--sam-primary-dark);\n  margin: 0 0 1rem 0;\n}\n\n.sam-faq-card p {\n  font-size: 14px;\n  color: var(--sam-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.sam-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.sam-info-item {\n  background: var(--sam-white);\n  border-radius: var(--sam-radius-sm);\n  padding: 1.25rem;\n  text-align: center;\n  box-shadow: var(--sam-shadow);\n  transition: all .3s ease;\n}\n\n.sam-info-item:hover {\n  transform: translateY(-3px);\n}\n\n.sam-info-icon {\n  font-size: 1.75rem;\n  display: block;\n  margin-bottom: 0.5rem;\n}\n\n.sam-info-label {\n  display: block;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--sam-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: 0.25rem;\n}\n\n.sam-info-value {\n  display: block;\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--sam-primary-dark);\n}\n\n\/* === WARNING BOX === *\/\n.sam-warning-box {\n  background: linear-gradient(135deg, #FFF3E0, #FFEBEE);\n  border-radius: var(--sam-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n  border: 2px solid #FFAB91;\n}\n\n.sam-warning-icon {\n  font-size: 2.5rem;\n  flex-shrink: 0;\n}\n\n.sam-warning-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.sam-warning-list li {\n  position: relative;\n  padding-left: 1.5rem;\n  margin-bottom: 0.6rem;\n  font-size: 14px;\n  color: var(--sam-text);\n  line-height: 1.5;\n}\n\n.sam-warning-list li::before {\n  content: '•';\n  position: absolute;\n  left: 0;\n  color: #E64A19;\n  font-weight: 700;\n}\n\n.sam-warning-list li:last-child {\n  margin-bottom: 0;\n}\n\n@media (max-width: 500px) {\n  .sam-warning-box {\n    flex-direction: column;\n    text-align: left;\n  }\n}\n\n\/* === CTA FINAL === *\/\n.sam-cta-box {\n  background: linear-gradient(135deg, var(--sam-primary) 0%, var(--sam-primary-dark) 50%, var(--sam-secondary) 100%);\n  border-radius: var(--sam-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--sam-shadow-lg);\n}\n\n.sam-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n    radial-gradient(circle at 90% 10%, rgba(255,255,255,.08) 0%, transparent 40%);\n}\n\n.sam-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.sam-cta-icon {\n  font-size: 3.5rem;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.sam-cta-box h2 {\n  color: white;\n  margin-bottom: 1.5rem;\n}\n\n.sam-cta-box h2::after {\n  background: rgba(255,255,255,.5);\n}\n\n.sam-cta-box p {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 2.2vw, 18px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto 1rem auto;\n}\n\n.sam-cta-format {\n  display: inline-block;\n  background: rgba(255,255,255,.2);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255,255,255,.3);\n  padding: 12px 24px;\n  border-radius: 999px;\n  color: white;\n  font-weight: 700;\n  font-size: 15px;\n  margin-top: 1rem;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sam-card,\n  .sam-ingredient-card,\n  .sam-usage-step,\n  .sam-timeline-item,\n  .sam-faq-card,\n  .sam-info-item {\n    animation: samFadeInUp .6s ease backwards;\n  }\n  \n  .sam-card:nth-child(1),\n  .sam-ingredient-card:nth-child(1),\n  .sam-usage-step:nth-child(1) { animation-delay: .1s; }\n  .sam-card:nth-child(2),\n  .sam-ingredient-card:nth-child(2),\n  .sam-usage-step:nth-child(2) { animation-delay: .2s; }\n  .sam-card:nth-child(3),\n  .sam-ingredient-card:nth-child(3),\n  .sam-usage-step:nth-child(3) { animation-delay: .3s; }\n  .sam-card:nth-child(4),\n  .sam-usage-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes samFadeInUp {\n  from { opacity: 0; transform: translateY(30px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .sam-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .sam-premium {\n    --sam-text: #000000;\n    --sam-text-light: #333333;\n  }\n  .sam-card,\n  .sam-ingredient-card,\n  .sam-faq-card {\n    border: 2px solid var(--sam-text);\n  }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .sam-grid,\n  .sam-ingredients-grid,\n  .sam-usage-grid,\n  .sam-faq-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .sam-ingredient-main {\n    grid-column: 1;\n  }\n  \n  .sam-hero-highlights {\n    gap: 1rem;\n  }\n  \n  .sam-highlight {\n    min-width: 80px;\n    padding: 0.75rem 1rem;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45791627772061,"sku":"JADESAMAN-1","price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/samavance-fatigue-et-stress-30-gelules-jade-recherche-packshothd.webp?v=1786011082"},{"product_id":"algosource-spirulysat-original-extrait-liquide-de-spiruline-ampoule-20x10ml-algosource","title":"Spirulysat Original - Extrait Liquide de Spiruline - 15 Ampoules - AlgoSource","description":"\u003cdiv class=\"spir-premium\"\u003e\n  \u003cdiv class=\"spir-hero\"\u003e\n    \u003cdiv class=\"spir-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"spir-hero-content\"\u003e\n      \u003cdiv class=\"spir-badges-top\"\u003e\n        \u003cspan class=\"spir-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"spir-badge\"\u003e💧 Extrait liquide\u003c\/span\u003e\n        \u003cspan class=\"spir-badge\"\u003e🌿 Sans additifs\u003c\/span\u003e\n        \u003cspan class=\"spir-badge\"\u003e🔬 Testé cliniquement\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"spir-hero-title\"\u003eLa puissance bleue de la spiruline en ampoule\u003c\/span\u003e\n      \u003cp class=\"spir-subtitle\"\u003eExtrait liquide concentré en phycocyanines bioactives\u003c\/p\u003e\n      \u003cp class=\"spir-description\"\u003e15 ampoules de 10 ml pour soutenir votre vitalité et vos défenses antioxydantes, jour après jour.\u003c\/p\u003e\n      \u003cdiv class=\"spir-hero-stats\"\u003e\n        \u003cdiv class=\"spir-stat\"\u003e\n          \u003cspan class=\"spir-stat-number\"\u003e20mg\u003c\/span\u003e\n          \u003cspan class=\"spir-stat-label\"\u003ePhycocyanines \/ ampoule\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spir-stat\"\u003e\n          \u003cspan class=\"spir-stat-number\"\u003e15\u003c\/span\u003e\n          \u003cspan class=\"spir-stat-label\"\u003eAmpoules de 10 ml\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spir-stat\"\u003e\n          \u003cspan class=\"spir-stat-number\"\u003e100%\u003c\/span\u003e\n          \u003cspan class=\"spir-stat-label\"\u003eOrigine naturelle\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eUne spiruline liquide unique, à biodisponibilité maximale\u003c\/h2\u003e\n    \u003cp class=\"spir-section-intro\"\u003eLe \u003cstrong\u003eSpirulysat® Original\u003c\/strong\u003e d'AlgoSource est un \u003cstrong\u003eextrait de spiruline liquide\u003c\/strong\u003e obtenu par un procédé breveté à basse température. Contrairement à la spiruline en poudre ou en comprimés, cette \u003cstrong\u003espiruline liquide bleue\u003c\/strong\u003e conserve intactes ses molécules les plus fragiles, notamment les \u003cstrong\u003ephycocyanines bioactives\u003c\/strong\u003e, ce pigment bleu naturel reconnu pour ses propriétés antioxydantes puissantes.\u003c\/p\u003e\n    \u003cdiv class=\"spir-grid-compact\"\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e💧 Liquide vs poudre\u003c\/h3\u003e\n        \u003cp\u003eLe format liquide offre une \u003cstrong\u003eassimilation immédiate\u003c\/strong\u003e, sans passage par la digestion des cellules végétales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🧪 Procédé breveté\u003c\/h3\u003e\n        \u003cp\u003eExtraction à basse température qui préserve les molécules actives les plus fragiles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🔬 Études cliniques\u003c\/h3\u003e\n        \u003cp\u003eUne biodisponibilité exceptionnelle confirmée par plusieurs études réalisées chez l'Homme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e💙 Phycocyanines pures\u003c\/h3\u003e\n        \u003cp\u003eLe pigment bleu naturel de la spiruline, aux propriétés antioxydantes puissantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eLes bienfaits du Spirulysat® au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"spir-grid\"\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e⚡ Vitalité et tonus\u003c\/h3\u003e\n        \u003cp\u003eUn coup de pouce naturel pour retrouver de l'énergie en cas de fatigue passagère, sans excitant ajouté.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🛡️ Action antioxydante\u003c\/h3\u003e\n        \u003cp\u003eGrâce aux \u003cstrong\u003ephycocyanines\u003c\/strong\u003e, la \u003cstrong\u003espiruline antioxydant\u003c\/strong\u003e aide à protéger vos cellules du stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e💙 Soutien de l'organisme\u003c\/h3\u003e\n        \u003cp\u003eUn allié précieux aux changements de saison, en période de sport intensif ou de convalescence.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eComposition et valeurs nutritionnelles\u003c\/h2\u003e\n    \u003cp class=\"spir-section-intro\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e eau, extrait aqueux de spiruline (\u003cem\u003eArthrospira platensis\u003c\/em\u003e) cultivée en France, 100 % d'origine naturelle. Sans conservateur, sans colorant, sans arôme, sans allergène majeur.\u003c\/p\u003e\n\n    \u003cdiv class=\"spir-timeline\"\u003e\n      \u003cdiv class=\"spir-timeline-item\"\u003e\n        \u003cdiv class=\"spir-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"spir-timeline-content\"\u003e\n          \u003ch3\u003ePar ampoule de 10 ml\u003c\/h3\u003e\n          \u003cp\u003e200 mg d'extrait de spiruline dont \u003cstrong\u003e20 mg de phycocyanines bioactives\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-timeline-item\"\u003e\n        \u003cdiv class=\"spir-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"spir-timeline-content\"\u003e\n          \u003ch3\u003ePosologie\u003c\/h3\u003e\n          \u003cp\u003e1 ampoule par jour, pure ou diluée dans un verre d'eau froide ou un jus.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-timeline-item\"\u003e\n        \u003cdiv class=\"spir-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"spir-timeline-content\"\u003e\n          \u003ch3\u003eCure conseillée\u003c\/h3\u003e\n          \u003cp\u003e15 jours minimum, renouvelable 3 à 4 fois par an.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-timeline-item\"\u003e\n        \u003cdiv class=\"spir-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"spir-timeline-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003eDe préférence \u003cstrong\u003ele matin à jeun\u003c\/strong\u003e pour profiter pleinement de l'effet vitalité tout au long de la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"spir-tip\"\u003e\n      \u003cspan class=\"spir-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eCette \u003cstrong\u003espiruline liquide\u003c\/strong\u003e disponible en pharmacie et parapharmacie se conserve à température ambiante avant ouverture.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spir-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePour qui ? Avis et recommandations\u003c\/h2\u003e\n    \u003cp class=\"spir-section-intro\"\u003eLe Spirulysat® convient aux adultes actifs, sportifs, personnes végétariennes ou végétaliennes, seniors et à toute personne souhaitant soutenir son organisme naturellement. Les avis sur cette \u003cstrong\u003espiruline liquide bleue\u003c\/strong\u003e soulignent souvent un regain d'énergie ressenti dès les premiers jours et une saveur douce, bien plus agréable que la spiruline en poudre.\u003c\/p\u003e\n\n    \u003cdiv class=\"spir-grid-compact\"\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003ePour soutenir l'effort et la récupération.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e🌱 Végé \u0026amp; vegan\u003c\/h3\u003e\n        \u003cp\u003eUn apport naturel en nutriments essentiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n        \u003cp\u003ePour préserver vitalité et tonus au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003ch3\u003e💼 Actifs\u003c\/h3\u003e\n        \u003cp\u003eContre la fatigue passagère et le stress.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"spir-accordion\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cdetails class=\"spir-accordion-item\"\u003e\n        \u003csummary class=\"spir-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"spir-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical, ainsi qu'aux personnes sous traitement anticoagulant ou souffrant de phénylcétonurie. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain, et \u003cstrong\u003ene remplace en aucun cas un traitement médical\u003c\/strong\u003e. En cas de doute, demandez conseil à votre médecin ou pharmacien. Tenir hors de portée des enfants et respecter la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"spir-accordion-item\"\u003e\n        \u003csummary class=\"spir-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"spir-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver à température ambiante, à l'abri de la lumière et de l'humidité avant ouverture. Après ouverture d'une ampoule, consommer immédiatement.\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  --spir-cream: #f4f7fb;\n  --spir-white: #ffffff;\n  --spir-primary: #0a2a5e;\n  --spir-primary-dark: #061a3d;\n  --spir-primary-light: #e6ecf7;\n  --spir-secondary: #1e6bd6;\n  --spir-accent: #4dc3ff;\n  --spir-text: #0f1a2e;\n  --spir-text-light: #5a6478;\n  --spir-border: #dfe4ec;\n  --spir-shadow: 0 4px 24px rgba(10,42,94,.08);\n  --spir-shadow-lg: 0 12px 48px rgba(10,42,94,.18);\n  --spir-radius: 20px;\n  --spir-radius-sm: 12px;\n}\n\n.spir-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--spir-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--spir-text);\n  line-height: 1.6;\n}\n\n\/* HERO *\/\n.spir-hero {\n  position: relative;\n  background: linear-gradient(135deg, #061a3d 0%, #0a2a5e 45%, #1e6bd6 100%);\n  border-radius: var(--spir-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(--spir-shadow-lg);\n}\n\n.spir-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background:\n    radial-gradient(circle at 15% 20%, rgba(77,195,255,.4) 0%, transparent 40%),\n    radial-gradient(circle at 85% 80%, rgba(77,195,255,.3) 0%, transparent 45%),\n    repeating-linear-gradient(45deg, transparent 0 20px, rgba(255,255,255,.03) 20px 21px);\n  opacity: .5;\n}\n\n.spir-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.spir-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(24px, 7vw, 46px);\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.spir-subtitle {\n  color: #cfe1ff;\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n}\n\n.spir-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 16px);\n  max-width: 620px;\n  margin: 0 auto 1.75rem;\n}\n\n.spir-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.spir-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(--spir-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.15);\n  transition: all .3s ease;\n}\n\n.spir-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.spir-hero-stats {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n  margin-top: 2rem;\n  padding-top: 2rem;\n  border-top: 1px solid rgba(255,255,255,.2);\n}\n\n.spir-stat {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n}\n\n.spir-stat-number {\n  font-size: clamp(20px, 4vw, 30px);\n  font-weight: 900;\n  color: var(--spir-accent);\n  letter-spacing: -.02em;\n  line-height: 1;\n}\n\n.spir-stat-label {\n  font-size: clamp(11px, 1.6vw, 13px);\n  color: rgba(255,255,255,.85);\n  font-weight: 500;\n  text-align: center;\n}\n\n\/* SECTIONS *\/\n.spir-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.spir-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--spir-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.spir-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(--spir-primary), var(--spir-accent));\n  border-radius: 2px;\n}\n\n.spir-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.3vw, 17px);\n  color: var(--spir-text-light);\n  margin-bottom: 1.75rem;\n  max-width: 780px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.spir-section-intro strong {\n  color: var(--spir-primary-dark);\n}\n\n.spir-premium p strong {\n  color: var(--spir-primary-dark);\n}\n\n\/* CARDS *\/\n.spir-card {\n  background: var(--spir-white);\n  border-radius: var(--spir-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--spir-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.spir-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--spir-shadow-lg);\n  border-color: var(--spir-secondary);\n}\n\n.spir-card h3 {\n  font-size: clamp(15px, 2.3vw, 18px);\n  font-weight: 800;\n  color: var(--spir-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.spir-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--spir-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.spir-card p strong {\n  color: var(--spir-primary-dark);\n}\n\n\/* GRILLES *\/\n.spir-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.spir-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.spir-grid-compact .spir-card {\n  padding: 1.125rem;\n}\n\n.spir-grid-compact .spir-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.spir-grid-compact .spir-card p {\n  font-size: 12.5px;\n}\n\n\/* TIMELINE *\/\n.spir-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.spir-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.spir-timeline-number {\n  flex-shrink: 0;\n  width: 42px;\n  height: 42px;\n  background: linear-gradient(135deg, var(--spir-primary), var(--spir-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  box-shadow: 0 4px 12px rgba(30,107,214,.3);\n}\n\n.spir-timeline-content {\n  flex: 1;\n  background: var(--spir-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--spir-radius-sm);\n  box-shadow: var(--spir-shadow);\n  border-left: 3px solid var(--spir-accent);\n}\n\n.spir-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--spir-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.spir-timeline-content p {\n  font-size: 14px;\n  color: var(--spir-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.spir-timeline-content p strong {\n  color: var(--spir-primary-dark);\n}\n\n\/* TIP *\/\n.spir-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--spir-primary-light);\n  border-radius: var(--spir-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  max-width: 820px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.spir-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.spir-tip p {\n  font-size: 14px;\n  color: var(--spir-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* ACCORDION *\/\n.spir-accordion {\n  background: var(--spir-white);\n  border-radius: var(--spir-radius);\n  box-shadow: var(--spir-shadow);\n  overflow: hidden;\n  max-width: 820px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.spir-accordion-item {\n  border-bottom: 1px solid var(--spir-border);\n}\n\n.spir-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.spir-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--spir-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.spir-accordion-header:hover {\n  background: var(--spir-primary-light);\n}\n\n.spir-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.spir-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--spir-secondary);\n  transition: transform .2s ease;\n}\n\n.spir-accordion-item[open] .spir-accordion-header::after {\n  content: '−';\n}\n\n.spir-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--spir-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.spir-accordion-content p {\n  margin: 0;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 767px) {\n  .spir-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .spir-section {\n    margin-bottom: 1.75rem;\n  }\n  .spir-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--spir-radius-sm);\n  }\n  .spir-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .spir-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .spir-hero-stats {\n    gap: .5rem;\n    margin-top: 1.5rem;\n    padding-top: 1.5rem;\n  }\n  .spir-grid-compact {\n    gap: .625rem;\n  }\n  .spir-grid-compact .spir-card {\n    padding: .875rem;\n  }\n  .spir-timeline-number {\n    width: 34px;\n    height: 34px;\n    font-size: 14px;\n  }\n  .spir-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .spir-timeline-content h3 {\n    font-size: 14.5px;\n  }\n  .spir-timeline-content p {\n    font-size: 13px;\n  }\n  .spir-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .spir-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* ANIMATIONS *\/\n@media (prefers-reduced-motion: no-preference) {\n  .spir-card {\n    animation: spir-fadeInUp .5s ease backwards;\n  }\n  .spir-card:nth-child(1) { animation-delay: .05s; }\n  .spir-card:nth-child(2) { animation-delay: .1s; }\n  .spir-card:nth-child(3) { animation-delay: .15s; }\n  .spir-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes spir-fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .spir-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ALGOSOURCE","offers":[{"title":"Default Title","offer_id":45755311030429,"sku":"PHYCOSIASOBLEBT1","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spirulysat-original-extrait-liquide-de-spiruline-20-ampoules-packshothd.webp?v=1784611724"},{"product_id":"creacholine-stimulez-votre-cerveau-120-gelules-jade-recherche","title":"Créacholine de Jade Recherche - Stimulez votre Cerveau - 120 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Créacholine - Complément alimentaire mémoire et concentration\nPalette détectée:\n  - Primaire: #2E8B57 (vert prairie du packaging, zone centrale)\n  - Secondaire: #4169E1 (bleu royal du titre \"Créacholine\")\n  - Accent: #FFD700 (doré\/jaune des vagues décoratives)\n  - Background: #1E90FF (bleu ciel du dégradé supérieur)\nAmbiance: Naturel\/santé, frais, dynamique avec touches de nature (herbe, ciel, soleil)\nPréfixe CSS: crea\n--\u003e\n\n\u003cdiv class=\"crea-premium\"\u003e\n  \n  \u003cdiv class=\"crea-hero\"\u003e\n    \u003cdiv class=\"crea-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"crea-hero-content\"\u003e\n      \u003cdiv class=\"crea-badges-top\"\u003e\n        \u003cspan class=\"crea-badge\"\u003e🧠 7 actifs synergiques\u003c\/span\u003e\n        \u003cspan class=\"crea-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"crea-badge\"\u003e🌿 Gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"crea-hero-title\"\u003eCréacholine\u003c\/span\u003e\n      \u003cp class=\"crea-subtitle\"\u003eLe duo gagnant pour votre cerveau\u003c\/p\u003e\n      \u003cp class=\"crea-description\"\u003eFormule complète associant 7 actifs pour soutenir mémoire, concentration et vivacité intellectuelle. Agit sur l'acétylcholine, le neurotransmetteur clé de vos performances cognitives.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"crea-section\"\u003e\n    \u003ch2\u003e💪 Les bienfaits concrets\u003c\/h2\u003e\n    \u003cdiv class=\"crea-grid\"\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🧠 Mémoire renforcée\u003c\/h3\u003e\n        \u003cp\u003eLa phosphatidylsérine et l'acétyl L-carnitine favorisent la transmission des informations entre neurones, soutenant la mémoire court et long terme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🎯 Concentration optimale\u003c\/h3\u003e\n        \u003cp\u003eLe Ginkgo biloba et le Ginseng stimulent la vigilance et la clarté mentale pour rester focus sur vos tâches.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eL'acide alpha-lipoïque neutralise les radicaux libres responsables du vieillissement des cellules cérébrales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🩸 Oxygénation cérébrale\u003c\/h3\u003e\n        \u003cp\u003eLes ginkgosides améliorent la microcirculation sanguine pour un cerveau mieux irrigué et plus performant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e⚡ Énergie neuronale\u003c\/h3\u003e\n        \u003cp\u003eLa spiruline et la vitamine B5 participent au métabolisme énergétique des cellules nerveuses.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🔬 Action acétylcholine\u003c\/h3\u003e\n        \u003cp\u003eFournit les précurseurs et cofacteurs pour maintenir des niveaux optimaux de ce neurotransmetteur essentiel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crea-section\"\u003e\n    \u003ch2\u003e🧪 Composition pour 4 gélules\u003c\/h2\u003e\n    \u003cdiv class=\"crea-grid\"\u003e\n      \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n        \u003ch3\u003e🫘 Lécithine de soja\u003c\/h3\u003e\n        \u003cp class=\"crea-dosage\"\u003e717,6 mg\u003c\/p\u003e\n        \u003cp\u003eStandardisée à 20% de phosphatidylsérine, précurseur essentiel des membranes neuronales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n        \u003ch3\u003e💊 Acétyl L-Carnitine\u003c\/h3\u003e\n        \u003cp class=\"crea-dosage\"\u003e291,2 mg\u003c\/p\u003e\n        \u003cp\u003eTraverse la barrière hémato-encéphalique pour nourrir directement les neurones.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n        \u003ch3\u003e🌀 Spiruline\u003c\/h3\u003e\n        \u003cp class=\"crea-dosage\"\u003e120 mg\u003c\/p\u003e\n        \u003cp\u003eApporte vitamines B et fer pour soutenir l'énergie cérébrale au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n        \u003ch3\u003e🔶 Acide alpha-lipoïque\u003c\/h3\u003e\n        \u003cp class=\"crea-dosage\"\u003e40 mg\u003c\/p\u003e\n        \u003cp\u003eAntioxydant universel protégeant efficacement les cellules nerveuses.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n        \u003ch3\u003e🍃 Ginkgo biloba\u003c\/h3\u003e\n        \u003cp class=\"crea-dosage\"\u003e39 mg\u003c\/p\u003e\n        \u003cp\u003eExtrait standardisé améliorant la circulation sanguine cérébrale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Ginseng\u003c\/h3\u003e\n        \u003cp class=\"crea-dosage\"\u003e39 mg\u003c\/p\u003e\n        \u003cp\u003eAdaptogène Panax ginseng soutenant les performances mentales.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"crea-note\"\u003e+ Vitamine B5 (7,08 mg) cofacteur de la synthèse d'acétylcholine • Gélule végétale HPMC • Sans additifs artificiels\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crea-section\"\u003e\n    \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"crea-grid-compact\"\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e👨‍💼 Adultes 45+\u003c\/h3\u003e\n        \u003cp\u003ePréservez vos capacités cognitives dès les premiers signes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n        \u003cp\u003eMaintenez votre autonomie intellectuelle au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n        \u003cp\u003eBoostez révisions et examens en période intense.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n        \u003cp\u003eRestez performant face aux défis cognitifs du travail.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crea-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"crea-steps\"\u003e\n      \u003cdiv class=\"crea-step\"\u003e\n        \u003cdiv class=\"crea-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"crea-step-content\"\u003e\n          \u003ch3\u003eDémarrage en douceur\u003c\/h3\u003e\n          \u003cp\u003eCommencez avec \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e pendant une semaine pour habituer votre organisme.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-step\"\u003e\n        \u003cdiv class=\"crea-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"crea-step-content\"\u003e\n          \u003ch3\u003eDose optimale\u003c\/h3\u003e\n          \u003cp\u003eAugmentez progressivement à \u003cstrong\u003e4 gélules par jour\u003c\/strong\u003e selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-step\"\u003e\n        \u003cdiv class=\"crea-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"crea-step-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003ePrenez vos gélules \u003cstrong\u003ele matin ou le midi\u003c\/strong\u003e, avant les repas pour une absorption optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-step\"\u003e\n        \u003cdiv class=\"crea-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"crea-step-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eCure de \u003cstrong\u003e1 à 3 mois minimum\u003c\/strong\u003e, renouvelable jusqu'à 6 mois pour des résultats durables.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crea-section\"\u003e\n    \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"crea-accordion\"\u003e\n      \u003cdetails class=\"crea-accordion-item\"\u003e\n        \u003csummary class=\"crea-accordion-header\"\u003e⏱️ Quand vais-je ressentir les premiers effets ?\u003c\/summary\u003e\n        \u003cdiv class=\"crea-accordion-content\"\u003e\n          \u003cp\u003eLes premiers bénéfices se font généralement sentir après 2 à 3 semaines de prise régulière. La pleine efficacité s'installe progressivement sur 4 à 6 semaines.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"crea-accordion-item\"\u003e\n        \u003csummary class=\"crea-accordion-header\"\u003e🔗 Puis-je l'associer à d'autres compléments ?\u003c\/summary\u003e\n        \u003cdiv class=\"crea-accordion-content\"\u003e\n          \u003cp\u003eOui, Créacholine se combine parfaitement avec des oméga-3 ou un complexe de vitamines B pour une action renforcée sur les fonctions cognitives.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"crea-accordion-item\"\u003e\n        \u003csummary class=\"crea-accordion-header\"\u003e🌱 Convient-il aux végétariens ?\u003c\/summary\u003e\n        \u003cdiv class=\"crea-accordion-content\"\u003e\n          \u003cp\u003eCréacholine est formulé avec des gélules végétales en cellulose HPMC, adapté aux régimes végétaliens. Notez toutefois la présence de lécithine de soja.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"crea-accordion-item\"\u003e\n        \u003csummary class=\"crea-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"crea-accordion-content\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Déconseillé aux femmes enceintes ou allaitantes. Consultez votre médecin en cas de traitement médicamenteux. Ce complément alimentaire ne remplace 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    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crea-section\"\u003e\n    \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"crea-grid-compact\"\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e💊 120 gélules\u003c\/h3\u003e\n        \u003cp\u003e1 à 2 mois de cure selon posologie\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eLaboratoire Jade Recherche\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e✅ Normes UE\u003c\/h3\u003e\n        \u003cp\u003eSécurité alimentaire stricte\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"crea-card\"\u003e\n        \u003ch3\u003e🌿 100% clean\u003c\/h3\u003e\n        \u003cp\u003eSans additifs ni conservateurs\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"crea-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"crea-cta-box\"\u003e\n      \u003cp\u003e🧠 Offrez à votre cerveau les 7 nutriments dont il a besoin pour rester vif, concentré et performant à tout âge. Créacholine : la formule complète pour des fonctions cognitives au top !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --crea-cream: #f8faf9;\n  --crea-white: #ffffff;\n  --crea-primary: #2E8B57;\n  --crea-primary-dark: #1e6b42;\n  --crea-primary-light: #e8f5ed;\n  --crea-secondary: #4169E1;\n  --crea-accent: #FFD700;\n  --crea-text: #1a1a1a;\n  --crea-text-light: #5a5a5a;\n  --crea-border: #e0e0e0;\n  --crea-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --crea-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --crea-radius: 20px;\n  --crea-radius-sm: 12px;\n}\n\n.crea-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--crea-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.crea-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4169E1 0%, #2E8B57 50%, #1e6b42 100%);\n  border-radius: var(--crea-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(--crea-shadow-lg);\n}\n\n.crea-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.crea-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.crea-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.crea-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(--crea-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.crea-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.crea-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.crea-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 4vw, 26px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.crea-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.crea-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.crea-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--crea-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.crea-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(--crea-primary), var(--crea-secondary));\n  border-radius: 2px;\n}\n\n.crea-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.crea-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.crea-card {\n  background: var(--crea-white);\n  border-radius: var(--crea-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--crea-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.crea-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--crea-shadow-lg);\n  border-color: var(--crea-primary);\n}\n\n.crea-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--crea-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.crea-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--crea-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.crea-card-ingredient .crea-dosage {\n  display: inline-block;\n  background: linear-gradient(135deg, var(--crea-primary), var(--crea-secondary));\n  color: white;\n  font-size: 13px;\n  font-weight: 800;\n  padding: 4px 12px;\n  border-radius: 999px;\n  margin-bottom: .5rem;\n}\n\n.crea-note {\n  text-align: center;\n  font-size: 13px;\n  color: var(--crea-text-light);\n  margin-top: 1.25rem;\n  font-style: italic;\n}\n\n.crea-grid-compact .crea-card {\n  padding: 1rem;\n}\n\n.crea-grid-compact .crea-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.crea-grid-compact .crea-card p {\n  font-size: 12px;\n}\n\n\/* Steps *\/\n.crea-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.crea-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--crea-white);\n  border-radius: var(--crea-radius);\n  padding: 1.25rem;\n  box-shadow: var(--crea-shadow);\n  transition: all .3s ease;\n}\n\n.crea-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--crea-shadow-lg);\n}\n\n.crea-step-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--crea-primary), var(--crea-secondary));\n  color: white;\n  font-size: 20px;\n  font-weight: 900;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 12px rgba(46,139,87,.3);\n}\n\n.crea-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--crea-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.crea-step-content p {\n  font-size: 14px;\n  color: var(--crea-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* Accordion *\/\n.crea-accordion {\n  background: var(--crea-white);\n  border-radius: var(--crea-radius);\n  box-shadow: var(--crea-shadow);\n  overflow: hidden;\n}\n\n.crea-accordion-item {\n  border-bottom: 1px solid var(--crea-border);\n  margin: 0;\n  padding: 0;\n}\n\n.crea-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.crea-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--crea-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.crea-accordion-header:hover {\n  background: var(--crea-primary-light);\n}\n\n.crea-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.crea-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--crea-primary);\n  transition: transform .2s ease;\n}\n\n.crea-accordion-item[open] .crea-accordion-header::after {\n  content: '−';\n}\n\n.crea-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--crea-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.crea-accordion-content p {\n  margin: 0;\n}\n\n\/* CTA Box *\/\n.crea-cta-box {\n  background: linear-gradient(135deg, var(--crea-primary) 0%, var(--crea-secondary) 100%);\n  border-radius: var(--crea-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.crea-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -50%;\n  width: 100%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n  pointer-events: none;\n}\n\n.crea-cta-box p {\n  position: relative;\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,.15);\n  margin: 0;\n}\n\n\/* Responsive Mobile *\/\n@media (max-width: 767px) {\n  .crea-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .crea-card {\n    padding: 1.125rem;\n  }\n  \n  .crea-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .crea-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--crea-radius-sm);\n  }\n  \n  .crea-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .crea-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .crea-grid-compact {\n    gap: .625rem;\n  }\n  \n  .crea-grid-compact .crea-card {\n    padding: .75rem;\n  }\n  \n  .crea-step {\n    padding: 1rem;\n  }\n  \n  .crea-step-number {\n    width: 36px;\n    height: 36px;\n    font-size: 16px;\n  }\n  \n  .crea-step-content h3 {\n    font-size: 14px;\n  }\n  \n  .crea-step-content p {\n    font-size: 13px;\n  }\n  \n  .crea-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .crea-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .crea-badges-top {\n    gap: 6px;\n  }\n  \n  .crea-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n  .crea-card {\n    animation: creaFadeInUp .5s ease backwards;\n  }\n  .crea-card:nth-child(1) { animation-delay: .05s; }\n  .crea-card:nth-child(2) { animation-delay: .1s; }\n  .crea-card:nth-child(3) { animation-delay: .15s; }\n  .crea-card:nth-child(4) { animation-delay: .2s; }\n  .crea-card:nth-child(5) { animation-delay: .25s; }\n  .crea-card:nth-child(6) { animation-delay: .3s; }\n  \n  .crea-step {\n    animation: creaFadeInLeft .5s ease backwards;\n  }\n  .crea-step:nth-child(1) { animation-delay: .1s; }\n  .crea-step:nth-child(2) { animation-delay: .2s; }\n  .crea-step:nth-child(3) { animation-delay: .3s; }\n  .crea-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes creaFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes creaFadeInLeft {\n  from { opacity: 0; transform: translateX(-20px); }\n  to { opacity: 1; transform: translateX(0); }\n}\n\n\/* Accessibilité *\/\n@media (prefers-reduced-motion: reduce) {\n  .crea-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755321221277,"sku":"JADECREAC120","price":45.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creacholine-de-jade-recherche-stimulez-votre-cerveau-120-gel-packshothd_59bd09fa-92b6-4c94-ba0c-89df9a866e65.webp?v=1786012185"},{"product_id":"alpha-r-lipoique-vitamine-c-liposomale-60-gelules-jade-recherche","title":"Alpha R Lipoïque Vitamine C Liposomale - 60 Gélules - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Alpha R Lipoïque Vitamine C Liposomale\nPalette détectée:\n  - Primaire: #E86A33 (orange vif du packaging - dynamisme, énergie, vitalité)\n  - Secondaire: #1A8B6D (vert jade\/teal de la bande - naturel, santé, recherche)\n  - Accent: #F5A623 (orange doré pour highlights)\nAmbiance: Scientifique\/naturel, laboratoire français, efficacité prouvée, vitalité\nPréfixe CSS: alr\n--\u003e\n\n\u003cdiv class=\"alr-premium\"\u003e\n  \n  \u003cdiv class=\"alr-hero\"\u003e\n    \u003cdiv class=\"alr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"alr-hero-content\"\u003e\n      \u003cdiv class=\"alr-badges-top\"\u003e\n        \u003cspan class=\"alr-badge\"\u003e🔬 Formule synergique\u003c\/span\u003e\n        \u003cspan class=\"alr-badge\"\u003e🌿 Gélules végétales\u003c\/span\u003e\n        \u003cspan class=\"alr-badge\"\u003e🇫🇷 Laboratoire français\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"alr-hero-title\"\u003eAlpha R Lipoïque + Vitamine C Liposomale\u003c\/span\u003e\n      \u003cp class=\"alr-subtitle\"\u003eLe duo antioxydant à action prolongée\u003c\/p\u003e\n      \u003cp class=\"alr-description\"\u003e560 mg d'acide R-alpha lipoïque + 272 mg de vitamine C liposomale par dose.\u003cbr\u003eUne synergie unique qui régénère et multiplie la protection cellulaire.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"alr-section\"\u003e\n    \u003ch2\u003e🧬 Pourquoi cette synergie est unique\u003c\/h2\u003e\n    \u003cdiv class=\"alr-grid\"\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e♻️ Régénération continue\u003c\/h3\u003e\n        \u003cp\u003eL'acide R-alpha lipoïque \"rajeunit\" la vitamine C oxydée, lui permettant de reprendre son rôle protecteur. Une action antioxydante prolongée et amplifiée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e💧 Double solubilité\u003c\/h3\u003e\n        \u003cp\u003eContrairement aux autres antioxydants, l'acide alpha lipoïque est à la fois hydrosoluble et liposoluble. Il protège tous les compartiments cellulaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e🎯 Absorption optimisée\u003c\/h3\u003e\n        \u003cp\u003eLa forme liposomale encapsule la vitamine C dans des phospholipides, la protégeant de la dégradation digestive pour une biodisponibilité supérieure.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"alr-section\"\u003e\n    \u003ch2\u003e✨ Les bienfaits pour votre organisme\u003c\/h2\u003e\n    \u003cdiv class=\"alr-grid\"\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e🛡️ Protection cellulaire renforcée\u003c\/h3\u003e\n        \u003cp\u003eLa synergie vitamine C + alpha lipoïque multiplie l'efficacité contre les radicaux libres et le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e🦠 Soutien immunitaire\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine C contribue au fonctionnement normal de vos défenses naturelles, toute l'année.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine C aide à diminuer la fatigue et à maintenir votre énergie au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e🔄 Régénère les antioxydants\u003c\/h3\u003e\n        \u003cp\u003eL'acide alpha lipoïque recycle également la vitamine E et le glutathion pour une protection globale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e🧹 Chélation des métaux\u003c\/h3\u003e\n        \u003cp\u003eL'acide alpha lipoïque aide à piéger certains métaux lourds indésirables présents dans l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre métabolique\u003c\/h3\u003e\n        \u003cp\u003eSoutient le métabolisme énergétique cellulaire et participe à la gestion de la glycémie.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"alr-section\"\u003e\n    \u003ch2\u003e🧪 Composition par dose (2 gélules)\u003c\/h2\u003e\n    \u003cdiv class=\"alr-grid\"\u003e\n      \u003cdiv class=\"alr-card alr-card-highlight\"\u003e\n        \u003ch3\u003e🔶 Acide R-alpha lipoïque\u003c\/h3\u003e\n        \u003cp class=\"alr-dosage\"\u003e560 mg\u003c\/p\u003e\n        \u003cp\u003eForme naturelle (R) reconnue et mieux utilisée par vos cellules que la forme synthétique (S).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card alr-card-highlight\"\u003e\n        \u003ch3\u003e🍊 Vitamine C liposomale\u003c\/h3\u003e\n        \u003cp class=\"alr-dosage\"\u003e272 mg\u003c\/p\u003e\n        \u003cp\u003eEncapsulée dans des liposomes pour une absorption optimale et une excellente tolérance digestive.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e🌱 Gélule végétale\u003c\/h3\u003e\n        \u003cp\u003eEnveloppe d'origine végétale, convient aux végétariens. Anti-agglomérant : stéarate de magnésium.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"alr-section\"\u003e\n    \u003ch2\u003e👥 Pour qui est ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"alr-grid\"\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n        \u003cp\u003eLe sport intensif génère du stress oxydatif. Cette formule aide à récupérer et protéger vos cellules.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e🏙️ Citadins exposés\u003c\/h3\u003e\n        \u003cp\u003ePollution, stress chronique, rythme de vie intense : renforcez vos défenses antioxydantes naturelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e😴 En manque d'énergie\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez à réduire la fatigue et retrouver votre vitalité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-card\"\u003e\n        \u003ch3\u003e🎯 Exigeants sur la qualité\u003c\/h3\u003e\n        \u003cp\u003eVous voulez une formule à haute biodisponibilité avec des actifs sélectionnés et bien dosés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"alr-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"alr-usage-box\"\u003e\n      \u003cdiv class=\"alr-usage-step\"\u003e\n        \u003cspan class=\"alr-step-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eDosage\u003c\/strong\u003e\n          \u003cp\u003ePrenez 2 gélules par jour avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-usage-step\"\u003e\n        \u003cspan class=\"alr-step-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eMoment idéal\u003c\/strong\u003e\n          \u003cp\u003eLe matin, avant ou pendant le petit-déjeuner\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alr-usage-step\"\u003e\n        \u003cspan class=\"alr-step-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eDurée\u003c\/strong\u003e\n          \u003cp\u003e1 flacon = 30 jours d'utilisation (cure d'1 mois)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"alr-section\"\u003e\n    \u003ch2\u003eℹ️ Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"alr-accordion\"\u003e\n      \u003cdetails class=\"alr-accordion-item\"\u003e\n        \u003csummary class=\"alr-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"alr-accordion-content\"\u003e\n          \u003cp\u003eConservez le flacon à l'abri de la chaleur et de l'humidité, hors de portée des enfants. Refermez bien après chaque utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"alr-accordion-item\"\u003e\n        \u003csummary class=\"alr-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"alr-accordion-content\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Déconseillé aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"alr-accordion-item\"\u003e\n        \u003csummary class=\"alr-accordion-header\"\u003e💊 Si vous êtes diabétique\u003c\/summary\u003e\n        \u003cdiv class=\"alr-accordion-content\"\u003e\n          \u003cp\u003eL'acide alpha lipoïque peut influencer la glycémie. Si vous êtes diabétique sous traitement, consultez votre médecin avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"alr-accordion-item\"\u003e\n        \u003csummary class=\"alr-accordion-header\"\u003e🏭 Qualité Jade Recherche\u003c\/summary\u003e\n        \u003cdiv class=\"alr-accordion-content\"\u003e\n          \u003cp\u003eJade Recherche est un laboratoire français spécialisé dans les compléments alimentaires naturels de haute qualité. Chaque formule est élaborée avec rigueur pour vous offrir des actifs soigneusement sélectionnés et des dosages optimaux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"alr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"alr-cta-box\"\u003e\n      \u003cp\u003e🔬 \u003cstrong\u003eUne formule scientifiquement pensée\u003c\/strong\u003e pour une protection antioxydante complète.\u003cbr\u003eL'acide R-alpha lipoïque régénère votre vitamine C pour une action prolongée, dans tous les compartiments cellulaires.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --alr-cream: #FDF8F3;\n  --alr-white: #ffffff;\n  --alr-primary: #E86A33;\n  --alr-primary-dark: #C65528;\n  --alr-primary-light: #FFF0E8;\n  --alr-secondary: #1A8B6D;\n  --alr-secondary-light: #E8F5F1;\n  --alr-accent: #F5A623;\n  --alr-text: #1a1a1a;\n  --alr-text-light: #5a5a5a;\n  --alr-border: #e0e0e0;\n  --alr-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --alr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --alr-radius: 20px;\n  --alr-radius-sm: 12px;\n}\n\n.alr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--alr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.alr-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--alr-primary) 0%, var(--alr-primary-dark) 40%, var(--alr-secondary) 100%);\n  border-radius: var(--alr-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(--alr-shadow-lg);\n}\n\n.alr-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,.1) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.alr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.alr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.alr-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(--alr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.alr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.alr-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  line-height: 1.1;\n}\n\n.alr-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 4vw, 26px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.alr-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  margin: 0;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.alr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alr-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--alr-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.alr-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(--alr-primary), var(--alr-secondary));\n  border-radius: 2px;\n}\n\n.alr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.alr-card {\n  background: var(--alr-white);\n  border-radius: var(--alr-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--alr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.alr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--alr-shadow-lg);\n  border-color: var(--alr-primary);\n}\n\n.alr-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--alr-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.alr-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--alr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.alr-card-highlight {\n  background: linear-gradient(135deg, var(--alr-primary-light) 0%, var(--alr-white) 100%);\n  border: 2px solid var(--alr-primary);\n}\n\n.alr-card-highlight:hover {\n  border-color: var(--alr-primary-dark);\n}\n\n.alr-dosage {\n  font-size: clamp(28px, 5vw, 40px) !important;\n  font-weight: 900 !important;\n  color: var(--alr-primary) !important;\n  margin: .5rem 0 !important;\n  letter-spacing: -.02em;\n}\n\n.alr-usage-box {\n  background: var(--alr-white);\n  border-radius: var(--alr-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--alr-shadow);\n}\n\n.alr-usage-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  padding: 1rem 0;\n  border-bottom: 1px solid var(--alr-border);\n}\n\n.alr-usage-step:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.alr-usage-step:first-child {\n  padding-top: 0;\n}\n\n.alr-step-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--alr-primary), var(--alr-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: 18px;\n}\n\n.alr-usage-step strong {\n  display: block;\n  color: var(--alr-primary-dark);\n  font-size: 16px;\n  margin-bottom: .25rem;\n}\n\n.alr-usage-step p {\n  margin: 0;\n  color: var(--alr-text-light);\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n.alr-accordion {\n  background: var(--alr-white);\n  border-radius: var(--alr-radius);\n  box-shadow: var(--alr-shadow);\n  overflow: hidden;\n}\n\n.alr-accordion-item {\n  border-bottom: 1px solid var(--alr-border);\n  margin: 0;\n  padding: 0;\n}\n\n.alr-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.alr-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--alr-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.alr-accordion-header:hover {\n  background: var(--alr-primary-light);\n}\n\n.alr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.alr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--alr-primary);\n  transition: transform .2s ease;\n}\n\n.alr-accordion-item[open] .alr-accordion-header::after {\n  content: '−';\n}\n\n.alr-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--alr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.alr-accordion-content p {\n  margin: 0;\n}\n\n.alr-cta-box {\n  background: linear-gradient(135deg, var(--alr-secondary) 0%, #147A5E 100%);\n  border-radius: var(--alr-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.alr-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -50%;\n  width: 100%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n}\n\n.alr-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n.alr-cta-box strong {\n  font-weight: 700;\n}\n\n@media (max-width: 767px) {\n  .alr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .alr-card {\n    padding: 1.125rem;\n  }\n  \n  .alr-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .alr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--alr-radius-sm);\n  }\n  \n  .alr-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .alr-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .alr-badges-top {\n    gap: 8px;\n  }\n  \n  .alr-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n  \n  .alr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .alr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .alr-usage-box {\n    padding: 1.25rem;\n  }\n  \n  .alr-step-number {\n    width: 36px;\n    height: 36px;\n    font-size: 16px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .alr-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .alr-card:nth-child(1) { animation-delay: .05s; }\n  .alr-card:nth-child(2) { animation-delay: .1s; }\n  .alr-card:nth-child(3) { animation-delay: .15s; }\n  .alr-card:nth-child(4) { animation-delay: .2s; }\n  .alr-card:nth-child(5) { animation-delay: .25s; }\n  .alr-card:nth-child(6) { animation-delay: .3s; }\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  .alr-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755329347741,"sku":"JADEALPHAR60","price":44.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/alpha-r-lipoique-vitamine-c-liposomale-60-gelules-jade-reche-packshothd.webp?v=1786012490"},{"product_id":"tcm-pour-recuperer-et-retrouver-de-lenergie-500-ml-jade-recherche","title":"TCM 500 ml - Récupérer \u0026 Retrouver de l'énergie - Jade Recherche","description":"\u003cdiv class=\"tcm-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"tcm-hero\"\u003e\n    \u003cdiv class=\"tcm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"tcm-hero-content\"\u003e\n      \u003cdiv class=\"tcm-badges-top\"\u003e\n        \u003cspan class=\"tcm-badge\"\u003e🥥 Huile de coco pure\u003c\/span\u003e\n        \u003cspan class=\"tcm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"tcm-badge\"\u003e⚡ Énergie rapide\u003c\/span\u003e\n        \u003cspan class=\"tcm-badge\"\u003e🧪 100 % TCM C8 + C10\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"tcm-hero-title\"\u003eTCM 500 ml — Jade Recherche\u003c\/span\u003e\n      \u003cp class=\"tcm-subtitle\"\u003eRécupérer \u0026amp; retrouver de l'énergie\u003c\/p\u003e\n      \u003cp class=\"tcm-description\"\u003eUne source d'énergie pure et immédiate à base de triglycérides à chaîne moyenne issus de l'huile de coco. 1 cuillère à soupe par jour pour nourrir directement vos cellules, sans stimulant artificiel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"tcm-section\"\u003e\n    \u003ch2\u003eTCM Jade Recherche : le complément alimentaire énergie à base de triglycérides à chaîne moyenne\u003c\/h2\u003e\n    \u003cp class=\"tcm-section-intro\"\u003eVous traversez une période de fatigue ou de baisse de vitalité ? Le \u003cstrong\u003eTCM 500 ml de Jade Recherche\u003c\/strong\u003e est un \u003cstrong\u003ecomplément alimentaire énergie et vitalité\u003c\/strong\u003e formulé à partir de \u003cstrong\u003etriglycérides à chaîne moyenne (TCM)\u003c\/strong\u003e issus de l'huile de coco.\u003c\/p\u003e\n    \u003cdiv class=\"tcm-grid-compact\"\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e🧬 Assimilation directe\u003c\/h3\u003e\n        \u003cp\u003eLes TCM passent directement au foie, sans solliciter la bile ni le système lymphatique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e⚡ Énergie immédiate\u003c\/h3\u003e\n        \u003cp\u003eConvertis en corps cétoniques, ils alimentent cerveau, cœur et muscles en quelques minutes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003eIssu de l'huile de coco, sans stimulant artificiel, sans additif ni conservateur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e🔄 Énergie durable\u003c\/h3\u003e\n        \u003cp\u003ePas de pic ni de chute de glycémie : une vitalité stable tout au long de la journée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"tcm-section\"\u003e\n    \u003ch2\u003ePourquoi choisir les TCM plutôt qu'un autre complément alimentaire pour booster l'énergie ?\u003c\/h2\u003e\n    \u003cdiv class=\"tcm-card tcm-card-highlight\"\u003e\n      \u003ch3\u003e🚀 Métabolisés jusqu'à 4× plus rapidement\u003c\/h3\u003e\n      \u003cp\u003eContrairement aux acides gras classiques (triglycérides à chaîne longue), les TCM sont absorbés et métabolisés \u003cstrong\u003ejusqu'à quatre fois plus rapidement\u003c\/strong\u003e. Ils n'ont pas besoin de bile ni de lymphe pour être digérés : ils passent directement au foie, où ils sont convertis en \u003cstrong\u003ecorps cétoniques\u003c\/strong\u003e. Ces cétones constituent un carburant immédiat pour vos cellules, en particulier celles du \u003cem\u003ecerveau, du cœur et des muscles\u003c\/em\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tcm-tip\"\u003e\n      \u003cspan class=\"tcm-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eSi vous hésitez entre la \u003cstrong\u003emaca, la spiruline\u003c\/strong\u003e ou d'autres compléments disponibles en pharmacie, sachez que le TCM agit sur un mécanisme différent : il ne stimule pas artificiellement, il \u003cstrong\u003enourrit vos cellules directement en énergie\u003c\/strong\u003e. Il se combine d'ailleurs très bien avec la maca et la spiruline pour une approche complète de la vitalité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"tcm-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets du TCM au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"tcm-grid\"\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e⚡ Énergie rapide et durable\u003c\/h3\u003e\n        \u003cp\u003eLes cétones produites alimentent votre corps sans les pics et chutes de glycémie liés aux sucres\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e💪 Récupération facilitée\u003c\/h3\u003e\n        \u003cp\u003eIdéal après un effort physique ou intellectuel intense pour retrouver votre pleine capacité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e🔥 Soutien métabolique\u003c\/h3\u003e\n        \u003cp\u003eLes TCM contribuent à augmenter le métabolisme de base, ce qui peut favoriser la gestion du poids\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e🧡 Meilleure absorption des vitamines\u003c\/h3\u003e\n        \u003cp\u003eFacilite l'assimilation des vitamines liposolubles A, D, E, K et bêta-carotène\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e🫶 Digestion douce\u003c\/h3\u003e\n        \u003cp\u003eNe sollicite ni la bile ni le système lymphatique, contrairement aux graisses habituelles\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"tcm-section\"\u003e\n    \u003ch2\u003eComposition du TCM Jade Recherche\u003c\/h2\u003e\n    \u003cdiv class=\"tcm-composition-box\"\u003e\n      \u003cp class=\"tcm-composition-label\"\u003eIngrédient unique\u003c\/p\u003e\n      \u003cp class=\"tcm-composition-main\"\u003e100 % triglycérides à chaîne moyenne issus d'huile de coco non hydrogénée\u003c\/p\u003e\n      \u003cdiv class=\"tcm-composition-acids\"\u003e\n        \u003cdiv class=\"tcm-acid-tag\"\u003e\n          \u003cspan class=\"tcm-acid-name\"\u003eAcide caprylique\u003c\/span\u003e\n          \u003cspan class=\"tcm-acid-code\"\u003eC8\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tcm-acid-tag\"\u003e\n          \u003cspan class=\"tcm-acid-name\"\u003eAcide caprique\u003c\/span\u003e\n          \u003cspan class=\"tcm-acid-code\"\u003eC10\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-composition-badges\"\u003e\n        \u003cspan class=\"tcm-comp-badge\"\u003e🚫 Sans additif\u003c\/span\u003e\n        \u003cspan class=\"tcm-comp-badge\"\u003e🚫 Sans conservateur\u003c\/span\u003e\n        \u003cspan class=\"tcm-comp-badge\"\u003e🚫 Sans OGM\u003c\/span\u003e\n        \u003cspan class=\"tcm-comp-badge\"\u003e🥑 Keto\u003c\/span\u003e\n        \u003cspan class=\"tcm-comp-badge\"\u003e🦴 Paléo\u003c\/span\u003e\n        \u003cspan class=\"tcm-comp-badge\"\u003e🌱 Végétarien\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"tcm-section\"\u003e\n    \u003ch2\u003ePosologie : comment prendre le TCM ?\u003c\/h2\u003e\n    \u003cp class=\"tcm-section-intro\"\u003ePour une bonne tolérance digestive, adoptez une progression douce :\u003c\/p\u003e\n    \u003cdiv class=\"tcm-timeline\"\u003e\n      \u003cdiv class=\"tcm-timeline-item\"\u003e\n        \u003cdiv class=\"tcm-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"tcm-timeline-content\"\u003e\n          \u003ch3\u003eJours 1 à 4 — Démarrage en douceur\u003c\/h3\u003e\n          \u003cp\u003e1 cuillère à café (5 ml) par jour, de préférence le matin\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-timeline-item\"\u003e\n        \u003cdiv class=\"tcm-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"tcm-timeline-content\"\u003e\n          \u003ch3\u003eJours 5 à 8 — Montée progressive\u003c\/h3\u003e\n          \u003cp\u003e2 cuillères à café (10 ml) par jour\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-timeline-item\"\u003e\n        \u003cdiv class=\"tcm-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"tcm-timeline-content\"\u003e\n          \u003ch3\u003eÀ partir du jour 9 — Dose optimale\u003c\/h3\u003e\n          \u003cp\u003e1 cuillère à soupe (15 ml) par jour pour un effet optimal\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tcm-tip\"\u003e\n      \u003cspan class=\"tcm-tip-icon\"\u003e🥤\u003c\/span\u003e\n      \u003cp\u003eVous pouvez l'ajouter à un \u003cstrong\u003esmoothie, un café, une salade\u003c\/strong\u003e ou le consommer directement. Son goût neutre le rend très facile à intégrer dans votre alimentation quotidienne.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"tcm-section\"\u003e\n    \u003ch2\u003eFabrication française et qualité Jade Recherche\u003c\/h2\u003e\n    \u003cdiv class=\"tcm-grid-compact\"\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eProduit par Jade Recherche, laboratoire spécialisé dans les compléments naturels\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e🥥 Coco responsable\u003c\/h3\u003e\n        \u003cp\u003eNoix de coco cultivées de manière responsable et traçable\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e🔬 Pureté garantie\u003c\/h3\u003e\n        \u003cp\u003eProduction suivant des normes strictes de pureté et de traçabilité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcm-card\"\u003e\n        \u003ch3\u003e✅ Pur, sûr, concentré\u003c\/h3\u003e\n        \u003cp\u003eAucun compromis sur la qualité, pour des résultats concrets et durables\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"tcm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"tcm-accordion\"\u003e\n      \u003cdetails class=\"tcm-accordion-item\"\u003e\n        \u003csummary class=\"tcm-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n        \u003cdiv class=\"tcm-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de doute ou de traitement médical en cours, consultez votre médecin avant utilisation. Tenir hors de portée des enfants. Conserver à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"tcm-disclaimer\"\u003eLes compléments alimentaires ne remplacent 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  --tcm-cream: #f4f8f2;\n  --tcm-white: #ffffff;\n  --tcm-primary: #1a8c3f;\n  --tcm-primary-dark: #0f6b2d;\n  --tcm-primary-light: #e8f5ec;\n  --tcm-secondary: #1565a0;\n  --tcm-accent: #2196f3;\n  --tcm-text: #1a1a1a;\n  --tcm-text-light: #5a5a5a;\n  --tcm-border: #dce8d8;\n  --tcm-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --tcm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --tcm-radius: 20px;\n  --tcm-radius-sm: 12px;\n}\n\n.tcm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--tcm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.tcm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #0f6b2d 0%, #1a8c3f 40%, #1565a0 100%);\n  border-radius: var(--tcm-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(--tcm-shadow-lg);\n}\n\n.tcm-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 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.tcm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.tcm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.tcm-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(--tcm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.tcm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.tcm-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.tcm-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.tcm-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.tcm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tcm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--tcm-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.3;\n}\n\n.tcm-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(--tcm-primary), var(--tcm-secondary));\n  border-radius: 2px;\n}\n\n.tcm-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--tcm-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.tcm-card {\n  background: var(--tcm-white);\n  border-radius: var(--tcm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--tcm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.tcm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--tcm-shadow-lg);\n  border-color: var(--tcm-primary);\n}\n\n.tcm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--tcm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.tcm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--tcm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.tcm-card-highlight {\n  border-left: 4px solid var(--tcm-primary);\n  text-align: left;\n}\n\n.tcm-card-highlight h3 {\n  text-align: left;\n  font-size: clamp(16px, 3vw, 20px);\n  margin-bottom: .75rem;\n}\n\n.tcm-card-highlight p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.tcm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.tcm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.tcm-grid-compact .tcm-card {\n  padding: 1rem;\n}\n\n.tcm-grid-compact .tcm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.tcm-grid-compact .tcm-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tcm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.tcm-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.tcm-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--tcm-primary), var(--tcm-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.tcm-timeline-content {\n  flex: 1;\n  background: var(--tcm-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--tcm-radius-sm);\n  box-shadow: var(--tcm-shadow);\n}\n\n.tcm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--tcm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.tcm-timeline-content p {\n  font-size: 14px;\n  color: var(--tcm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === COMPOSITION BOX === *\/\n.tcm-composition-box {\n  background: var(--tcm-white);\n  border-radius: var(--tcm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--tcm-shadow);\n  text-align: center;\n  border: 2px solid var(--tcm-primary-light);\n}\n\n.tcm-composition-label {\n  font-size: 13px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: .1em;\n  color: var(--tcm-primary);\n  margin: 0 0 .5rem 0;\n}\n\n.tcm-composition-main {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 700;\n  color: var(--tcm-text);\n  margin: 0 0 1.25rem 0;\n  line-height: 1.5;\n}\n\n.tcm-composition-acids {\n  display: flex;\n  justify-content: center;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n  flex-wrap: wrap;\n}\n\n.tcm-acid-tag {\n  display: flex;\n  align-items: center;\n  gap: .5rem;\n  background: linear-gradient(135deg, var(--tcm-primary), var(--tcm-secondary));\n  border-radius: 999px;\n  padding: 10px 20px;\n  color: white;\n}\n\n.tcm-acid-name {\n  font-weight: 700;\n  font-size: 14px;\n}\n\n.tcm-acid-code {\n  font-weight: 900;\n  font-size: 16px;\n  background: rgba(255,255,255,.25);\n  padding: 2px 10px;\n  border-radius: 999px;\n}\n\n.tcm-composition-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .5rem;\n}\n\n.tcm-comp-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 6px 12px;\n  background: var(--tcm-primary-light);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--tcm-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.tcm-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--tcm-primary-light);\n  border-radius: var(--tcm-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.tcm-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.tcm-tip p {\n  font-size: 14px;\n  color: var(--tcm-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.tcm-accordion {\n  background: var(--tcm-white);\n  border-radius: var(--tcm-radius);\n  box-shadow: var(--tcm-shadow);\n  overflow: hidden;\n}\n\n.tcm-accordion-item {\n  border-bottom: 1px solid var(--tcm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.tcm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.tcm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--tcm-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.tcm-accordion-header:hover {\n  background: var(--tcm-primary-light);\n}\n\n.tcm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.tcm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--tcm-primary);\n  transition: transform .2s ease;\n}\n\n.tcm-accordion-item[open] .tcm-accordion-header::after {\n  content: '−';\n}\n\n.tcm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--tcm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.tcm-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.tcm-disclaimer {\n  font-size: 12px;\n  color: var(--tcm-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  .tcm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .tcm-card {\n    padding: 1.125rem;\n  }\n\n  .tcm-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .tcm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--tcm-radius-sm);\n  }\n\n  .tcm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .tcm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .tcm-grid-compact {\n    gap: .625rem;\n  }\n\n  .tcm-grid-compact .tcm-card {\n    padding: .75rem;\n  }\n\n  .tcm-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .tcm-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .tcm-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .tcm-timeline-content p {\n    font-size: 13px;\n  }\n\n  .tcm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .tcm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .tcm-card-highlight {\n    padding: 1rem;\n  }\n\n  .tcm-composition-box {\n    padding: 1.25rem;\n  }\n\n  .tcm-composition-acids {\n    flex-direction: column;\n    align-items: center;\n    gap: .5rem;\n  }\n\n  .tcm-acid-tag {\n    padding: 8px 16px;\n  }\n\n  .tcm-acid-name {\n    font-size: 13px;\n  }\n\n  .tcm-acid-code {\n    font-size: 14px;\n  }\n\n  .tcm-comp-badge {\n    font-size: 11px;\n    padding: 5px 10px;\n  }\n\n  .tcm-tip {\n    padding: .875rem 1rem;\n  }\n\n  .tcm-tip-icon {\n    font-size: 20px;\n  }\n\n  .tcm-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .tcm-card {\n    animation: tcmFadeInUp .5s ease backwards;\n  }\n  .tcm-card:nth-child(1) { animation-delay: .05s; }\n  .tcm-card:nth-child(2) { animation-delay: .1s; }\n  .tcm-card:nth-child(3) { animation-delay: .15s; }\n  .tcm-card:nth-child(4) { animation-delay: .2s; }\n  .tcm-card:nth-child(5) { animation-delay: .25s; }\n  .tcm-card:nth-child(6) { animation-delay: .3s; }\n\n  .tcm-timeline-item {\n    animation: tcmFadeInUp .5s ease backwards;\n  }\n  .tcm-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .tcm-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .tcm-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes tcmFadeInUp {\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  .tcm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755338326173,"sku":"JADETCM500","price":37.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tcm_jade_recherche.webp?v=1757062407"},{"product_id":"vitamine-c-liposomale-en-spray-100-ml-jade-recherche","title":"Vitamine C Liposomale en Spray - 100 ml - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vitamine C Liposomale en Spray - Jade Recherche\nPalette détectée:\n  - Primaire: #FF8C42 (Orange vif du packaging, dynamique et énergisant)\n  - Secondaire: #2E9B5A (Vert émeraude des bandes, évoque naturel\/santé)\n  - Accent: #FFB573 (Orange clair pour backgrounds doux)\nAmbiance: Santé\/Vitalité - Design médical moderne avec codes couleurs énergisants (orange = vitalité, vert = naturel\/santé). Le spray évoque praticité et innovation. Style professionnel mais accessible.\nPréfixe CSS: vcl\n--\u003e\n\n\u003cdiv class=\"vcl-premium\"\u003e\n  \u003cdiv class=\"vcl-hero\"\u003e\n    \u003cdiv class=\"vcl-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"vcl-hero-content\"\u003e\n      \u003cdiv class=\"vcl-badges-top\"\u003e\n        \u003cspan class=\"vcl-badge\"\u003e💊 270 mg par dose\u003c\/span\u003e\n        \u003cspan class=\"vcl-badge\"\u003e🚀 ×8 absorption\u003c\/span\u003e\n        \u003cspan class=\"vcl-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"vcl-hero-title\"\u003eVitamine C liposomale en spray\u003c\/span\u003e\n      \u003cp class=\"vcl-subtitle\"\u003eL'innovation qui révolutionne votre apport quotidien\u003c\/p\u003e\n      \u003cp class=\"vcl-description\"\u003eGrâce à la technologie liposomale, profitez d'une absorption jusqu'à 8 fois supérieure. 2 sprays = 2250 mg de vitamine C traditionnelle !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e🎯 Pourquoi choisir le liposomal ?\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-grid\"\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e🔬 Technologie liposomale\u003c\/h3\u003e\n        \u003cp\u003eDes liposomes encapsulent la vitamine C, protégeant ses principes actifs et permettant une absorption optimale au niveau cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e⚡ Efficacité décuplée\u003c\/h3\u003e\n        \u003cp\u003e270 mg de vitamine C liposomale équivaut à 2250 mg de vitamine C classique. Un ratio d'efficacité exceptionnel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e💧 Format spray pratique\u003c\/h3\u003e\n        \u003cp\u003eFini les gélules ! Notre spray offre une utilisation simple, rapide et agréable, avec un goût peu acide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e✨ Pureté française\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France avec des ingrédients naturels triés sur le volet. Aucun additif synthétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e💪 Les bienfaits de la vitamine C\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-grid\"\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e🛡️ Bouclier antioxydant\u003c\/h3\u003e\n        \u003cp\u003eCombat les radicaux libres, ralentit le vieillissement cellulaire et protège du stress oxydatif quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e🔋 Énergie et vitalité\u003c\/h3\u003e\n        \u003cp\u003ePouvoir anti-fatigue exceptionnel. Redonne du tonus et augmente la résistance physique et mentale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e🦠 Défenses immunitaires\u003c\/h3\u003e\n        \u003cp\u003eRenforce votre système immunitaire naturellement. Action anti-infectieuse et protection contre les allergies.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e❤️ Santé circulatoire\u003c\/h3\u003e\n        \u003cp\u003eAméliore la micro-circulation cellulaire et favorise la production de globules rouges.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e🔗 Synergie vitaminique\u003c\/h3\u003e\n        \u003cp\u003ePotentialise l'action des autres vitamines. Catalyseur essentiel dans les réactions d'oxydo-réduction.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e🦴 Métabolisme osseux\u003c\/h3\u003e\n        \u003cp\u003eContribue au métabolisme phospho-calcique, essentiel pour des os et des dents solides à tout âge.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e🧪 Composition pure et efficace\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-grid\"\u003e\n      \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n        \u003ch3\u003e🍋 Vitamine C active\u003c\/h3\u003e\n        \u003cp\u003eAcide L-ascorbique + ascorbate de sodium\u003c\/p\u003e\n        \u003cspan class=\"vcl-dose\"\u003e270 mg par dose\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n        \u003ch3\u003e🌻 Lécithine de tournesol\u003c\/h3\u003e\n        \u003cp\u003eÉmulsifiant liposomal naturel\u003c\/p\u003e\n        \u003cspan class=\"vcl-dose\"\u003e100% végétale\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n        \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n        \u003cp\u003eBase ultra-pure\u003c\/p\u003e\n        \u003cspan class=\"vcl-dose\"\u003eQualité pharmaceutique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Glycérol naturel\u003c\/h3\u003e\n        \u003cp\u003eStabilisant doux\u003c\/p\u003e\n        \u003cspan class=\"vcl-dose\"\u003eOrigine végétale\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vcl-highlight-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003eSans additifs synthétiques\u003c\/strong\u003e • Conservation naturelle avec sorbate de potassium • Formule minimaliste et efficace\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-steps\"\u003e\n      \u003cdiv class=\"vcl-step\"\u003e\n        \u003cdiv class=\"vcl-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"vcl-step-content\"\u003e\n          \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n          \u003cp\u003eBien agiter avant chaque utilisation pour homogénéiser la formule\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-step\"\u003e\n        \u003cdiv class=\"vcl-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"vcl-step-content\"\u003e\n          \u003ch3\u003ePulvérisez 2 fois\u003c\/h3\u003e\n          \u003cp\u003e2 sprays par jour suffisent, directement dans la bouche\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-step\"\u003e\n        \u003cdiv class=\"vcl-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"vcl-step-content\"\u003e\n          \u003ch3\u003eLaissez agir\u003c\/h3\u003e\n          \u003cp\u003eGardez quelques secondes en bouche pour maximiser l'absorption sublinguale\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e👥 Pour qui est ce produit ?\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-grid\"\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e💼 Actifs surmenés\u003c\/h3\u003e\n        \u003cp\u003eCombattez la fatigue et le stress quotidien. Retrouvez énergie et concentration.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eOptimisez votre récupération et protégez vos cellules du stress oxydatif intense.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e🧓 Seniors\u003c\/h3\u003e\n        \u003cp\u003eRalentissez le vieillissement cellulaire et maintenez votre vitalité naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eGoût agréable et peu acide. Convient aux enfants comme aux adultes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e📊 Chiffres clés\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-grid-compact\"\u003e\n      \u003cdiv class=\"vcl-card vcl-card-stat\"\u003e\n        \u003ch3\u003e270 mg\u003c\/h3\u003e\n        \u003cp\u003eVitamine C par dose\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card vcl-card-stat\"\u003e\n        \u003ch3\u003e×8\u003c\/h3\u003e\n        \u003cp\u003eAbsorption supérieure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card vcl-card-stat\"\u003e\n        \u003ch3\u003e100 ml\u003c\/h3\u003e\n        \u003cp\u003e~50 jours d'utilisation\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-card vcl-card-stat\"\u003e\n        \u003ch3\u003e2 sprays\u003c\/h3\u003e\n        \u003cp\u003ePar jour seulement\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-accordion\"\u003e\n      \u003cdetails class=\"vcl-accordion-item\"\u003e\n        \u003csummary class=\"vcl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"vcl-accordion-content\"\u003e\n          \u003cp\u003eConserver au réfrigérateur après ouverture. À consommer dans les 2 mois après ouverture. Tenir hors de portée des enfants. Conserver à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"vcl-accordion-item\"\u003e\n        \u003csummary class=\"vcl-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"vcl-accordion-content\"\u003e\n          \u003cp\u003eComplément alimentaire : ne peut se substituer à une alimentation variée et équilibrée et à un mode de vie sain. Respecter la dose journalière recommandée. Femmes enceintes : demander conseil à un professionnel de santé avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"vcl-accordion-item\"\u003e\n        \u003csummary class=\"vcl-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n        \u003cdiv class=\"vcl-accordion-content\"\u003e\n          \u003cp\u003eFabriqué en France par Jade Recherche. Ingrédients 100% naturels, sans additifs synthétiques. Technologie liposomale de pointe pour une efficacité maximale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vcl-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"vcl-cta-box\"\u003e\n      \u003cp\u003e🚀 \u003cstrong\u003eBoostez votre vitalité naturellement\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cp\u003eDécouvrez la puissance de la vitamine C liposomale et transformez votre quotidien. Une santé optimale commence par les bons choix !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --vcl-cream: #FFF9F5;\n  --vcl-white: #ffffff;\n  --vcl-primary: #FF8C42;\n  --vcl-primary-dark: #E07030;\n  --vcl-primary-light: #FFF0E5;\n  --vcl-secondary: #2E9B5A;\n  --vcl-accent: #FFB573;\n  --vcl-text: #1a1a1a;\n  --vcl-text-light: #5a5a5a;\n  --vcl-border: #e0e0e0;\n  --vcl-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --vcl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --vcl-radius: 20px;\n  --vcl-radius-sm: 12px;\n}\n\n.vcl-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--vcl-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.vcl-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--vcl-primary) 0%, var(--vcl-primary-dark) 50%, var(--vcl-secondary) 100%);\n  border-radius: var(--vcl-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(--vcl-shadow-lg);\n}\n\n.vcl-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .08;\n  background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.vcl-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.vcl-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n  margin-bottom: 1.5rem;\n}\n\n.vcl-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(--vcl-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.vcl-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.vcl-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.vcl-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.vcl-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.vcl-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vcl-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--vcl-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.vcl-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(--vcl-primary), var(--vcl-secondary));\n  border-radius: 2px;\n}\n\n.vcl-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.vcl-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.vcl-card {\n  background: var(--vcl-white);\n  border-radius: var(--vcl-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--vcl-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.vcl-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--vcl-shadow-lg);\n  border-color: var(--vcl-primary);\n}\n\n.vcl-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--vcl-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.vcl-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--vcl-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.vcl-card-ingredient {\n  background: linear-gradient(135deg, var(--vcl-white), var(--vcl-primary-light));\n}\n\n.vcl-dose {\n  display: inline-block;\n  margin-top: .75rem;\n  padding: 6px 14px;\n  background: var(--vcl-secondary);\n  color: white;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.vcl-card-stat h3 {\n  font-size: clamp(28px, 6vw, 42px);\n  background: linear-gradient(135deg, var(--vcl-primary), var(--vcl-secondary));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  margin-bottom: .25rem;\n}\n\n.vcl-card-stat p {\n  font-size: 12px;\n}\n\n.vcl-highlight-box {\n  background: linear-gradient(135deg, var(--vcl-secondary), #248C4D);\n  border-radius: var(--vcl-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  margin-top: 1.5rem;\n}\n\n.vcl-highlight-box p {\n  color: white;\n  font-size: clamp(13px, 2vw, 15px);\n  margin: 0;\n}\n\n.vcl-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.vcl-step {\n  background: var(--vcl-white);\n  border-radius: var(--vcl-radius);\n  padding: 1.25rem;\n  box-shadow: var(--vcl-shadow);\n  display: flex;\n  align-items: center;\n  gap: 1.25rem;\n  transition: all .3s ease;\n}\n\n.vcl-step:hover {\n  transform: translateX(8px);\n  border-left: 4px solid var(--vcl-primary);\n}\n\n.vcl-step-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--vcl-primary), var(--vcl-secondary));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  font-weight: 900;\n  color: white;\n}\n\n.vcl-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--vcl-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.vcl-step-content p {\n  font-size: 14px;\n  color: var(--vcl-text-light);\n  margin: 0;\n}\n\n.vcl-accordion {\n  background: var(--vcl-white);\n  border-radius: var(--vcl-radius);\n  box-shadow: var(--vcl-shadow);\n  overflow: hidden;\n}\n\n.vcl-accordion-item {\n  border-bottom: 1px solid var(--vcl-border);\n  margin: 0;\n  padding: 0;\n}\n\n.vcl-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.vcl-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--vcl-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.vcl-accordion-header:hover {\n  background: var(--vcl-primary-light);\n}\n\n.vcl-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.vcl-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--vcl-primary);\n  transition: transform .2s ease;\n}\n\n.vcl-accordion-item[open] .vcl-accordion-header::after {\n  content: '−';\n}\n\n.vcl-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--vcl-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.vcl-accordion-content p {\n  margin: 0;\n}\n\n.vcl-cta-box {\n  background: linear-gradient(135deg, var(--vcl-primary) 0%, var(--vcl-primary-dark) 50%, var(--vcl-secondary) 100%);\n  border-radius: var(--vcl-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.vcl-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 0 .75rem 0;\n}\n\n.vcl-cta-box p:last-child {\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .vcl-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .vcl-grid-compact {\n    gap: .625rem;\n  }\n  \n  .vcl-grid-compact .vcl-card {\n    padding: .75rem;\n  }\n  \n  .vcl-card {\n    padding: 1.125rem;\n  }\n  \n  .vcl-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .vcl-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--vcl-radius-sm);\n  }\n  \n  .vcl-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .vcl-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .vcl-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .vcl-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .vcl-step {\n    padding: 1rem;\n  }\n  \n  .vcl-step-number {\n    width: 38px;\n    height: 38px;\n    font-size: 16px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .vcl-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .vcl-card:nth-child(1) { animation-delay: .05s; }\n  .vcl-card:nth-child(2) { animation-delay: .1s; }\n  .vcl-card:nth-child(3) { animation-delay: .15s; }\n  .vcl-card:nth-child(4) { animation-delay: .2s; }\n  .vcl-card:nth-child(5) { animation-delay: .25s; }\n  .vcl-card:nth-child(6) { animation-delay: .3s; }\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  .vcl-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755349270685,"sku":"JADELIPOSO100","price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vitamine-c-liposomale-en-spray-100-ml-jade-recherche-packshothd_25d5c29c-f8c4-4a94-aae9-f41a61a30e5b.webp?v=1786010713"},{"product_id":"moringa-pure-bio-60-ou-150-gelules-lt-labo","title":"Poudre de Feuilles de Moringa oleifera bio - 60 gélules - LT Labo","description":"\u003cdiv class=\"mg-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"mg-hero\"\u003e\n    \u003cdiv class=\"mg-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mg-hero-content\"\u003e\n      \u003cdiv class=\"mg-badges-top\"\u003e\n        \u003cspan class=\"mg-badge\"\u003e🌿 100 % folioles bio\u003c\/span\u003e\n        \u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"mg-badge\"\u003e🌱 Certifié vegan\u003c\/span\u003e\n        \u003cspan class=\"mg-badge\"\u003e✅ Agriculture biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mg-hero-title\"\u003ePoudre de feuilles de Moringa oleifera bio\u003c\/span\u003e\n      \u003cp class=\"mg-subtitle\"\u003e60 gélules — LT Labo\u003c\/p\u003e\n      \u003cp class=\"mg-description\"\u003eL'extraordinaire densité nutritionnelle de l'« arbre de vie » concentrée dans chaque gélule : vitamines, minéraux, antioxydants et acides aminés essentiels, sans aucun additif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eMoringa oleifera bio en gélules : le superaliment qui nourrit votre vitalité au quotidien\u003c\/h2\u003e\n    \u003cp class=\"mg-section-intro\"\u003eVous cherchez un complément alimentaire naturel, complet et véritablement nutritif ? La \u003cstrong\u003epoudre de moringa oleifera bio\u003c\/strong\u003e de LT Labo réunit dans chaque gélule l'extraordinaire densité nutritionnelle de l'« arbre de vie ».\u003c\/p\u003e\n    \u003cp class=\"mg-section-intro\"\u003eIssu de \u003cstrong\u003e100 % de folioles\u003c\/strong\u003e — la partie la plus riche de la feuille —, ce moringa en poudre concentre vitamines, minéraux, antioxydants et acides aminés essentiels, sans aucun additif. Un vrai coup de pouce pour votre organisme, certifié bio et vegan.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003ePourquoi cette poudre de moringa se distingue\u003c\/h2\u003e\n    \u003cdiv class=\"mg-grid-compact\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🍃 100 % folioles biologiques\u003c\/h3\u003e\n        \u003cp\u003eSeules les petites feuilles sont sélectionnées, là où la concentration en nutriments est la plus élevée. Aucune tige, aucun déchet végétal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🏅 Certifié AB \u0026amp; vegan\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique contrôlée, gélule d'origine végétale, compatible avec les régimes végétariens et végétaliens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eConditionné en France par LT Labo, selon des standards de qualité stricts.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🚫 Sans excipient inutile\u003c\/h3\u003e\n        \u003cp\u003ePas de conservateur, pas de colorant, pas d'agent de charge. Juste du moringa pur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eBienfaits de la poudre de moringa pour votre corps\u003c\/h2\u003e\n    \u003cp class=\"mg-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de la poudre de moringa\u003c\/strong\u003e sont reconnus depuis des siècles en phytothérapie traditionnelle. Voici ce que cette plante exceptionnelle peut vous apporter :\u003c\/p\u003e\n    \u003cdiv class=\"mg-grid\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e⚡ Énergie et vitalité\u003c\/h3\u003e\n        \u003cp\u003eGrâce au fer, aux vitamines du groupe B et aux acides aminés essentiels, le moringa aide à réduire la fatigue et à soutenir le métabolisme énergétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🛡️ Défenses immunitaires\u003c\/h3\u003e\n        \u003cp\u003eLes vitamines A, C et E, associées au zinc, participent au bon fonctionnement du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🔬 Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eRiche en polyphénols, flavonoïdes et quercétine, la poudre de moringa aide à neutraliser les radicaux libres responsables du vieillissement cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🌾 Confort digestif\u003c\/h3\u003e\n        \u003cp\u003eLes fibres naturellement présentes favorisent un transit régulier et soutiennent l'équilibre du microbiote intestinal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e💎 Apport minéral complet\u003c\/h3\u003e\n        \u003cp\u003eCalcium, magnésium, potassium… des minéraux indispensables au fonctionnement musculaire et nerveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cdiv class=\"mg-composition-box\"\u003e\n      \u003cp class=\"mg-composition-title\"\u003eIngrédients pour 3 gélules (dose journalière maximale) :\u003c\/p\u003e\n      \u003cdiv class=\"mg-composition-grid\"\u003e\n        \u003cdiv class=\"mg-composition-item\"\u003e\n          \u003cspan class=\"mg-composition-value\"\u003e1 290 mg\u003c\/span\u003e\n          \u003cspan class=\"mg-composition-label\"\u003ePoudre de feuilles de \u003cstrong\u003eMoringa oleifera\u003c\/strong\u003e* (100 % folioles)\u003c\/span\u003e\n          \u003cspan class=\"mg-composition-equiv\"\u003e≈ 3 870 mg de plante fraîche\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mg-composition-item\"\u003e\n          \u003cspan class=\"mg-composition-value\"\u003eHPMC\u003c\/span\u003e\n          \u003cspan class=\"mg-composition-label\"\u003eEnveloppe de la gélule : hydroxypropylméthylcellulose\u003c\/span\u003e\n          \u003cspan class=\"mg-composition-equiv\"\u003e100 % végétale\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"mg-composition-note\"\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eComment consommer le moringa en gélules\u003c\/h2\u003e\n    \u003cdiv class=\"mg-timeline\"\u003e\n      \u003cdiv class=\"mg-timeline-item\"\u003e\n        \u003cdiv class=\"mg-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mg-timeline-content\"\u003e\n          \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e2 à 3 gélules par jour\u003c\/strong\u003e, de préférence avant les repas, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-timeline-item\"\u003e\n        \u003cdiv class=\"mg-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mg-timeline-content\"\u003e\n          \u003ch3\u003eSi vous débutez\u003c\/h3\u003e\n          \u003cp\u003eCommencez par 2 gélules puis augmentez progressivement jusqu'à 3 gélules par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-timeline-item\"\u003e\n        \u003cdiv class=\"mg-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mg-timeline-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eLe flacon de 60 gélules correspond à une cure de \u003cstrong\u003e20 à 30 jours\u003c\/strong\u003e selon le dosage choisi.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"mg-accordion\"\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003e⚠️ Avertissement général\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003e🧒 Populations déconseillées\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux enfants et aux adolescents.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de traitement médical, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"mg-accordion\"\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003eQuels sont les bienfaits de la poudre de moringa bio ?\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n          \u003cp\u003eLa poudre de moringa apporte vitamines, minéraux et antioxydants. Elle contribue à soutenir l'énergie, l'immunité, la digestion et la protection cellulaire contre le stress oxydatif.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003ePourquoi choisir des gélules plutôt que de la poudre en vrac ?\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n          \u003cp\u003eLes gélules offrent un dosage précis, une prise facile et un goût neutre, idéales si vous n'appréciez pas la saveur herbacée du moringa libre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003eLe moringa convient-il aux végétaliens ?\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, la gélule est en HPMC, 100 % végétale, et le produit est certifié vegan.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003ePeut-on prendre le moringa en continu ?\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n          \u003cp\u003eIl est conseillé de faire des cures de 1 à 3 mois, entrecoupées de pauses d'une à deux semaines. Demandez l'avis de votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"mg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"mg-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre corps le meilleur de la nature avec le moringa oleifera bio LT Labo — 60 gélules de vitalité pure, sans compromis.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"mg-disclaimer\"\u003eLes compléments alimentaires ne se substituent 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  --mg-cream: #f5f9f3;\n  --mg-white: #ffffff;\n  --mg-primary: #3a9a3e;\n  --mg-primary-dark: #1e6b22;\n  --mg-primary-light: #e8f5e9;\n  --mg-secondary: #66bb6a;\n  --mg-accent: #a5d6a7;\n  --mg-text: #1a1a1a;\n  --mg-text-light: #5a5a5a;\n  --mg-border: #d7e8d7;\n  --mg-shadow: 0 4px 24px rgba(30,107,34,.08);\n  --mg-shadow-lg: 0 12px 48px rgba(30,107,34,.15);\n  --mg-radius: 20px;\n  --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1e6b22 0%, #3a9a3e 45%, #66bb6a 100%);\n  border-radius: var(--mg-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(--mg-shadow-lg);\n}\n\n.mg-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 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.mg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mg-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  line-height: 1.15;\n}\n\n.mg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.mg-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(--mg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mg-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.mg-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mg-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.25;\n}\n\n.mg-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(--mg-primary), var(--mg-secondary));\n  border-radius: 2px;\n}\n\n.mg-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mg-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.mg-card {\n  background: var(--mg-white);\n  border-radius: var(--mg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mg-shadow-lg);\n  border-color: var(--mg-primary);\n}\n\n.mg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mg-grid-compact .mg-card {\n  padding: 1rem;\n}\n\n.mg-grid-compact .mg-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mg-grid-compact .mg-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.mg-composition-box {\n  background: var(--mg-white);\n  border-radius: var(--mg-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--mg-shadow);\n  border: 2px solid var(--mg-primary-light);\n}\n\n.mg-composition-title {\n  font-size: clamp(14px, 2.5vw, 16px);\n  font-weight: 700;\n  color: var(--mg-primary-dark);\n  text-align: center;\n  margin: 0 0 1.5rem 0;\n}\n\n.mg-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1rem;\n}\n\n.mg-composition-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  background: var(--mg-primary-light);\n  border-radius: var(--mg-radius-sm);\n  padding: 1.25rem 1rem;\n  gap: .5rem;\n}\n\n.mg-composition-value {\n  font-size: clamp(22px, 4vw, 32px);\n  font-weight: 900;\n  color: var(--mg-primary-dark);\n  line-height: 1;\n}\n\n.mg-composition-label {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mg-text);\n  line-height: 1.4;\n}\n\n.mg-composition-equiv {\n  font-size: 12px;\n  color: var(--mg-text-light);\n  font-style: italic;\n  background: rgba(255,255,255,.7);\n  padding: 4px 12px;\n  border-radius: 999px;\n}\n\n.mg-composition-note {\n  font-size: 13px;\n  color: var(--mg-text-light);\n  text-align: center;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.mg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mg-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mg-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mg-primary), var(--mg-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.mg-timeline-content {\n  flex: 1;\n  background: var(--mg-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--mg-radius-sm);\n  box-shadow: var(--mg-shadow);\n}\n\n.mg-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mg-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mg-timeline-content p {\n  font-size: 14px;\n  color: var(--mg-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.mg-accordion {\n  background: var(--mg-white);\n  border-radius: var(--mg-radius);\n  box-shadow: var(--mg-shadow);\n  overflow: hidden;\n}\n\n.mg-accordion-item {\n  border-bottom: 1px solid var(--mg-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mg-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mg-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mg-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.mg-accordion-header:hover {\n  background: var(--mg-primary-light);\n}\n\n.mg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mg-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mg-primary);\n  transition: transform .2s ease;\n  flex-shrink: 0;\n  margin-left: 12px;\n}\n\n.mg-accordion-item[open] .mg-accordion-header::after {\n  content: '−';\n}\n\n.mg-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mg-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.mg-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mg-cta-box {\n  background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n  border-radius: var(--mg-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.mg-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.mg-disclaimer {\n  font-size: 12px;\n  color: var(--mg-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  .mg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .mg-card {\n    padding: 1.125rem;\n  }\n\n  .mg-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .mg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mg-radius-sm);\n  }\n\n  .mg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .mg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .mg-grid-compact {\n    gap: .625rem;\n  }\n\n  .mg-grid-compact .mg-card {\n    padding: .75rem;\n  }\n\n  .mg-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .mg-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .mg-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .mg-timeline-content p {\n    font-size: 13px;\n  }\n\n  .mg-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .mg-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .mg-composition-box {\n    padding: 1.25rem;\n  }\n\n  .mg-composition-grid {\n    grid-template-columns: 1fr;\n    gap: .75rem;\n  }\n\n  .mg-composition-item {\n    padding: 1rem .75rem;\n  }\n\n  .mg-composition-value {\n    font-size: 24px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mg-card {\n    animation: mgFadeInUp .5s ease backwards;\n  }\n  .mg-card:nth-child(1) { animation-delay: .05s; }\n  .mg-card:nth-child(2) { animation-delay: .1s; }\n  .mg-card:nth-child(3) { animation-delay: .15s; }\n  .mg-card:nth-child(4) { animation-delay: .2s; }\n  .mg-card:nth-child(5) { animation-delay: .25s; }\n  .mg-card:nth-child(6) { animation-delay: .3s; }\n\n  .mg-timeline-item {\n    animation: mgFadeInUp .5s ease backwards;\n  }\n  .mg-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .mg-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .mg-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes mgFadeInUp {\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  .mg-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":45755361460381,"sku":"NBAILTL0009","price":15.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-de-feuilles-de-moringa-oleifera-bio-60-gelules-lt-lab-packshothd.webp?v=1775578009"},{"product_id":"jus-de-noni-jade-recherche-1-l-jade-recherche","title":"Jus de Noni Jade Recherche - 1 L - Jade Recherche","description":"\n\n\u003cdiv class=\"noni-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"noni-hero\"\u003e\n    \u003cdiv class=\"noni-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"noni-hero-content\"\u003e\n      \u003cdiv class=\"noni-badges-top\"\u003e\n        \u003cspan class=\"noni-badge\"\u003e🌴 100% pur jus polynésien\u003c\/span\u003e\n        \u003cspan class=\"noni-badge\"\u003e🌿 Sans pesticides\u003c\/span\u003e\n        \u003cspan class=\"noni-badge\"\u003e✨ Remède ancestral\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"noni-hero-title\"\u003ePur Jus de Noni\u003c\/span\u003e\n      \u003cp class=\"noni-subtitle\"\u003eLe trésor de vitalité des îles polynésiennes\u003c\/p\u003e\n      \u003cp class=\"noni-description\"\u003eDécouvrez la puissance du fruit sacré \u003cem\u003eMorinda citrifolia\u003c\/em\u003e, récolté sur les sols volcaniques de Polynésie et transformé selon les traditions ancestrales pour préserver tous ses bienfaits.\u003c\/p\u003e\n      \u003cdiv class=\"noni-hero-stats\"\u003e\n        \u003cdiv class=\"noni-stat\"\u003e\n          \u003cspan class=\"noni-stat-number\"\u003e1L\u003c\/span\u003e\n          \u003cspan class=\"noni-stat-label\"\u003eFormat généreux\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"noni-stat\"\u003e\n          \u003cspan class=\"noni-stat-number\"\u003e100%\u003c\/span\u003e\n          \u003cspan class=\"noni-stat-label\"\u003ePur jus\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"noni-stat\"\u003e\n          \u003cspan class=\"noni-stat-number\"\u003e33\u003c\/span\u003e\n          \u003cspan class=\"noni-stat-label\"\u003eJours de cure\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION ORIGINE --\u003e\n  \u003csection class=\"noni-section\"\u003e\n    \u003ch2\u003e🏝️ Pourquoi ce jus de noni est unique\u003c\/h2\u003e\n    \u003cdiv class=\"noni-grid\"\u003e\n      \u003cdiv class=\"noni-card noni-card-highlight\"\u003e\n        \u003cdiv class=\"noni-card-icon\"\u003e🌋\u003c\/div\u003e\n        \u003ch3\u003eOrigine polynésienne authentique\u003c\/h3\u003e\n        \u003cp\u003eFruits cultivés sur des \u003cstrong\u003esols volcaniques\u003c\/strong\u003e exceptionnellement riches en minéraux, notamment en calcium et en sélénium, garantissant une concentration optimale en nutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-card\"\u003e\n        \u003cdiv class=\"noni-card-icon\"\u003e💎\u003c\/div\u003e\n        \u003ch3\u003ePureté absolue\u003c\/h3\u003e\n        \u003cp\u003eNi coupé, ni reconstitué, ni dilué : un \u003cstrong\u003ejus 100% pur\u003c\/strong\u003e qui vous offre la concentration maximale en principes actifs du fruit de noni.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-card\"\u003e\n        \u003cdiv class=\"noni-card-icon\"\u003e🌱\u003c\/div\u003e\n        \u003ch3\u003eProduction responsable\u003c\/h3\u003e\n        \u003cp\u003eCultivé \u003cstrong\u003esans pesticides\u003c\/strong\u003e selon une démarche respectueuse de l'environnement polynésien et de votre santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-card\"\u003e\n        \u003cdiv class=\"noni-card-icon\"\u003e👴\u003c\/div\u003e\n        \u003ch3\u003eSavoir-faire ancestral\u003c\/h3\u003e\n        \u003cp\u003eLes \u003cstrong\u003eméthodes traditionnelles polynésiennes\u003c\/strong\u003e sont rigoureusement respectées pour garantir l'authenticité et la qualité du produit.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION BIENFAITS --\u003e\n  \u003csection class=\"noni-section\"\u003e\n    \u003ch2\u003e✨ Les bienfaits du noni sur votre organisme\u003c\/h2\u003e\n    \u003cdiv class=\"noni-benefits-grid\"\u003e\n      \u003cdiv class=\"noni-benefit\"\u003e\n        \u003cdiv class=\"noni-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003cdiv class=\"noni-benefit-content\"\u003e\n          \u003ch4\u003eSystème immunitaire renforcé\u003c\/h4\u003e\n          \u003cp\u003eAide à renforcer vos défenses naturelles, particulièrement utile lors des changements de saison.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-benefit\"\u003e\n        \u003cdiv class=\"noni-benefit-icon\"\u003e⚡\u003c\/div\u003e\n        \u003cdiv class=\"noni-benefit-content\"\u003e\n          \u003ch4\u003eAction antioxydante puissante\u003c\/h4\u003e\n          \u003cp\u003eContribue à lutter contre le stress oxydatif et le vieillissement cellulaire prématuré.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-benefit\"\u003e\n        \u003cdiv class=\"noni-benefit-icon\"\u003e🦴\u003c\/div\u003e\n        \u003cdiv class=\"noni-benefit-content\"\u003e\n          \u003ch4\u003eConfort articulaire et musculaire\u003c\/h4\u003e\n          \u003cp\u003eTraditionnellement utilisé pour ses propriétés apaisantes sur les articulations sensibles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-benefit\"\u003e\n        \u003cdiv class=\"noni-benefit-icon\"\u003e🍃\u003c\/div\u003e\n        \u003cdiv class=\"noni-benefit-content\"\u003e\n          \u003ch4\u003eSoutien digestif harmonieux\u003c\/h4\u003e\n          \u003cp\u003eFavorise une digestion équilibrée et le bon fonctionnement du métabolisme.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-benefit\"\u003e\n        \u003cdiv class=\"noni-benefit-icon\"\u003e🔋\u003c\/div\u003e\n        \u003cdiv class=\"noni-benefit-content\"\u003e\n          \u003ch4\u003eVitalité et énergie retrouvées\u003c\/h4\u003e\n          \u003cp\u003eNombreux témoignages évoquent un regain d'énergie significatif après une cure régulière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-benefit\"\u003e\n        \u003cdiv class=\"noni-benefit-icon\"\u003e🌙\u003c\/div\u003e\n        \u003cdiv class=\"noni-benefit-content\"\u003e\n          \u003ch4\u003eÉquilibre du sommeil\u003c\/h4\u003e\n          \u003cp\u003ePeut contribuer à améliorer la qualité de vos nuits et favoriser une récupération optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION COMPOSITION --\u003e\n  \u003csection class=\"noni-section\"\u003e\n    \u003ch2\u003e🧪 Une composition d'une pureté exemplaire\u003c\/h2\u003e\n    \u003cdiv class=\"noni-composition-box\"\u003e\n      \u003cdiv class=\"noni-composition-main\"\u003e\n        \u003cdiv class=\"noni-composition-icon\"\u003e🍈\u003c\/div\u003e\n        \u003cdiv class=\"noni-composition-detail\"\u003e\n          \u003cspan class=\"noni-composition-percent\"\u003e100%\u003c\/span\u003e\n          \u003cspan class=\"noni-composition-name\"\u003eJus de Morinda citrifolia (Noni)\u003c\/span\u003e\n          \u003cspan class=\"noni-composition-desc\"\u003ePur jus de fruit polynésien, rien d'autre.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-composition-tags\"\u003e\n        \u003cspan class=\"noni-tag noni-tag-green\"\u003e✓ Sans colorant\u003c\/span\u003e\n        \u003cspan class=\"noni-tag noni-tag-green\"\u003e✓ Sans conservateur\u003c\/span\u003e\n        \u003cspan class=\"noni-tag noni-tag-green\"\u003e✓ Sans sucre ajouté\u003c\/span\u003e\n        \u003cspan class=\"noni-tag noni-tag-green\"\u003e✓ Sans arôme artificiel\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION MODE D'EMPLOI --\u003e\n  \u003csection class=\"noni-section\"\u003e\n    \u003ch2\u003e📋 Comment profiter pleinement de votre cure\u003c\/h2\u003e\n    \u003cdiv class=\"noni-usage-grid\"\u003e\n      \u003cdiv class=\"noni-usage-step\"\u003e\n        \u003cdiv class=\"noni-step-number\"\u003e1\u003c\/div\u003e\n        \u003ch4\u003eDose quotidienne\u003c\/h4\u003e\n        \u003cp\u003e\u003cstrong\u003e2 cuillères à soupe\u003c\/strong\u003e par jour, soit environ 30 ml pour une efficacité optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-usage-step\"\u003e\n        \u003cdiv class=\"noni-step-number\"\u003e2\u003c\/div\u003e\n        \u003ch4\u003eMoment idéal\u003c\/h4\u003e\n        \u003cp\u003eDe préférence \u003cstrong\u003ele matin, à jeun\u003c\/strong\u003e, pour une absorption maximale des principes actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-usage-step\"\u003e\n        \u003cdiv class=\"noni-step-number\"\u003e3\u003c\/div\u003e\n        \u003ch4\u003eDurée de cure\u003c\/h4\u003e\n        \u003cp\u003e\u003cstrong\u003e3 mois minimum\u003c\/strong\u003e recommandés pour des résultats significatifs et durables.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"noni-tip-box\"\u003e\n      \u003cdiv class=\"noni-tip-content\"\u003e\n        \u003ch4\u003eAstuce goût\u003c\/h4\u003e\n        \u003cp\u003eLe noni possède une saveur prononcée et caractéristique. Pour l'adoucir, mélangez-le avec du \u003cstrong\u003ejus d'ananas frais\u003c\/strong\u003e ou consommez-le bien frais. Avec le temps, beaucoup de personnes apprécient ce goût unique !\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"noni-conservation-box\"\u003e\n      \u003cspan class=\"noni-conservation-icon\"\u003e❄️\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eConservation :\u003c\/strong\u003e après ouverture, conservez au réfrigérateur et consommez dans les 30 jours.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION TÉMOIGNAGES --\u003e\n  \u003csection class=\"noni-section\"\u003e\n    \u003ch2\u003e💬 Ce que rapportent les utilisateurs\u003c\/h2\u003e\n    \u003cdiv class=\"noni-testimonials-grid\"\u003e\n      \u003cdiv class=\"noni-testimonial\"\u003e\n        \u003cdiv class=\"noni-testimonial-icon\"\u003e⚡\u003c\/div\u003e\n        \u003cp\u003eRegain d'énergie dès les premières semaines de cure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-testimonial\"\u003e\n        \u003cdiv class=\"noni-testimonial-icon\"\u003e🦵\u003c\/div\u003e\n        \u003cp\u003eAmélioration du confort articulaire au fil du temps\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-testimonial\"\u003e\n        \u003cdiv class=\"noni-testimonial-icon\"\u003e😴\u003c\/div\u003e\n        \u003cp\u003eMeilleur sommeil et récupération facilitée\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION PRÉCAUTIONS --\u003e\n  \u003csection class=\"noni-section\"\u003e\n    \u003ch2\u003e⚠️ Précautions et informations importantes\u003c\/h2\u003e\n    \u003cdiv class=\"noni-warning-box\"\u003e\n      \u003cdiv class=\"noni-warning-header\"\u003e\n        \u003cspan class=\"noni-warning-icon\"\u003e🔒\u003c\/span\u003e\n        \u003ch4\u003eLe jus de noni est-il dangereux ?\u003c\/h4\u003e\n      \u003c\/div\u003e\n      \u003cp\u003eConsommé dans le respect des doses recommandées, le jus de noni est \u003cstrong\u003egénéralement bien toléré\u003c\/strong\u003e par la majorité des personnes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"noni-precautions-grid\"\u003e\n      \u003cdiv class=\"noni-precaution\"\u003e\n        \u003cspan class=\"noni-precaution-icon\"\u003e🔄\u003c\/span\u003e\n        \u003ch5\u003eEffets en début de cure\u003c\/h5\u003e\n        \u003cp\u003eLégers troubles digestifs possibles (ballonnements, selles molles), généralement temporaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-precaution\"\u003e\n        \u003cspan class=\"noni-precaution-icon\"\u003e🩺\u003c\/span\u003e\n        \u003ch5\u003eProblèmes rénaux ou hépatiques\u003c\/h5\u003e\n        \u003cp\u003eEn raison de sa teneur en potassium, consultez votre médecin avant consommation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-precaution\"\u003e\n        \u003cspan class=\"noni-precaution-icon\"\u003e🤰\u003c\/span\u003e\n        \u003ch5\u003eGrossesse et allaitement\u003c\/h5\u003e\n        \u003cp\u003ePar principe de précaution, demandez l'avis de votre professionnel de santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-precaution\"\u003e\n        \u003cspan class=\"noni-precaution-icon\"\u003e💊\u003c\/span\u003e\n        \u003ch5\u003eInteractions médicamenteuses\u003c\/h5\u003e\n        \u003cp\u003eSi vous suivez un traitement (notamment anticoagulant), consultez votre médecin.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"noni-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"noni-cta-box\"\u003e\n      \u003cdiv class=\"noni-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"noni-cta-content\"\u003e\n        \u003cspan class=\"noni-cta-icon\"\u003e🌺\u003c\/span\u003e\n        \u003cp\u003eOffrez à votre corps le meilleur de la \u003cstrong\u003etradition polynésienne\u003c\/strong\u003e. Avec le Jus de Noni Jade Recherche, retrouvez naturellement \u003cstrong\u003evitalité, bien-être et énergie\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n        \u003cspan class=\"noni-cta-tagline\"\u003eUn trésor ancestral pour votre santé d'aujourd'hui\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --noni-cream: #f8f9f5;\n  --noni-white: #ffffff;\n  --noni-primary: #2E7D32;\n  --noni-primary-dark: #1B5E20;\n  --noni-primary-light: #E8F5E9;\n  --noni-secondary: #5BA3D9;\n  --noni-secondary-light: #E3F2FD;\n  --noni-accent: #D4A528;\n  --noni-accent-light: #FFF8E1;\n  --noni-tertiary: #8BC34A;\n\n  \/* Textes *\/\n  --noni-text: #1a1a1a;\n  --noni-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --noni-border: #e0e0e0;\n  --noni-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --noni-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n  --noni-radius: 20px;\n  --noni-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.noni-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--noni-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--noni-text);\n  line-height: 1.6;\n}\n\n.noni-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.noni-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--noni-primary) 0%, var(--noni-tertiary) 50%, var(--noni-secondary) 100%);\n  border-radius: var(--noni-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--noni-shadow-lg);\n}\n\n.noni-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2.5 0-4.5 8-4.5 18s2 18 4.5 18 4.5-8 4.5-18-2-18-4.5-18zm-15 25c0-2.5 8-4.5 18-4.5s18 2 18 4.5-8 4.5-18 4.5-18-2-18-4.5z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.noni-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.noni-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.noni-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 18px;\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(--noni-primary-dark);\n  box-shadow: 0 4px 16px rgba(0,0,0,.15);\n  transition: all .3s ease;\n}\n\n.noni-badge:hover {\n  transform: translateY(-3px) scale(1.05);\n  box-shadow: 0 6px 24px rgba(0,0,0,.2);\n}\n\n.noni-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 24px rgba(0,0,0,.3);\n}\n\n.noni-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n.noni-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2vw, 17px);\n  max-width: 700px;\n  margin: 0 auto 2rem auto;\n  line-height: 1.7;\n}\n\n.noni-description em {\n  font-style: italic;\n  color: var(--noni-accent-light);\n}\n\n.noni-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.noni-stat {\n  text-align: center;\n  padding: 1rem 1.5rem;\n  background: rgba(255,255,255,.15);\n  backdrop-filter: blur(10px);\n  border-radius: var(--noni-radius-sm);\n  border: 1px solid rgba(255,255,255,.2);\n}\n\n.noni-stat-number {\n  display: block;\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 900;\n  color: white;\n  line-height: 1;\n}\n\n.noni-stat-label {\n  display: block;\n  font-size: 12px;\n  font-weight: 600;\n  color: rgba(255,255,255,.85);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-top: 6px;\n}\n\n\/* === SECTIONS === *\/\n.noni-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.noni-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--noni-primary-dark);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.noni-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(--noni-primary), var(--noni-tertiary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.noni-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.noni-card {\n  background: var(--noni-white);\n  border-radius: var(--noni-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--noni-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.noni-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--noni-shadow-lg);\n  border-color: var(--noni-primary);\n}\n\n.noni-card-highlight {\n  background: linear-gradient(135deg, var(--noni-primary-light) 0%, var(--noni-white) 100%);\n  border: 2px solid var(--noni-primary);\n}\n\n.noni-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.noni-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--noni-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.noni-card p {\n  font-size: 15px;\n  color: var(--noni-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.noni-card strong {\n  color: var(--noni-text);\n}\n\n\/* === BENEFITS === *\/\n.noni-benefits-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 1.25rem;\n}\n\n.noni-benefit {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--noni-white);\n  padding: 1.5rem;\n  border-radius: var(--noni-radius-sm);\n  box-shadow: var(--noni-shadow);\n  border-left: 4px solid var(--noni-primary);\n  transition: all .3s ease;\n}\n\n.noni-benefit:hover {\n  transform: translateX(8px);\n  box-shadow: var(--noni-shadow-lg);\n}\n\n.noni-benefit-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.noni-benefit-content h4 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--noni-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.noni-benefit-content p {\n  font-size: 14px;\n  color: var(--noni-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === COMPOSITION === *\/\n.noni-composition-box {\n  background: var(--noni-white);\n  border-radius: var(--noni-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--noni-shadow);\n  text-align: center;\n}\n\n.noni-composition-main {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 1.5rem;\n  flex-wrap: wrap;\n  margin-bottom: 2rem;\n  padding-bottom: 2rem;\n  border-bottom: 2px dashed var(--noni-border);\n}\n\n.noni-composition-icon {\n  font-size: 72px;\n}\n\n.noni-composition-detail {\n  text-align: left;\n}\n\n.noni-composition-percent {\n  display: block;\n  font-size: clamp(48px, 8vw, 72px);\n  font-weight: 900;\n  color: var(--noni-primary);\n  line-height: 1;\n}\n\n.noni-composition-name {\n  display: block;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 700;\n  color: var(--noni-text);\n  margin: .5rem 0;\n}\n\n.noni-composition-desc {\n  display: block;\n  font-size: 15px;\n  color: var(--noni-text-light);\n}\n\n.noni-composition-tags {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .75rem;\n}\n\n.noni-tag {\n  padding: 10px 18px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.noni-tag-green {\n  background: var(--noni-primary-light);\n  color: var(--noni-primary-dark);\n}\n\n\/* === USAGE === *\/\n.noni-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.noni-usage-step {\n  background: var(--noni-white);\n  border-radius: var(--noni-radius);\n  padding: 2rem;\n  text-align: center;\n  box-shadow: var(--noni-shadow);\n  position: relative;\n  transition: all .3s ease;\n}\n\n.noni-usage-step:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--noni-shadow-lg);\n}\n\n.noni-step-number {\n  width: 50px;\n  height: 50px;\n  background: linear-gradient(135deg, var(--noni-primary), var(--noni-tertiary));\n  color: white;\n  font-size: 24px;\n  font-weight: 900;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 1rem auto;\n  box-shadow: 0 4px 16px rgba(46,125,50,.3);\n}\n\n.noni-usage-step h4 {\n  font-size: 17px;\n  font-weight: 700;\n  color: var(--noni-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.noni-usage-step p {\n  font-size: 14px;\n  color: var(--noni-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.noni-usage-step strong {\n  color: var(--noni-text);\n}\n\n.noni-tip-box {\n  display: flex;\n  gap: 1.25rem;\n  align-items: flex-start;\n  background: var(--noni-accent-light);\n  border: 2px solid var(--noni-accent);\n  border-radius: var(--noni-radius-sm);\n  padding: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.noni-tip-icon {\n  font-size: 36px;\n  flex-shrink: 0;\n}\n\n.noni-tip-content h4 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--noni-accent);\n  margin: 0 0 .5rem 0;\n}\n\n.noni-tip-content p {\n  font-size: 14px;\n  color: var(--noni-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.noni-tip-content strong {\n  color: var(--noni-primary-dark);\n}\n\n.noni-conservation-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 1rem;\n  background: var(--noni-secondary-light);\n  border-radius: var(--noni-radius-sm);\n  padding: 1rem 1.5rem;\n}\n\n.noni-conservation-icon {\n  font-size: 28px;\n}\n\n.noni-conservation-box p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--noni-text);\n}\n\n\/* === TESTIMONIALS === *\/\n.noni-testimonials-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.noni-testimonial {\n  background: var(--noni-white);\n  border-radius: var(--noni-radius-sm);\n  padding: 1.5rem;\n  text-align: center;\n  box-shadow: var(--noni-shadow);\n  border-top: 4px solid var(--noni-tertiary);\n  transition: all .3s ease;\n}\n\n.noni-testimonial:hover {\n  transform: scale(1.03);\n  box-shadow: var(--noni-shadow-lg);\n}\n\n.noni-testimonial-icon {\n  font-size: 36px;\n  margin-bottom: .75rem;\n  display: block;\n}\n\n.noni-testimonial p {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--noni-text);\n  margin: 0;\n}\n\n.noni-testimonial-note {\n  text-align: center;\n  font-size: 13px;\n  color: var(--noni-text-light);\n  font-style: italic;\n}\n\n\/* === WARNINGS === *\/\n.noni-warning-box {\n  background: var(--noni-white);\n  border-radius: var(--noni-radius-sm);\n  padding: 1.5rem;\n  margin-bottom: 1.5rem;\n  box-shadow: var(--noni-shadow);\n  border-left: 4px solid var(--noni-tertiary);\n}\n\n.noni-warning-header {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n  margin-bottom: .75rem;\n}\n\n.noni-warning-icon {\n  font-size: 28px;\n}\n\n.noni-warning-header h4 {\n  font-size: 17px;\n  font-weight: 700;\n  color: var(--noni-text);\n  margin: 0;\n}\n\n.noni-warning-box \u003e p {\n  font-size: 15px;\n  color: var(--noni-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.noni-warning-box strong {\n  color: var(--noni-primary-dark);\n}\n\n.noni-precautions-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.noni-precaution {\n  background: var(--noni-white);\n  border-radius: var(--noni-radius-sm);\n  padding: 1.25rem;\n  box-shadow: var(--noni-shadow);\n  transition: all .3s ease;\n}\n\n.noni-precaution:hover {\n  transform: translateY(-3px);\n}\n\n.noni-precaution-icon {\n  font-size: 28px;\n  display: block;\n  margin-bottom: .5rem;\n}\n\n.noni-precaution h5 {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--noni-text);\n  margin: 0 0 .5rem 0;\n}\n\n.noni-precaution p {\n  font-size: 13px;\n  color: var(--noni-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.noni-alert-box {\n  background: #FFF3E0;\n  border: 2px solid #FF9800;\n  border-radius: var(--noni-radius-sm);\n  padding: 1.25rem;\n}\n\n.noni-alert-box p {\n  margin: 0;\n  font-size: 14px;\n  color: #E65100;\n  line-height: 1.6;\n}\n\n\/* === FAQ === *\/\n.noni-faq-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 1.5rem;\n}\n\n.noni-faq {\n  background: var(--noni-white);\n  border-radius: var(--noni-radius);\n  padding: 1.75rem;\n  box-shadow: var(--noni-shadow);\n  transition: all .3s ease;\n}\n\n.noni-faq:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--noni-shadow-lg);\n}\n\n.noni-faq h4 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--noni-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.noni-faq p {\n  font-size: 14px;\n  color: var(--noni-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.noni-faq strong {\n  color: var(--noni-text);\n}\n\n\/* === INFO GRID === *\/\n.noni-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.noni-info-item {\n  background: var(--noni-white);\n  border-radius: var(--noni-radius-sm);\n  padding: 1.5rem;\n  text-align: center;\n  box-shadow: var(--noni-shadow);\n  transition: all .3s ease;\n}\n\n.noni-info-item:hover {\n  transform: translateY(-3px);\n  box-shadow: var(--noni-shadow-lg);\n}\n\n.noni-info-icon {\n  font-size: 32px;\n  display: block;\n  margin-bottom: .5rem;\n}\n\n.noni-info-label {\n  display: block;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--noni-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: .25rem;\n}\n\n.noni-info-value {\n  display: block;\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--noni-primary-dark);\n}\n\n\/* === CTA === *\/\n.noni-cta-box {\n  background: linear-gradient(135deg, var(--noni-primary) 0%, var(--noni-primary-dark) 100%);\n  border-radius: var(--noni-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.noni-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='3' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.noni-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.noni-cta-icon {\n  font-size: 56px;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.noni-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n  max-width: 700px;\n  margin: 0 auto 1.5rem auto;\n}\n\n.noni-cta-box strong {\n  color: var(--noni-accent-light);\n}\n\n.noni-cta-tagline {\n  display: inline-block;\n  background: rgba(255,255,255,.2);\n  backdrop-filter: blur(10px);\n  padding: 12px 28px;\n  border-radius: 999px;\n  font-size: 15px;\n  font-weight: 700;\n  color: white;\n  border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .noni-grid,\n  .noni-benefits-grid,\n  .noni-usage-grid,\n  .noni-testimonials-grid,\n  .noni-precautions-grid,\n  .noni-faq-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .noni-info-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .noni-hero-stats {\n    gap: 1rem;\n  }\n  \n  .noni-stat {\n    padding: .75rem 1rem;\n  }\n  \n  .noni-composition-main {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .noni-composition-detail {\n    text-align: center;\n  }\n  \n  .noni-tip-box {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .noni-benefit {\n    flex-direction: column;\n    text-align: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .noni-card,\n  .noni-benefit,\n  .noni-usage-step,\n  .noni-testimonial,\n  .noni-faq,\n  .noni-info-item {\n    animation: noni-fadeInUp .6s ease backwards;\n  }\n  \n  .noni-card:nth-child(1), .noni-benefit:nth-child(1) { animation-delay: .1s; }\n  .noni-card:nth-child(2), .noni-benefit:nth-child(2) { animation-delay: .2s; }\n  .noni-card:nth-child(3), .noni-benefit:nth-child(3) { animation-delay: .3s; }\n  .noni-card:nth-child(4), .noni-benefit:nth-child(4) { animation-delay: .4s; }\n  .noni-benefit:nth-child(5) { animation-delay: .5s; }\n  .noni-benefit:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes noni-fadeInUp {\n  from { \n    opacity: 0; \n    transform: translateY(30px); \n  }\n  to { \n    opacity: 1; \n    transform: translateY(0); \n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .noni-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .noni-card,\n  .noni-benefit,\n  .noni-usage-step,\n  .noni-testimonial,\n  .noni-faq {\n    border: 2px solid var(--noni-text);\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755366899869,"sku":"JADENONI1L","price":33.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/jus-de-noni-jade-recherche-1-l-jade-recherche-packshothd_ad18c92b-8b8d-41c2-bbad-16b6f134f00b.webp?v=1786013279"},{"product_id":"magnesium-marin-hyposode-pauvre-en-sel-20-ampoules-algosource","title":"Magnésium Marin Hyposodé - Pauvre en sodium - 15 Ampoules - AlgoSource","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Magnésium Marin Hyposodé - AlgoSource\nPalette détectée:\n  - Primaire: #C4A66B (doré\/bronze du packaging et de l'ampoule)\n  - Secondaire: #1E4A6E (bleu marine foncé des textes et accents)\n  - Accent: #F5F0E6 (crème\/beige clair du fond)\n  - Tertiaire: #8B7355 (brun doré soutenu)\nAmbiance: Naturel premium, marin\/breton, élégant et authentique, inspiration marais salants\nPréfixe CSS: mg\n--\u003e\n\n\u003cdiv class=\"mg-premium\"\u003e\n  \n  \u003cdiv class=\"mg-hero\"\u003e\n    \u003cdiv class=\"mg-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mg-hero-content\"\u003e\n      \u003cdiv class=\"mg-badges-top\"\u003e\n        \u003cspan class=\"mg-badge\"\u003e🌊 Origine marine\u003c\/span\u003e\n        \u003cspan class=\"mg-badge\"\u003e🧂 Compatible régimes sans sel\u003c\/span\u003e\n        \u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"mg-badge\"\u003e✅ Sans colorants ni conservateurs\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mg-hero-title\"\u003eMagnésium Original 75 mg\u003c\/span\u003e\n      \u003cp class=\"mg-subtitle\"\u003eMagOrigine® - magnésium naturel liquide\u003c\/p\u003e\n      \u003cp class=\"mg-description\"\u003eIssu des eaux-mères désodées des marais salants de Guérande, ce magnésium marin liquide aide à réduire la fatigue, soutient la concentration et contribue au bon fonctionnement musculaire et nerveux. Une ampoule apporte 75 mg de magnésium, soit 20% des Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003e💪 Les bienfaits du Magnésium Original 75 mg\u003c\/h2\u003e\n    \u003cdiv class=\"mg-grid\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n        \u003cp\u003eLe magnésium contribue à réduire la fatigue et accompagne les périodes de baisse d’énergie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🧠 Concentration\u003c\/h3\u003e\n        \u003cp\u003eUne solution de recharge quotidienne pour soutenir l’équilibre physique et mental, idéale en période de rythme intense.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🧘 Fonctionnement nerveux\u003c\/h3\u003e\n        \u003cp\u003eLe magnésium contribue au fonctionnement normal du système nerveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🦵 Fonctionnement musculaire\u003c\/h3\u003e\n        \u003cp\u003eIl contribue également au bon fonctionnement musculaire, utile au quotidien comme après l’effort.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e💧 Forme liquide\u003c\/h3\u003e\n        \u003cp\u003eSa présentation en ampoules liquides permet une prise simple, pure ou diluée dans un verre d’eau ou de jus de fruits.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🌿 Magnésium naturel\u003c\/h3\u003e\n        \u003cp\u003eUne alternative d’origine marine aux formes chimiques de magnésium, avec une formule issue des marais salants de Guérande.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003e🧂 Compatible avec les régimes sans sel\u003c\/h2\u003e\n    \u003cdiv class=\"mg-highlight-box\"\u003e\n      \u003cdiv class=\"mg-highlight-content\"\u003e\n        \u003ch3\u003eUn magnésium marin désodé\u003c\/h3\u003e\n        \u003cp\u003eGrâce à un procédé exclusif de réduction du sodium, MagOrigine® conserve la richesse minérale des eaux-mères des marais salants de Guérande tout en affichant une faible teneur en sodium : moins de 12 mg par ampoule.\u003c\/p\u003e\n        \u003cp\u003eCette formule est compatible avec les régimes sans sel et offre une excellente alternative pour les personnes qui souhaitent limiter leur apport en sodium tout en profitant d’un magnésium d’origine naturelle.\u003c\/p\u003e\n        \u003cdiv class=\"mg-highlight-badges\"\u003e\n          \u003cspan class=\"mg-mini-badge\"\u003e✓ Sodium \u0026lt;12 mg par ampoule\u003c\/span\u003e\n          \u003cspan class=\"mg-mini-badge\"\u003e✓ Compatible régimes sans sel\u003c\/span\u003e\n          \u003cspan class=\"mg-mini-badge\"\u003e✓ Origine marine\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003e🔬 Composition par ampoule\u003c\/h2\u003e\n    \u003cdiv class=\"mg-composition\"\u003e\n      \u003cdiv class=\"mg-compo-main\"\u003e\n        \u003cdiv class=\"mg-compo-circle\"\u003e\n          \u003cspan class=\"mg-compo-value\"\u003e75 mg\u003c\/span\u003e\n          \u003cspan class=\"mg-compo-label\"\u003eMagnésium\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mg-compo-vr\"\u003e\n          \u003cspan class=\"mg-vr-number\"\u003e20%\u003c\/span\u003e\n          \u003cspan class=\"mg-vr-text\"\u003edes Valeurs Nutritionnelles de Référence\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-compo-details\"\u003e\n        \u003cdiv class=\"mg-compo-item\"\u003e\n          \u003cspan class=\"mg-compo-icon\"\u003e🌊\u003c\/span\u003e\n          \u003cspan\u003eEaux-mères désodées des marais salants de Guérande concentrées en magnésium à 7,5 g\/L, MagOrigine®\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mg-compo-item\"\u003e\n          \u003cspan class=\"mg-compo-icon\"\u003e💧\u003c\/span\u003e\n          \u003cspan\u003eEau purifiée\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mg-compo-item\"\u003e\n          \u003cspan class=\"mg-compo-icon\"\u003e🍏\u003c\/span\u003e\n          \u003cspan\u003eJus concentré de pommes et jus concentré de citrons\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mg-compo-item\"\u003e\n          \u003cspan class=\"mg-compo-icon\"\u003e🧂\u003c\/span\u003e\n          \u003cspan\u003eSodium : moins de 12 mg par ampoule\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mg-compo-item\"\u003e\n          \u003cspan class=\"mg-compo-icon\"\u003e✅\u003c\/span\u003e\n          \u003cspan\u003eSans colorants, sans conservateurs\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003e📌 Quand penser à une cure de magnésium ?\u003c\/h2\u003e\n    \u003cdiv class=\"mg-grid\"\u003e\n      \u003cdiv class=\"mg-card mg-card-warning\"\u003e\n        \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n        \u003cp\u003eLorsque la fatigue s’installe malgré le repos et que le rythme quotidien devient plus difficile à tenir.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card mg-card-warning\"\u003e\n        \u003ch3\u003e🧠 Baisse de concentration\u003c\/h3\u003e\n        \u003cp\u003eEn période d’examens, de charge mentale ou de journées intenses nécessitant plus de clarté mentale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card mg-card-warning\"\u003e\n        \u003ch3\u003e🦵 Sollicitations musculaires\u003c\/h3\u003e\n        \u003cp\u003eLe magnésium contribue au fonctionnement musculaire normal, notamment lorsque le corps est davantage sollicité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card mg-card-warning\"\u003e\n        \u003ch3\u003e😰 Équilibre nerveux\u003c\/h3\u003e\n        \u003cp\u003eLe magnésium contribue au fonctionnement normal du système nerveux et participe à l’équilibre quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003e📋 Conseils d’utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"mg-steps\"\u003e\n      \u003cdiv class=\"mg-step\"\u003e\n        \u003cdiv class=\"mg-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mg-step-content\"\u003e\n          \u003ch3\u003eSecouez l’ampoule\u003c\/h3\u003e\n          \u003cp\u003eLa présence de particules est naturelle. Secouez l’ampoule avant usage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-step\"\u003e\n        \u003cdiv class=\"mg-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mg-step-content\"\u003e\n          \u003ch3\u003eOuvrez les deux extrémités\u003c\/h3\u003e\n          \u003cp\u003eCassez délicatement les deux pointes de l’ampoule avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-step\"\u003e\n        \u003cdiv class=\"mg-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mg-step-content\"\u003e\n          \u003ch3\u003ePrenez-la pure ou diluée\u003c\/h3\u003e\n          \u003cp\u003eÀ prendre pure ou diluée dans un verre d’eau ou de jus de fruits.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-step\"\u003e\n        \u003cdiv class=\"mg-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"mg-step-content\"\u003e\n          \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n          \u003cp\u003eLe matin. Programme recommandé : 4 semaines minimum, idéalement 8 semaines. À renouveler autant de fois que nécessaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"mg-grid\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e😓 Personnes fatiguées\u003c\/h3\u003e\n        \u003cp\u003ePour soutenir l’énergie physique et mentale au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n        \u003cp\u003ePour accompagner les périodes de concentration, d’examens ou de travail intellectuel intense.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e💼 Actifs surmenés\u003c\/h3\u003e\n        \u003cp\u003eUne recharge quotidienne pour les périodes de rythme soutenu.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003ePour contribuer au bon fonctionnement musculaire après l’effort.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🧂 Régimes sans sel\u003c\/h3\u003e\n        \u003cp\u003eUne formule compatible avec les régimes sans sel grâce à sa faible teneur en sodium.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n        \u003cp\u003eUn magnésium naturel d’origine marine, issu des marais salants de Guérande.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eℹ️ Bon à savoir\u003c\/h2\u003e\n    \u003cdiv class=\"mg-info-box\"\u003e\n      \u003cdiv class=\"mg-info-item\"\u003e\n        \u003ch3\u003e💡 Magnésium ionisé Mg²+\u003c\/h3\u003e\n        \u003cp\u003eMagnésium Original 75 mg délivre un magnésium ionisé Mg²+, une forme immédiatement assimilable. Sa biodisponibilité est comparable aux formes chimiques de référence comme le bisglycinate ou le malate, avec la naturalité en plus.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-info-item\"\u003e\n        \u003ch3\u003e🍋 Goût légèrement fruité\u003c\/h3\u003e\n        \u003cp\u003eLa formule est subtilement aromatisée avec des concentrés de pommes et de citrons, pour une prise plus agréable au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-info-item\"\u003e\n        \u003ch3\u003e👀 Présence de particules\u003c\/h3\u003e\n        \u003cp\u003eLa présence de particules est naturelle dans ce produit liquide. Il suffit de secouer l’ampoule avant utilisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003e🏭 L’expertise AlgoSource\u003c\/h2\u003e\n    \u003cdiv class=\"mg-brand-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003eAlgoSource\u003c\/strong\u003e développe des compléments alimentaires liquides naturels à partir d’actifs d’origine marine. Installée à Guérande, l’entreprise valorise notamment les eaux-mères des marais salants pour proposer un magnésium naturel liquide, hautement biodisponible et compatible avec les régimes sans sel.\u003c\/p\u003e\n      \u003cdiv class=\"mg-brand-badges\"\u003e\n        \u003cspan class=\"mg-brand-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n        \u003cspan class=\"mg-brand-badge\"\u003e🌊 Marais salants de Guérande\u003c\/span\u003e\n        \u003cspan class=\"mg-brand-badge\"\u003e✅ Origine marine\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"mg-accordion\"\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003e📦 Contenu du produit\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content\"\u003e\n          \u003cp\u003eBoîte de 15 ampoules de 10 ml, soit 150 ml. Programme de 15 jours à raison d’une ampoule par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003e🍎 Informations nutritionnelles\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content\"\u003e\n          \u003cp\u003ePour 1 ampoule : magnésium 75 mg, soit 20% des Valeurs Nutritionnelles de Référence. Sodium : moins de 12 mg. Glucides : 2,23 g, dont sucres : 2,05 g.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content\"\u003e\n          \u003cp\u003eConservez les ampoules à l’abri de la chaleur et de l’humidité, hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003e⚠️ Précautions d’emploi\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. En cas de grossesse, d’allaitement, de pathologie particulière, de traitement médical ou d’insuffisance rénale, demandez conseil à un professionnel de santé avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"mg-cta-box\"\u003e\n      \u003cp\u003e🌊 Soutenez votre énergie physique et mentale avec un magnésium naturel français, issu des marais salants de Guérande, hautement biodisponible et compatible avec les régimes sans sel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mg-cream: #FAF8F5;\n  --mg-white: #ffffff;\n  --mg-primary: #C4A66B;\n  --mg-primary-dark: #8B7355;\n  --mg-primary-light: #F5EFE6;\n  --mg-secondary: #1E4A6E;\n  --mg-secondary-light: #E8EEF3;\n  --mg-accent: #D4AF37;\n  --mg-text: #1a1a1a;\n  --mg-text-light: #5a5a5a;\n  --mg-border: #e0e0e0;\n  --mg-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --mg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --mg-radius: 20px;\n  --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1E4A6E 0%, #2D5A7E 40%, #C4A66B 100%);\n  border-radius: var(--mg-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(--mg-shadow-lg);\n}\n\n.mg-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 Q35 15 30 25 Q25 35 30 45 Q35 55 30 55' stroke='%23ffffff' stroke-width='1' fill='none' opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .15;\n}\n\n.mg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.mg-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(--mg-secondary);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mg-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.mg-subtitle {\n  color: var(--mg-primary);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.mg-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mg-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}\n\n.mg-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(--mg-primary), var(--mg-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLE === *\/\n.mg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.mg-card {\n  background: var(--mg-white);\n  border-radius: var(--mg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mg-shadow-lg);\n  border-color: var(--mg-primary);\n}\n\n.mg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mg-secondary);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mg-card-warning {\n  border-left: 4px solid var(--mg-primary);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.mg-highlight-box {\n  background: linear-gradient(135deg, var(--mg-secondary-light) 0%, var(--mg-primary-light) 100%);\n  border-radius: var(--mg-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  border: 2px solid var(--mg-primary);\n}\n\n.mg-highlight-content h3 {\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 800;\n  color: var(--mg-secondary);\n  margin: 0 0 1rem 0;\n}\n\n.mg-highlight-content p {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--mg-text);\n  line-height: 1.7;\n  margin: 0 0 1.25rem 0;\n}\n\n.mg-highlight-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.mg-mini-badge {\n  padding: 6px 12px;\n  background: var(--mg-white);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mg-secondary);\n}\n\n\/* === COMPOSITION === *\/\n.mg-composition {\n  background: var(--mg-white);\n  border-radius: var(--mg-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--mg-shadow);\n}\n\n.mg-compo-main {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 2rem;\n  margin-bottom: 2rem;\n  flex-wrap: wrap;\n}\n\n.mg-compo-circle {\n  width: 140px;\n  height: 140px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, var(--mg-secondary) 0%, var(--mg-primary) 100%);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  box-shadow: 0 8px 32px rgba(30,74,110,.3);\n}\n\n.mg-compo-value {\n  font-size: 28px;\n  font-weight: 900;\n}\n\n.mg-compo-label {\n  font-size: 13px;\n  font-weight: 600;\n  opacity: .9;\n}\n\n.mg-compo-vr {\n  text-align: center;\n}\n\n.mg-vr-number {\n  display: block;\n  font-size: 48px;\n  font-weight: 900;\n  color: var(--mg-primary);\n  line-height: 1;\n}\n\n.mg-vr-text {\n  display: block;\n  font-size: 14px;\n  color: var(--mg-text-light);\n  max-width: 180px;\n}\n\n.mg-compo-details {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding-top: 1.5rem;\n  border-top: 1px solid var(--mg-border);\n}\n\n.mg-compo-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 14px;\n  color: var(--mg-text);\n}\n\n.mg-compo-icon {\n  font-size: 20px;\n}\n\n\/* === STEPS === *\/\n.mg-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mg-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.25rem;\n  background: var(--mg-white);\n  border-radius: var(--mg-radius);\n  padding: clamp(1rem, 3vw, 1.5rem);\n  box-shadow: var(--mg-shadow);\n  transition: all .3s ease;\n}\n\n.mg-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-step-number {\n  width: 48px;\n  height: 48px;\n  min-width: 48px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, var(--mg-secondary) 0%, var(--mg-primary) 100%);\n  color: white;\n  font-size: 20px;\n  font-weight: 900;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mg-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--mg-secondary);\n  margin: 0 0 .35rem 0;\n}\n\n.mg-step-content p {\n  font-size: 14px;\n  color: var(--mg-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === INFO BOX === *\/\n.mg-info-box {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mg-info-item {\n  background: var(--mg-white);\n  border-radius: var(--mg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mg-shadow);\n  border-left: 4px solid var(--mg-primary);\n}\n\n.mg-info-item h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--mg-secondary);\n  margin: 0 0 .75rem 0;\n}\n\n.mg-info-item p {\n  font-size: 14px;\n  color: var(--mg-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === BRAND BOX === *\/\n.mg-brand-box {\n  background: linear-gradient(135deg, var(--mg-secondary) 0%, #2D6A8E 100%);\n  border-radius: var(--mg-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  text-align: center;\n}\n\n.mg-brand-box p {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  margin: 0 0 1.5rem 0;\n}\n\n.mg-brand-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n}\n\n.mg-brand-badge {\n  padding: 8px 16px;\n  background: rgba(255,255,255,.15);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: white;\n  border: 1px solid rgba(255,255,255,.2);\n}\n\n\/* === ACCORDÉON === *\/\n.mg-accordion {\n  background: var(--mg-white);\n  border-radius: var(--mg-radius);\n  box-shadow: var(--mg-shadow);\n  overflow: hidden;\n}\n\n.mg-accordion-item {\n  border-bottom: 1px solid var(--mg-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mg-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mg-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mg-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  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.mg-accordion-header:hover {\n  background: var(--mg-primary-light);\n}\n\n.mg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mg-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mg-primary);\n  transition: transform .2s ease;\n}\n\n.mg-accordion-item[open] .mg-accordion-header::after {\n  content: '−';\n}\n\n.mg-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mg-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.mg-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.mg-cta-box {\n  background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n  border-radius: var(--mg-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.mg-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -50%;\n  width: 100%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n}\n\n.mg-cta-box p {\n  position: relative;\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\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .mg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .mg-card {\n    padding: 1.125rem;\n  }\n  \n  .mg-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .mg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mg-radius-sm);\n  }\n  \n  .mg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .mg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .mg-compo-main {\n    flex-direction: column;\n    gap: 1.5rem;\n  }\n  \n  .mg-compo-circle {\n    width: 120px;\n    height: 120px;\n  }\n  \n  .mg-compo-value {\n    font-size: 24px;\n  }\n  \n  .mg-vr-number {\n    font-size: 40px;\n  }\n  \n  .mg-step {\n    padding: 1rem;\n  }\n  \n  .mg-step-number {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n    font-size: 16px;\n  }\n  \n  .mg-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .mg-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mg-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .mg-card:nth-child(1) { animation-delay: .05s; }\n  .mg-card:nth-child(2) { animation-delay: .1s; }\n  .mg-card:nth-child(3) { animation-delay: .15s; }\n  .mg-card:nth-child(4) { animation-delay: .2s; }\n  .mg-card:nth-child(5) { animation-delay: .25s; }\n  .mg-card:nth-child(6) { animation-delay: .3s; }\n  \n  .mg-step {\n    animation: fadeInLeft .5s ease backwards;\n  }\n  .mg-step:nth-child(1) { animation-delay: .1s; }\n  .mg-step:nth-child(2) { animation-delay: .2s; }\n  .mg-step:nth-child(3) { animation-delay: .3s; }\n  .mg-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n  from { opacity: 0; transform: translateX(-20px); }\n  to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .mg-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ALGOSOURCE","offers":[{"title":"Default Title","offer_id":45755368308893,"sku":"ALPHABMAGNE20","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/magnesium-marin-hyposode-pauvre-en-sodium-15-ampoules-algoso-lifestyle.webp?v=1783608781"},{"product_id":"guduchi-bio-60-gelules-ayurvana","title":"Guduchi Bio 60 gélules - Défenses Naturelles - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Guduchi Bio 60 gélules - Ayur-Vana\nPalette détectée:\n  - Primaire: #D35F2D (orange terracotta du packaging, bouchon et bandes)\n  - Secondaire: #7CB342 (vert des feuilles et logo Bio)\n  - Accent: #F4D03F (jaune doré du logo Ayur-Vana)\nAmbiance: Ayurvédique\/naturel\/bio, chaleureux avec motifs traditionnels indiens, univers bien-être et tradition ancestrale\nPréfixe CSS: gud\n--\u003e\n\n\u003cdiv class=\"gud-premium\"\u003e\n  \n  \u003cdiv class=\"gud-hero\"\u003e\n    \u003cdiv class=\"gud-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"gud-hero-content\"\u003e\n      \u003cdiv class=\"gud-badges-top\"\u003e\n        \u003cspan class=\"gud-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n        \u003cspan class=\"gud-badge\"\u003e🇮🇳 Tradition ayurvédique\u003c\/span\u003e\n        \u003cspan class=\"gud-badge\"\u003e🌱 100% Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"gud-hero-title\"\u003eGuduchi Bio\u003c\/span\u003e\n      \u003cp class=\"gud-subtitle\"\u003eLe « nectar d'immortalité » de l'Ayurvéda\u003c\/p\u003e\n      \u003cp class=\"gud-description\"\u003eStimulez vos défenses naturelles et revitalisez votre organisme grâce à cette plante adaptogène millénaire, riche en antioxydants et minéraux essentiels.\u003c\/p\u003e\n      \u003cdiv class=\"gud-hero-stats\"\u003e\n        \u003cdiv class=\"gud-stat\"\u003e\n          \u003cspan class=\"gud-stat-number\"\u003e400 mg\u003c\/span\u003e\n          \u003cspan class=\"gud-stat-label\"\u003epar gélule\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"gud-stat\"\u003e\n          \u003cspan class=\"gud-stat-number\"\u003e60\u003c\/span\u003e\n          \u003cspan class=\"gud-stat-label\"\u003egélules végétales\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"gud-stat\"\u003e\n          \u003cspan class=\"gud-stat-number\"\u003e1-2 mois\u003c\/span\u003e\n          \u003cspan class=\"gud-stat-label\"\u003ede cure\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"gud-section\"\u003e\n    \u003ch2\u003e🌟 Les bienfaits du Guduchi\u003c\/h2\u003e\n    \u003cdiv class=\"gud-grid\"\u003e\n      \u003cdiv class=\"gud-card\"\u003e\n        \u003cdiv class=\"gud-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eDéfenses immunitaires\u003c\/h3\u003e\n        \u003cp\u003eStimule le système immunitaire et aide l'organisme à mieux résister aux agressions extérieures et aux changements de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gud-card\"\u003e\n        \u003cdiv class=\"gud-card-icon\"\u003e⚡\u003c\/div\u003e\n        \u003ch3\u003eRécupération optimale\u003c\/h3\u003e\n        \u003cp\u003eFavorise la récupération physique et mentale en cas de fatigue passagère, surmenage ou période de convalescence.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gud-card\"\u003e\n        \u003cdiv class=\"gud-card-icon\"\u003e🧬\u003c\/div\u003e\n        \u003ch3\u003ePuissant antioxydant\u003c\/h3\u003e\n        \u003cp\u003eContribue à protéger les cellules contre le stress oxydatif grâce à sa richesse exceptionnelle en antioxydants naturels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gud-card\"\u003e\n        \u003cdiv class=\"gud-card-icon\"\u003e💎\u003c\/div\u003e\n        \u003ch3\u003eMinéraux essentiels\u003c\/h3\u003e\n        \u003cp\u003eApporte calcium, fer et zinc pour soutenir le tonus général et le bon fonctionnement métabolique de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gud-card\"\u003e\n        \u003cdiv class=\"gud-card-icon\"\u003e🧘\u003c\/div\u003e\n        \u003ch3\u003eEffet adaptogène\u003c\/h3\u003e\n        \u003cp\u003eAide l'organisme à mieux s'adapter aux périodes de stress et à retrouver son équilibre naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gud-card\"\u003e\n        \u003cdiv class=\"gud-card-icon\"\u003e🌺\u003c\/div\u003e\n        \u003ch3\u003eSagesse millénaire\u003c\/h3\u003e\n        \u003cp\u003eAppelé « Amrit » (nectar) en sanskrit, le Guduchi est vénéré depuis des siècles dans la tradition ayurvédique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gud-section\"\u003e\n    \u003ch2\u003e🌿 Composition naturelle\u003c\/h2\u003e\n    \u003cdiv class=\"gud-composition\"\u003e\n      \u003cdiv class=\"gud-ingredient-main\"\u003e\n        \u003cdiv class=\"gud-ingredient-visual\"\u003e\n          \u003cspan class=\"gud-plant-icon\"\u003e🍃\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"gud-ingredient-info\"\u003e\n          \u003cspan class=\"gud-ingredient-name\"\u003eGuduchi\u003c\/span\u003e\n          \u003cspan class=\"gud-ingredient-latin\"\u003eTinospora cordifolia\u003c\/span\u003e\n          \u003cspan class=\"gud-ingredient-dose\"\u003e400 mg de poudre de tige par gélule\u003c\/span\u003e\n          \u003cdiv class=\"gud-ingredient-badges\"\u003e\n            \u003cspan class=\"gud-mini-badge\"\u003e🌱 Bio\u003c\/span\u003e\n            \u003cspan class=\"gud-mini-badge\"\u003e🍃 Tige de plante\u003c\/span\u003e\n            \u003cspan class=\"gud-mini-badge\"\u003e✨ Actifs préservés\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gud-capsule-info\"\u003e\n        \u003cspan class=\"gud-capsule-icon\"\u003e💊\u003c\/span\u003e\n        \u003cp\u003e\u003cstrong\u003eEnveloppe de la gélule :\u003c\/strong\u003e gélatine végétale – 100% compatible avec un mode de vie vegan\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gud-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"gud-usage-grid\"\u003e\n      \u003cdiv class=\"gud-usage-step\"\u003e\n        \u003cdiv class=\"gud-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"gud-step-content\"\u003e\n          \u003ch4\u003ePosologie\u003c\/h4\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e selon vos besoins et objectifs de bien-être.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gud-usage-step\"\u003e\n        \u003cdiv class=\"gud-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"gud-step-content\"\u003e\n          \u003ch4\u003eMoment idéal\u003c\/h4\u003e\n          \u003cp\u003eDe préférence \u003cstrong\u003eau cours des repas\u003c\/strong\u003e pour une meilleure absorption des actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gud-usage-step\"\u003e\n        \u003cdiv class=\"gud-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"gud-step-content\"\u003e\n          \u003ch4\u003eHydratation\u003c\/h4\u003e\n          \u003cp\u003eAccompagner d'un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e pour faciliter l'assimilation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gud-usage-step\"\u003e\n        \u003cdiv class=\"gud-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"gud-step-content\"\u003e\n          \u003ch4\u003eDurée de cure\u003c\/h4\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003eplusieurs semaines\u003c\/strong\u003e est recommandée pour un effet optimal.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gud-section\"\u003e\n    \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"gud-profiles-grid\"\u003e\n      \u003cdiv class=\"gud-profile-card\"\u003e\n        \u003cspan class=\"gud-profile-icon\"\u003e🏃\u003c\/span\u003e\n        \u003ch4\u003ePersonnes actives\u003c\/h4\u003e\n        \u003cp\u003eBesoin de soutenir leurs défenses face au rythme intensif du quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gud-profile-card\"\u003e\n        \u003cspan class=\"gud-profile-icon\"\u003e😴\u003c\/span\u003e\n        \u003ch4\u003eEn période de fatigue\u003c\/h4\u003e\n        \u003cp\u003eRecherche d'un coup de boost naturel pour retrouver vitalité et énergie\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gud-profile-card\"\u003e\n        \u003cspan class=\"gud-profile-icon\"\u003e🍂\u003c\/span\u003e\n        \u003ch4\u003eChangements de saison\u003c\/h4\u003e\n        \u003cp\u003eRenforcer l'immunité lors des transitions automne-hiver\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gud-profile-card\"\u003e\n        \u003cspan class=\"gud-profile-icon\"\u003e🧘‍♀️\u003c\/span\u003e\n        \u003ch4\u003eAdeptes de l'Ayurvéda\u003c\/h4\u003e\n        \u003cp\u003eIntégrer les bienfaits d'une plante sacrée dans leur routine bien-être\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gud-profile-card\"\u003e\n        \u003cspan class=\"gud-profile-icon\"\u003e🤒\u003c\/span\u003e\n        \u003ch4\u003eAprès une convalescence\u003c\/h4\u003e\n        \u003cp\u003eAccompagner la récupération et revitaliser l'organisme naturellement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gud-profile-card\"\u003e\n        \u003cspan class=\"gud-profile-icon\"\u003e😓\u003c\/span\u003e\n        \u003ch4\u003ePériodes de stress\u003c\/h4\u003e\n        \u003cp\u003eSoutenir l'organisme grâce aux propriétés adaptogènes du Guduchi\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gud-section\"\u003e\n    \u003ch2\u003e✅ Pourquoi choisir Ayur-Vana ?\u003c\/h2\u003e\n    \u003cdiv class=\"gud-why-grid\"\u003e\n      \u003cdiv class=\"gud-why-item\"\u003e\n        \u003cspan class=\"gud-why-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cdiv class=\"gud-why-text\"\u003e\n          \u003ch4\u003eAgriculture biologique certifiée\u003c\/h4\u003e\n          \u003cp\u003eMatières premières issues de cultures respectueuses de l'environnement\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gud-why-item\"\u003e\n        \u003cspan class=\"gud-why-icon\"\u003e🔬\u003c\/span\u003e\n        \u003cdiv class=\"gud-why-text\"\u003e\n          \u003ch4\u003eStandards de qualité exigeants\u003c\/h4\u003e\n          \u003cp\u003eSélection rigoureuse des plantes et contrôles qualité stricts\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gud-why-item\"\u003e\n        \u003cspan class=\"gud-why-icon\"\u003e📜\u003c\/span\u003e\n        \u003cdiv class=\"gud-why-text\"\u003e\n          \u003ch4\u003eTradition ayurvédique authentique\u003c\/h4\u003e\n          \u003cp\u003eFormules inspirées de la sagesse millénaire de l'Ayurvéda indien\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gud-why-item\"\u003e\n        \u003cspan class=\"gud-why-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cdiv class=\"gud-why-text\"\u003e\n          \u003ch4\u003e100% Vegan\u003c\/h4\u003e\n          \u003cp\u003eGélules végétales adaptées à tous les modes de vie\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gud-section\"\u003e\n    \u003cdiv class=\"gud-warning-box\"\u003e\n      \u003cdiv class=\"gud-warning-header\"\u003e\n        \u003cspan class=\"gud-warning-icon\"\u003e⚠️\u003c\/span\u003e\n        \u003ch3\u003ePrécautions d'emploi\u003c\/h3\u003e\n      \u003c\/div\u003e\n      \u003cul class=\"gud-warning-list\"\u003e\n        \u003cli\u003eRespecter la dose journalière recommandée (1 à 2 gélules)\u003c\/li\u003e\n        \u003cli\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical\u003c\/li\u003e\n        \u003cli\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gud-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"gud-cta-box\"\u003e\n      \u003cdiv class=\"gud-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"gud-cta-content\"\u003e\n        \u003cspan class=\"gud-cta-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cp\u003e\u003cstrong\u003eGuduchi Bio d'Ayur-Vana\u003c\/strong\u003e – Le trésor ayurvédique pour renforcer vos défenses naturelles et retrouver toute votre vitalité. Offrez à votre corps le soutien millénaire d'une plante sacrée, certifiée bio et vegan.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --gud-cream: #FDF8F3;\n  --gud-white: #ffffff;\n  --gud-primary: #D35F2D;\n  --gud-primary-dark: #B84A1C;\n  --gud-primary-light: #F5E6DE;\n  --gud-secondary: #7CB342;\n  --gud-secondary-dark: #5A8F2E;\n  --gud-secondary-light: #E8F5E0;\n  --gud-accent: #F4D03F;\n  --gud-accent-dark: #D4A017;\n  --gud-text: #2D2926;\n  --gud-text-light: #5D5652;\n  --gud-border: #E8E0D8;\n  --gud-shadow: 0 4px 24px rgba(211, 95, 45, .08);\n  --gud-shadow-lg: 0 12px 48px rgba(211, 95, 45, .15);\n  --gud-radius: 20px;\n  --gud-radius-sm: 12px;\n}\n\n.gud-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gud-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--gud-text);\n  line-height: 1.6;\n}\n\n.gud-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.gud-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--gud-primary) 0%, var(--gud-primary-dark) 40%, #8B3A1A 100%);\n  border-radius: var(--gud-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--gud-shadow-lg);\n}\n\n.gud-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(244,208,63,.1) 0%, transparent 40%),\n    url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 15 L45 15 L37 22 L40 32 L30 26 L20 32 L23 22 L15 15 L25 15 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n  opacity: 1;\n}\n\n.gud-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.gud-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.gud-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 18px;\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(--gud-primary-dark);\n  box-shadow: 0 4px 15px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gud-badge:hover {\n  transform: translateY(-3px) scale(1.05);\n  box-shadow: 0 6px 20px rgba(0,0,0,.15);\n}\n\n.gud-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(36px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 0.5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.gud-subtitle {\n  color: var(--gud-accent);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  font-style: italic;\n}\n\n.gud-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(16px, 2.5vw, 19px);\n  max-width: 700px;\n  margin: 0 auto 2rem auto;\n  line-height: 1.7;\n}\n\n.gud-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.gud-stat {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  background: rgba(255,255,255,.12);\n  backdrop-filter: blur(10px);\n  border-radius: var(--gud-radius-sm);\n  border: 1px solid rgba(255,255,255,.2);\n}\n\n.gud-stat-number {\n  font-size: clamp(24px, 4vw, 32px);\n  font-weight: 900;\n  color: white;\n}\n\n.gud-stat-label {\n  font-size: 13px;\n  color: rgba(255,255,255,.8);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.gud-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.gud-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gud-primary-dark);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.gud-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(--gud-primary), var(--gud-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.gud-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS BIENFAITS === *\/\n.gud-card {\n  background: var(--gud-white);\n  border-radius: var(--gud-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--gud-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gud-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--gud-shadow-lg);\n  border-color: var(--gud-primary);\n}\n\n.gud-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.gud-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--gud-primary-dark);\n  margin: 0 0 0.75rem 0;\n}\n\n.gud-card p {\n  font-size: 15px;\n  color: var(--gud-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.gud-composition {\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.gud-ingredient-main {\n  background: linear-gradient(135deg, var(--gud-secondary-light) 0%, var(--gud-white) 100%);\n  border-radius: var(--gud-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  display: flex;\n  align-items: center;\n  gap: 2rem;\n  box-shadow: var(--gud-shadow);\n  border: 2px solid var(--gud-secondary);\n  margin-bottom: 1.5rem;\n}\n\n.gud-ingredient-visual {\n  flex-shrink: 0;\n  width: 100px;\n  height: 100px;\n  background: linear-gradient(135deg, var(--gud-secondary) 0%, var(--gud-secondary-dark) 100%);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 8px 24px rgba(124, 179, 66, .3);\n}\n\n.gud-plant-icon {\n  font-size: 48px;\n}\n\n.gud-ingredient-info {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.gud-ingredient-name {\n  font-size: clamp(24px, 4vw, 32px);\n  font-weight: 900;\n  color: var(--gud-secondary-dark);\n}\n\n.gud-ingredient-latin {\n  font-size: 16px;\n  color: var(--gud-text-light);\n  font-style: italic;\n}\n\n.gud-ingredient-dose {\n  font-size: 17px;\n  font-weight: 700;\n  color: var(--gud-primary);\n  background: var(--gud-primary-light);\n  padding: 8px 16px;\n  border-radius: 999px;\n  display: inline-block;\n  margin-top: 6px;\n}\n\n.gud-ingredient-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 8px;\n}\n\n.gud-mini-badge {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--gud-secondary-dark);\n  background: var(--gud-white);\n  padding: 6px 12px;\n  border-radius: 999px;\n  border: 1px solid var(--gud-secondary);\n}\n\n.gud-capsule-info {\n  background: var(--gud-white);\n  border-radius: var(--gud-radius-sm);\n  padding: 1.25rem 1.5rem;\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  box-shadow: var(--gud-shadow);\n  border-left: 4px solid var(--gud-secondary);\n}\n\n.gud-capsule-icon {\n  font-size: 32px;\n}\n\n.gud-capsule-info p {\n  margin: 0;\n  font-size: 15px;\n  color: var(--gud-text);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.gud-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.5rem;\n}\n\n.gud-usage-step {\n  background: var(--gud-white);\n  border-radius: var(--gud-radius);\n  padding: 1.5rem;\n  display: flex;\n  align-items: flex-start;\n  gap: 1.25rem;\n  box-shadow: var(--gud-shadow);\n  transition: all .3s ease;\n}\n\n.gud-usage-step:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--gud-shadow-lg);\n}\n\n.gud-step-number {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--gud-primary) 0%, var(--gud-primary-dark) 100%);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  font-weight: 900;\n  box-shadow: 0 4px 12px rgba(211, 95, 45, .3);\n}\n\n.gud-step-content h4 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--gud-primary-dark);\n  margin: 0 0 6px 0;\n}\n\n.gud-step-content p {\n  font-size: 14px;\n  color: var(--gud-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === PROFILS === *\/\n.gud-profiles-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1.25rem;\n}\n\n.gud-profile-card {\n  background: var(--gud-white);\n  border-radius: var(--gud-radius);\n  padding: 1.5rem;\n  text-align: center;\n  box-shadow: var(--gud-shadow);\n  transition: all .3s ease;\n  border: 2px solid transparent;\n}\n\n.gud-profile-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gud-shadow-lg);\n  border-color: var(--gud-accent);\n}\n\n.gud-profile-icon {\n  font-size: 40px;\n  display: block;\n  margin-bottom: 0.75rem;\n}\n\n.gud-profile-card h4 {\n  font-size: 15px;\n  font-weight: 800;\n  color: var(--gud-primary-dark);\n  margin: 0 0 8px 0;\n}\n\n.gud-profile-card p {\n  font-size: 13px;\n  color: var(--gud-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === POURQUOI CHOISIR === *\/\n.gud-why-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.25rem;\n}\n\n.gud-why-item {\n  background: var(--gud-white);\n  border-radius: var(--gud-radius);\n  padding: 1.5rem;\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  box-shadow: var(--gud-shadow);\n  transition: all .3s ease;\n}\n\n.gud-why-item:hover {\n  transform: translateX(8px);\n  box-shadow: var(--gud-shadow-lg);\n}\n\n.gud-why-icon {\n  font-size: 36px;\n  flex-shrink: 0;\n}\n\n.gud-why-text h4 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--gud-primary-dark);\n  margin: 0 0 6px 0;\n}\n\n.gud-why-text p {\n  font-size: 14px;\n  color: var(--gud-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === WARNING BOX === *\/\n.gud-warning-box {\n  background: linear-gradient(135deg, #FFF8E6 0%, #FFFDF5 100%);\n  border-radius: var(--gud-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  border: 2px solid var(--gud-accent);\n  box-shadow: 0 4px 20px rgba(244, 208, 63, .15);\n}\n\n.gud-warning-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 1rem;\n}\n\n.gud-warning-icon {\n  font-size: 28px;\n}\n\n.gud-warning-header h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--gud-accent-dark);\n  margin: 0;\n}\n\n.gud-warning-list {\n  margin: 0;\n  padding-left: 1.5rem;\n  list-style: none;\n}\n\n.gud-warning-list li {\n  position: relative;\n  font-size: 14px;\n  color: var(--gud-text);\n  margin-bottom: 10px;\n  padding-left: 8px;\n  line-height: 1.5;\n}\n\n.gud-warning-list li::before {\n  content: '•';\n  position: absolute;\n  left: -1rem;\n  color: var(--gud-accent-dark);\n  font-weight: bold;\n}\n\n.gud-warning-list li:last-child {\n  margin-bottom: 0;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.gud-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n  gap: 1rem;\n}\n\n.gud-info-item {\n  background: var(--gud-white);\n  border-radius: var(--gud-radius-sm);\n  padding: 1.25rem;\n  text-align: center;\n  box-shadow: var(--gud-shadow);\n  transition: all .3s ease;\n}\n\n.gud-info-item:hover {\n  transform: scale(1.03);\n  box-shadow: var(--gud-shadow-lg);\n}\n\n.gud-info-icon {\n  font-size: 28px;\n  display: block;\n  margin-bottom: 8px;\n}\n\n.gud-info-label {\n  display: block;\n  font-size: 12px;\n  color: var(--gud-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: 4px;\n}\n\n.gud-info-value {\n  display: block;\n  font-size: 15px;\n  font-weight: 800;\n  color: var(--gud-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.gud-cta-box {\n  background: linear-gradient(135deg, var(--gud-secondary) 0%, var(--gud-secondary-dark) 100%);\n  border-radius: var(--gud-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 12px 40px rgba(124, 179, 66, .25);\n}\n\n.gud-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n    radial-gradient(circle at 90% 10%, rgba(255,255,255,.1) 0%, transparent 40%);\n}\n\n.gud-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.gud-cta-icon {\n  font-size: 56px;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.gud-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 20px);\n  line-height: 1.7;\n  font-weight: 500;\n  margin: 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.gud-cta-box p strong {\n  font-weight: 800;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .gud-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .gud-ingredient-main {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .gud-ingredient-info {\n    align-items: center;\n  }\n  \n  .gud-profiles-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .gud-hero-stats {\n    gap: 1rem;\n  }\n  \n  .gud-stat {\n    padding: 0.75rem 1rem;\n  }\n}\n\n@media (max-width: 480px) {\n  .gud-profiles-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .gud-info-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gud-card,\n  .gud-usage-step,\n  .gud-profile-card,\n  .gud-why-item,\n  .gud-info-item {\n    animation: gudFadeInUp .6s ease backwards;\n  }\n  \n  .gud-card:nth-child(1), .gud-usage-step:nth-child(1), .gud-profile-card:nth-child(1) { animation-delay: .1s; }\n  .gud-card:nth-child(2), .gud-usage-step:nth-child(2), .gud-profile-card:nth-child(2) { animation-delay: .15s; }\n  .gud-card:nth-child(3), .gud-usage-step:nth-child(3), .gud-profile-card:nth-child(3) { animation-delay: .2s; }\n  .gud-card:nth-child(4), .gud-usage-step:nth-child(4), .gud-profile-card:nth-child(4) { animation-delay: .25s; }\n  .gud-card:nth-child(5), .gud-profile-card:nth-child(5) { animation-delay: .3s; }\n  .gud-card:nth-child(6), .gud-profile-card:nth-child(6) { animation-delay: .35s; }\n}\n\n@keyframes gudFadeInUp {\n  from { \n    opacity: 0; \n    transform: translateY(30px); \n  }\n  to { \n    opacity: 1; \n    transform: translateY(0); \n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .gud-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .gud-card,\n  .gud-usage-step,\n  .gud-profile-card,\n  .gud-why-item,\n  .gud-info-item {\n    border: 2px solid var(--gud-text);\n  }\n  \n  .gud-badge {\n    border: 2px solid var(--gud-primary-dark);\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755372044445,"sku":"AY9919","price":16.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/guduchi-bio_60-gelules_ayurvana_11zon.jpg?v=1767437246"},{"product_id":"andrographis-echinacee-dinde-60-gelules-vegetales-ayurvana","title":"Andrographis - Renforce les défenses immunitaires - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Andrographis - Échinacée d'Inde - Ayur-Vana\nPalette détectée:\n  - Primaire: #5B8C3E (vert olive\/nature du texte \"Andrographis\")\n  - Secondaire: #E67E22 (orange chaleureux du texte \"Extrait\")\n  - Accent: #3498DB (bleu du \"AY\" du logo)\n  - Tertiaire: #8B5A8B (violet\/prune des motifs mandalas indiens)\nAmbiance: Ayurvédique authentique, tradition indienne, motifs mandalas colorés, fond crème\/ivoire chaleureux, packaging cylindrique gris élégant, fleur blanche d'Andrographis\nPréfixe CSS: ag\n--\u003e\n\n\u003cdiv class=\"ag-premium\"\u003e\n  \u003cdiv class=\"ag-hero\"\u003e\n    \u003cdiv class=\"ag-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ag-hero-content\"\u003e\n      \u003cdiv class=\"ag-badges-top\"\u003e\n        \u003cspan class=\"ag-badge\"\u003e🛡️ Défenses immunitaires\u003c\/span\u003e\n        \u003cspan class=\"ag-badge\"\u003e🌿 10% andrographolides\u003c\/span\u003e\n        \u003cspan class=\"ag-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ag-hero-title\"\u003eAndrographis\u003c\/span\u003e\n      \u003cp class=\"ag-subtitle\"\u003eL'échinacée d'Inde • Extrait titré haute efficacité\u003c\/p\u003e\n      \u003cp class=\"ag-description\"\u003ePuissant allié de votre système immunitaire issu de la tradition ayurvédique millénaire. Renforcez naturellement vos défenses contre les agressions hivernales.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"ag-section\"\u003e\n    \u003ch2\u003e✨ Vos bénéfices au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"ag-grid\"\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e🛡️ Stimule l'immunité\u003c\/h3\u003e\n        \u003cp\u003eRenforce efficacement vos défenses naturelles contre les rhumes, grippes et infections ORL grâce aux andrographolides actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e🌬️ Confort respiratoire\u003c\/h3\u003e\n        \u003cp\u003eApaise naturellement la toux, les maux de gorge et les inflammations des voies respiratoires pour un bien-être optimal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e⚡ Anti-inflammatoire\u003c\/h3\u003e\n        \u003cp\u003eAction puissante contre l'inflammation et le stress oxydatif grâce à la concentration élevée en principes actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ag-section\"\u003e\n    \u003ch2\u003e🌿 Composition premium\u003c\/h2\u003e\n    \u003cdiv class=\"ag-composition-box\"\u003e\n      \u003cdiv class=\"ag-ingredient-main\"\u003e\n        \u003cdiv class=\"ag-ingredient-icon\"\u003e🌸\u003c\/div\u003e\n        \u003cdiv class=\"ag-ingredient-info\"\u003e\n          \u003ch3\u003eAndrographis paniculata\u003c\/h3\u003e\n          \u003cp class=\"ag-ingredient-subtitle\"\u003eExtrait sec de parties aériennes\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-ingredient-details\"\u003e\n        \u003cdiv class=\"ag-detail-item\"\u003e\n          \u003cspan class=\"ag-detail-label\"\u003eDosage journalier\u003c\/span\u003e\n          \u003cspan class=\"ag-detail-value\"\u003e1 800 mg\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ag-detail-item\"\u003e\n          \u003cspan class=\"ag-detail-label\"\u003eTitrage andrographolides\u003c\/span\u003e\n          \u003cspan class=\"ag-detail-value\"\u003e10%\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ag-detail-item\"\u003e\n          \u003cspan class=\"ag-detail-label\"\u003eActifs purs \/ jour\u003c\/span\u003e\n          \u003cspan class=\"ag-detail-value\"\u003e180 mg\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-capsule-info\"\u003e\n        \u003cspan class=\"ag-capsule-icon\"\u003e💊\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eGélule végétale (hypromellose)\u003c\/strong\u003e\n          \u003cp\u003eAdaptée aux régimes végans • Sans gluten • Sans additifs controversés\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ag-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi optimal\u003c\/h2\u003e\n    \u003cdiv class=\"ag-usage-grid\"\u003e\n      \u003cdiv class=\"ag-usage-phase\"\u003e\n        \u003cdiv class=\"ag-phase-header ag-phase-attack\"\u003e\n          \u003cspan class=\"ag-phase-icon\"\u003e⚡\u003c\/span\u003e\n          \u003cspan class=\"ag-phase-title\"\u003ePhase d'attaque\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ag-phase-content\"\u003e\n          \u003cdiv class=\"ag-dose-visual\"\u003e\n            \u003cspan class=\"ag-dose-number\"\u003e6\u003c\/span\u003e\n            \u003cspan class=\"ag-dose-unit\"\u003egélules\/jour\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cul class=\"ag-dose-schedule\"\u003e\n            \u003cli\u003e\n\u003cspan class=\"ag-time\"\u003e🌅 Matin\u003c\/span\u003e 2 gélules\u003c\/li\u003e\n            \u003cli\u003e\n\u003cspan class=\"ag-time\"\u003e☀️ Midi\u003c\/span\u003e 2 gélules\u003c\/li\u003e\n            \u003cli\u003e\n\u003cspan class=\"ag-time\"\u003e🌙 Soir\u003c\/span\u003e 2 gélules\u003c\/li\u003e\n          \u003c\/ul\u003e\n          \u003cp class=\"ag-duration\"\u003ePendant \u003cstrong\u003e10 jours\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-usage-phase\"\u003e\n        \u003cdiv class=\"ag-phase-header ag-phase-maintenance\"\u003e\n          \u003cspan class=\"ag-phase-icon\"\u003e🌿\u003c\/span\u003e\n          \u003cspan class=\"ag-phase-title\"\u003ePhase d'entretien\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ag-phase-content\"\u003e\n          \u003cdiv class=\"ag-dose-visual\"\u003e\n            \u003cspan class=\"ag-dose-number\"\u003e2\u003c\/span\u003e\n            \u003cspan class=\"ag-dose-unit\"\u003egélules\/jour\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cul class=\"ag-dose-schedule\"\u003e\n            \u003cli\u003e\n\u003cspan class=\"ag-time\"\u003e🌅 Matin\u003c\/span\u003e 2 gélules\u003c\/li\u003e\n          \u003c\/ul\u003e\n          \u003cp class=\"ag-duration\"\u003ePendant \u003cstrong\u003e10 jours\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ag-tip-box\"\u003e\n      \u003cspan class=\"ag-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003ePrendre les gélules avec un grand verre d'eau, de préférence au cours des repas pour une meilleure absorption.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ag-section\"\u003e\n    \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"ag-grid-compact\"\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e🤧 Sujets aux infections\u003c\/h3\u003e\n        \u003cp\u003eRhumes et grippes à répétition\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e❄️ Sensibles à l'hiver\u003c\/h3\u003e\n        \u003cp\u003ePrévention saisonnière\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e😷 Gênes ORL\u003c\/h3\u003e\n        \u003cp\u003eToux, gorge irritée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e🧘 Adeptes ayurveda\u003c\/h3\u003e\n        \u003cp\u003eSolutions naturelles traditionnelles\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ag-section\"\u003e\n    \u003ch2\u003eℹ️ Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"ag-grid-compact\"\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n        \u003cp\u003e60 gélules végétales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e⏱️ Durée\u003c\/h3\u003e\n        \u003cp\u003e10 à 30 jours selon usage\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e🌱 Certifications\u003c\/h3\u003e\n        \u003cp\u003e100% vegan • Sans gluten\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ag-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"ag-accordion\"\u003e\n      \u003cdetails class=\"ag-accordion-item\"\u003e\n        \u003csummary class=\"ag-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"ag-accordion-content\"\u003e\n          \u003cp\u003eDéconseillé pendant la grossesse et l'allaitement. Éviter en cas de traitement anticoagulant ou antidiabétique. Consulter un professionnel de santé en cas de maladie auto-immune ou de pathologie hépatique. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ag-accordion-item\"\u003e\n        \u003csummary class=\"ag-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"ag-accordion-content\"\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Refermer soigneusement le flacon après chaque utilisation. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ag-accordion-item\"\u003e\n        \u003csummary class=\"ag-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n        \u003cdiv class=\"ag-accordion-content\"\u003e\n          \u003cp\u003eFabriqué en France selon les standards européens les plus stricts en matière de qualité et de traçabilité. Extrait titré à 10% minimum en andrographolides pour garantir une efficacité optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ag-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"ag-cta-box\"\u003e\n      \u003cp\u003e🛡️ Offrez à votre système immunitaire le pouvoir ancestral de l'Andrographis.\u003cbr\u003e\u003cstrong\u003eLa sagesse ayurvédique au service de votre vitalité.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --ag-cream: #FDF8F3;\n  --ag-white: #ffffff;\n  --ag-primary: #5B8C3E;\n  --ag-primary-dark: #3D6829;\n  --ag-primary-light: #E8F5E0;\n  --ag-secondary: #E67E22;\n  --ag-secondary-light: #FEF3E8;\n  --ag-accent: #3498DB;\n  --ag-accent-light: #EBF5FB;\n  --ag-tertiary: #8B5A8B;\n  --ag-text: #2C3E2D;\n  --ag-text-light: #5D6B5E;\n  --ag-border: #E8E4DE;\n  --ag-shadow: 0 4px 24px rgba(91, 140, 62, 0.08);\n  --ag-shadow-lg: 0 12px 48px rgba(91, 140, 62, 0.15);\n  --ag-radius: 20px;\n  --ag-radius-sm: 12px;\n}\n\n.ag-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ag-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--ag-text);\n  line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.ag-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--ag-primary) 0%, var(--ag-primary-dark) 50%, #2D4A1C 100%);\n  border-radius: var(--ag-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(--ag-shadow-lg);\n}\n\n.ag-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 80%, rgba(230, 126, 34, 0.15) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(139, 90, 139, 0.15) 0%, transparent 50%);\n  opacity: 1;\n}\n\n.ag-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ag-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.ag-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255, 255, 255, 0.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ag-primary-dark);\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n  transition: all 0.3s ease;\n}\n\n.ag-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.ag-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 0.5rem 0;\n  letter-spacing: -0.04em;\n  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.ag-subtitle {\n  color: rgba(255, 255, 255, 0.9);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.ag-description {\n  color: rgba(255, 255, 255, 0.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.ag-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ag-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ag-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -0.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.ag-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(--ag-primary), var(--ag-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.ag-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ag-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ag-card {\n  background: var(--ag-white);\n  border-radius: var(--ag-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ag-shadow);\n  border: 2px solid transparent;\n  transition: all 0.3s ease;\n  text-align: center;\n}\n\n.ag-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ag-shadow-lg);\n  border-color: var(--ag-primary);\n}\n\n.ag-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ag-primary-dark);\n  margin: 0 0 0.5rem 0;\n  line-height: 1.3;\n}\n\n.ag-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ag-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.ag-composition-box {\n  background: var(--ag-white);\n  border-radius: var(--ag-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ag-shadow);\n}\n\n.ag-ingredient-main {\n  display: flex;\n  align-items: center;\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n  padding-bottom: 1.5rem;\n  border-bottom: 2px dashed var(--ag-border);\n}\n\n.ag-ingredient-icon {\n  width: 70px;\n  height: 70px;\n  background: linear-gradient(135deg, var(--ag-primary-light), rgba(139, 90, 139, 0.15));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 2rem;\n  flex-shrink: 0;\n}\n\n.ag-ingredient-info h3 {\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 800;\n  color: var(--ag-primary-dark);\n  margin: 0 0 0.25rem 0;\n  font-style: italic;\n}\n\n.ag-ingredient-subtitle {\n  color: var(--ag-text-light);\n  font-size: 14px;\n  margin: 0;\n}\n\n.ag-ingredient-details {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.ag-detail-item {\n  background: var(--ag-primary-light);\n  padding: 1rem;\n  border-radius: var(--ag-radius-sm);\n  text-align: center;\n}\n\n.ag-detail-label {\n  display: block;\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--ag-text-light);\n  margin-bottom: 4px;\n}\n\n.ag-detail-value {\n  display: block;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 800;\n  color: var(--ag-primary-dark);\n}\n\n.ag-capsule-info {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: var(--ag-accent-light);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ag-radius-sm);\n}\n\n.ag-capsule-icon {\n  font-size: 1.75rem;\n  flex-shrink: 0;\n}\n\n.ag-capsule-info strong {\n  color: var(--ag-accent);\n  display: block;\n  margin-bottom: 4px;\n  font-size: 15px;\n}\n\n.ag-capsule-info p {\n  margin: 0;\n  font-size: 13px;\n  color: var(--ag-text-light);\n}\n\n\/* === USAGE === *\/\n.ag-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.ag-usage-phase {\n  background: var(--ag-white);\n  border-radius: var(--ag-radius);\n  overflow: hidden;\n  box-shadow: var(--ag-shadow);\n  transition: all 0.3s ease;\n}\n\n.ag-usage-phase:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--ag-shadow-lg);\n}\n\n.ag-phase-header {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 1rem 1.25rem;\n  color: white;\n  font-weight: 700;\n}\n\n.ag-phase-attack {\n  background: linear-gradient(135deg, var(--ag-secondary), #D35400);\n}\n\n.ag-phase-maintenance {\n  background: linear-gradient(135deg, var(--ag-primary), var(--ag-primary-dark));\n}\n\n.ag-phase-icon {\n  font-size: 1.25rem;\n}\n\n.ag-phase-title {\n  font-size: 1rem;\n}\n\n.ag-phase-content {\n  padding: 1.25rem;\n}\n\n.ag-dose-visual {\n  text-align: center;\n  margin-bottom: 1rem;\n}\n\n.ag-dose-number {\n  display: block;\n  font-size: 2.5rem;\n  font-weight: 900;\n  color: var(--ag-primary-dark);\n  line-height: 1;\n}\n\n.ag-dose-unit {\n  font-size: 13px;\n  color: var(--ag-text-light);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.ag-dose-schedule {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 1rem 0;\n}\n\n.ag-dose-schedule li {\n  display: flex;\n  justify-content: space-between;\n  padding: 0.5rem 0;\n  border-bottom: 1px solid var(--ag-border);\n  font-size: 14px;\n}\n\n.ag-dose-schedule li:last-child {\n  border-bottom: none;\n}\n\n.ag-time {\n  color: var(--ag-text-light);\n}\n\n.ag-duration {\n  text-align: center;\n  background: var(--ag-primary-light);\n  padding: 0.75rem;\n  border-radius: var(--ag-radius-sm);\n  font-size: 14px;\n  color: var(--ag-primary-dark);\n  margin: 0;\n}\n\n.ag-tip-box {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--ag-secondary-light);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ag-radius-sm);\n  border-left: 4px solid var(--ag-secondary);\n}\n\n.ag-tip-icon {\n  font-size: 1.25rem;\n  flex-shrink: 0;\n}\n\n.ag-tip-box p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--ag-text);\n}\n\n\/* === ACCORDÉON === *\/\n.ag-accordion {\n  background: var(--ag-white);\n  border-radius: var(--ag-radius);\n  box-shadow: var(--ag-shadow);\n  overflow: hidden;\n}\n\n.ag-accordion-item {\n  border-bottom: 1px solid var(--ag-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ag-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ag-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ag-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background 0.2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.ag-accordion-header:hover {\n  background: var(--ag-primary-light);\n}\n\n.ag-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ag-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ag-primary);\n  transition: transform 0.2s ease;\n}\n\n.ag-accordion-item[open] .ag-accordion-header::after {\n  content: '−';\n}\n\n.ag-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ag-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.ag-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.ag-cta-box {\n  background: linear-gradient(135deg, var(--ag-primary) 0%, var(--ag-primary-dark) 100%);\n  border-radius: var(--ag-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ag-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, 0.1);\n  margin: 0;\n}\n\n.ag-cta-box strong {\n  color: #FFE0B2;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ag-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .ag-grid-compact {\n    gap: 0.625rem;\n  }\n  \n  .ag-grid-compact .ag-card {\n    padding: 0.875rem;\n  }\n  \n  .ag-grid-compact .ag-card h3 {\n    font-size: 14px;\n    margin-bottom: 0.35rem;\n  }\n  \n  .ag-grid-compact .ag-card p {\n    font-size: 12px;\n  }\n  \n  .ag-card {\n    padding: 1.125rem;\n  }\n  \n  .ag-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .ag-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ag-radius-sm);\n  }\n  \n  .ag-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: 0.75rem;\n  }\n  \n  .ag-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .ag-badges-top {\n    gap: 8px;\n  }\n  \n  .ag-badge {\n    font-size: 11px;\n    padding: 6px 12px;\n  }\n  \n  .ag-ingredient-main {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .ag-ingredient-icon {\n    width: 60px;\n    height: 60px;\n    font-size: 1.75rem;\n  }\n  \n  .ag-capsule-info {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .ag-accordion-header {\n    padding: 0.875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .ag-accordion-content {\n    padding: 0 1rem 0.875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ag-card {\n    animation: fadeInUp 0.5s ease backwards;\n  }\n  .ag-card:nth-child(1) { animation-delay: 0.05s; }\n  .ag-card:nth-child(2) { animation-delay: 0.1s; }\n  .ag-card:nth-child(3) { animation-delay: 0.15s; }\n  .ag-card:nth-child(4) { animation-delay: 0.2s; }\n  .ag-card:nth-child(5) { animation-delay: 0.25s; }\n  .ag-card:nth-child(6) { animation-delay: 0.3s; }\n}\n\n@keyframes fadeInUp {\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  .ag-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755390066845,"sku":"AY9911","price":18.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/andrographis_echinacee-inde_60gelules_ayurvana_11zon.jpg?v=1767614102"},{"product_id":"spiruline-bio-phyco-lt-labo-60-comprimes","title":"Spiruline Bio Phyco+ - 60 comprimés - LT Labo","description":"\u003cdiv class=\"sp-premium\"\u003e\n\n  \u003cdiv class=\"sp-hero\"\u003e\n    \u003cdiv class=\"sp-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sp-hero-content\"\u003e\n      \u003cdiv class=\"sp-badges-top\"\u003e\n        \u003cspan class=\"sp-badge\"\u003e🌿 Certifiée Bio FR-BIO-01\u003c\/span\u003e\n        \u003cspan class=\"sp-badge\"\u003e💎 20 % de phycocyanines\u003c\/span\u003e\n        \u003cspan class=\"sp-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sp-hero-title\"\u003eSpiruline Bio Phyco+\u003c\/span\u003e\n      \u003cp class=\"sp-subtitle\"\u003e60 comprimés · LT Labo\u003c\/p\u003e\n      \u003cp class=\"sp-description\"\u003eUne spiruline bio d'exception à haute teneur en phycocyanines pour booster votre énergie, votre vitalité et vos défenses naturelles au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003eSpiruline Bio Phyco+ de LT Labo : une concentration exceptionnelle en phycocyanines\u003c\/h2\u003e\n    \u003cp class=\"sp-section-intro\"\u003eVous cherchez une \u003cstrong\u003espiruline bio en comprimés\u003c\/strong\u003e véritablement efficace ? La Spiruline Bio Phyco+ de LT Labo se distingue par sa \u003cstrong\u003ehaute teneur en phycocyanines (20 %)\u003c\/strong\u003e, un pigment bleu-vert aux puissantes propriétés antioxydantes.\u003c\/p\u003e\n    \u003cdiv class=\"sp-grid\"\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🔬 Pureté absolue\u003c\/h3\u003e\n        \u003cp\u003eMicro-algue d'eau douce 100 % pure, cultivée sans pesticides ni engrais chimiques, séchée à basse température pour préserver l'intégralité de ses nutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e💪 Concentré nutritionnel\u003c\/h3\u003e\n        \u003cp\u003e60 à 70 % de protéines végétales, vitamines du groupe B, fer, sélénium et bêta-carotène réunis dans un seul comprimé de 500 mg.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌱 Clean \u0026amp; vegan\u003c\/h3\u003e\n        \u003cp\u003eCertifiée agriculture biologique, sans aucun additif, liant ou conservateur. Convient parfaitement aux personnes vegan.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003ePourquoi choisir une spiruline riche en phycocyanines ?\u003c\/h2\u003e\n    \u003cp class=\"sp-section-intro\"\u003eToutes les spirulines ne se valent pas. La différence se joue sur la teneur en \u003cstrong\u003ephycocyanines\u003c\/strong\u003e, ce pigment exclusif à la spiruline qui lui confère ses propriétés antioxydantes uniques.\u003c\/p\u003e\n    \u003cdiv class=\"sp-comparison\"\u003e\n      \u003cdiv class=\"sp-comparison-item sp-comparison-standard\"\u003e\n        \u003cdiv class=\"sp-comparison-label\"\u003eSpiruline standard\u003c\/div\u003e\n        \u003cdiv class=\"sp-comparison-bar\"\u003e\n          \u003cdiv class=\"sp-comparison-fill sp-fill-standard\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sp-comparison-value\"\u003e5 à 10 %\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-comparison-item sp-comparison-phyco\"\u003e\n        \u003cdiv class=\"sp-comparison-label\"\u003eSpiruline Phyco+\u003c\/div\u003e\n        \u003cdiv class=\"sp-comparison-bar\"\u003e\n          \u003cdiv class=\"sp-comparison-fill sp-fill-phyco\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sp-comparison-value\"\u003e20 % · 800 mg \/ 4 g\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sp-section-intro\" style=\"margin-top:1.25rem;\"\u003eLes phycocyanines participent à la \u003cstrong\u003eprotection des cellules contre le stress oxydatif\u003c\/strong\u003e et soutiennent les défenses naturelles. Fatigue passagère, changements de saison ou rythme de vie exigeant : c'est précisément cette spiruline qu'il vous faut.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003ePosologie : comment prendre la Spiruline Phyco+ ?\u003c\/h2\u003e\n    \u003cp class=\"sp-section-intro\"\u003eChaque comprimé contient \u003cstrong\u003e500 mg de spiruline biologique\u003c\/strong\u003e. Adaptez votre cure selon vos besoins :\u003c\/p\u003e\n    \u003cdiv class=\"sp-timeline\"\u003e\n      \u003cdiv class=\"sp-timeline-item\"\u003e\n        \u003cdiv class=\"sp-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sp-timeline-content\"\u003e\n          \u003ch3\u003eDébut de cure\u003c\/h3\u003e\n          \u003cp\u003e2 comprimés par jour la première semaine, pour habituer votre organisme en douceur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-timeline-item\"\u003e\n        \u003cdiv class=\"sp-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sp-timeline-content\"\u003e\n          \u003ch3\u003eEntretien\u003c\/h3\u003e\n          \u003cp\u003e3 à 4 comprimés par jour pour maintenir énergie et vitalité au quotidien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-timeline-item\"\u003e\n        \u003cdiv class=\"sp-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sp-timeline-content\"\u003e\n          \u003ch3\u003eCure intensive\u003c\/h3\u003e\n          \u003cp\u003eJusqu'à 8 comprimés par jour (soit 4 g) en période de fatigue ou d'effort physique soutenu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sp-tip\"\u003e\n      \u003cspan class=\"sp-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003ePrenez vos comprimés au cours des repas, avec un grand verre d'eau. Une cure de \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e est recommandée pour ressentir pleinement les bienfaits.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 8 comprimés (4 g)\u003c\/h2\u003e\n    \u003cp class=\"sp-section-intro\"\u003e\u003cstrong\u003eIngrédient unique : 100 % spiruline biologique (\u003cem\u003eArthrospira platensis\u003c\/em\u003e)\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cdiv class=\"sp-grid-compact\"\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e💎 Phycocyanines\u003c\/h3\u003e\n        \u003cp\u003e800 mg (20 %)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e💪 Protéines\u003c\/h3\u003e\n        \u003cp\u003e2,4 à 2,8 g (60-70 %)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🍃 Chlorophylle\u003c\/h3\u003e\n        \u003cp\u003e52,4 mg\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🥕 Bêta-carotène\u003c\/h3\u003e\n        \u003cp\u003e4,8 mg (41 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e⚡ Vitamine B1\u003c\/h3\u003e\n        \u003cp\u003e150 µg (15 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e✨ Vitamine B2\u003c\/h3\u003e\n        \u003cp\u003e220 µg (16 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🧬 Vitamine B12\u003c\/h3\u003e\n        \u003cp\u003e5 µg (200 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🔴 Fer\u003c\/h3\u003e\n        \u003cp\u003e2,8 mg (20 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🛡️ Sélénium\u003c\/h3\u003e\n        \u003cp\u003e10 µg (18 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e⚖️ Chrome\u003c\/h3\u003e\n        \u003cp\u003e14 µg (35 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sp-disclaimer\"\u003e\u003cem\u003eVNR : Valeurs Nutritionnelles de Référence\u003c\/em\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003eLes atouts qui font la différence\u003c\/h2\u003e\n    \u003cdiv class=\"sp-grid\"\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e💎 20 % de phycocyanines\u003c\/h3\u003e\n        \u003cp\u003eUn taux parmi les plus élevés du marché, gage d'une spiruline premium et réellement efficace.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌿 Certifiée bio\u003c\/h3\u003e\n        \u003cp\u003eFR-BIO-01, culture contrôlée par Naturland. Aucun pesticide, aucun engrais chimique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌡️ Séchage à basse température\u003c\/h3\u003e\n        \u003cp\u003eProcédé doux qui conserve vitamines, minéraux et enzymes dans leur intégralité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🚫 Sans aucun additif\u003c\/h3\u003e\n        \u003cp\u003eNi liant, ni conservateur, ni colorant. Juste 100 % de spiruline pure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌱 Multi-régimes\u003c\/h3\u003e\n        \u003cp\u003eConvient aux régimes vegan, casher et halal. Accessible à tous.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e💊 Format pratique\u003c\/h3\u003e\n        \u003cp\u003eComprimés faciles à avaler, dosage simple à ajuster selon vos besoins.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"sp-accordion\"\u003e\n      \u003cdetails class=\"sp-accordion-item\"\u003e\n        \u003csummary class=\"sp-accordion-header\"\u003e💊 Dose journalière maximale\u003c\/summary\u003e\n        \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière de 8 comprimés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sp-accordion-item\"\u003e\n        \u003csummary class=\"sp-accordion-header\"\u003e👶 Enfants et femmes enceintes\u003c\/summary\u003e\n        \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants. Déconseillé avant 3 ans. Femmes enceintes ou allaitantes : demandez l'avis de votre médecin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sp-accordion-item\"\u003e\n        \u003csummary class=\"sp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sp-accordion-item\"\u003e\n        \u003csummary class=\"sp-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical adapté.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"sp-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre corps le meilleur de la spiruline bio — 20 % de phycocyanines, zéro additif, 100 % d'énergie naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sp-cream: #f5f9f3;\n  --sp-white: #ffffff;\n  --sp-primary: #4a9e3f;\n  --sp-primary-dark: #2d6b25;\n  --sp-primary-light: #e8f5e3;\n  --sp-secondary: #6fbf63;\n  --sp-accent: #3b8132;\n  --sp-text: #1a1a1a;\n  --sp-text-light: #5a5a5a;\n  --sp-border: #dce8d9;\n  --sp-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --sp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --sp-radius: 20px;\n  --sp-radius-sm: 12px;\n}\n\n.sp-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sp-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sp-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2d6b25 0%, #4a9e3f 50%, #6fbf63 100%);\n  border-radius: var(--sp-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(--sp-shadow-lg);\n}\n\n.sp-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 50%, 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 60% 80%, rgba(255,255,255,.05) 0%, transparent 45%);\n  opacity: 1;\n}\n\n.sp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sp-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.sp-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.sp-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sp-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sp-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(--sp-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sp-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sp-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sp-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sp-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.sp-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(--sp-primary), var(--sp-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sp-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sp-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sp-card {\n  background: var(--sp-white);\n  border-radius: var(--sp-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sp-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sp-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sp-shadow-lg);\n  border-color: var(--sp-primary);\n}\n\n.sp-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sp-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sp-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sp-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.sp-grid-compact .sp-card {\n  padding: 1rem;\n}\n\n.sp-grid-compact .sp-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sp-grid-compact .sp-card p {\n  font-size: 12px;\n}\n\n\/* === COMPARISON === *\/\n.sp-comparison {\n  max-width: 550px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sp-comparison-item {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n}\n\n.sp-comparison-label {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--sp-text);\n  min-width: 130px;\n  text-align: right;\n}\n\n.sp-comparison-bar {\n  flex: 1;\n  height: 28px;\n  background: var(--sp-primary-light);\n  border-radius: 999px;\n  overflow: hidden;\n  position: relative;\n}\n\n.sp-comparison-fill {\n  height: 100%;\n  border-radius: 999px;\n  transition: width 1s ease;\n}\n\n.sp-fill-standard {\n  width: 35%;\n  background: linear-gradient(90deg, #c4d8c0, #a3c49c);\n}\n\n.sp-fill-phyco {\n  width: 100%;\n  background: linear-gradient(90deg, var(--sp-primary), var(--sp-secondary));\n  box-shadow: 0 2px 12px rgba(74,158,63,.3);\n}\n\n.sp-comparison-value {\n  font-size: 13px;\n  font-weight: 800;\n  color: var(--sp-primary-dark);\n  min-width: 110px;\n}\n\n.sp-comparison-phyco .sp-comparison-value {\n  color: var(--sp-primary);\n}\n\n\/* === TIMELINE === *\/\n.sp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sp-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sp-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sp-primary), var(--sp-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.sp-timeline-content {\n  flex: 1;\n  background: var(--sp-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sp-radius-sm);\n  box-shadow: var(--sp-shadow);\n}\n\n.sp-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sp-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sp-timeline-content p {\n  font-size: 14px;\n  color: var(--sp-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sp-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sp-primary-light);\n  border-radius: var(--sp-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.sp-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sp-tip p {\n  font-size: 14px;\n  color: var(--sp-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sp-accordion {\n  background: var(--sp-white);\n  border-radius: var(--sp-radius);\n  box-shadow: var(--sp-shadow);\n  overflow: hidden;\n}\n\n.sp-accordion-item {\n  border-bottom: 1px solid var(--sp-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sp-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sp-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sp-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.sp-accordion-header:hover {\n  background: var(--sp-primary-light);\n}\n\n.sp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sp-primary);\n  transition: transform .2s ease;\n}\n\n.sp-accordion-item[open] .sp-accordion-header::after {\n  content: '−';\n}\n\n.sp-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sp-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sp-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.sp-cta-box {\n  background: linear-gradient(135deg, var(--sp-primary) 0%, var(--sp-primary-dark) 100%);\n  border-radius: var(--sp-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.sp-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.sp-disclaimer {\n  font-size: 12px;\n  color: var(--sp-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  .sp-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sp-card {\n    padding: 1.125rem;\n  }\n\n  .sp-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .sp-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sp-radius-sm);\n  }\n\n  .sp-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .sp-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .sp-grid-compact {\n    gap: .625rem;\n  }\n\n  .sp-grid-compact .sp-card {\n    padding: .75rem;\n  }\n\n  .sp-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .sp-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .sp-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .sp-timeline-content p {\n    font-size: 13px;\n  }\n\n  .sp-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .sp-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .sp-comparison-label {\n    font-size: 12px;\n    min-width: 90px;\n  }\n\n  .sp-comparison-value {\n    font-size: 11px;\n    min-width: 80px;\n  }\n\n  .sp-comparison-bar {\n    height: 22px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sp-card {\n    animation: spFadeInUp .5s ease backwards;\n  }\n  .sp-card:nth-child(1) { animation-delay: .05s; }\n  .sp-card:nth-child(2) { animation-delay: .1s; }\n  .sp-card:nth-child(3) { animation-delay: .15s; }\n  .sp-card:nth-child(4) { animation-delay: .2s; }\n  .sp-card:nth-child(5) { animation-delay: .25s; }\n  .sp-card:nth-child(6) { animation-delay: .3s; }\n  .sp-card:nth-child(7) { animation-delay: .35s; }\n  .sp-card:nth-child(8) { animation-delay: .4s; }\n  .sp-card:nth-child(9) { animation-delay: .45s; }\n  .sp-card:nth-child(10) { animation-delay: .5s; }\n\n  .sp-fill-standard {\n    animation: spBarGrow 1s ease .3s backwards;\n  }\n  .sp-fill-phyco {\n    animation: spBarGrow 1.2s ease .5s backwards;\n  }\n}\n\n@keyframes spFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes spBarGrow {\n  from { width: 0; }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .sp-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":45755419721885,"sku":"NBAILTL0015","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spiruline-bio-phyco-60-comprimes-lt-labo-packshothd.webp?v=1773347806"},{"product_id":"phycocyanine-soleil-bleu-21-ampoules","title":"Soleil bleu - Phycocyanine - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soleil Bleu - Phycocyanine - Jade Recherche\nPalette détectée:\n  - Primaire: #1E5AA8 (bleu profond du packaging et de la phycocyanine)\n  - Secondaire: #4CAF50 (vert des bandeaux d'information)\n  - Accent: #00B4D8 (bleu clair\/turquoise évoquant la spiruline)\nAmbiance: Scientifique\/naturel, univers marin\/aquatique, santé premium, cure bien-être\nPréfixe CSS: sb\n--\u003e\n\n\u003cdiv class=\"sb-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"sb-hero\"\u003e\n    \u003cdiv class=\"sb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sb-hero-content\"\u003e\n      \u003cdiv class=\"sb-badges-top\"\u003e\n        \u003cspan class=\"sb-badge\"\u003e🔬 9,5 mg de phycocyanine\u003c\/span\u003e\n        \u003cspan class=\"sb-badge\"\u003e🌊 Extrait de spiruline\u003c\/span\u003e\n        \u003cspan class=\"sb-badge\"\u003e📅 Cure 21 jours\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sb-hero-title\"\u003eSoleil Bleu\u003c\/span\u003e\n      \u003cp class=\"sb-subtitle\"\u003ePhycocyanine pure par Jade Recherche\u003c\/p\u003e\n      \u003cp class=\"sb-description\"\u003eLe pigment bleu le plus puissant de la nature, concentré en ampoules pour booster votre vitalité et renforcer vos défenses naturelles.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- POINTS FORTS --\u003e\n  \u003csection class=\"sb-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Soleil Bleu ?\u003c\/h2\u003e\n    \u003cdiv class=\"sb-grid\"\u003e\n      \u003cdiv class=\"sb-card\"\u003e\n        \u003cdiv class=\"sb-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eAntioxydant ultra-puissant\u003c\/h3\u003e\n        \u003cp\u003eLa phycocyanine est l'un des antioxydants les plus efficaces au monde, protégeant vos cellules contre les radicaux libres et le vieillissement prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sb-card\"\u003e\n        \u003cdiv class=\"sb-card-icon\"\u003e💪\u003c\/div\u003e\n        \u003ch3\u003eBooste l'immunité\u003c\/h3\u003e\n        \u003cp\u003eRenforce naturellement vos défenses immunitaires pour une meilleure résistance aux agressions extérieures et aux infections saisonnières.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sb-card\"\u003e\n        \u003cdiv class=\"sb-card-icon\"\u003e⚡\u003c\/div\u003e\n        \u003ch3\u003eÉnergie naturelle\u003c\/h3\u003e\n        \u003cp\u003ePropriétés revitalisantes qui réduisent la fatigue et augmentent votre énergie. Idéal pour les sportifs et les personnes actives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sb-card\"\u003e\n        \u003cdiv class=\"sb-card-icon\"\u003e✨\u003c\/div\u003e\n        \u003ch3\u003eFormule pure\u003c\/h3\u003e\n        \u003cp\u003eSans additifs ni conservateurs, une concentration optimale en phycocyanine pour des résultats rapides et visibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"sb-section\"\u003e\n    \u003ch2\u003eLa puissance de la phycocyanine\u003c\/h2\u003e\n    \u003cdiv class=\"sb-composition-box\"\u003e\n      \u003cdiv class=\"sb-composition-content\"\u003e\n        \u003cdiv class=\"sb-composition-highlight\"\u003e\n          \u003cspan class=\"sb-dosage\"\u003e9,5 mg\u003c\/span\u003e\n          \u003cspan class=\"sb-dosage-label\"\u003ede phycocyanine par ampoule\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sb-composition-details\"\u003e\n          \u003cdiv class=\"sb-comp-item\"\u003e\n            \u003cspan class=\"sb-comp-icon\"\u003e🌀\u003c\/span\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eSpiruline fraîche\u003c\/strong\u003e\n              \u003cp\u003eCultivée dans des conditions optimales pour une concentration maximale\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"sb-comp-item\"\u003e\n            \u003cspan class=\"sb-comp-icon\"\u003e💧\u003c\/span\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eExtraction douce\u003c\/strong\u003e\n              \u003cp\u003eProcédé préservant toutes les propriétés actives du pigment bleu\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"sb-comp-item\"\u003e\n            \u003cspan class=\"sb-comp-icon\"\u003e🧪\u003c\/span\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eExtrait de Cinnamomum camphora\u003c\/strong\u003e\n              \u003cp\u003eArôme naturel et eau pure\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"sb-section\"\u003e\n    \u003ch2\u003eComment utiliser Soleil Bleu ?\u003c\/h2\u003e\n    \u003cdiv class=\"sb-usage-grid\"\u003e\n      \u003cdiv class=\"sb-usage-step\"\u003e\n        \u003cdiv class=\"sb-step-number\"\u003e1\u003c\/div\u003e\n        \u003ch4\u003eLe matin à jeun\u003c\/h4\u003e\n        \u003cp\u003ePrenez une ampoule le matin, de préférence avant le petit-déjeuner pour une absorption optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sb-usage-step\"\u003e\n        \u003cdiv class=\"sb-step-number\"\u003e2\u003c\/div\u003e\n        \u003ch4\u003ePure ou diluée\u003c\/h4\u003e\n        \u003cp\u003eConsommez directement ou mélangez dans un grand verre d'eau, un smoothie ou un jus de fruits.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sb-usage-step\"\u003e\n        \u003cdiv class=\"sb-step-number\"\u003e3\u003c\/div\u003e\n        \u003ch4\u003eCure complète\u003c\/h4\u003e\n        \u003cp\u003eSuivez la cure pendant 21 jours consécutifs pour des résultats optimaux et durables.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"sb-section\"\u003e\n    \u003ch2\u003ePour qui est Soleil Bleu ?\u003c\/h2\u003e\n    \u003cdiv class=\"sb-grid sb-grid-3\"\u003e\n      \u003cdiv class=\"sb-profile-card\"\u003e\n        \u003cspan class=\"sb-profile-icon\"\u003e🏃\u003c\/span\u003e\n        \u003ch4\u003eSportifs\u003c\/h4\u003e\n        \u003cp\u003eRécupération améliorée et boost d'énergie naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sb-profile-card\"\u003e\n        \u003cspan class=\"sb-profile-icon\"\u003e💼\u003c\/span\u003e\n        \u003ch4\u003eActifs stressés\u003c\/h4\u003e\n        \u003cp\u003eCombat le stress oxydatif et la fatigue chronique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sb-profile-card\"\u003e\n        \u003cspan class=\"sb-profile-icon\"\u003e🍂\u003c\/span\u003e\n        \u003ch4\u003eChangements de saison\u003c\/h4\u003e\n        \u003cp\u003eRenforce les défenses immunitaires naturellement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sb-profile-card\"\u003e\n        \u003cspan class=\"sb-profile-icon\"\u003e🧘\u003c\/span\u003e\n        \u003ch4\u003eBien-être général\u003c\/h4\u003e\n        \u003cp\u003eAméliore la vitalité et le bien-être au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sb-profile-card\"\u003e\n        \u003cspan class=\"sb-profile-icon\"\u003e⏳\u003c\/span\u003e\n        \u003ch4\u003eAnti-âge naturel\u003c\/h4\u003e\n        \u003cp\u003eLutte contre le vieillissement cellulaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sb-profile-card\"\u003e\n        \u003cspan class=\"sb-profile-icon\"\u003e🌿\u003c\/span\u003e\n        \u003ch4\u003eAmateurs de naturel\u003c\/h4\u003e\n        \u003cp\u003eSolution 100% naturelle sans additifs\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"sb-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"sb-info-grid\"\u003e\n      \u003cdiv class=\"sb-info-item\"\u003e\n        \u003cspan class=\"sb-info-icon\"\u003e📦\u003c\/span\u003e\n        \u003cdiv class=\"sb-info-content\"\u003e\n          \u003cstrong\u003eContenance\u003c\/strong\u003e\n          \u003cspan\u003e21 ampoules × 5 ml\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sb-info-item\"\u003e\n        \u003cspan class=\"sb-info-icon\"\u003e📅\u003c\/span\u003e\n        \u003cdiv class=\"sb-info-content\"\u003e\n          \u003cstrong\u003eDurée de cure\u003c\/strong\u003e\n          \u003cspan\u003e21 jours\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sb-info-item\"\u003e\n        \u003cspan class=\"sb-info-icon\"\u003e🔬\u003c\/span\u003e\n        \u003cdiv class=\"sb-info-content\"\u003e\n          \u003cstrong\u003eDosage\u003c\/strong\u003e\n          \u003cspan\u003e9,5 mg de phycocyanine\/ampoule\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sb-info-item\"\u003e\n        \u003cspan class=\"sb-info-icon\"\u003e🏭\u003c\/span\u003e\n        \u003cdiv class=\"sb-info-content\"\u003e\n          \u003cstrong\u003eFabricant\u003c\/strong\u003e\n          \u003cspan\u003eJade Recherche\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- PRÉCAUTIONS --\u003e\n  \u003csection class=\"sb-section\"\u003e\n    \u003cdiv class=\"sb-warning-box\"\u003e\n      \u003cdiv class=\"sb-warning-icon\"\u003eℹ️\u003c\/div\u003e\n      \u003cdiv class=\"sb-warning-content\"\u003e\n        \u003cstrong\u003eConseils et précautions\u003c\/strong\u003e\n        \u003cp\u003eCe complément alimentaire doit être consommé dans le cadre d'une alimentation variée et équilibrée et d'un mode de vie sain. Tenir hors de portée des enfants. Conserver au frais et à l'abri de la lumière. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"sb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"sb-cta-box\"\u003e\n      \u003cdiv class=\"sb-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"sb-cta-content\"\u003e\n        \u003cspan class=\"sb-cta-title\"\u003e🌊 Libérez le pouvoir de l'océan\u003c\/span\u003e\n        \u003cp\u003eOffrez à votre corps le soutien antioxydant le plus puissant de la nature. Avec Soleil Bleu, chaque ampoule est une dose concentrée de vitalité extraite de la spiruline la plus pure.\u003c\/p\u003e\n        \u003cdiv class=\"sb-cta-badges\"\u003e\n          \u003cspan class=\"sb-cta-badge\"\u003e✓ 100% naturel\u003c\/span\u003e\n          \u003cspan class=\"sb-cta-badge\"\u003e✓ Sans additifs\u003c\/span\u003e\n          \u003cspan class=\"sb-cta-badge\"\u003e✓ Résultats dès 21 jours\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  \/* Couleurs principales *\/\n  --sb-cream: #f8fafc;\n  --sb-white: #ffffff;\n  --sb-primary: #1E5AA8;\n  --sb-primary-dark: #14406B;\n  --sb-primary-light: #E8F1FA;\n  --sb-secondary: #4CAF50;\n  --sb-secondary-light: #E8F5E9;\n  --sb-accent: #00B4D8;\n  --sb-accent-light: #E0F7FA;\n  \n  \/* Textes *\/\n  --sb-text: #1a1a1a;\n  --sb-text-light: #5a6a7a;\n  \n  \/* Effets *\/\n  --sb-border: #e2e8f0;\n  --sb-shadow: 0 4px 24px rgba(30, 90, 168, .08);\n  --sb-shadow-lg: 0 12px 48px rgba(30, 90, 168, .15);\n  --sb-radius: 20px;\n  --sb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--sb-text);\n  line-height: 1.6;\n}\n\n.sb-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.sb-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--sb-primary) 0%, #2563EB 40%, var(--sb-accent) 100%);\n  border-radius: var(--sb-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--sb-shadow-lg);\n}\n\n.sb-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .08;\n  background-image: \n    radial-gradient(circle at 20% 80%, rgba(255,255,255,.4) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(255,255,255,.3) 0%, transparent 40%),\n    url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5C15.08 5 5 15.08 5 30s10.08 25 25 25 25-10.08 25-25S44.92 5 30 5zm0 45c-11.05 0-20-8.95-20-20s8.95-20 20-20 20 8.95 20 20-8.95 20-20 20z' fill='%23fff' fill-opacity='.1'\/%3E%3C\/svg%3E\");\n}\n\n.sb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.sb-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(--sb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.sb-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(36px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 0.5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sb-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: .02em;\n}\n\n.sb-hero .sb-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 2vw, 19px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.sb-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.sb-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sb-primary-dark);\n  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.sb-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(--sb-primary), var(--sb-accent));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.sb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n}\n\n.sb-grid-3 {\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n}\n\n\/* === CARDS POINTS FORTS === *\/\n.sb-card {\n  background: var(--sb-white);\n  border-radius: var(--sb-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--sb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sb-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--sb-shadow-lg);\n  border-color: var(--sb-primary);\n}\n\n.sb-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.sb-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--sb-primary-dark);\n  margin: 0 0 0.75rem 0;\n}\n\n.sb-card p {\n  font-size: 15px;\n  color: var(--sb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.sb-composition-box {\n  background: linear-gradient(135deg, var(--sb-primary-light) 0%, var(--sb-accent-light) 100%);\n  border-radius: var(--sb-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 2px solid var(--sb-primary);\n}\n\n.sb-composition-content {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n}\n\n.sb-composition-highlight {\n  text-align: center;\n  padding: 2rem;\n  background: var(--sb-white);\n  border-radius: var(--sb-radius-sm);\n  box-shadow: var(--sb-shadow);\n}\n\n.sb-dosage {\n  display: block;\n  font-size: clamp(48px, 10vw, 72px);\n  font-weight: 900;\n  color: var(--sb-primary);\n  line-height: 1;\n  letter-spacing: -.04em;\n}\n\n.sb-dosage-label {\n  display: block;\n  font-size: 16px;\n  color: var(--sb-text-light);\n  margin-top: 0.5rem;\n  font-weight: 600;\n}\n\n.sb-composition-details {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sb-comp-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--sb-white);\n  padding: 1.25rem;\n  border-radius: var(--sb-radius-sm);\n  box-shadow: 0 2px 8px rgba(0,0,0,.05);\n}\n\n.sb-comp-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.sb-comp-item strong {\n  display: block;\n  color: var(--sb-primary-dark);\n  font-size: 16px;\n  margin-bottom: 4px;\n}\n\n.sb-comp-item p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--sb-text-light);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.sb-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.5rem;\n}\n\n.sb-usage-step {\n  background: var(--sb-white);\n  border-radius: var(--sb-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--sb-shadow);\n  text-align: center;\n  position: relative;\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.sb-usage-step:hover {\n  transform: translateY(-5px);\n  border-color: var(--sb-secondary);\n}\n\n.sb-step-number {\n  width: 50px;\n  height: 50px;\n  background: linear-gradient(135deg, var(--sb-secondary) 0%, #66BB6A 100%);\n  color: white;\n  font-size: 24px;\n  font-weight: 900;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 1rem auto;\n  box-shadow: 0 4px 15px rgba(76, 175, 80, .3);\n}\n\n.sb-usage-step h4 {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--sb-primary-dark);\n  margin: 0 0 0.5rem 0;\n}\n\n.sb-usage-step p {\n  font-size: 14px;\n  color: var(--sb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === PROFILS === *\/\n.sb-profile-card {\n  background: var(--sb-white);\n  border-radius: var(--sb-radius-sm);\n  padding: 1.5rem;\n  text-align: center;\n  box-shadow: var(--sb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.sb-profile-card:hover {\n  transform: translateY(-5px);\n  border-color: var(--sb-accent);\n}\n\n.sb-profile-icon {\n  font-size: 36px;\n  display: block;\n  margin-bottom: 0.75rem;\n}\n\n.sb-profile-card h4 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--sb-primary-dark);\n  margin: 0 0 0.5rem 0;\n}\n\n.sb-profile-card p {\n  font-size: 13px;\n  color: var(--sb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.sb-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1rem;\n}\n\n.sb-info-item {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: var(--sb-white);\n  padding: 1.25rem;\n  border-radius: var(--sb-radius-sm);\n  box-shadow: var(--sb-shadow);\n  border-left: 4px solid var(--sb-primary);\n  transition: all .3s ease;\n}\n\n.sb-info-item:hover {\n  transform: translateX(5px);\n}\n\n.sb-info-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.sb-info-content {\n  display: flex;\n  flex-direction: column;\n}\n\n.sb-info-content strong {\n  font-size: 13px;\n  color: var(--sb-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n.sb-info-content span {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sb-primary-dark);\n}\n\n\/* === WARNING BOX === *\/\n.sb-warning-box {\n  display: flex;\n  gap: 1.25rem;\n  background: linear-gradient(135deg, #FFF8E1 0%, #FFECB3 100%);\n  border-radius: var(--sb-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  border: 2px solid #FFD54F;\n}\n\n.sb-warning-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.sb-warning-content strong {\n  display: block;\n  font-size: 16px;\n  color: #F57C00;\n  margin-bottom: 0.5rem;\n}\n\n.sb-warning-content p {\n  margin: 0;\n  font-size: 14px;\n  color: #795548;\n  line-height: 1.6;\n}\n\n\/* === CTA BOX === *\/\n.sb-cta-box {\n  background: linear-gradient(135deg, var(--sb-primary) 0%, var(--sb-primary-dark) 50%, #0D47A1 100%);\n  border-radius: var(--sb-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--sb-shadow-lg);\n}\n\n.sb-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .1;\n  background: \n    radial-gradient(circle at 10% 90%, var(--sb-accent) 0%, transparent 40%),\n    radial-gradient(circle at 90% 10%, var(--sb-secondary) 0%, transparent 40%);\n}\n\n.sb-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.sb-cta-title {\n  display: block;\n  color: white;\n  font-size: clamp(24px, 5vw, 32px);\n  font-weight: 900;\n  margin-bottom: 1rem;\n  letter-spacing: -.02em;\n}\n\n.sb-cta-box p {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 2.5vw, 19px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto 1.5rem auto;\n}\n\n.sb-cta-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n}\n\n.sb-cta-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 18px;\n  background: rgba(255,255,255,.15);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 700;\n  color: white;\n  border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .sb-grid,\n  .sb-grid-3 {\n    grid-template-columns: 1fr;\n  }\n  \n  .sb-usage-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .sb-warning-box {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .sb-info-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sb-card,\n  .sb-usage-step,\n  .sb-profile-card,\n  .sb-info-item {\n    animation: sbFadeInUp .6s ease backwards;\n  }\n  \n  .sb-card:nth-child(1),\n  .sb-usage-step:nth-child(1),\n  .sb-profile-card:nth-child(1) { animation-delay: .1s; }\n  .sb-card:nth-child(2),\n  .sb-usage-step:nth-child(2),\n  .sb-profile-card:nth-child(2) { animation-delay: .2s; }\n  .sb-card:nth-child(3),\n  .sb-usage-step:nth-child(3),\n  .sb-profile-card:nth-child(3) { animation-delay: .3s; }\n  .sb-card:nth-child(4),\n  .sb-profile-card:nth-child(4) { animation-delay: .4s; }\n  .sb-profile-card:nth-child(5) { animation-delay: .5s; }\n  .sb-profile-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes sbFadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .sb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .sb-card,\n  .sb-profile-card,\n  .sb-usage-step,\n  .sb-info-item {\n    border: 2px solid var(--sb-text);\n  }\n  \n  .sb-badge {\n    border: 2px solid var(--sb-primary-dark);\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755430764701,"sku":"SOLEILBLEU","price":30.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soleil_bleu_phycocyanine_ampoule_jade_recherche-min.jpg?v=1756974006"},{"product_id":"moringa-bio-60-gelules-vegetales-ayurvana","title":"Moringa Bio - 60 Gélules Végétales - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Moringa Bio - 60 Gélules Végétales - Ayur-Vana\nPalette détectée:\n  - Primaire: #D4726A (rose corail terracotta du packaging)\n  - Secondaire: #6B8E23 (vert olive des feuilles de moringa)\n  - Accent: #E8C547 (doré\/jaune des motifs indiens)\n  - Fond: #FDF6E3 (crème chaleureux du packaging)\nAmbiance: Ayurvédique, naturel\/bio, chaleureux, traditionnel indien avec touches modernes\nPréfixe CSS: mor\n--\u003e\n\n\u003cdiv class=\"mor-premium\"\u003e\n\n  \u003cdiv class=\"mor-hero\"\u003e\n    \u003cdiv class=\"mor-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mor-hero-content\"\u003e\n      \u003cdiv class=\"mor-badges-top\"\u003e\n        \u003cspan class=\"mor-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n        \u003cspan class=\"mor-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"mor-badge\"\u003e🌱 100% Végétal\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mor-hero-title\"\u003eMoringa Bio\u003c\/span\u003e\n      \u003cp class=\"mor-subtitle\"\u003eL'arbre de vie en gélules pour votre vitalité quotidienne\u003c\/p\u003e\n      \u003cp class=\"mor-description\"\u003eDécouvrez toute la puissance nutritionnelle de \u003cem\u003eMoringa oleifera\u003c\/em\u003e, cette plante extraordinaire utilisée depuis des millénaires par la médecine ayurvédique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"mor-section\"\u003e\n    \u003ch2\u003e🌟 Pourquoi le moringa est-il surnommé « l'arbre de vie » ?\u003c\/h2\u003e\n    \u003cdiv class=\"mor-grid\"\u003e\n      \u003cdiv class=\"mor-card mor-card-highlight\"\u003e\n        \u003ch3\u003e🧬 90+ nutriments\u003c\/h3\u003e\n        \u003cp\u003ePlus de 90 nutriments identifiés dont vitamines, minéraux et acides aminés essentiels\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🍊 7x plus de vitamine C\u003c\/h3\u003e\n        \u003cp\u003eSept fois plus de vitamine C que les oranges pour booster votre immunité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🥛 4x plus de calcium\u003c\/h3\u003e\n        \u003cp\u003eQuatre fois plus de calcium que le lait pour des os solides\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🍌 3x plus de potassium\u003c\/h3\u003e\n        \u003cp\u003eTrois fois plus de potassium que les bananes pour votre système nerveux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e💪 Acides aminés complets\u003c\/h3\u003e\n        \u003cp\u003eTous les acides aminés essentiels réunis, ce qui est rare pour une plante\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🛡️ Antioxydants puissants\u003c\/h3\u003e\n        \u003cp\u003ePolyphénols, flavonoïdes et quercétine pour protéger vos cellules\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mor-section\"\u003e\n    \u003ch2\u003e✨ Les bienfaits pour votre organisme\u003c\/h2\u003e\n    \u003cdiv class=\"mor-grid\"\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e⚡ Énergie naturelle\u003c\/h3\u003e\n        \u003cp\u003eUn cocktail de vitamines B, fer et magnésium qui réduit la fatigue et maintient un métabolisme énergétique optimal. Agit en douceur, sans pic ni chute brutale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🛡️ Défenses immunitaires\u003c\/h3\u003e\n        \u003cp\u003eRiche en vitamine C, vitamine A et zinc pour soutenir votre système immunitaire et affronter sereinement les changements de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🌺 Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eLes polyphénols et flavonoïdes protègent vos cellules contre le stress oxydatif et préservent votre capital jeunesse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🌿 Équilibre digestif\u003c\/h3\u003e\n        \u003cp\u003eFibres et composés actifs favorisent une digestion harmonieuse, un meilleur confort intestinal et une assimilation optimale des nutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mor-section\"\u003e\n    \u003ch2\u003e🎯 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"mor-grid\"\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n        \u003cp\u003eVous ressentez un manque d'énergie au quotidien et cherchez un regain de vitalité naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e❄️ Avant l'hiver\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez renforcer vos défenses naturelles avant les périodes froides\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🥗 Végétariens \u0026amp; Végétaliens\u003c\/h3\u003e\n        \u003cp\u003eVous avez besoin d'un apport complet en acides aminés d'origine 100% végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eVous pratiquez une activité physique régulière et souhaitez optimiser votre récupération\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e📊 Carences nutritionnelles\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez à combler naturellement des déficits en vitamines et minéraux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🧠 Stress \u0026amp; Surmenage\u003c\/h3\u003e\n        \u003cp\u003eVous traversez une période intense et avez besoin d'un soutien global pour votre organisme\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mor-section\"\u003e\n    \u003ch2\u003e🧪 Composition\u003c\/h2\u003e\n    \u003cdiv class=\"mor-composition\"\u003e\n      \u003cdiv class=\"mor-compo-main\"\u003e\n        \u003cdiv class=\"mor-compo-dose\"\u003e1 140 mg\u003c\/div\u003e\n        \u003cdiv class=\"mor-compo-label\"\u003ePoudre de feuilles de Moringa oleifera bio*\u003c\/div\u003e\n        \u003cdiv class=\"mor-compo-detail\"\u003ePour 4 gélules (dose journalière)\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-compo-info\"\u003e\n        \u003cp\u003e\u003cem\u003e*Ingrédient issu de l'Agriculture Biologique - Certifié par FR-BIO-01\u003c\/em\u003e\u003c\/p\u003e\n        \u003cp\u003eEnveloppe : HPMC (hydroxypropylméthylcellulose) - 100% végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mor-grid-compact\"\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🌱 100% Bio\u003c\/h3\u003e\n        \u003cp\u003eCertifié AB\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n        \u003cp\u003eGaranti sans OGM\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e✨ Sans additifs\u003c\/h3\u003e\n        \u003cp\u003eFormule pure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-card\"\u003e\n        \u003ch3\u003e🌿 Vegan\u003c\/h3\u003e\n        \u003cp\u003e100% végétal\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mor-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"mor-steps\"\u003e\n      \u003cdiv class=\"mor-step\"\u003e\n        \u003cdiv class=\"mor-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mor-step-content\"\u003e\n          \u003ch3\u003eLe matin\u003c\/h3\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e2 gélules\u003c\/strong\u003e avant le petit-déjeuner avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-step\"\u003e\n        \u003cdiv class=\"mor-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mor-step-content\"\u003e\n          \u003ch3\u003eLe midi\u003c\/h3\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e2 gélules\u003c\/strong\u003e avant le déjeuner avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-step\"\u003e\n        \u003cdiv class=\"mor-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mor-step-content\"\u003e\n          \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e3 mois\u003c\/strong\u003e pour des résultats optimaux et durables (ce flacon = 15 jours)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mor-tip\"\u003e\n      \u003cspan class=\"mor-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e Commencez par 2 gélules\/jour la première semaine pour habituer votre organisme, puis passez à 4 gélules quotidiennes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mor-section\"\u003e\n    \u003ch2\u003e🌍 Origine \u0026amp; Traçabilité\u003c\/h2\u003e\n    \u003cdiv class=\"mor-origin\"\u003e\n      \u003cdiv class=\"mor-origin-card\"\u003e\n        \u003cdiv class=\"mor-origin-icon\"\u003e🇮🇳\u003c\/div\u003e\n        \u003ch3\u003eRécolte en Inde\u003c\/h3\u003e\n        \u003cp\u003eFeuilles sélectionnées auprès de producteurs certifiés bio, berceau historique du moringa sacré. Récoltées à maturité optimale et séchées à basse température.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mor-origin-arrow\"\u003e→\u003c\/div\u003e\n      \u003cdiv class=\"mor-origin-card\"\u003e\n        \u003cdiv class=\"mor-origin-icon\"\u003e🇫🇷\u003c\/div\u003e\n        \u003ch3\u003eFabrication en France\u003c\/h3\u003e\n        \u003cp\u003eEncapsulation et conditionnement dans le respect des normes les plus strictes de l'industrie. Double exigence : authenticité et sécurité garanties.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mor-section\"\u003e\n    \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"mor-accordion\"\u003e\n      \u003cdetails class=\"mor-accordion-item\"\u003e\n        \u003csummary class=\"mor-accordion-header\"\u003e⏱️ Quand vais-je ressentir les premiers effets ?\u003c\/summary\u003e\n        \u003cdiv class=\"mor-accordion-content\"\u003e\n          \u003cp\u003eLes premiers bienfaits se font généralement sentir après \u003cstrong\u003e2 à 3 semaines\u003c\/strong\u003e de prise régulière. La fatigue diminue progressivement et vous retrouvez un regain d'énergie naturel. Pour des effets durables, maintenez la cure pendant 3 mois.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mor-accordion-item\"\u003e\n        \u003csummary class=\"mor-accordion-header\"\u003e🤰 Puis-je le prendre pendant la grossesse ?\u003c\/summary\u003e\n        \u003cdiv class=\"mor-accordion-content\"\u003e\n          \u003cp\u003ePar précaution, demandez conseil à votre médecin ou sage-femme avant de commencer une supplémentation pendant la grossesse ou l'allaitement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mor-accordion-item\"\u003e\n        \u003csummary class=\"mor-accordion-header\"\u003e⚠️ Y a-t-il des effets indésirables ?\u003c\/summary\u003e\n        \u003cdiv class=\"mor-accordion-content\"\u003e\n          \u003cp\u003eLe moringa est généralement très bien toléré. Certaines personnes peuvent ressentir un léger effet laxatif les premiers jours, qui disparaît rapidement. Respectez la posologie recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mor-accordion-item\"\u003e\n        \u003csummary class=\"mor-accordion-header\"\u003e💊 Puis-je l'associer à d'autres compléments ?\u003c\/summary\u003e\n        \u003cdiv class=\"mor-accordion-content\"\u003e\n          \u003cp\u003eOui, le moringa bio se combine facilement avec d'autres plantes adaptogènes comme l'ashwagandha ou le curcuma. En cas de traitement médicamenteux, consultez votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mor-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"mor-accordion\"\u003e\n      \u003cdetails class=\"mor-accordion-item\"\u003e\n        \u003csummary class=\"mor-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"mor-accordion-content\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mor-accordion-item\"\u003e\n        \u003csummary class=\"mor-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"mor-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Déconseillé aux femmes enceintes et allaitantes sans avis médical. En cas de traitement médical, consultez votre médecin avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mor-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"mor-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre corps cette source naturelle exceptionnelle de nutriments et retrouvez une \u003cstrong\u003evitalité durable\u003c\/strong\u003e, jour après jour.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mor-cream: #FDF8F0;\n  --mor-white: #ffffff;\n  --mor-primary: #D4726A;\n  --mor-primary-dark: #B85A52;\n  --mor-primary-light: #F5E6E4;\n  --mor-secondary: #6B8E23;\n  --mor-secondary-light: #E8F0D8;\n  --mor-accent: #E8C547;\n  --mor-text: #1a1a1a;\n  --mor-text-light: #5a5a5a;\n  --mor-border: #e0e0e0;\n  --mor-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --mor-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --mor-radius: 20px;\n  --mor-radius-sm: 12px;\n}\n\n.mor-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mor-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mor-hero {\n  position: relative;\n  background: linear-gradient(135deg, #D4726A 0%, #B85A52 40%, #6B8E23 100%);\n  border-radius: var(--mor-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(--mor-shadow-lg);\n}\n\n.mor-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  opacity: .6;\n}\n\n.mor-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mor-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.mor-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(--mor-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mor-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mor-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\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.mor-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.mor-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.mor-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mor-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mor-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.mor-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(--mor-primary), var(--mor-secondary));\n  border-radius: 2px;\n}\n\n.mor-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mor-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1rem;\n  margin-top: 1.5rem;\n}\n\n.mor-card {\n  background: var(--mor-white);\n  border-radius: var(--mor-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mor-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mor-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mor-shadow-lg);\n  border-color: var(--mor-primary);\n}\n\n.mor-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mor-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mor-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mor-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mor-card-highlight {\n  background: linear-gradient(135deg, var(--mor-secondary-light) 0%, var(--mor-white) 100%);\n  border: 2px solid var(--mor-secondary);\n}\n\n.mor-grid-compact .mor-card {\n  padding: 1rem;\n}\n\n.mor-grid-compact .mor-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mor-grid-compact .mor-card p {\n  font-size: 12px;\n}\n\n\/* Composition *\/\n.mor-composition {\n  background: var(--mor-white);\n  border-radius: var(--mor-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--mor-shadow);\n  text-align: center;\n  border: 2px solid var(--mor-secondary);\n}\n\n.mor-compo-main {\n  margin-bottom: 1.5rem;\n}\n\n.mor-compo-dose {\n  font-size: clamp(36px, 8vw, 52px);\n  font-weight: 900;\n  color: var(--mor-secondary);\n  line-height: 1;\n}\n\n.mor-compo-label {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 700;\n  color: var(--mor-text);\n  margin: .5rem 0;\n}\n\n.mor-compo-detail {\n  font-size: 14px;\n  color: var(--mor-text-light);\n}\n\n.mor-compo-info {\n  padding-top: 1rem;\n  border-top: 1px solid var(--mor-border);\n}\n\n.mor-compo-info p {\n  margin: .5rem 0;\n  font-size: 14px;\n  color: var(--mor-text-light);\n}\n\n\/* Steps *\/\n.mor-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mor-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.25rem;\n  background: var(--mor-white);\n  border-radius: var(--mor-radius);\n  padding: 1.5rem;\n  box-shadow: var(--mor-shadow);\n}\n\n.mor-step-number {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--mor-primary) 0%, var(--mor-primary-dark) 100%);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  font-weight: 900;\n  color: white;\n}\n\n.mor-step-content h3 {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--mor-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.mor-step-content p {\n  font-size: 14px;\n  color: var(--mor-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mor-tip {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: linear-gradient(135deg, #FEF9E7 0%, #FCF3CF 100%);\n  border-radius: var(--mor-radius-sm);\n  padding: 1.25rem;\n  margin-top: 1.25rem;\n  border: 2px solid var(--mor-accent);\n}\n\n.mor-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mor-tip p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--mor-text);\n  line-height: 1.6;\n}\n\n\/* Origin *\/\n.mor-origin {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 2rem;\n  flex-wrap: wrap;\n}\n\n.mor-origin-card {\n  flex: 1;\n  min-width: 280px;\n  max-width: 400px;\n  background: var(--mor-white);\n  border-radius: var(--mor-radius);\n  padding: 2rem;\n  box-shadow: var(--mor-shadow);\n  text-align: center;\n}\n\n.mor-origin-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n}\n\n.mor-origin-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--mor-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.mor-origin-card p {\n  font-size: 14px;\n  color: var(--mor-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n.mor-origin-arrow {\n  font-size: 32px;\n  color: var(--mor-secondary);\n  font-weight: 900;\n}\n\n\/* Accordion *\/\n.mor-accordion {\n  background: var(--mor-white);\n  border-radius: var(--mor-radius);\n  box-shadow: var(--mor-shadow);\n  overflow: hidden;\n}\n\n.mor-accordion-item {\n  border-bottom: 1px solid var(--mor-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mor-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mor-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mor-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.mor-accordion-header:hover {\n  background: var(--mor-primary-light);\n}\n\n.mor-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mor-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mor-primary);\n  transition: transform .2s ease;\n}\n\n.mor-accordion-item[open] .mor-accordion-header::after {\n  content: '−';\n}\n\n.mor-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mor-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.mor-accordion-content p {\n  margin: 0;\n}\n\n\/* CTA *\/\n.mor-cta-box {\n  background: linear-gradient(135deg, var(--mor-secondary) 0%, #4A6B18 100%);\n  border-radius: var(--mor-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.mor-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -50%;\n  width: 100%;\n  height: 100%;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n}\n\n.mor-cta-box p {\n  position: relative;\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\/* Responsive *\/\n@media (max-width: 767px) {\n  .mor-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .mor-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n  \n  .mor-grid-compact .mor-card {\n    padding: .75rem;\n  }\n  \n  .mor-card {\n    padding: 1.125rem;\n  }\n  \n  .mor-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .mor-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mor-radius-sm);\n  }\n  \n  .mor-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .mor-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .mor-step {\n    padding: 1.125rem;\n    gap: 1rem;\n  }\n  \n  .mor-step-number {\n    width: 40px;\n    height: 40px;\n    font-size: 18px;\n  }\n  \n  .mor-origin {\n    flex-direction: column;\n    gap: 1rem;\n  }\n  \n  .mor-origin-arrow {\n    transform: rotate(90deg);\n  }\n  \n  .mor-origin-card {\n    min-width: auto;\n    padding: 1.5rem;\n  }\n  \n  .mor-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .mor-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .mor-badges-top {\n    gap: 8px;\n  }\n  \n  .mor-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mor-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .mor-card:nth-child(1) { animation-delay: .05s; }\n  .mor-card:nth-child(2) { animation-delay: .1s; }\n  .mor-card:nth-child(3) { animation-delay: .15s; }\n  .mor-card:nth-child(4) { animation-delay: .2s; }\n  .mor-card:nth-child(5) { animation-delay: .25s; }\n  .mor-card:nth-child(6) { animation-delay: .3s; }\n  \n  .mor-step {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .mor-step:nth-child(1) { animation-delay: .1s; }\n  .mor-step:nth-child(2) { animation-delay: .2s; }\n  .mor-step:nth-child(3) { animation-delay: .3s; }\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  .mor-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755432337565,"sku":"AY0100","price":16.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/moringa-bio-60-gelules-vegetales-ayur-vana-ingredients.webp?v=1768518045"},{"product_id":"centella-asiatica-bio-60-gelules-ayurvana","title":"Centella Asiatica Bio - Vivacité intellectuelle - 60 gélules - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Centella Asiatica Bio - Vivacité intellectuelle\nPalette détectée:\n  - Primaire: #7AB356 (vert nature\/feuillage de la plante)\n  - Secondaire: #C9A86C (beige\/taupe du couvercle et fond)\n  - Accent: #E67E22 (orange des motifs mandala colorés)\nAmbiance: Ayurvédique authentique, naturel\/bio, oriental avec touches colorées mandala, spirituel et végétal\nPréfixe CSS: ca\n--\u003e\n\n\u003cdiv class=\"ca-premium\"\u003e\n\n  \u003cdiv class=\"ca-hero\"\u003e\n    \u003cdiv class=\"ca-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ca-hero-content\"\u003e\n      \u003cdiv class=\"ca-badges-top\"\u003e\n        \u003cspan class=\"ca-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"ca-badge\"\u003e🧘 Ayurvéda\u003c\/span\u003e\n        \u003cspan class=\"ca-badge\"\u003e🌱 100% Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ca-hero-title\"\u003eCentella Asiatica Bio\u003c\/span\u003e\n      \u003cp class=\"ca-subtitle\"\u003eVivacité intellectuelle \u0026amp; clarté mentale\u003c\/p\u003e\n      \u003cp class=\"ca-description\"\u003eLa plante sacrée de l'Ayurvéda utilisée depuis plus de 3000 ans pour soutenir la concentration, la mémoire et l'équilibre nerveux.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"ca-section\"\u003e\n    \u003ch2\u003e🧠 Bienfaits pour l'intellect\u003c\/h2\u003e\n    \u003cdiv class=\"ca-grid\"\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e🎯 Concentration optimisée\u003c\/h3\u003e\n        \u003cp\u003eSoutient votre capacité de concentration lors de périodes d'apprentissage intensif ou de travail intellectuel exigeant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e💡 Clarté mentale\u003c\/h3\u003e\n        \u003cp\u003eAide votre esprit à rester organisé et vif, même face à une charge mentale importante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e📚 Mémoire renforcée\u003c\/h3\u003e\n        \u003cp\u003eUn atout précieux pour les étudiants et professionnels souhaitant optimiser leurs capacités de réflexion.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e🧘 Système nerveux apaisé\u003c\/h3\u003e\n        \u003cp\u003ePropriétés adaptogènes qui contribuent à mieux gérer le stress et l'anxiété, responsables de la fatigue intellectuelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ca-section\"\u003e\n    \u003ch2\u003e✨ Bienfaits pour la peau\u003c\/h2\u003e\n    \u003cdiv class=\"ca-grid\"\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e🩹 Action réparatrice\u003c\/h3\u003e\n        \u003cp\u003eSoutient la régénération cutanée et aide à atténuer les marques et cicatrices.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e🌸 Effet apaisant\u003c\/h3\u003e\n        \u003cp\u003eIdéale pour les peaux sensibles, réactives ou sujettes aux rougeurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e⏳ Anti-âge naturel\u003c\/h3\u003e\n        \u003cp\u003eStimule la production de collagène pour maintenir l'élasticité et la fermeté de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e💫 Teint lumineux\u003c\/h3\u003e\n        \u003cp\u003eFavorise une meilleure microcirculation sanguine pour un teint éclatant de l'intérieur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ca-section\"\u003e\n    \u003ch2\u003e🌿 Composition premium\u003c\/h2\u003e\n    \u003cdiv class=\"ca-composition-box\"\u003e\n      \u003cdiv class=\"ca-compo-highlight\"\u003e\n        \u003cspan class=\"ca-compo-dose\"\u003e750 mg\u003c\/span\u003e\n        \u003cspan class=\"ca-compo-label\"\u003eExtrait de feuilles de Centella Asiatica Bio\u003c\/span\u003e\n        \u003cspan class=\"ca-compo-detail\"\u003epour 3 gélules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-compo-grid\"\u003e\n        \u003cdiv class=\"ca-compo-item\"\u003e\n          \u003cspan class=\"ca-compo-icon\"\u003e🌾\u003c\/span\u003e\n          \u003cspan\u003eFibre d'acacia bio\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ca-compo-item\"\u003e\n          \u003cspan class=\"ca-compo-icon\"\u003e💎\u003c\/span\u003e\n          \u003cspan\u003eSilice\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ca-compo-item\"\u003e\n          \u003cspan class=\"ca-compo-icon\"\u003e💊\u003c\/span\u003e\n          \u003cspan\u003eGélule végétale (hypromellose)\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"ca-compo-richness\"\u003eRiche en \u003cstrong\u003etriterpènes\u003c\/strong\u003e : asiaticosides et madécassosides, actifs au cœur des propriétés bénéfiques de la Centella.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ca-section\"\u003e\n    \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"ca-grid\"\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n        \u003cp\u003eEn période de révisions ou d'examens, pour booster concentration et mémorisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n        \u003cp\u003eSoumis à une charge mentale importante et nécessitant une clarté d'esprit optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e🧘‍♀️ Anti-stress naturel\u003c\/h3\u003e\n        \u003cp\u003ePour une meilleure gestion du stress et de l'anxiété au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e🌟 Beauté de l'intérieur\u003c\/h3\u003e\n        \u003cp\u003ePour soutenir la santé de votre peau en complément de vos soins cosmétiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ca-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"ca-steps\"\u003e\n      \u003cdiv class=\"ca-step\"\u003e\n        \u003cspan class=\"ca-step-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"ca-step-content\"\u003e\n          \u003ch4\u003eDosage quotidien\u003c\/h4\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e, de préférence au moment du dîner.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-step\"\u003e\n        \u003cspan class=\"ca-step-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"ca-step-content\"\u003e\n          \u003ch4\u003eAdministration\u003c\/h4\u003e\n          \u003cp\u003eAvalez les gélules avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-step\"\u003e\n        \u003cspan class=\"ca-step-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"ca-step-content\"\u003e\n          \u003ch4\u003eDurée de cure\u003c\/h4\u003e\n          \u003cp\u003eCures de \u003cstrong\u003e3 à 6 semaines\u003c\/strong\u003e, à renouveler selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-step\"\u003e\n        \u003cspan class=\"ca-step-number\"\u003e4\u003c\/span\u003e\n        \u003cdiv class=\"ca-step-content\"\u003e\n          \u003ch4\u003eConseil pro\u003c\/h4\u003e\n          \u003cp\u003ePour les périodes intenses (examens, projets), commencez quelques semaines avant l'échéance.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ca-section\"\u003e\n    \u003ch2\u003e💬 Questions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"ca-accordion\"\u003e\n      \u003cdetails class=\"ca-accordion-item\"\u003e\n        \u003csummary class=\"ca-accordion-header\"\u003e⏱️ Combien de temps pour ressentir les effets ?\u003c\/summary\u003e\n        \u003cdiv class=\"ca-accordion-content mt-1\"\u003e\n          \u003cp\u003eLes premiers bienfaits peuvent se faire sentir après \u003cstrong\u003e2 à 3 semaines\u003c\/strong\u003e de prise régulière. Pour des résultats durables, une cure de 6 semaines est recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ca-accordion-item\"\u003e\n        \u003csummary class=\"ca-accordion-header\"\u003e🌿 Peut-on l'associer à d'autres compléments ?\u003c\/summary\u003e\n        \u003cdiv class=\"ca-accordion-content mt-1\"\u003e\n          \u003cp\u003eOui ! Elle se combine très bien avec d'autres plantes adaptogènes comme le \u003cstrong\u003eBacopa\u003c\/strong\u003e ou l'\u003cstrong\u003eAshwagandha\u003c\/strong\u003e pour un effet synergique sur les fonctions cognitives.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ca-accordion-item\"\u003e\n        \u003csummary class=\"ca-accordion-header\"\u003e⚖️ La Centella fait-elle maigrir ?\u003c\/summary\u003e\n        \u003cdiv class=\"ca-accordion-content mt-1\"\u003e\n          \u003cp\u003eNon, ce n'est pas sa fonction première. Elle est avant tout destinée au soutien intellectuel et à la santé de la peau, pas à la perte de poids.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ca-section\"\u003e\n    \u003ch2\u003eℹ️ Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"ca-grid-compact\"\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n        \u003cp\u003e60 gélules végétales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e📅 Durée\u003c\/h3\u003e\n        \u003cp\u003e20 jours de cure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e🇮🇳 Origine\u003c\/h3\u003e\n        \u003cp\u003eAgriculture bio Inde\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e✅ Certifications\u003c\/h3\u003e\n        \u003cp\u003eEcocert FR-BIO-01\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ca-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"ca-accordion\"\u003e\n      \u003cdetails class=\"ca-accordion-item\"\u003e\n        \u003csummary class=\"ca-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"ca-accordion-content mt-1\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière de 3 gélules. Tenir hors de portée des jeunes enfants. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. En cas de traitement médicamenteux (foie, circulation), consultez votre médecin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ca-accordion-item\"\u003e\n        \u003csummary class=\"ca-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"ca-accordion-content mt-1\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité, dans un endroit sec et frais.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ca-accordion-item\"\u003e\n        \u003csummary class=\"ca-accordion-header\"\u003e📜 Avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"ca-accordion-content mt-1\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Il ne se substitue pas à un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ca-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"ca-cta-box\"\u003e\n      \u003cp\u003e🧠 Libérez votre potentiel intellectuel avec la sagesse millénaire de l'Ayurvéda.\u003cbr\u003eLa Centella Asiatica Bio : votre alliée naturelle pour une concentration optimale et une peau éclatante.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --ca-cream: #FAF8F5;\n  --ca-white: #ffffff;\n  --ca-primary: #7AB356;\n  --ca-primary-dark: #5A8A3E;\n  --ca-primary-light: #E8F5E0;\n  --ca-secondary: #C9A86C;\n  --ca-accent: #E67E22;\n  --ca-text: #1a1a1a;\n  --ca-text-light: #5a5a5a;\n  --ca-border: #e0e0e0;\n  --ca-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ca-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ca-radius: 20px;\n  --ca-radius-sm: 12px;\n}\n\n.ca-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ca-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ca-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5A8A3E 0%, #7AB356 40%, #C9A86C 100%);\n  border-radius: var(--ca-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(--ca-shadow-lg);\n}\n\n.ca-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='%23fff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n  opacity: .15;\n}\n\n.ca-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ca-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.ca-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(--ca-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ca-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.ca-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.ca-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ca-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.ca-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ca-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ca-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.ca-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(--ca-primary), var(--ca-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.ca-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ca-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ca-card {\n  background: var(--ca-white);\n  border-radius: var(--ca-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ca-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ca-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ca-shadow-lg);\n  border-color: var(--ca-primary);\n}\n\n.ca-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ca-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ca-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ca-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.ca-grid-compact .ca-card {\n  padding: 1rem;\n}\n\n.ca-grid-compact .ca-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ca-grid-compact .ca-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ca-composition-box {\n  background: var(--ca-white);\n  border-radius: var(--ca-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ca-shadow);\n  text-align: center;\n}\n\n.ca-compo-highlight {\n  background: linear-gradient(135deg, var(--ca-primary-light) 0%, #f0f7eb 100%);\n  border-radius: var(--ca-radius-sm);\n  padding: 1.5rem;\n  margin-bottom: 1.5rem;\n  border: 2px solid var(--ca-primary);\n}\n\n.ca-compo-dose {\n  display: block;\n  font-size: clamp(32px, 6vw, 48px);\n  font-weight: 900;\n  color: var(--ca-primary-dark);\n  line-height: 1;\n}\n\n.ca-compo-label {\n  display: block;\n  font-size: clamp(14px, 2.5vw, 17px);\n  font-weight: 700;\n  color: var(--ca-text);\n  margin: .5rem 0 .25rem;\n}\n\n.ca-compo-detail {\n  font-size: 13px;\n  color: var(--ca-text-light);\n}\n\n.ca-compo-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.ca-compo-item {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: .5rem;\n  padding: .75rem;\n  background: var(--ca-cream);\n  border-radius: var(--ca-radius-sm);\n  font-size: 14px;\n  color: var(--ca-text);\n  font-weight: 500;\n}\n\n.ca-compo-icon {\n  font-size: 18px;\n}\n\n.ca-compo-richness {\n  font-size: 14px;\n  color: var(--ca-text-light);\n  line-height: 1.6;\n  margin: 0;\n  padding-top: 1rem;\n  border-top: 1px solid var(--ca-border);\n}\n\n.ca-compo-richness strong {\n  color: var(--ca-primary-dark);\n}\n\n\/* === STEPS === *\/\n.ca-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ca-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--ca-white);\n  border-radius: var(--ca-radius);\n  padding: 1.25rem;\n  box-shadow: var(--ca-shadow);\n  transition: all .3s ease;\n}\n\n.ca-step:hover {\n  transform: translateX(6px);\n  box-shadow: var(--ca-shadow-lg);\n}\n\n.ca-step-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  min-width: 40px;\n  background: linear-gradient(135deg, var(--ca-primary) 0%, var(--ca-primary-dark) 100%);\n  color: white;\n  font-size: 18px;\n  font-weight: 800;\n  border-radius: 50%;\n}\n\n.ca-step-content h4 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ca-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ca-step-content p {\n  font-size: 14px;\n  color: var(--ca-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.ca-step-content strong {\n  color: var(--ca-text);\n}\n\n\/* === ACCORDÉON === *\/\n.ca-accordion {\n  background: var(--ca-white);\n  border-radius: var(--ca-radius);\n  box-shadow: var(--ca-shadow);\n  overflow: hidden;\n}\n\n.ca-accordion-item {\n  border-bottom: 1px solid var(--ca-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ca-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ca-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ca-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.ca-accordion-header:hover {\n  background: var(--ca-primary-light);\n}\n\n.ca-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ca-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ca-primary);\n  transition: transform .2s ease;\n}\n\n.ca-accordion-item[open] .ca-accordion-header::after {\n  content: '−';\n}\n\n.ca-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ca-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.ca-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.ca-cta-box {\n  background: linear-gradient(135deg, var(--ca-primary) 0%, var(--ca-primary-dark) 100%);\n  border-radius: var(--ca-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ca-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='8' fill='%23fff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n  opacity: .3;\n}\n\n.ca-cta-box p {\n  position: relative;\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\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .ca-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .ca-grid-compact {\n    gap: .625rem;\n  }\n  \n  .ca-grid-compact .ca-card {\n    padding: .75rem;\n  }\n  \n  .ca-card {\n    padding: 1.125rem;\n  }\n  \n  .ca-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .ca-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ca-radius-sm);\n  }\n  \n  .ca-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .ca-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .ca-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .ca-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .ca-step {\n    padding: 1rem;\n  }\n  \n  .ca-step-number {\n    width: 36px;\n    height: 36px;\n    min-width: 36px;\n    font-size: 16px;\n  }\n  \n  .ca-compo-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ca-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .ca-card:nth-child(1) { animation-delay: .05s; }\n  .ca-card:nth-child(2) { animation-delay: .1s; }\n  .ca-card:nth-child(3) { animation-delay: .15s; }\n  .ca-card:nth-child(4) { animation-delay: .2s; }\n  .ca-card:nth-child(5) { animation-delay: .25s; }\n  .ca-card:nth-child(6) { animation-delay: .3s; }\n  \n  .ca-step {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .ca-step:nth-child(1) { animation-delay: .1s; }\n  .ca-step:nth-child(2) { animation-delay: .15s; }\n  .ca-step:nth-child(3) { animation-delay: .2s; }\n  .ca-step:nth-child(4) { animation-delay: .25s; }\n}\n\n@keyframes fadeInUp {\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  .ca-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755438465181,"sku":"AY9022","price":17.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Centella-asiatica-bio-ayurvana-1-3-784981.jpg?v=1732719960"},{"product_id":"lions-mane-56-gelules-french-mush","title":"Lion's Mane French Mush - Humeur, Mémoire \u0026 Concentration - 56 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Lion's Mane French Mush - Complément alimentaire champignon médicinal\nPalette détectée:\n  - Primaire: #F89D3D (orange vif du packaging et des accents visuels)\n  - Secondaire: #7AA678 (vert sauge des illustrations botaniques)\n  - Accent: #4A3428 (marron chocolat du flacon en verre ambré)\n  - Crème: #F5F2ED (fond beige clair naturel)\nAmbiance: Bio premium \/ Naturalité élégante \/ Science \u0026 nature \/ French quality\nPréfixe CSS: lm\n--\u003e\n\n\u003cdiv class=\"lm-premium\"\u003e\n  \u003cdiv class=\"lm-hero\"\u003e\n    \u003cdiv class=\"lm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lm-hero-content\"\u003e\n      \u003cdiv class=\"lm-badges-top\"\u003e\n        \u003cspan class=\"lm-badge\"\u003e🏆 Meilleur produit Pharma 2025\u003c\/span\u003e\n        \u003cspan class=\"lm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"lm-badge\"\u003e🌿 Certifié bio AB\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lm-hero-title\"\u003eLion's Mane\u003c\/span\u003e\n      \u003cp class=\"lm-subtitle\"\u003eHumeur, mémoire \u0026amp; concentration\u003c\/p\u003e\n      \u003cp class=\"lm-description\"\u003eL'extrait de champignon le plus concentré du marché : 8000 mg par dose avec 92% de biodisponibilité. Boostez naturellement vos performances cognitives.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e⚡ Puissance inégalée\u003c\/h2\u003e\n    \u003cdiv class=\"lm-grid\"\u003e\n      \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n        \u003ch3\u003e💪 8000 mg par dose\u003c\/h3\u003e\n        \u003cp\u003eÉquivalent champignons frais grâce au ratio d'extraction 10:1. 800 mg d'extrait ultra-concentré pour 2 gélules.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n        \u003ch3\u003e🔬 92% biodisponibilité\u003c\/h3\u003e\n        \u003cp\u003eExtraction aux ultrasons brevetée. 4× plus assimilable qu'un complément classique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n        \u003ch3\u003e🧬 24% bêta-glucanes\u003c\/h3\u003e\n        \u003cp\u003eConcentration testée en laboratoire. Principes actifs immunomodulateurs garantis.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e🧠 Bénéfices prouvés\u003c\/h2\u003e\n    \u003cdiv class=\"lm-grid\"\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e🎯 Concentration optimale\u003c\/h3\u003e\n        \u003cp\u003eStimule la production de NGF (facteur de croissance nerveuse). Focus et attention décuplés pour vos journées intenses.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e💡 Mémoire renforcée\u003c\/h3\u003e\n        \u003cp\u003eFavorise la neurogenèse et la régénération neuronale. Améliore la mémorisation à court et long terme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e😊 Humeur équilibrée\u003c\/h3\u003e\n        \u003cp\u003eRégule le système nerveux, réduit stress et anxiété. État mental serein sans somnolence.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e🛡️ Neuroprotection\u003c\/h3\u003e\n        \u003cp\u003eLes héricénones (0,5%) protègent les neurones du stress oxydatif et soutiennent la santé cérébrale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e🦠 Immunité boostée\u003c\/h3\u003e\n        \u003cp\u003eLes polysaccharides et bêta-glucanes stimulent vos défenses naturelles efficacement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e🌱 Santé digestive\u003c\/h3\u003e\n        \u003cp\u003eÉquilibre le microbiote grâce aux composés prébiotiques. Axe intestin-cerveau optimisé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e🔬 Composition premium\u003c\/h2\u003e\n    \u003cdiv class=\"lm-composition-grid\"\u003e\n      \u003cdiv class=\"lm-compo-card\"\u003e\n        \u003cspan class=\"lm-compo-value\"\u003e24%\u003c\/span\u003e\n        \u003cspan class=\"lm-compo-name\"\u003eBêta-glucanes\u003c\/span\u003e\n        \u003cp\u003ePolysaccharides bioactifs immunomodulateurs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-compo-card\"\u003e\n        \u003cspan class=\"lm-compo-value\"\u003e0,5%\u003c\/span\u003e\n        \u003cspan class=\"lm-compo-name\"\u003eHéricénones\u003c\/span\u003e\n        \u003cp\u003eComposés neuroprotecteurs uniques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-compo-card\"\u003e\n        \u003cspan class=\"lm-compo-value\"\u003e100%\u003c\/span\u003e\n        \u003cspan class=\"lm-compo-name\"\u003eFruiting body\u003c\/span\u003e\n        \u003cp\u003eCorps fructifère uniquement, jamais de mycélium\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-compo-card\"\u003e\n        \u003cspan class=\"lm-compo-value\"\u003e0%\u003c\/span\u003e\n        \u003cspan class=\"lm-compo-name\"\u003eAdditifs\u003c\/span\u003e\n        \u003cp\u003eSans excipients, sans conservateurs\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e💊 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"lm-steps\"\u003e\n      \u003cdiv class=\"lm-step\"\u003e\n        \u003cspan class=\"lm-step-num\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"lm-step-content\"\u003e\n          \u003ch3\u003ePosologie\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e pour une dose complète de 8000 mg équivalent champignon\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-step\"\u003e\n        \u003cspan class=\"lm-step-num\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"lm-step-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003ePendant le repas\u003c\/strong\u003e avec un verre d'eau pour une absorption optimale\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-step\"\u003e\n        \u003cspan class=\"lm-step-num\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"lm-step-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e28 jours minimum\u003c\/strong\u003e (56 gélules). Effets optimaux après 4-8 semaines\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"lm-grid\"\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n        \u003cp\u003eExamens, révisions intensives, mémorisation. Performances cognitives sans excitants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n        \u003cp\u003eConcentration soutenue, gestion du stress, clarté mentale pour les métiers exigeants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n        \u003cp\u003ePréservation des fonctions cognitives, neuroprotection, maintien de la mémoire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e🧘 Anxieux\u003c\/h3\u003e\n        \u003cp\u003eRégulation nerveuse, apaisement mental, équilibre émotionnel naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e🏆 Qualité French Mush\u003c\/h2\u003e\n    \u003cdiv class=\"lm-grid-compact\"\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué et conditionné en France\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e🌿 Bio certifié\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique FR-BIO-01\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e🌱 100% vegan\u003c\/h3\u003e\n        \u003cp\u003eGélules végétales pullulane\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lm-card\"\u003e\n        \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n        \u003cp\u003eFlacon verre ambré recyclable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lm-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"lm-accordion\"\u003e\n      \u003cdetails class=\"lm-accordion-item\"\u003e\n        \u003csummary class=\"lm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"lm-accordion-content\"\u003e\n          \u003cp\u003eConserver à l'abri de la lumière et de l'humidité, à température ambiante. Le flacon en verre ambré protège les principes actifs de la dégradation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lm-accordion-item\"\u003e\n        \u003csummary class=\"lm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"lm-accordion-content\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Déconseillé aux femmes enceintes ou allaitantes. Consulter un professionnel de santé en cas de traitement médical. Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lm-accordion-item\"\u003e\n        \u003csummary class=\"lm-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n        \u003cdiv class=\"lm-accordion-content\"\u003e\n          \u003cp\u003eChampignons cultivés en Europe selon les normes biologiques. Extraction aux ultrasons pour préserver l'intégrité des composés actifs. Chaque lot analysé par un laboratoire indépendant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"lm-cta-box\"\u003e\n      \u003cp\u003e🧠 Libérez le potentiel de votre cerveau avec le Lion's Mane le plus concentré du marché. 8000 mg par dose, 92% de biodisponibilité, qualité bio française.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --lm-cream: #F5F2ED;\n  --lm-white: #ffffff;\n  --lm-primary: #F89D3D;\n  --lm-primary-dark: #E07821;\n  --lm-primary-light: #FFF4E8;\n  --lm-secondary: #7AA678;\n  --lm-accent: #4A3428;\n  --lm-text: #1a1a1a;\n  --lm-text-light: #5a5a5a;\n  --lm-border: #e0e0e0;\n  --lm-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --lm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --lm-radius: 20px;\n  --lm-radius-sm: 12px;\n}\n\n.lm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lm-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-primary-dark) 50%, var(--lm-accent) 100%);\n  border-radius: var(--lm-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(--lm-shadow-lg);\n}\n\n.lm-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .08;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n    radial-gradient(circle at 80% 70%, rgba(122,166,120,.5) 0%, transparent 50%);\n}\n\n.lm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.lm-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(--lm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.lm-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.lm-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n}\n\n.lm-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  margin: 0 auto;\n  max-width: 650px;\n}\n\n.lm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lm-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.lm-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(--lm-primary), var(--lm-secondary));\n  border-radius: 2px;\n}\n\n.lm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.lm-card {\n  background: var(--lm-white);\n  border-radius: var(--lm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lm-shadow-lg);\n  border-color: var(--lm-primary);\n}\n\n.lm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lm-accent);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lm-card-highlight {\n  background: linear-gradient(135deg, var(--lm-primary-light) 0%, var(--lm-white) 100%);\n  border: 2px solid var(--lm-primary);\n}\n\n.lm-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.lm-compo-card {\n  background: var(--lm-white);\n  border-radius: var(--lm-radius-sm);\n  padding: 1.5rem 1rem;\n  text-align: center;\n  border: 2px solid var(--lm-border);\n  transition: all .3s ease;\n}\n\n.lm-compo-card:hover {\n  border-color: var(--lm-secondary);\n  transform: translateY(-4px);\n}\n\n.lm-compo-value {\n  display: block;\n  font-size: clamp(28px, 5vw, 38px);\n  font-weight: 900;\n  color: var(--lm-secondary);\n  line-height: 1;\n}\n\n.lm-compo-name {\n  display: block;\n  font-size: 15px;\n  font-weight: 800;\n  color: var(--lm-accent);\n  margin: .5rem 0;\n}\n\n.lm-compo-card p {\n  font-size: 12px;\n  color: var(--lm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.lm-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.lm-step {\n  display: flex;\n  gap: 1.25rem;\n  align-items: flex-start;\n  background: var(--lm-white);\n  border-radius: var(--lm-radius-sm);\n  padding: 1.25rem;\n  box-shadow: var(--lm-shadow);\n  border-left: 4px solid var(--lm-primary);\n  transition: all .3s ease;\n}\n\n.lm-step:hover {\n  transform: translateX(6px);\n}\n\n.lm-step-num {\n  flex-shrink: 0;\n  width: 42px;\n  height: 42px;\n  background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-primary-dark) 100%);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  font-weight: 900;\n}\n\n.lm-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--lm-accent);\n  margin: 0 0 .35rem 0;\n}\n\n.lm-step-content p {\n  font-size: 14px;\n  color: var(--lm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lm-grid-compact .lm-card {\n  padding: 1rem;\n}\n\n.lm-grid-compact .lm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lm-grid-compact .lm-card p {\n  font-size: 12px;\n}\n\n.lm-accordion {\n  background: var(--lm-white);\n  border-radius: var(--lm-radius);\n  box-shadow: var(--lm-shadow);\n  overflow: hidden;\n}\n\n.lm-accordion-item {\n  border-bottom: 1px solid var(--lm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lm-accent);\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.lm-accordion-header:hover {\n  background: var(--lm-primary-light);\n}\n\n.lm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lm-primary);\n  transition: transform .2s ease;\n}\n\n.lm-accordion-item[open] .lm-accordion-header::after {\n  content: '−';\n}\n\n.lm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.lm-accordion-content p {\n  margin: 0;\n}\n\n.lm-cta-box {\n  background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-primary-dark) 100%);\n  border-radius: var(--lm-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lm-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@media (max-width: 767px) {\n  .lm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .lm-composition-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .75rem;\n  }\n  \n  .lm-compo-card {\n    padding: 1rem .75rem;\n  }\n  \n  .lm-compo-value {\n    font-size: 26px;\n  }\n  \n  .lm-card {\n    padding: 1.125rem;\n  }\n  \n  .lm-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .lm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lm-radius-sm);\n  }\n  \n  .lm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .lm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .lm-grid-compact {\n    gap: .625rem;\n  }\n  \n  .lm-grid-compact .lm-card {\n    padding: .75rem;\n  }\n  \n  .lm-step {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    padding: 1rem;\n  }\n  \n  .lm-step-num {\n    width: 36px;\n    height: 36px;\n    font-size: 16px;\n  }\n  \n  .lm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .lm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .lm-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .lm-card:nth-child(1) { animation-delay: .05s; }\n  .lm-card:nth-child(2) { animation-delay: .1s; }\n  .lm-card:nth-child(3) { animation-delay: .15s; }\n  .lm-card:nth-child(4) { animation-delay: .2s; }\n  .lm-card:nth-child(5) { animation-delay: .25s; }\n  .lm-card:nth-child(6) { animation-delay: .3s; }\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  .lm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"FRENCH MUSH","offers":[{"title":"Default Title","offer_id":45799222804637,"sku":"NBAIFRM0001","price":28.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lions-mane_gelules_frenchmush_11zon.jpg?v=1766506854"},{"product_id":"cordyceps-56-gelules-french-mush","title":"Cordyceps French Mush - Booster Naturel d'Énergie - 56 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Cordyceps French Mush - Complément alimentaire énergétique\nPalette détectée:\n  - Primaire: #E85D5C (Rouge\/corail du titre CORDYCEPS, énergétique et chaleureux)\n  - Secondaire: #F4A261 (Orange\/pêche des illustrations organiques, naturel)\n  - Accent: #D64545 (Rouge profond pour accents forts)\n  - Background: #FAF7F4 (Beige\/crème naturel du fond)\nAmbiance: Naturel\/bio moderne, énergétique, organique avec illustrations fluides évoquant le champignon cordyceps. Style premium accessible, certifié bio AB, Made in France. Les motifs organiques suggèrent vitalité et connexion à la nature.\nPréfixe CSS: cord\n--\u003e\n\n\u003cdiv class=\"cord-premium\"\u003e\n  \u003cdiv class=\"cord-hero\"\u003e\n    \u003cdiv class=\"cord-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cord-hero-content\"\u003e\n      \u003cdiv class=\"cord-badges-top\"\u003e\n        \u003cspan class=\"cord-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n        \u003cspan class=\"cord-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n        \u003cspan class=\"cord-badge\"\u003e⚡ 92% biodisponibilité\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cord-hero-title\"\u003eCordyceps French Mush\u003c\/span\u003e\n      \u003cp class=\"cord-subtitle\"\u003eLe champignon de l'énergie et de la performance\u003c\/p\u003e\n      \u003cp class=\"cord-description\"\u003e8000 mg de champignons par dose grâce à notre extraction aux ultrasons. Le secret ancestral des médecines orientales pour booster naturellement votre vitalité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cord-section\"\u003e\n    \u003ch2\u003e💪 Puissance et efficacité\u003c\/h2\u003e\n    \u003cdiv class=\"cord-grid\"\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e⚡ 8000 mg par dose\u003c\/h3\u003e\n        \u003cp\u003e800 mg d'extraits concentrés pour 2 gélules, soit l'équivalent de \u003cstrong\u003e8000 mg de champignons\u003c\/strong\u003e grâce au ratio 10:1\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e🔬 92% biodisponibilité\u003c\/h3\u003e\n        \u003cp\u003eExtraction aux ultrasons innovante : \u003cstrong\u003e4x plus efficace\u003c\/strong\u003e qu'un complément classique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e🎯 18% bêta-glucanes\u003c\/h3\u003e\n        \u003cp\u003ePolysaccharides actifs standardisés pour une efficacité \u003cstrong\u003escientifiquement prouvée\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e💎 1% cordycépine\u003c\/h3\u003e\n        \u003cp\u003eComposé bioactif unique du cordyceps, le plus dosé du marché\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cord-section\"\u003e\n    \u003ch2\u003e🎯 Validé par 3 études cliniques\u003c\/h2\u003e\n    \u003cdiv class=\"cord-grid\"\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e🔋 Énergie\u003c\/h3\u003e\n        \u003cp\u003eAugmentation de la production d'ATP, la molécule énergétique. Ressentez une vitalité renouvelée dès les premières prises.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité\u003c\/h3\u003e\n        \u003cp\u003eLes polysaccharides stimulent vos défenses naturelles et améliorent votre résistance aux infections.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e💪 Performance physique\u003c\/h3\u003e\n        \u003cp\u003eAmélioration de l'endurance et récupération musculaire accélérée, comme les athlètes de haut niveau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e💖 Libido\u003c\/h3\u003e\n        \u003cp\u003eRenforce naturellement votre bien-être intime et votre vitalité globale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cord-section\"\u003e\n    \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"cord-grid\"\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eAméliorez vos performances et accélérez votre récupération après l'effort\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e💼 Actifs débordés\u003c\/h3\u003e\n        \u003cp\u003eCombattez la fatigue et maintenez votre énergie toute la journée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e🧘 Seniors\u003c\/h3\u003e\n        \u003cp\u003ePréservez votre vitalité et renforcez votre immunité naturellement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e😴 Fatigués chroniques\u003c\/h3\u003e\n        \u003cp\u003eRetrouvez votre tonus et votre dynamisme au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cord-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"cord-usage\"\u003e\n      \u003cdiv class=\"cord-usage-step\"\u003e\n        \u003cspan class=\"cord-step-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"cord-step-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, pendant les repas\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-usage-step\"\u003e\n        \u003cspan class=\"cord-step-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"cord-step-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003eLe matin ou avant une activité physique pour profiter de l'effet énergisant\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-usage-step\"\u003e\n        \u003cspan class=\"cord-step-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"cord-step-content\"\u003e\n          \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e28 jours minimum\u003c\/strong\u003e pour ressentir les bienfaits optimaux (1 pot = 28 doses)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cord-section\"\u003e\n    \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"cord-grid-compact\"\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e💊 56 gélules\u003c\/h3\u003e\n        \u003cp\u003e28 doses de cure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e⏱️ 28 jours\u003c\/h3\u003e\n        \u003cp\u003eDurée d'une cure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e🇫🇷 France\u003c\/h3\u003e\n        \u003cp\u003eFabrication française\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e🌿 Bio AB\u003c\/h3\u003e\n        \u003cp\u003eCertifié agriculture bio\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cord-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"cord-accordion\"\u003e\n      \u003cdetails class=\"cord-accordion-item\"\u003e\n        \u003csummary class=\"cord-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"cord-accordion-content\"\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cord-accordion-item\"\u003e\n        \u003csummary class=\"cord-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"cord-accordion-content\"\u003e\n          \u003cp\u003eDéconseillé aux enfants, femmes enceintes et allaitantes. Ne pas dépasser la dose journalière recommandée. Un complément alimentaire ne remplace pas une alimentation variée et équilibrée. En cas de doute, demander l'avis de votre médecin ou pharmacien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cord-accordion-item\"\u003e\n        \u003csummary class=\"cord-accordion-header\"\u003e🔬 Procédé de fabrication\u003c\/summary\u003e\n        \u003cdiv class=\"cord-accordion-content\"\u003e\n          \u003cp\u003eNotre processus repose sur une \u003cstrong\u003eextraction aux ultrasons\u003c\/strong\u003e, une technologie de pointe qui préserve l'intégrité des composés actifs tout en maximisant leur biodisponibilité. Chaque gélule contient exclusivement du \u003cstrong\u003emycélium de cordyceps\u003c\/strong\u003e (Cordyceps sinensis), la partie la plus riche en principes actifs. Tous nos produits sont testés par des laboratoires indépendants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cord-accordion-item\"\u003e\n        \u003csummary class=\"cord-accordion-header\"\u003e✅ Nos engagements qualité\u003c\/summary\u003e\n        \u003cdiv class=\"cord-accordion-content\"\u003e\n          \u003cp\u003e100% naturel et bio, sans OGM, additifs ni conservateurs. Certification Bio AB. Fabrication française avec contrôles qualité rigoureux. Emballages éco-responsables. Standardisation garantie des principes actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cord-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"cord-cta-box\"\u003e\n      \u003cp\u003e✨ Découvrez le secret ancestral de l'énergie naturelle et rejoignez des milliers de personnes qui ont déjà adopté le cordyceps pour booster leur vitalité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cord-cream: #FAF7F4;\n  --cord-white: #ffffff;\n  --cord-primary: #E85D5C;\n  --cord-primary-dark: #D64545;\n  --cord-primary-light: #FFEEED;\n  --cord-secondary: #F4A261;\n  --cord-accent: #E07A5F;\n  --cord-text: #1a1a1a;\n  --cord-text-light: #5a5a5a;\n  --cord-border: #e8e0d8;\n  --cord-shadow: 0 4px 24px rgba(232, 93, 92, 0.08);\n  --cord-shadow-lg: 0 12px 48px rgba(232, 93, 92, 0.15);\n  --cord-radius: 20px;\n  --cord-radius-sm: 12px;\n}\n\n.cord-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cord-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.cord-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--cord-primary) 0%, var(--cord-accent) 50%, var(--cord-secondary) 100%);\n  border-radius: var(--cord-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(--cord-shadow-lg);\n}\n\n.cord-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .08;\n  background-image: \n    radial-gradient(circle at 20% 30%, rgba(255,255,255,0.3) 0%, transparent 50%),\n    radial-gradient(circle at 80% 70%, rgba(255,255,255,0.3) 0%, transparent 50%);\n}\n\n.cord-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cord-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: clamp(1.5rem, 3vw, 2rem);\n}\n\n.cord-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(--cord-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cord-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cord-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.cord-subtitle {\n  font-size: clamp(17px, 3vw, 24px);\n  color: rgba(255,255,255,.95);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n}\n\n.cord-description {\n  font-size: clamp(15px, 2.2vw, 18px);\n  color: rgba(255,255,255,.9);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.cord-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cord-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cord-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.cord-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(--cord-primary), var(--cord-secondary));\n  border-radius: 2px;\n}\n\n.cord-card {\n  background: var(--cord-white);\n  border-radius: var(--cord-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cord-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cord-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cord-shadow-lg);\n  border-color: var(--cord-primary);\n}\n\n.cord-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cord-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cord-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cord-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cord-card p strong {\n  color: var(--cord-primary-dark);\n}\n\n.cord-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cord-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cord-grid-compact .cord-card {\n  padding: 1rem;\n}\n\n.cord-grid-compact .cord-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cord-grid-compact .cord-card p {\n  font-size: 12px;\n}\n\n.cord-usage {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cord-usage-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--cord-white);\n  border-radius: var(--cord-radius);\n  padding: clamp(1rem, 2.5vw, 1.5rem);\n  box-shadow: var(--cord-shadow);\n  transition: all .3s ease;\n}\n\n.cord-usage-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--cord-shadow-lg);\n}\n\n.cord-step-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cord-primary), var(--cord-primary-dark));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  font-weight: 900;\n  color: white;\n}\n\n.cord-step-content h3 {\n  font-size: clamp(15px, 2.5vw, 17px);\n  font-weight: 800;\n  color: var(--cord-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.cord-step-content p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cord-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cord-step-content p strong {\n  color: var(--cord-primary-dark);\n}\n\n.cord-accordion {\n  background: var(--cord-white);\n  border-radius: var(--cord-radius);\n  box-shadow: var(--cord-shadow);\n  overflow: hidden;\n}\n\n.cord-accordion-item {\n  border-bottom: 1px solid var(--cord-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cord-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cord-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cord-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.cord-accordion-header:hover {\n  background: var(--cord-primary-light);\n}\n\n.cord-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cord-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cord-primary);\n  transition: transform .2s ease;\n}\n\n.cord-accordion-item[open] .cord-accordion-header::after {\n  content: '−';\n}\n\n.cord-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cord-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.cord-accordion-content p {\n  margin: 0;\n}\n\n.cord-accordion-content strong {\n  color: var(--cord-primary-dark);\n}\n\n.cord-cta-box {\n  background: linear-gradient(135deg, var(--cord-primary) 0%, var(--cord-primary-dark) 100%);\n  border-radius: var(--cord-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.cord-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@media (max-width: 767px) {\n  .cord-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .cord-card {\n    padding: 1.125rem;\n  }\n  \n  .cord-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .cord-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cord-radius-sm);\n  }\n  \n  .cord-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .cord-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .cord-grid-compact {\n    gap: .625rem;\n  }\n  \n  .cord-grid-compact .cord-card {\n    padding: .75rem;\n  }\n  \n  .cord-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .cord-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .cord-usage-step {\n    padding: 1rem;\n  }\n  \n  .cord-step-number {\n    width: 36px;\n    height: 36px;\n    font-size: 16px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cord-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .cord-card:nth-child(1) { animation-delay: .05s; }\n  .cord-card:nth-child(2) { animation-delay: .1s; }\n  .cord-card:nth-child(3) { animation-delay: .15s; }\n  .cord-card:nth-child(4) { animation-delay: .2s; }\n  .cord-card:nth-child(5) { animation-delay: .25s; }\n  .cord-card:nth-child(6) { animation-delay: .3s; }\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  .cord-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"FRENCH MUSH","offers":[{"title":"Default Title","offer_id":45799526596765,"sku":"CORDYCEPSFRENCHMUSH","price":28.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cordyceps_gelules_frenchmush_2_11zon.jpg?v=1766506788"},{"product_id":"chaga-56-gelules-french-mush","title":"Chaga French Mush 56 gélules - Antioxydant \u0026 Immunité","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Chaga French Mush - Complément Alimentaire Bio\nPalette détectée:\n  - Primaire: #8B7AA8 (violet doux du packaging et textes)\n  - Secondaire: #B8D4A8 (vert sauge des illustrations botaniques)\n  - Accent: #7B68A6 (violet iris des fleurs illustrées)\nAmbiance: Premium naturel bio, élégant et moderne. Design épuré avec illustrations botaniques délicates (feuilles vertes, fleurs violettes). Univers nordique\/forestier, scientifique et rassurant. Tonalités douces évoquant la nature et le bien-être.\nPréfixe CSS: chg\n--\u003e\n\n\u003cdiv class=\"chg-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"chg-hero\"\u003e\n    \u003cdiv class=\"chg-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"chg-hero-content\"\u003e\n      \u003cdiv class=\"chg-badges-top\"\u003e\n        \u003cspan class=\"chg-badge\"\u003e🇫🇷 Cultivé en Europe\u003c\/span\u003e\n        \u003cspan class=\"chg-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"chg-badge\"\u003e⚡ 92% biodisponibilité\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"chg-hero-title\"\u003eChaga bio\u003c\/span\u003e\n      \u003cp class=\"chg-subtitle\"\u003eImmunité \u0026amp; antioxydant d'exception\u003c\/p\u003e\n      \u003cp class=\"chg-description\"\u003eL'unique Chaga cultivé et extrait en Europe avec une biodisponibilité 4x supérieure. 8000mg de champignons par dose pour une immunité et une vitalité exceptionnelles.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- DOSAGE --\u003e\n  \u003csection class=\"chg-section\"\u003e\n    \u003ch2\u003e🔬 Dosage cliniquement prouvé\u003c\/h2\u003e\n    \u003cdiv class=\"chg-dosage-box\"\u003e\n      \u003cdiv class=\"chg-dosage-main\"\u003e\n        \u003cspan class=\"chg-mega-number\"\u003e8000\u003c\/span\u003e\n        \u003cspan class=\"chg-mega-unit\"\u003emg\u003c\/span\u003e\n        \u003cp class=\"chg-dosage-label\"\u003ede champignons par dose*\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-grid-compact\"\u003e\n        \u003cdiv class=\"chg-card\"\u003e\n          \u003ch3\u003e🍄 10% bêta-glucanes\u003c\/h3\u003e\n          \u003cp\u003eActifs immunostimulants\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"chg-card\"\u003e\n          \u003ch3\u003e✨ 92% biodisponibilité\u003c\/h3\u003e\n          \u003cp\u003e4x plus efficace\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"chg-card\"\u003e\n          \u003ch3\u003e💊 56 gélules\u003c\/h3\u003e\n          \u003cp\u003e28 jours de cure\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"chg-card\"\u003e\n          \u003ch3\u003e🔬 Ratio 10:1\u003c\/h3\u003e\n          \u003cp\u003eExtrait concentré\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"chg-footnote\"\u003e* 800mg d'extraits concentrés pour 2 gélules = 8000mg de champignons frais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BIENFAITS --\u003e\n  \u003csection class=\"chg-section\"\u003e\n    \u003ch2\u003e💚 Bienfaits prouvés par 3 études cliniques\u003c\/h2\u003e\n    \u003cdiv class=\"chg-grid\"\u003e\n      \u003cdiv class=\"chg-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n        \u003cp\u003eStimule puissamment vos défenses naturelles grâce à sa richesse en polysaccharides et bêta-glucanes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-card\"\u003e\n        \u003ch3\u003e⚡ Antioxydant n°1 mondial\u003c\/h3\u003e\n        \u003cp\u003eLe superaliment le plus riche en antioxydants. Protège vos cellules du vieillissement et du stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-card\"\u003e\n        \u003ch3\u003e🌟 Digestion \u0026amp; vitalité\u003c\/h3\u003e\n        \u003cp\u003eSoutient votre système digestif tout en boostant votre énergie naturelle au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-card\"\u003e\n        \u003ch3\u003e✨ Peau éclatante\u003c\/h3\u003e\n        \u003cp\u003eAméliore l'apparence de la peau, réduit les imperfections et favorise un teint lumineux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-card\"\u003e\n        \u003ch3\u003e🔥 Anti-inflammatoire\u003c\/h3\u003e\n        \u003cp\u003eCombat efficacement les inflammations chroniques grâce à son action douce mais puissante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-card\"\u003e\n        \u003ch3\u003e💪 Résistance au stress\u003c\/h3\u003e\n        \u003cp\u003ePropriétés adaptogènes pour mieux gérer le stress physique et mental.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"chg-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"chg-timeline\"\u003e\n      \u003cdiv class=\"chg-step\"\u003e\n        \u003cspan class=\"chg-step-num\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"chg-step-content\"\u003e\n          \u003ch3\u003e💊 2 gélules par jour\u003c\/h3\u003e\n          \u003cp\u003eAvec un grand verre d'eau, de préférence au moment des repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-step\"\u003e\n        \u003cspan class=\"chg-step-num\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"chg-step-content\"\u003e\n          \u003ch3\u003e📅 Cure de 28 jours\u003c\/h3\u003e\n          \u003cp\u003eUn flacon = 1 mois. Pour des résultats optimaux, 2 à 3 mois de cure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-step\"\u003e\n        \u003cspan class=\"chg-step-num\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"chg-step-content\"\u003e\n          \u003ch3\u003e🍄 Synergie possible\u003c\/h3\u003e\n          \u003cp\u003eCombinez avec Reishi, Cordyceps ou Shiitake pour un effet renforcé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"chg-section\"\u003e\n    \u003ch2\u003e👥 Le Chaga est fait pour vous si...\u003c\/h2\u003e\n    \u003cdiv class=\"chg-grid\"\u003e\n      \u003cdiv class=\"chg-card chg-card-profile\"\u003e\n        \u003ch3\u003e🛡️ Immunité fragile\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez à renforcer vos défenses naturelles face aux agressions.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-card chg-card-profile\"\u003e\n        \u003ch3\u003e⚡ Besoin d'énergie\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez retrouver vitalité et énergie durablement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-card chg-card-profile\"\u003e\n        \u003ch3\u003e🧘 Stress quotidien\u003c\/h3\u003e\n        \u003cp\u003eVous voulez mieux gérer le stress et retrouver votre équilibre.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-card chg-card-profile\"\u003e\n        \u003ch3\u003e✨ Anti-âge naturel\u003c\/h3\u003e\n        \u003cp\u003eVous recherchez un antioxydant puissant pour préserver vos cellules.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- QUALITÉ --\u003e\n  \u003csection class=\"chg-section\"\u003e\n    \u003ch2\u003e🏆 La différence French Mush\u003c\/h2\u003e\n    \u003cdiv class=\"chg-grid\"\u003e\n      \u003cdiv class=\"chg-card\"\u003e\n        \u003ch3\u003e🔬 Extraction aux ultrasons\u003c\/h3\u003e\n        \u003cp\u003eTechnologie brevetée garantissant 92% de biodisponibilité, 4 à 8x plus efficace que les extraits classiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-card\"\u003e\n        \u003ch3\u003e🇪🇺 Unique : cultivé en Europe\u003c\/h3\u003e\n        \u003cp\u003eLe seul Chaga cultivé et extrait sur le territoire européen avec traçabilité totale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"chg-card\"\u003e\n        \u003ch3\u003e🌲 Origine Finlande\u003c\/h3\u003e\n        \u003cp\u003eRécolté dans les forêts sauvages du nord de la Finlande, là où pousse le meilleur Chaga bio.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n  \u003csection class=\"chg-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"chg-accordion\"\u003e\n      \u003cdetails class=\"chg-accordion-item\"\u003e\n        \u003csummary class=\"chg-accordion-header\"\u003e📜 Histoire du Chaga\u003c\/summary\u003e\n        \u003cdiv class=\"chg-accordion-content\"\u003e\n          \u003cp\u003eLe Chaga (Inonotus obliquus) est utilisé depuis des siècles en médecine traditionnelle russe, particulièrement par le peuple Khanty de Sibérie qui l'appelait \"le don des dieux\". Ces populations l'utilisaient pour renforcer leur résistance face aux rudes hivers sibériens et améliorer leur longévité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"chg-accordion-item\"\u003e\n        \u003csummary class=\"chg-accordion-header\"\u003e🧬 Composition détaillée\u003c\/summary\u003e\n        \u003cdiv class=\"chg-accordion-content\"\u003e\n          \u003cp\u003e\u003cstrong\u003eBêta-glucanes :\u003c\/strong\u003e 10% - Polysaccharides essentiels pour l'immunité\u003cbr\u003e\n          \u003cstrong\u003eAcide bétulinique :\u003c\/strong\u003e 0,5% - Antioxydant et anti-inflammatoire puissant\u003cbr\u003e\n          \u003cstrong\u003eErgostérol :\u003c\/strong\u003e 0,3% - Précurseur de la vitamine D naturelle\u003cbr\u003e\n          \u003cstrong\u003eInotodiol :\u003c\/strong\u003e 2,0% - Composé bioactif unique au Chaga\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"chg-accordion-item\"\u003e\n        \u003csummary class=\"chg-accordion-header\"\u003e🍄 Synergies recommandées\u003c\/summary\u003e\n        \u003cdiv class=\"chg-accordion-content\"\u003e\n          \u003cp\u003e\u003cstrong\u003eChaga + Reishi :\u003c\/strong\u003e Immunité maximale et relaxation profonde\u003cbr\u003e\n          \u003cstrong\u003eChaga + Cordyceps :\u003c\/strong\u003e Énergie décuplée et performances physiques\u003cbr\u003e\n          \u003cstrong\u003eChaga + Shiitake :\u003c\/strong\u003e Digestion optimale et vitalité globale\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"chg-accordion-item\"\u003e\n        \u003csummary class=\"chg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"chg-accordion-content\"\u003e\n          \u003cp\u003e• Déconseillé aux enfants de moins de 12 ans\u003cbr\u003e\n          • Déconseillé aux femmes enceintes et allaitantes\u003cbr\u003e\n          • En cas de traitement médical, demandez conseil à votre médecin\u003cbr\u003e\n          • Ne pas dépasser la dose journalière recommandée\u003cbr\u003e\n          • Les compléments alimentaires ne remplacent pas une alimentation variée et équilibrée\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"chg-accordion-item\"\u003e\n        \u003csummary class=\"chg-accordion-header\"\u003e✅ Certifications\u003c\/summary\u003e\n        \u003cdiv class=\"chg-accordion-content\"\u003e\n          \u003cp\u003eCertifié agriculture biologique FR-BIO-01. Sans OGM, sans additifs, sans conservateurs. 100% vegan. Testé en laboratoire indépendant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"chg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"chg-cta-box\"\u003e\n      \u003cp\u003e✨ Rejoignez les milliers de personnes qui ont choisi French Mush pour prendre soin de leur santé naturellement. Le Chaga bio d'exception vous attend.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --chg-cream: #FAF8F5;\n  --chg-white: #ffffff;\n  --chg-primary: #8B7AA8;\n  --chg-primary-dark: #6B5B8A;\n  --chg-primary-light: #F3EFF8;\n  --chg-secondary: #B8D4A8;\n  --chg-accent: #7B68A6;\n  \n  --chg-text: #1a1a1a;\n  --chg-text-light: #5a5a5a;\n  \n  --chg-border: #e8e4e0;\n  --chg-shadow: 0 4px 24px rgba(139, 122, 168, .08);\n  --chg-shadow-lg: 0 12px 48px rgba(139, 122, 168, .15);\n  --chg-radius: 20px;\n  --chg-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.chg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--chg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.chg-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--chg-primary) 0%, var(--chg-accent) 50%, var(--chg-primary-dark) 100%);\n  border-radius: var(--chg-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(--chg-shadow-lg);\n}\n\n.chg-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .05;\n  background-image: radial-gradient(circle at 20% 80%, rgba(184,212,168,.5) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.chg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.chg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.chg-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(--chg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.chg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.chg-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.chg-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 4vw, 26px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n}\n\n.chg-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.chg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.chg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--chg-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.chg-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(--chg-primary), var(--chg-secondary));\n  border-radius: 2px;\n}\n\n\/* === DOSAGE BOX === *\/\n.chg-dosage-box {\n  background: linear-gradient(135deg, var(--chg-primary-light) 0%, rgba(184,212,168,.15) 100%);\n  border-radius: var(--chg-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  text-align: center;\n  border: 2px solid rgba(139,122,168,.1);\n}\n\n.chg-dosage-main {\n  margin-bottom: 1.5rem;\n}\n\n.chg-mega-number {\n  font-size: clamp(48px, 12vw, 80px);\n  font-weight: 900;\n  color: var(--chg-primary);\n  letter-spacing: -.04em;\n  line-height: 1;\n}\n\n.chg-mega-unit {\n  font-size: clamp(24px, 6vw, 40px);\n  font-weight: 800;\n  color: var(--chg-primary-dark);\n  margin-left: 4px;\n}\n\n.chg-dosage-label {\n  font-size: clamp(14px, 2.5vw, 18px);\n  color: var(--chg-text);\n  font-weight: 600;\n  margin: .5rem 0 0 0;\n}\n\n.chg-footnote {\n  font-size: 12px;\n  color: var(--chg-text-light);\n  font-style: italic;\n  margin-top: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.chg-card {\n  background: var(--chg-white);\n  border-radius: var(--chg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--chg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.chg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--chg-shadow-lg);\n  border-color: var(--chg-primary);\n}\n\n.chg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--chg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.chg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--chg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.chg-card-profile {\n  background: linear-gradient(135deg, var(--chg-white) 0%, var(--chg-primary-light) 100%);\n}\n\n\/* === GRILLES === *\/\n.chg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.chg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n  margin-top: 1.5rem;\n}\n\n.chg-grid-compact .chg-card {\n  padding: 1rem;\n}\n\n.chg-grid-compact .chg-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.chg-grid-compact .chg-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.chg-timeline {\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.chg-step {\n  display: flex;\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n  align-items: flex-start;\n}\n\n.chg-step:last-child {\n  margin-bottom: 0;\n}\n\n.chg-step-num {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--chg-primary), var(--chg-primary-dark));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  font-weight: 900;\n  color: white;\n  box-shadow: 0 4px 16px rgba(139,122,168,.3);\n}\n\n.chg-step-content {\n  flex: 1;\n  background: var(--chg-white);\n  padding: 1.25rem;\n  border-radius: var(--chg-radius-sm);\n  box-shadow: var(--chg-shadow);\n}\n\n.chg-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--chg-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.chg-step-content p {\n  font-size: 14px;\n  color: var(--chg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.chg-accordion {\n  background: var(--chg-white);\n  border-radius: var(--chg-radius);\n  box-shadow: var(--chg-shadow);\n  overflow: hidden;\n}\n\n.chg-accordion-item {\n  border-bottom: 1px solid var(--chg-border);\n  margin: 0;\n  padding: 0;\n}\n\n.chg-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.chg-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--chg-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.chg-accordion-header:hover {\n  background: var(--chg-primary-light);\n}\n\n.chg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.chg-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--chg-primary);\n  transition: transform .2s ease;\n}\n\n.chg-accordion-item[open] .chg-accordion-header::after {\n  content: '−';\n}\n\n.chg-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--chg-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.chg-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.chg-cta-box {\n  background: linear-gradient(135deg, var(--chg-primary) 0%, var(--chg-primary-dark) 100%);\n  border-radius: var(--chg-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.chg-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\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .chg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .chg-grid-compact {\n    gap: .625rem;\n  }\n  \n  .chg-grid-compact .chg-card {\n    padding: .75rem;\n  }\n  \n  .chg-card {\n    padding: 1.125rem;\n  }\n  \n  .chg-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .chg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--chg-radius-sm);\n  }\n  \n  .chg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .chg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .chg-step {\n    gap: 1rem;\n  }\n  \n  .chg-step-num {\n    width: 40px;\n    height: 40px;\n    font-size: 16px;\n  }\n  \n  .chg-step-content {\n    padding: 1rem;\n  }\n  \n  .chg-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .chg-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .chg-dosage-box {\n    padding: 1.5rem 1rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .chg-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .chg-card:nth-child(1) { animation-delay: .05s; }\n  .chg-card:nth-child(2) { animation-delay: .1s; }\n  .chg-card:nth-child(3) { animation-delay: .15s; }\n  .chg-card:nth-child(4) { animation-delay: .2s; }\n  .chg-card:nth-child(5) { animation-delay: .25s; }\n  .chg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\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  .chg-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"FRENCH MUSH","offers":[{"title":"Default Title","offer_id":45799589478557,"sku":"CHAGAFRENCHMUSH","price":29.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/chaga_gelules_frenchmush_1_11zon.jpg?v=1766506765"},{"product_id":"reishi-56-gelules-french-mush","title":"Reishi French Mush - Relaxation \u0026 Préparation au Sommeil - 56 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Reishi French Mush - Relaxation \u0026 Préparation au Sommeil\nPalette détectée:\n  - Primaire: #D4887A (rose corail\/saumon des champignons illustrés)\n  - Secondaire: #B8905A (doré\/bronze des textes)\n  - Accent: #7BA35F (vert olive des éléments végétaux)\nAmbiance: Naturel\/organique, apaisant, wellness premium, illustration botanique moderne\nPréfixe CSS: rei\n--\u003e\n\n\u003cdiv class=\"rei-premium\"\u003e\n\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"rei-hero\"\u003e\n  \u003cdiv class=\"rei-hero-pattern\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"rei-hero-content\"\u003e\n    \u003cdiv class=\"rei-badges-top\"\u003e\n      \u003cspan class=\"rei-badge\"\u003e🇫🇷 Cultivé en Europe\u003c\/span\u003e\n      \u003cspan class=\"rei-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e\n      \u003cspan class=\"rei-badge\"\u003e🍄 8000mg\/dose\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cspan class=\"rei-hero-title\"\u003eReishi\u003c\/span\u003e\n    \u003cp class=\"rei-subtitle\"\u003eLe champignon de l'immortalité pour votre relaxation\u003c\/p\u003e\n    \u003cp class=\"rei-description\"\u003eLe seul reishi cultivé et extrait en Europe, standardisé à 30% de bêta-glucanes. Une biodisponibilité de 92% pour une efficacité maximale sur le sommeil et l'immunité.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- CHIFFRES CLÉS --\u003e\n\u003csection class=\"rei-section\"\u003e\n  \u003cdiv class=\"rei-stats-bar\"\u003e\n    \u003cdiv class=\"rei-stat-item\"\u003e\n      \u003cspan class=\"rei-stat-num\"\u003e8000mg\u003c\/span\u003e\n      \u003cspan class=\"rei-stat-txt\"\u003epar dose\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rei-stat-item\"\u003e\n      \u003cspan class=\"rei-stat-num\"\u003e92%\u003c\/span\u003e\n      \u003cspan class=\"rei-stat-txt\"\u003ebiodisponibilité\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rei-stat-item\"\u003e\n      \u003cspan class=\"rei-stat-num\"\u003e30%\u003c\/span\u003e\n      \u003cspan class=\"rei-stat-txt\"\u003ebêta-glucanes\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rei-stat-item\"\u003e\n      \u003cspan class=\"rei-stat-num\"\u003e28\u003c\/span\u003e\n      \u003cspan class=\"rei-stat-txt\"\u003ejours de cure\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"rei-section\"\u003e\n  \u003ch2\u003e🌟 Les bienfaits validés par la science\u003c\/h2\u003e\n  \u003cdiv class=\"rei-grid\"\u003e\n    \u003cdiv class=\"rei-card\"\u003e\n      \u003ch3\u003e😌 Relaxation profonde\u003c\/h3\u003e\n      \u003cp\u003eLes triterpénoïdes et l'adénosine apaisent le système nerveux pour un état de calme naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rei-card\"\u003e\n      \u003ch3\u003e🌙 Sommeil réparateur\u003c\/h3\u003e\n      \u003cp\u003eFavorise un endormissement rapide et un sommeil profond grâce à son action sur le système parasympathique.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rei-card\"\u003e\n      \u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n      \u003cp\u003eLes polysaccharides et bêta-glucanes stimulent vos défenses naturelles contre les infections.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rei-card\"\u003e\n      \u003ch3\u003e🔥 Anti-inflammatoire\u003c\/h3\u003e\n      \u003cp\u003eLes triterpènes modulent la réponse inflammatoire pour une meilleure récupération.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"rei-section\"\u003e\n  \u003ch2\u003e🧬 Composition d'exception\u003c\/h2\u003e\n  \u003cdiv class=\"rei-compo-box\"\u003e\n    \u003cdiv class=\"rei-compo-main\"\u003e\n      \u003cspan class=\"rei-compo-big\"\u003e800mg\u003c\/span\u003e\n      \u003cspan class=\"rei-compo-sub\"\u003ed'extraits concentrés par dose (ratio 10:1)\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"rei-grid\"\u003e\n    \u003cdiv class=\"rei-card rei-card-compo\"\u003e\n      \u003ch3\u003e30% Bêta-glucanes\u003c\/h3\u003e\n      \u003cp\u003ePolysaccharides immunostimulants pour renforcer vos défenses\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rei-card rei-card-compo\"\u003e\n      \u003ch3\u003e1% Triterpènes\u003c\/h3\u003e\n      \u003cp\u003eComposés actifs aux propriétés relaxantes et anti-inflammatoires\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rei-card rei-card-compo\"\u003e\n      \u003ch3\u003e2% Adénosine\u003c\/h3\u003e\n      \u003cp\u003eMolécule favorisant la relaxation et la qualité du sommeil\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- QUALITÉ --\u003e\n\u003csection class=\"rei-section\"\u003e\n  \u003ch2\u003e🏆 L'excellence French Mush\u003c\/h2\u003e\n  \u003cdiv class=\"rei-grid\"\u003e\n    \u003cdiv class=\"rei-card\"\u003e\n      \u003ch3\u003e🇪🇺 Culture européenne\u003c\/h3\u003e\n      \u003cp\u003eSeul acteur mondial à cultiver et extraire le reishi en Europe. Traçabilité totale.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rei-card\"\u003e\n      \u003ch3\u003e🔬 Extraction ultrasons\u003c\/h3\u003e\n      \u003cp\u003e92% de biodisponibilité, soit 4 à 8 fois plus efficace que les extraits classiques.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rei-card\"\u003e\n      \u003ch3\u003e🍄 100% fruiting body\u003c\/h3\u003e\n      \u003cp\u003eUniquement des corps fructifères, la partie la plus riche en principes actifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rei-card\"\u003e\n      \u003ch3\u003e✅ Bio certifié\u003c\/h3\u003e\n      \u003cp\u003eSans OGM, sans additifs, sans conservateurs. 100% vegan et naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"rei-section\"\u003e\n  \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n  \u003cdiv class=\"rei-grid-compact\"\u003e\n    \u003cdiv class=\"rei-card\"\u003e\n      \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n      \u003cp\u003eStress quotidien, tensions nerveuses\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rei-card\"\u003e\n      \u003ch3\u003e😴 Troubles du sommeil\u003c\/h3\u003e\n      \u003cp\u003eDifficultés d'endormissement\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rei-card\"\u003e\n      \u003ch3\u003e🤒 Immunité fragile\u003c\/h3\u003e\n      \u003cp\u003eRenforcement des défenses\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rei-card\"\u003e\n      \u003ch3\u003e💪 Sportifs\u003c\/h3\u003e\n      \u003cp\u003eRécupération musculaire\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"rei-section\"\u003e\n  \u003ch2\u003e📖 Mode d'emploi\u003c\/h2\u003e\n  \u003cdiv class=\"rei-usage\"\u003e\n    \u003cdiv class=\"rei-usage-step\"\u003e\n      \u003cspan class=\"rei-step-num\"\u003e1\u003c\/span\u003e\n      \u003cdiv class=\"rei-step-content\"\u003e\n        \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e\n        \u003cp\u003eAvec un grand verre d'eau, pendant les repas\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rei-usage-step\"\u003e\n      \u003cspan class=\"rei-step-num\"\u003e2\u003c\/span\u003e\n      \u003cdiv class=\"rei-step-content\"\u003e\n        \u003cstrong\u003eCure de 30 à 90 jours\u003c\/strong\u003e\n        \u003cp\u003ePour des résultats durables et profonds\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rei-usage-step\"\u003e\n      \u003cspan class=\"rei-step-num\"\u003e3\u003c\/span\u003e\n      \u003cdiv class=\"rei-step-content\"\u003e\n        \u003cstrong\u003ePrise en soirée\u003c\/strong\u003e\n        \u003cp\u003e1 à 2h avant le coucher pour le sommeil\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"rei-tip\"\u003e\n    \u003cp\u003e💡 \u003cstrong\u003eFini l'amertume !\u003c\/strong\u003e Profitez de tous les bienfaits du reishi sans son goût amer grâce aux gélules.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SYNERGIE --\u003e\n\u003csection class=\"rei-section\"\u003e\n  \u003ch2\u003e🔄 Synergies recommandées\u003c\/h2\u003e\n  \u003cdiv class=\"rei-grid\"\u003e\n    \u003cdiv class=\"rei-card\"\u003e\n      \u003ch3\u003e🍄 Chaga\u003c\/h3\u003e\n      \u003cp\u003ePour renforcer l'immunité et les défenses antioxydantes\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rei-card\"\u003e\n      \u003ch3\u003e⚡ Cordyceps\u003c\/h3\u003e\n      \u003cp\u003ePour booster l'énergie physique et la vitalité\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rei-card\"\u003e\n      \u003ch3\u003e🧠 Lion's Mane\u003c\/h3\u003e\n      \u003cp\u003ePour soutenir les fonctions cognitives et la mémoire\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- INFOS COMPLÉMENTAIRES --\u003e\n\u003csection class=\"rei-section\"\u003e\n  \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n  \u003cdiv class=\"rei-accordion\"\u003e\n    \u003cdetails class=\"rei-accordion-item\"\u003e\n      \u003csummary class=\"rei-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n      \u003cdiv class=\"rei-accordion-content\"\u003e\n        \u003cp\u003eConserver à l'abri de la lumière et de l'humidité, dans un endroit frais et sec. Le flacon en verre ambré protège les principes actifs de la dégradation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"rei-accordion-item\"\u003e\n      \u003csummary class=\"rei-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n      \u003cdiv class=\"rei-accordion-content\"\u003e\n        \u003cp\u003eNe pas dépasser la dose recommandée. Déconseillé aux femmes enceintes ou allaitantes. En cas de traitement médical, consulter votre médecin. Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"rei-accordion-item\"\u003e\n      \u003csummary class=\"rei-accordion-header\"\u003e👑 L'histoire du reishi\u003c\/summary\u003e\n      \u003cdiv class=\"rei-accordion-content\"\u003e\n        \u003cp\u003eSurnommé \"Ling Zhi\" (champignon de l'immortalité) en médecine traditionnelle chinoise, le reishi était exclusivement réservé aux empereurs qui le considéraient comme un élixir de longévité. Rare et précieux pendant des siècles, French Mush vous offre aujourd'hui ce trésor cultivé avec soin en Europe.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"rei-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"rei-cta-box\"\u003e\n    \u003cp\u003eDécouvrez le pouvoir ancestral du reishi cultivé en Europe. Retrouvez calme, sommeil profond et défenses naturelles renforcées avec le seul reishi premium 100% traçable.\u003c\/p\u003e\n    \u003cdiv class=\"rei-cta-tags\"\u003e\n      \u003cspan\u003e✓ 92% biodisponibilité\u003c\/span\u003e\n      \u003cspan\u003e✓ 8000mg\/dose\u003c\/span\u003e\n      \u003cspan\u003e✓ Bio certifié\u003c\/span\u003e\n      \u003cspan\u003e✓ Made in Europe\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --rei-cream: #FAF7F4;\n  --rei-white: #ffffff;\n  --rei-primary: #D4887A;\n  --rei-primary-dark: #B56B5B;\n  --rei-primary-light: #F5E5E1;\n  --rei-secondary: #B8905A;\n  --rei-accent: #7BA35F;\n  --rei-text: #1a1a1a;\n  --rei-text-light: #5a5a5a;\n  --rei-border: #E8DDD7;\n  --rei-shadow: 0 4px 24px rgba(212, 136, 122, .08);\n  --rei-shadow-lg: 0 12px 48px rgba(212, 136, 122, .15);\n  --rei-radius: 20px;\n  --rei-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.rei-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--rei-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rei-hero {\n  position: relative;\n  background: linear-gradient(135deg, #D4887A 0%, #B8905A 50%, #C59577 100%);\n  border-radius: var(--rei-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(--rei-shadow-lg);\n}\n\n.rei-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .05;\n  background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);\n}\n\n.rei-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.rei-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.rei-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(--rei-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.rei-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.rei-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.rei-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.rei-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 16px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === STATS BAR === *\/\n.rei-stats-bar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 1rem;\n  background: var(--rei-white);\n  border-radius: var(--rei-radius);\n  padding: 1.5rem;\n  box-shadow: var(--rei-shadow);\n}\n\n.rei-stat-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  min-width: 100px;\n}\n\n.rei-stat-num {\n  font-size: clamp(24px, 5vw, 32px);\n  font-weight: 900;\n  color: var(--rei-primary-dark);\n  line-height: 1;\n}\n\n.rei-stat-txt {\n  font-size: 12px;\n  color: var(--rei-text-light);\n  font-weight: 600;\n  margin-top: 4px;\n  text-align: center;\n}\n\n\/* === SECTIONS === *\/\n.rei-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rei-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--rei-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.rei-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(--rei-primary), var(--rei-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.rei-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.rei-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.rei-card {\n  background: var(--rei-white);\n  border-radius: var(--rei-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--rei-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.rei-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--rei-shadow-lg);\n  border-color: var(--rei-primary);\n}\n\n.rei-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--rei-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.rei-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--rei-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.rei-card-compo {\n  background: linear-gradient(to bottom, var(--rei-white), var(--rei-primary-light));\n}\n\n\/* === COMPOSITION BOX === *\/\n.rei-compo-box {\n  background: linear-gradient(135deg, var(--rei-secondary) 0%, var(--rei-primary) 100%);\n  border-radius: var(--rei-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  text-align: center;\n  margin-bottom: 1.5rem;\n  box-shadow: var(--rei-shadow-lg);\n}\n\n.rei-compo-main {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n}\n\n.rei-compo-big {\n  font-size: clamp(40px, 10vw, 64px);\n  font-weight: 900;\n  color: white;\n  line-height: 1;\n}\n\n.rei-compo-sub {\n  font-size: clamp(14px, 2.5vw, 17px);\n  color: rgba(255,255,255,.9);\n  font-weight: 600;\n}\n\n\/* === USAGE === *\/\n.rei-usage {\n  background: var(--rei-white);\n  border-radius: var(--rei-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  box-shadow: var(--rei-shadow);\n}\n\n.rei-usage-step {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  margin-bottom: 1.5rem;\n}\n\n.rei-usage-step:last-child {\n  margin-bottom: 0;\n}\n\n.rei-step-num {\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--rei-primary), var(--rei-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  font-weight: 900;\n  flex-shrink: 0;\n}\n\n.rei-step-content strong {\n  display: block;\n  font-size: 16px;\n  color: var(--rei-primary-dark);\n  margin-bottom: 4px;\n}\n\n.rei-step-content p {\n  font-size: 14px;\n  color: var(--rei-text-light);\n  margin: 0;\n}\n\n.rei-tip {\n  background: linear-gradient(135deg, #FFF9E6, #FFF4CC);\n  border: 2px solid #FFE999;\n  border-radius: var(--rei-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.rei-tip p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--rei-text);\n}\n\n\/* === ACCORDÉON === *\/\n.rei-accordion {\n  background: var(--rei-white);\n  border-radius: var(--rei-radius);\n  box-shadow: var(--rei-shadow);\n  overflow: hidden;\n}\n\n.rei-accordion-item {\n  border-bottom: 1px solid var(--rei-border);\n  margin: 0;\n  padding: 0;\n}\n\n.rei-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.rei-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--rei-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.rei-accordion-header:hover {\n  background: var(--rei-primary-light);\n}\n\n.rei-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.rei-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--rei-primary);\n  transition: transform .2s ease;\n}\n\n.rei-accordion-item[open] .rei-accordion-header::after {\n  content: '−';\n}\n\n.rei-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--rei-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.rei-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.rei-cta-box {\n  background: linear-gradient(135deg, var(--rei-primary) 0%, var(--rei-primary-dark) 100%);\n  border-radius: var(--rei-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.rei-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 0 1.5rem 0;\n}\n\n.rei-cta-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: .75rem;\n  justify-content: center;\n}\n\n.rei-cta-tags span {\n  padding: 8px 16px;\n  background: rgba(255,255,255,.2);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: white;\n  border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .rei-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .rei-grid-compact {\n    gap: .625rem;\n  }\n  \n  .rei-grid-compact .rei-card {\n    padding: .75rem;\n  }\n  \n  .rei-grid-compact .rei-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n  \n  .rei-grid-compact .rei-card p {\n    font-size: 12px;\n  }\n  \n  .rei-card {\n    padding: 1.125rem;\n  }\n  \n  .rei-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .rei-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--rei-radius-sm);\n  }\n  \n  .rei-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .rei-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .rei-stats-bar {\n    padding: 1rem;\n    gap: .5rem;\n  }\n  \n  .rei-stat-item {\n    padding: .75rem 1rem;\n    min-width: 80px;\n  }\n  \n  .rei-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .rei-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .rei-usage-step {\n    gap: .75rem;\n  }\n  \n  .rei-step-num {\n    width: 36px;\n    height: 36px;\n    font-size: 16px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .rei-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .rei-card:nth-child(1) { animation-delay: .05s; }\n  .rei-card:nth-child(2) { animation-delay: .1s; }\n  .rei-card:nth-child(3) { animation-delay: .15s; }\n  .rei-card:nth-child(4) { animation-delay: .2s; }\n  .rei-card:nth-child(5) { animation-delay: .25s; }\n  .rei-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\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  .rei-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"FRENCH MUSH","offers":[{"title":"Default Title","offer_id":45803464458397,"sku":"REISHIFRENCHMUSH","price":31.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/reishi_gelules_frenchmush_4_11zon.jpg?v=1766506828"},{"product_id":"complexe-5-champignons-56-gelules-french-mush","title":"Complexe 5 champignons French Mush 56 gélules - Immunité, Vitalité \u0026 Digestion","description":"\u003cdiv class=\"fm-premium\"\u003e\n\n\u003c!-- HERO AVEC PATTERN --\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🌱 100% Bio\u003c\/span\u003e\n      \u003cspan class=\"fm-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n      \u003cspan class=\"fm-badge\"\u003e🌿 Végan\u003c\/span\u003e\n      \u003cspan class=\"fm-badge\"\u003e🔬 Extraction ultrasons\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eDécouvrez le Complexe 5 Champignons de French Mush, une synergie exceptionnelle de cinq champignons médicinaux : Shiitake, Lion's Mane, Cordyceps, Chaga et Reishi. Ce complément alimentaire 100% biologique et végan est conçu pour renforcer votre immunité, stimuler votre vitalité et soutenir une digestion saine.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- BIENFAITS EN GRID --\u003e\n\u003csection class=\"fm-section\"\u003e\n  \u003ch2\u003e\u003cstrong\u003eBienfaits du Complexe 5 Champignons\u003c\/strong\u003e\u003c\/h2\u003e\n  \n  \u003cdiv class=\"fm-benefits-grid\"\u003e\n    \u003c!-- Bienfait 1 - FEATURED --\u003e\n    \u003carticle class=\"fm-benefit fm-benefit-featured\" data-mushroom=\"shiitake\"\u003e\n      \u003cdiv class=\"fm-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n      \u003ch3\u003eDéfenses immunitaires renforcées\u003c\/h3\u003e\n      \u003cp\u003eGrâce aux polysaccharides et aux bêta-glucanes du \u003cstrong\u003eShiitake\u003c\/strong\u003e, du \u003cstrong\u003eReishi\u003c\/strong\u003e et du \u003cstrong\u003eChaga\u003c\/strong\u003e, ce complexe stimule le système immunitaire, favorisant une meilleure résistance aux infections et aux agressions extérieures.\u003c\/p\u003e\n      \u003cdiv class=\"fm-mushroom-tag\"\u003eShiitake • Reishi • Chaga\u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003c!-- Bienfait 2 --\u003e\n    \u003carticle class=\"fm-benefit\" data-mushroom=\"cordyceps\"\u003e\n      \u003cdiv class=\"fm-benefit-icon\"\u003e⚡\u003c\/div\u003e\n      \u003ch3\u003eÉnergie et endurance améliorées\u003c\/h3\u003e\n      \u003cp\u003eLe \u003cstrong\u003eCordyceps\u003c\/strong\u003e est connu pour son action sur la production d'ATP, source d'énergie cellulaire, ce qui favorise une meilleure endurance et réduit la fatigue, notamment chez les sportifs.\u003c\/p\u003e\n      \u003cdiv class=\"fm-mushroom-tag\"\u003eCordyceps\u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003c!-- Bienfait 3 - FEATURED --\u003e\n    \u003carticle class=\"fm-benefit fm-benefit-featured\" data-mushroom=\"lionsmane\"\u003e\n      \u003cdiv class=\"fm-benefit-icon\"\u003e🧠\u003c\/div\u003e\n      \u003ch3\u003eSoutien du système nerveux et de la mémoire\u003c\/h3\u003e\n      \u003cp\u003eLe \u003cstrong\u003eLion's Mane\u003c\/strong\u003e contient des hericenones et des érinacines, des composés qui favorisent la régénération nerveuse et la protection des neurones, contribuant ainsi à la mémoire, la concentration et la santé cognitive globale.\u003c\/p\u003e\n      \u003cdiv class=\"fm-mushroom-tag\"\u003eLion's Mane\u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003c!-- Bienfait 4 --\u003e\n    \u003carticle class=\"fm-benefit\" data-mushroom=\"reishi\"\u003e\n      \u003cdiv class=\"fm-benefit-icon\"\u003e🌙\u003c\/div\u003e\n      \u003ch3\u003eRéduction du stress et meilleur sommeil\u003c\/h3\u003e\n      \u003cp\u003eLe \u003cstrong\u003eReishi\u003c\/strong\u003e, surnommé le \"champignon de l'immortalité\", possède des triterpènes aux propriétés apaisantes qui aident à réduire le stress, l'anxiété et à favoriser un sommeil réparateur.\u003c\/p\u003e\n      \u003cdiv class=\"fm-mushroom-tag\"\u003eReishi\u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003c!-- Bienfait 5 --\u003e\n    \u003carticle class=\"fm-benefit\" data-mushroom=\"chaga\"\u003e\n      \u003cdiv class=\"fm-benefit-icon\"\u003e✨\u003c\/div\u003e\n      \u003ch3\u003ePuissant effet antioxydant et anti-inflammatoire\u003c\/h3\u003e\n      \u003cp\u003eLe \u003cstrong\u003eChaga\u003c\/strong\u003e est l'un des champignons les plus riches en antioxydants, notamment en polyphénols et en mélanine, ce qui aide à combattre le stress oxydatif et à protéger les cellules du vieillissement prématuré.\u003c\/p\u003e\n      \u003cdiv class=\"fm-mushroom-tag\"\u003eChaga\u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003c!-- Bienfait 6 --\u003e\n    \u003carticle class=\"fm-benefit\" data-mushroom=\"lionsmane\"\u003e\n      \u003cdiv class=\"fm-benefit-icon\"\u003e🦠\u003c\/div\u003e\n      \u003ch3\u003eSoutien digestif et intestinal\u003c\/h3\u003e\n      \u003cp\u003eLe \u003cstrong\u003eLion's Mane\u003c\/strong\u003e joue également un rôle dans la protection et la régénération des muqueuses intestinales grâce à ses polysaccharides, favorisant un bon équilibre du microbiote et une digestion saine.\u003c\/p\u003e\n      \u003cdiv class=\"fm-mushroom-tag\"\u003eLion's Mane\u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003c!-- Bienfait 7 --\u003e\n    \u003carticle class=\"fm-benefit\" data-mushroom=\"shiitake\"\u003e\n      \u003cdiv class=\"fm-benefit-icon\"\u003e❤️\u003c\/div\u003e\n      \u003ch3\u003eSanté cardiovasculaire\u003c\/h3\u003e\n      \u003cp\u003eLe \u003cstrong\u003eShiitake\u003c\/strong\u003e contient de l'éritadénine, une molécule qui aide à réguler le taux de cholestérol et à favoriser une bonne circulation sanguine, réduisant ainsi le risque de maladies cardiovasculaires.\u003c\/p\u003e\n      \u003cdiv class=\"fm-mushroom-tag\"\u003eShiitake\u003c\/div\u003e\n    \u003c\/article\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fm-synergy-box\"\u003e\n    \u003cp\u003eCe complexe offre une synergie puissante en combinant les bienfaits de ces cinq champignons, contribuant ainsi à une meilleure santé globale et à un bien-être optimal.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- COMPOSITION VISUELLE --\u003e\n\u003csection class=\"fm-section\"\u003e\n  \u003ch2\u003e\u003cstrong\u003eComposition et ingrédients\u003c\/strong\u003e\u003c\/h2\u003e\n  \u003cp\u003eChaque portion de deux gélules contient :\u003c\/p\u003e\n  \n  \u003cdiv class=\"fm-composition-grid\"\u003e\n    \u003cdiv class=\"fm-mushroom-card\" data-mushroom=\"shiitake\"\u003e\n      \u003cdiv class=\"fm-mushroom-visual\"\u003e🍄\u003c\/div\u003e\n      \u003cdiv class=\"fm-mushroom-name\"\u003eShiitake\u003c\/div\u003e\n      \u003cdiv class=\"fm-mushroom-dose\"\u003e160 \u003cspan\u003emg\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fm-mushroom-card\" data-mushroom=\"cordyceps\"\u003e\n      \u003cdiv class=\"fm-mushroom-visual\"\u003e🐛\u003c\/div\u003e\n      \u003cdiv class=\"fm-mushroom-name\"\u003eCordyceps\u003c\/div\u003e\n      \u003cdiv class=\"fm-mushroom-dose\"\u003e160 \u003cspan\u003emg\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fm-mushroom-card\" data-mushroom=\"chaga\"\u003e\n      \u003cdiv class=\"fm-mushroom-visual\"\u003e🪨\u003c\/div\u003e\n      \u003cdiv class=\"fm-mushroom-name\"\u003eChaga\u003c\/div\u003e\n      \u003cdiv class=\"fm-mushroom-dose\"\u003e160 \u003cspan\u003emg\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fm-mushroom-card\" data-mushroom=\"reishi\"\u003e\n      \u003cdiv class=\"fm-mushroom-visual\"\u003e🍵\u003c\/div\u003e\n      \u003cdiv class=\"fm-mushroom-name\"\u003eReishi\u003c\/div\u003e\n      \u003cdiv class=\"fm-mushroom-dose\"\u003e160 \u003cspan\u003emg\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fm-mushroom-card\" data-mushroom=\"lionsmane\"\u003e\n      \u003cdiv class=\"fm-mushroom-visual\"\u003e🦁\u003c\/div\u003e\n      \u003cdiv class=\"fm-mushroom-name\"\u003eLion's Mane\u003c\/div\u003e\n      \u003cdiv class=\"fm-mushroom-dose\"\u003e160 \u003cspan\u003emg\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- QUALITÉ --\u003e\n\u003csection class=\"fm-section\"\u003e\n  \u003ch2\u003e\u003cstrong\u003eQualité et traçabilité\u003c\/strong\u003e\u003c\/h2\u003e\n  \u003cdiv class=\"fm-quality-box\"\u003e\n    \u003cp\u003eFrench Mush s'engage à offrir des produits de la plus haute qualité. Les champignons utilisés dans ce complexe sont cultivés en France, en Espagne et en Finlande, puis transformés en France, garantissant une traçabilité exemplaire. Les extraits sont obtenus par une technique d'extraction aux ultrasons, assurant une biodisponibilité optimale des principes actifs. De plus, les gélules, fabriquées à partir de pomme de pin, sont entièrement naturelles et conformes à un régime végétalien.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CONSEILS --\u003e\n\u003csection class=\"fm-section\"\u003e\n  \u003ch2\u003e\u003cstrong\u003eConseils d'utilisation\u003c\/strong\u003e\u003c\/h2\u003e\n  \u003cdiv class=\"fm-usage-box\"\u003e\n    \u003cdiv class=\"fm-usage-icon\"\u003e💊\u003c\/div\u003e\n    \u003cp\u003ePour des résultats optimaux, il est recommandé de suivre une cure d'au moins 30 jours, idéalement 90 jours. La posologie conseillée est de \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e, à prendre avec un grand verre d'eau.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ENGAGEMENT --\u003e\n\u003csection class=\"fm-section\"\u003e\n  \u003ch2\u003e\u003cstrong\u003eEngagement écologique\u003c\/strong\u003e\u003c\/h2\u003e\n  \u003cdiv class=\"fm-eco-box\"\u003e\n    \u003cp\u003eEn choisissant le Complexe 5 Champignons de French Mush, vous optez pour un produit respectueux de l'environnement, issu de l'agriculture biologique et fabriqué localement, réduisant ainsi l'empreinte carbone.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========== STYLE PREMIUM ========== --\u003e\n\u003cstyle\u003e\n\/* === VARIABLES PREMIUM === *\/\n:root {\n  --fm-cream: #faf7f2;\n  --fm-white: #ffffff;\n  --fm-sage: #7a9b8e;\n  --fm-sage-dark: #5a7b6e;\n  --fm-earth: #9b7e5c;\n  --fm-earth-light: #c9b299;\n  --fm-gold: #d4af37;\n  --fm-purple: #6b5b73;\n  --fm-text: #2a2a2a;\n  --fm-text-light: #5a5a5a;\n  --fm-border: #e8e4dd;\n  --fm-shadow: 0 4px 24px rgba(0,0,0,.06);\n  --fm-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n  --fm-radius: 20px;\n  --fm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\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}\n\n\/* === HERO AVEC PATTERN === *\/\n.fm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7a9b8e 0%, #6b5b73 50%, #9b7e5c 100%);\n  border-radius: var(--fm-radius);\n  padding: clamp(2.5rem, 6vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--fm-shadow-lg);\n}\n\n.fm-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .08;\n  background-image: \n    repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),\n    repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.fm-hero-content {\n  position: relative;\n  z-index: 1;\n}\n\n.fm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\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-text);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.fm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.fm-hero p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.75;\n  text-align: center;\n  margin: 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.2);\n  font-weight: 400;\n}\n\n\/* === SECTIONS === *\/\n.fm-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.fm-premium h2 {\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 900;\n  color: var(--fm-sage-dark);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  text-align: center;\n  letter-spacing: -.04em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.fm-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 80px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--fm-sage), var(--fm-gold));\n  border-radius: 2px;\n}\n\n\/* === GRID BIENFAITS MASONRY === *\/\n.fm-benefits-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n@media (min-width: 768px) {\n  .fm-benefits-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .fm-benefit-featured {\n    grid-column: span 2;\n  }\n}\n\n@media (min-width: 1024px) {\n  .fm-benefits-grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n  \n  .fm-benefit-featured {\n    grid-column: span 2;\n  }\n}\n\n\/* === BENEFIT CARDS === *\/\n.fm-benefit {\n  background: var(--fm-white);\n  border-radius: var(--fm-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--fm-shadow);\n  transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  overflow: hidden;\n}\n\n.fm-benefit::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: linear-gradient(90deg, var(--fm-sage), var(--fm-gold));\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform .4s ease;\n}\n\n.fm-benefit:hover::before {\n  transform: scaleX(1);\n}\n\n.fm-benefit:hover {\n  transform: translateY(-8px) scale(1.02);\n  box-shadow: var(--fm-shadow-lg);\n}\n\n.fm-benefit-featured {\n  background: linear-gradient(135deg, rgba(122, 155, 142, .05) 0%, rgba(212, 175, 55, .05) 100%);\n  border: 2px solid var(--fm-sage);\n}\n\n.fm-benefit-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  line-height: 1;\n  filter: drop-shadow(0 4px 12px rgba(0,0,0,.1));\n}\n\n.fm-benefit h3 {\n  font-size: clamp(18px, 2.5vw, 22px);\n  font-weight: 800;\n  color: var(--fm-text);\n  margin-bottom: 12px;\n  letter-spacing: -.02em;\n  line-height: 1.3;\n}\n\n.fm-benefit p {\n  font-size: clamp(15px, 2vw, 16px);\n  line-height: 1.7;\n  color: var(--fm-text-light);\n  margin: 0;\n}\n\n.fm-benefit strong {\n  color: var(--fm-sage-dark);\n  font-weight: 700;\n}\n\n.fm-mushroom-tag {\n  display: inline-block;\n  margin-top: 1rem;\n  padding: 6px 14px;\n  background: rgba(122, 155, 142, .1);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--fm-sage-dark);\n  text-transform: uppercase;\n  letter-spacing: .5px;\n}\n\n\/* === SYNERGY BOX === *\/\n.fm-synergy-box {\n  background: linear-gradient(135deg, var(--fm-sage) 0%, var(--fm-purple) 100%);\n  border-radius: var(--fm-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--fm-shadow-lg);\n  position: relative;\n  overflow: hidden;\n}\n\n.fm-synergy-box::before {\n  content: '🌟';\n  position: absolute;\n  top: -20px;\n  right: -20px;\n  font-size: 120px;\n  opacity: .1;\n  transform: rotate(15deg);\n}\n\n.fm-synergy-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 20px);\n  line-height: 1.75;\n  margin: 0;\n  text-align: center;\n  font-weight: 600;\n  font-style: italic;\n  position: relative;\n  z-index: 1;\n}\n\n\/* === COMPOSITION GRID === *\/\n.fm-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n  gap: 1.5rem;\n  margin-top: 2rem;\n}\n\n.fm-mushroom-card {\n  background: var(--fm-white);\n  border-radius: var(--fm-radius);\n  padding: 1.5rem;\n  text-align: center;\n  box-shadow: var(--fm-shadow);\n  transition: all .3s ease;\n  border: 2px solid transparent;\n}\n\n.fm-mushroom-card:hover {\n  transform: translateY(-8px) rotate(2deg);\n  box-shadow: var(--fm-shadow-lg);\n  border-color: var(--fm-sage);\n}\n\n.fm-mushroom-card[data-mushroom=\"shiitake\"]:hover { border-color: #9b7e5c; }\n.fm-mushroom-card[data-mushroom=\"cordyceps\"]:hover { border-color: #d4af37; }\n.fm-mushroom-card[data-mushroom=\"chaga\"]:hover { border-color: #6b5b73; }\n.fm-mushroom-card[data-mushroom=\"reishi\"]:hover { border-color: #7a9b8e; }\n.fm-mushroom-card[data-mushroom=\"lionsmane\"]:hover { border-color: #c9b299; }\n\n.fm-mushroom-visual {\n  font-size: 64px;\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 4px 12px rgba(0,0,0,.1));\n}\n\n.fm-mushroom-name {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--fm-text-light);\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  margin-bottom: 8px;\n}\n\n.fm-mushroom-dose {\n  font-size: 36px;\n  font-weight: 900;\n  color: var(--fm-sage-dark);\n  letter-spacing: -.03em;\n}\n\n.fm-mushroom-dose span {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--fm-text-light);\n}\n\n\/* === BOXES === *\/\n.fm-quality-box,\n.fm-usage-box,\n.fm-eco-box {\n  background: var(--fm-white);\n  border-radius: var(--fm-radius);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  box-shadow: var(--fm-shadow);\n  border-left: 5px solid var(--fm-sage);\n}\n\n.fm-usage-box {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.5rem;\n  border-left-color: var(--fm-gold);\n}\n\n.fm-usage-icon {\n  font-size: 48px;\n  flex-shrink: 0;\n}\n\n.fm-eco-box {\n  border-left-color: var(--fm-earth);\n  background: linear-gradient(135deg, rgba(122, 155, 142, .03) 0%, transparent 100%);\n}\n\n.fm-quality-box p,\n.fm-usage-box p,\n.fm-eco-box p {\n  font-size: clamp(15px, 2vw, 17px);\n  line-height: 1.75;\n  color: var(--fm-text-light);\n  margin: 0;\n}\n\n.fm-quality-box strong,\n.fm-usage-box strong,\n.fm-eco-box strong {\n  color: var(--fm-text);\n  font-weight: 700;\n}\n\n\/* === WARNING BOX === *\/\n.fm-warning-box {\n  background: #fff8e6;\n  border: 2px solid #f59e0b;\n  border-left-width: 5px;\n  border-radius: var(--fm-radius-sm);\n  padding: 1.5rem 2rem;\n  box-shadow: var(--fm-shadow);\n  position: relative;\n}\n\n.fm-warning-box::before {\n  content: '⚠️';\n  position: absolute;\n  top: 1.5rem;\n  left: -1rem;\n  font-size: 32px;\n  background: white;\n  width: 48px;\n  height: 48px;\n  display: grid;\n  place-items: center;\n  border-radius: 50%;\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.fm-warning-box p {\n  font-size: 15px;\n  line-height: 1.7;\n  color: #92400e;\n  margin: 0;\n  padding-left: 2.5rem;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .fm-composition-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .fm-usage-box {\n    flex-direction: column;\n    text-align: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .fm-benefit {\n    animation: fadeInUp .6s ease backwards;\n  }\n  \n  .fm-benefit:nth-child(1) { animation-delay: .1s; }\n  .fm-benefit:nth-child(2) { animation-delay: .2s; }\n  .fm-benefit:nth-child(3) { animation-delay: .3s; }\n  .fm-benefit:nth-child(4) { animation-delay: .4s; }\n  .fm-benefit:nth-child(5) { animation-delay: .5s; }\n  .fm-benefit:nth-child(6) { animation-delay: .6s; }\n  .fm-benefit:nth-child(7) { animation-delay: .7s; }\n  \n  .fm-mushroom-card {\n    animation: scaleIn .5s ease backwards;\n  }\n  \n  .fm-mushroom-card:nth-child(1) { animation-delay: .1s; }\n  .fm-mushroom-card:nth-child(2) { animation-delay: .2s; }\n  .fm-mushroom-card:nth-child(3) { animation-delay: .3s; }\n  .fm-mushroom-card:nth-child(4) { animation-delay: .4s; }\n  .fm-mushroom-card:nth-child(5) { animation-delay: .5s; }\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes scaleIn {\n  from {\n    opacity: 0;\n    transform: scale(0.8);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .fm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .fm-premium {\n    --fm-sage: #2d5744;\n    --fm-earth: #6b4a2d;\n  }\n}\n\u003c\/style\u003e","brand":"FRENCH MUSH","offers":[{"title":"Default Title","offer_id":45817984778397,"sku":"NBAIFRM0005","price":29.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/complexe-5-champignons-gelules_frenchmush_11zon.jpg?v=1766325001"}],"url":"https:\/\/www.naturellement-bio.com\/collections\/rentree.oembed","provider":"Naturellement Bio","version":"1.0","type":"link"}