{"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":"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":"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":"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":"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":"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":"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":"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":"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":"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"},{"product_id":"spiruline-crue-bio-energie-et-immunite-100-comprimes-sol-semilla","title":"Spiruline Crue Bio - Energie et immunité - 100 comprimés - Sol-Semilla","description":"\u003cdiv class=\"sp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sp-hero\"\u003e\n\u003cdiv class=\"sp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sp-hero-content\"\u003e\n\u003cdiv class=\"sp-badges-top\"\u003e\n\u003cspan class=\"sp-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"sp-badge\"\u003e🇧🇫 Origine Burkina Faso\u003c\/span\u003e \u003cspan class=\"sp-badge\"\u003e🌱 100 % vegan\u003c\/span\u003e \u003cspan class=\"sp-badge\"\u003e🌡️ Séchée à basse température\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sp-hero-title\"\u003eSpiruline Crue Bio\u003c\/span\u003e\n\u003cp class=\"sp-subtitle\"\u003eÉnergie et immunité - 100 comprimés\u003c\/p\u003e\n\u003cp class=\"sp-description\"\u003eUn concentré de vitalité 100 % pur, sans excipient ni liant, riche en fer, vitamines A, K, B12 et phycocyanine. Élaborée par Sol Semilla.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003cp class=\"sp-section-intro\"\u003eVous cherchez une \u003cstrong\u003espiruline bio\u003c\/strong\u003e authentique, séchée à basse température pour conserver toute sa richesse nutritionnelle ? La \u003cstrong\u003espiruline crue de Sol Semilla\u003c\/strong\u003e est bien plus qu'un simple complément alimentaire : c'est un concentré de vitalité sous forme de 100 comprimés pratiques, composés à 100 % de spiruline pure, sans aucun excipient ni liant ajouté.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003ePourquoi choisir une spiruline crue et bio ?\u003c\/h2\u003e\n\u003cdiv class=\"sp-grid-compact\"\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🌡️ Séchage à basse température\u003c\/h3\u003e\n\u003cp\u003eSéchée à moins de 50 °C pour préserver enzymes, vitamines et phycocyanine - le pigment bleu-vert aux puissantes propriétés antioxydantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e☀️ Cultivée au Burkina Faso\u003c\/h3\u003e\n\u003cp\u003eUn environnement préservé et ensoleillé offrant des conditions idéales de croissance pour cette microalgue d'exception.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🇫🇷 Contrôlée en France\u003c\/h3\u003e\n\u003cp\u003eÉlaborée et contrôlée par l'équipe Sol Semilla en France, garantissant une traçabilité et une qualité irréprochables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🚫 Sans pesticides\u003c\/h3\u003e\n\u003cp\u003eCertifiée Agriculture Biologique et vegan, cultivée sans pesticides ni produits chimiques pour une pureté totale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003eLes bienfaits de la spiruline bio pour votre quotidien\u003c\/h2\u003e\n\u003cdiv class=\"sp-grid\"\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e💪 Riche en fer hautement assimilable\u003c\/h3\u003e\n\u003cp\u003eL'un des aliments les plus concentrés en fer. Idéale si vous êtes sujet à la fatigue passagère ou aux baisses d'énergie saisonnières.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🥩 Protéines végétales complètes\u003c\/h3\u003e\n\u003cp\u003e60 à 70 % de protéines contenant tous les acides aminés essentiels - allié précieux des sportifs, végétariens et végétaliens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🧬 Vitamines A, K et B12\u003c\/h3\u003e\n\u003cp\u003eVitamine A pour l'immunité, vitamine K pour l'ossature, B12 pour réduire la fatigue. Un trio essentiel réuni dans une seule microalgue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydant naturel\u003c\/h3\u003e\n\u003cp\u003eGrâce à la phycocyanine et au bêta-carotène, elle aide vos cellules à se protéger contre le stress oxydatif au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🌿 Soutien des défenses naturelles\u003c\/h3\u003e\n\u003cp\u003eSes nutriments essentiels contribuent au bon fonctionnement de votre système immunitaire, notamment lors des changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"sp-composition-box\"\u003e\n\u003cp class=\"sp-composition-highlight\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e spiruline crue biologique (\u003cem\u003eArthrospira platensis\u003c\/em\u003e) — 100 % pure, sans additif, sans conservateur, sans gluten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e🥩 Protéines\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 1,9 g\u003c\/strong\u003e pour 6 cps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e🔴 Fer\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 8,4 mg\u003c\/strong\u003e pour 6 cps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e🟠 Vitamine A\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 2,8 mg\u003c\/strong\u003e (bêta-carotène)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e💎 Phycocyanine\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 450 mg\u003c\/strong\u003e pour 6 cps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"sp-disclaimer\"\u003eValeurs nutritionnelles pour 6 comprimés (dose journalière recommandée, soit environ 3 g). Contenu : 100 comprimés - Poids net : 55 g.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\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\u003eCommencez progressivement\u003c\/h3\u003e\n\u003cp\u003eSi vous découvrez la spiruline, débutez par \u003cstrong\u003e2 comprimés par jour\u003c\/strong\u003e pendant la première semaine pour permettre à votre organisme de s'adapter 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\u003eAugmentez la dose\u003c\/h3\u003e\n\u003cp\u003ePassez ensuite à \u003cstrong\u003e4 à 6 comprimés par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence le matin ou avant un effort physique.\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\u003eOptimisez l'absorption\u003c\/h3\u003e\n\u003cp\u003eAssociez la prise à une source de \u003cstrong\u003evitamine C\u003c\/strong\u003e (jus de citron, kiwi, orange) pour une meilleure absorption du fer.\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\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e un jus de citron pressé dans votre verre d'eau au moment de la prise booste considérablement l'assimilation du fer contenu dans la spiruline.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sp-section\" style=\"margin-bottom: 0px!important;\"\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⚠️ Recommandations générales\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 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=\"sp-accordion-item\"\u003e\n\u003csummary class=\"sp-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes souffrant de phénylcétonurie. En cas de grossesse, d'allaitement ou de traitement médical, demandez l'avis de votre médecin avant utilisation.\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\u003eÀ conserver à l'abri de la chaleur et de l'humidité dans son sachet d'origine bien refermé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"sp-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. Consultez votre professionnel de santé pour tout conseil personnalisé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --sp-cream: #faf6f1;\n  --sp-white: #ffffff;\n  --sp-primary: #2a9d8f;\n  --sp-primary-dark: #1a6b60;\n  --sp-primary-light: #e8f6f4;\n  --sp-secondary: #c45a3c;\n  --sp-accent: #d4a04a;\n  --sp-text: #1a1a1a;\n  --sp-text-light: #5a5a5a;\n  --sp-border: #e0e0e0;\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\/* === CONTENEUR === *\/\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, #1a6b60 0%, #2a9d8f 40%, #c45a3c 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% 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(42,157,143,.15) 0%, transparent 60%);\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,.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.sp-description {\n  color: rgba(255,255,255,.85);\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  line-height: 1.3;\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: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.8;\n}\n\n.sp-section-intro strong {\n  color: var(--sp-text);\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.sp-card p strong {\n  color: var(--sp-text);\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\/* === COMPOSITION BOX === *\/\n.sp-composition-box {\n  background: var(--sp-primary-light);\n  border-radius: var(--sp-radius-sm);\n  padding: 1.25rem 1.5rem;\n  border-left: 4px solid var(--sp-primary);\n}\n\n.sp-composition-highlight {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--sp-text);\n  line-height: 1.7;\n  margin: 0;\n}\n\n.sp-composition-highlight em {\n  color: var(--sp-text-light);\n}\n\n\/* === NUTRITION CARD VARIANT === *\/\n.sp-card-nutri {\n  background: linear-gradient(135deg, var(--sp-white) 0%, var(--sp-primary-light) 100%);\n}\n\n.sp-card-nutri p strong {\n  color: var(--sp-primary-dark);\n  font-size: clamp(16px, 3vw, 20px);\n  display: block;\n  margin-bottom: 2px;\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.sp-timeline-content p strong {\n  color: var(--sp-text);\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\/* === 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-composition-box {\n    padding: 1rem 1.125rem;\n  }\n\n  .sp-tip {\n    padding: .875rem 1rem;\n  }\n\n  .sp-tip-icon {\n    font-size: 20px;\n  }\n\n  .sp-tip p {\n    font-size: 13px;\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}\n\n@keyframes spFadeInUp {\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  .sp-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":45867172233373,"sku":"SPCO55","price":13.58,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spiruline-crue-bio-energie-et-immunite-100-comprimes-sol-sem-lifestyle.webp?v=1772723739"},{"product_id":"focus-concentration-memoire-et-productivite-mush-n-go","title":"Focus - Concentration, Mémoire et Productivité - MushnGo","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Focus - Concentration, Mémoire et Productivité - Mush n Go\nPalette détectée:\n  - Primaire: #5B7FA3 (bleu lavande\/pervenche du packaging)\n  - Secondaire: #8BACC7 (bleu ciel clair du dégradé)\n  - Accent: #D4A574 (doré\/champagne des cristaux décoratifs)\n  - Background: #F0F4F8 (bleu très pâle\/gris glacé)\nAmbiance: Premium\/scientifique avec une touche naturelle et apaisante, univers nootropique\/bien-être mental, style épuré et moderne\nPréfixe CSS: fc\n--\u003e\n\n\u003cdiv class=\"fc-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"fc-hero\"\u003e\n    \u003cdiv class=\"fc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"fc-hero-content\"\u003e\n      \u003cdiv class=\"fc-badges-top\"\u003e\n        \u003cspan class=\"fc-badge\"\u003e🧠 Nootropique naturel\u003c\/span\u003e\n        \u003cspan class=\"fc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"fc-badge\"\u003e🌿 Bio \u0026amp; Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"fc-hero-title\" style=\"font-size:28px;\"\u003eConcentration • Mémoire • Productivité\u003c\/span\u003e\n      \u003cp class=\"fc-description\"\u003eLa synergie parfaite de champignons adaptogènes et plantes nootropiques pour libérer tout votre potentiel cognitif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BÉNÉFICES CLÉS --\u003e\n  \u003csection class=\"fc-section\"\u003e\n    \u003ch2\u003e🎯 Vos performances cognitives optimisées\u003c\/h2\u003e\n    \u003cdiv class=\"fc-grid\"\u003e\n      \u003cdiv class=\"fc-card\"\u003e\n        \u003ch3\u003e🔬 Concentration renforcée\u003c\/h3\u003e\n        \u003cp\u003eRestez focalisé plus longtemps sur vos tâches importantes sans dispersion mentale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fc-card\"\u003e\n        \u003ch3\u003e💡 Mémoire améliorée\u003c\/h3\u003e\n        \u003cp\u003eStimulation de la production de NGF pour favoriser la croissance et régénération neuronale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fc-card\"\u003e\n        \u003ch3\u003e⚡ Productivité décuplée\u003c\/h3\u003e\n        \u003cp\u003eUne énergie mentale soutenue tout au long de la journée grâce aux MCT.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fc-card\"\u003e\n        \u003ch3\u003e🧘 Clarté mentale\u003c\/h3\u003e\n        \u003cp\u003eDissipez le brouillard mental et prenez des décisions plus rapidement et sereinement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fc-card\"\u003e\n        \u003ch3\u003e😌 Stress réduit\u003c\/h3\u003e\n        \u003cp\u003eLes propriétés adaptogènes du Lion's Mane diminuent stress et anxiété naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fc-card\"\u003e\n        \u003ch3\u003e🌟 Bien-être global\u003c\/h3\u003e\n        \u003cp\u003eUne formule complète qui soutient votre santé mentale au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"fc-section\"\u003e\n    \u003ch2\u003e🍄 Une formule d'exception\u003c\/h2\u003e\n    \u003cdiv class=\"fc-grid\"\u003e\n      \u003cdiv class=\"fc-card fc-card-ingredient\"\u003e\n        \u003ch3\u003e🦁 Lion's Mane\u003c\/h3\u003e\n        \u003cp class=\"fc-dosage\"\u003e240 mg\/jour\u003c\/p\u003e\n        \u003cp\u003eLe champignon roi des fonctions cognitives. Stimule la production de NGF, améliore mémoire et concentration.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fc-card fc-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Ginkgo Biloba\u003c\/h3\u003e\n        \u003cp class=\"fc-dosage\"\u003e60 mg\/jour\u003c\/p\u003e\n        \u003cp\u003eAméliore la circulation cérébrale pour une meilleure mémoire et réduit la fatigue mentale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fc-card fc-card-ingredient\"\u003e\n        \u003ch3\u003e🌱 Romarin\u003c\/h3\u003e\n        \u003cp class=\"fc-dosage\"\u003e60 mg\/jour\u003c\/p\u003e\n        \u003cp\u003eReconnu depuis l'Antiquité pour stimuler la mémoire et favoriser la clarté mentale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fc-card fc-card-ingredient\"\u003e\n        \u003ch3\u003e🥥 Huile MCT Bio\u003c\/h3\u003e\n        \u003cp class=\"fc-dosage\"\u003e260 mg\u003c\/p\u003e\n        \u003cp\u003eSource d'énergie rapide pour le cerveau, améliore l'absorption des nutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fc-card fc-card-ingredient\"\u003e\n        \u003ch3\u003e💊 Vitamines B5 \u0026amp; B6\u003c\/h3\u003e\n        \u003cp class=\"fc-dosage\"\u003eDosage optimal\u003c\/p\u003e\n        \u003cp\u003eSoutiennent la production d'énergie cellulaire et les fonctions cognitives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fc-card fc-card-ingredient\"\u003e\n        \u003ch3\u003e🛡️ Zinc\u003c\/h3\u003e\n        \u003cp class=\"fc-dosage\"\u003eDosage optimal\u003c\/p\u003e\n        \u003cp\u003eAntioxydant puissant qui protège les cellules contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"fc-section\"\u003e\n    \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"fc-grid\"\u003e\n      \u003cdiv class=\"fc-card\"\u003e\n        \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n        \u003cp\u003eOptimisez vos performances au travail et restez au top de votre productivité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fc-card\"\u003e\n        \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n        \u003cp\u003eBoostez votre capacité de mémorisation et votre concentration pendant les révisions.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fc-card\"\u003e\n        \u003ch3\u003e🏃 Athlètes\u003c\/h3\u003e\n        \u003cp\u003eAméliorez votre focus mental pour des performances sportives optimales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fc-card\"\u003e\n        \u003ch3\u003e🧠 Tous ceux qui veulent performer\u003c\/h3\u003e\n        \u003cp\u003ePour quiconque souhaite libérer son plein potentiel cognitif au quotidien.\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=\"fc-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"fc-usage-box\"\u003e\n      \u003cdiv class=\"fc-usage-step\"\u003e\n        \u003cspan class=\"fc-step-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"fc-step-content\"\u003e\n          \u003ch3\u003ePosologie\u003c\/h3\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e, de préférence le matin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fc-usage-step\"\u003e\n        \u003cspan class=\"fc-step-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"fc-step-content\"\u003e\n          \u003ch3\u003eHydratation\u003c\/h3\u003e\n          \u003cp\u003eAccompagner d'un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e pour une absorption optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fc-usage-step\"\u003e\n        \u003cspan class=\"fc-step-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"fc-step-content\"\u003e\n          \u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n          \u003cp\u003eUne \u003cstrong\u003ecure d'1 mois\u003c\/strong\u003e minimum pour des résultats optimaux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- GARANTIES --\u003e\n  \u003csection class=\"fc-section\"\u003e\n    \u003ch2\u003e✅ Nos engagements qualité\u003c\/h2\u003e\n    \u003cdiv class=\"fc-grid-compact\"\u003e\n      \u003cdiv class=\"fc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fc-card\"\u003e\n        \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n        \u003cp\u003eIngrédients biologiques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fc-card\"\u003e\n        \u003ch3\u003e🌱 100% Vegan\u003c\/h3\u003e\n        \u003cp\u003eSans ingrédient animal\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fc-card\"\u003e\n        \u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n        \u003cp\u003eNaturellement pur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fc-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=\"fc-card\"\u003e\n        \u003ch3\u003e🔬 Testé en labo\u003c\/h3\u003e\n        \u003cp\u003eLaboratoire indépendant\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFORMATIONS COMPLÉMENTAIRES --\u003e\n  \u003csection class=\"fc-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"fc-accordion\"\u003e\n      \u003cdetails class=\"fc-accordion-item\"\u003e\n        \u003csummary class=\"fc-accordion-header\"\u003e📦 Contenu du produit\u003c\/summary\u003e\n        \u003cdiv class=\"fc-accordion-content\"\u003e\n          \u003cp\u003eBoîte de \u003cstrong\u003e30 gélules\u003c\/strong\u003e – Cure d'1 mois à raison d'1 gélule par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"fc-accordion-item\"\u003e\n        \u003csummary class=\"fc-accordion-header\"\u003e🔬 Formule scientifiquement validée\u003c\/summary\u003e\n        \u003cdiv class=\"fc-accordion-content\"\u003e\n          \u003cp\u003eLes bienfaits de chaque ingrédient sont soutenus par des études scientifiques, garantissant une efficacité prouvée. L'origine des ingrédients est rigoureusement contrôlée pour garantir une traçabilité optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"fc-accordion-item\"\u003e\n        \u003csummary class=\"fc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"fc-accordion-content\"\u003e\n          \u003cp\u003eCe complément est destiné aux adultes. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. En cas de traitement médical ou de condition particulière, consultez un professionnel de santé avant utilisation. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"fc-accordion-item\"\u003e\n        \u003csummary class=\"fc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"fc-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=\"fc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"fc-cta-box\"\u003e\n      \u003cp\u003e🧠 Libérez votre potentiel cognitif avec \u003cstrong\u003eFocus\u003c\/strong\u003e\u003cbr\u003eLa synergie naturelle pour une concentration, une mémoire et une productivité au sommet.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --fc-cream: #F0F4F8;\n  --fc-white: #ffffff;\n  --fc-primary: #5B7FA3;\n  --fc-primary-dark: #3D5A7A;\n  --fc-primary-light: #E8EEF4;\n  --fc-secondary: #8BACC7;\n  --fc-accent: #D4A574;\n\n  \/* Textes *\/\n  --fc-text: #1a1a1a;\n  --fc-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --fc-border: #e0e0e0;\n  --fc-shadow: 0 4px 24px rgba(91, 127, 163, .08);\n  --fc-shadow-lg: 0 12px 48px rgba(91, 127, 163, .15);\n  --fc-radius: 20px;\n  --fc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.fc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--fc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3D5A7A 0%, #5B7FA3 40%, #8BACC7 100%);\n  border-radius: var(--fc-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(--fc-shadow-lg);\n}\n\n.fc-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(212, 165, 116, .15) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(255, 255, 255, .1) 0%, transparent 40%),\n    radial-gradient(circle at 60% 60%, rgba(139, 172, 199, .2) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.fc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.fc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.fc-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(--fc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.fc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.fc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(36px, 9vw, 64px);\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.fc-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: .05em;\n}\n\n.fc-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.fc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--fc-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.fc-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(--fc-primary), var(--fc-accent));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.fc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.fc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.fc-card {\n  background: var(--fc-white);\n  border-radius: var(--fc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--fc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.fc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--fc-shadow-lg);\n  border-color: var(--fc-primary);\n}\n\n.fc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--fc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.fc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--fc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* Cards ingrédients *\/\n.fc-card-ingredient {\n  border-left: 4px solid var(--fc-accent);\n}\n\n.fc-dosage {\n  display: inline-block;\n  background: linear-gradient(135deg, var(--fc-primary-light), #f0f4f8);\n  color: var(--fc-primary-dark);\n  padding: 4px 12px;\n  border-radius: 20px;\n  font-size: 12px;\n  font-weight: 700;\n  margin-bottom: .5rem !important;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.fc-usage-box {\n  background: var(--fc-white);\n  border-radius: var(--fc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--fc-shadow);\n}\n\n.fc-usage-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  padding: 1rem 0;\n  border-bottom: 1px solid var(--fc-border);\n}\n\n.fc-usage-step:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.fc-usage-step:first-child {\n  padding-top: 0;\n}\n\n.fc-step-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--fc-primary), var(--fc-secondary));\n  color: white;\n  font-weight: 800;\n  font-size: 18px;\n  border-radius: 50%;\n}\n\n.fc-step-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--fc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.fc-step-content p {\n  font-size: 14px;\n  color: var(--fc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.fc-accordion {\n  background: var(--fc-white);\n  border-radius: var(--fc-radius);\n  box-shadow: var(--fc-shadow);\n  overflow: hidden;\n}\n\n.fc-accordion-item {\n  border-bottom: 1px solid var(--fc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.fc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.fc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--fc-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.fc-accordion-header:hover {\n  background: var(--fc-primary-light);\n}\n\n.fc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.fc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--fc-primary);\n  transition: transform .2s ease;\n}\n\n.fc-accordion-item[open] .fc-accordion-header::after {\n  content: '−';\n}\n\n.fc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--fc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.fc-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.fc-cta-box {\n  background: linear-gradient(135deg, var(--fc-primary) 0%, var(--fc-primary-dark) 100%);\n  border-radius: var(--fc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.fc-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 50%, rgba(212, 165, 116, .2) 0%, transparent 50%);\n}\n\n.fc-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 MOBILE === *\/\n@media (max-width: 767px) {\n  .fc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .fc-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n  \n  .fc-grid-compact .fc-card {\n    padding: .75rem;\n  }\n  \n  .fc-grid-compact .fc-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n  \n  .fc-grid-compact .fc-card p {\n    font-size: 12px;\n  }\n  \n  .fc-card {\n    padding: 1.125rem;\n  }\n  \n  .fc-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .fc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--fc-radius-sm);\n  }\n  \n  .fc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .fc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .fc-badges-top {\n    gap: 8px;\n  }\n  \n  .fc-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n  \n  .fc-usage-box {\n    padding: 1.25rem;\n  }\n  \n  .fc-usage-step {\n    gap: .75rem;\n  }\n  \n  .fc-step-number {\n    min-width: 36px;\n    height: 36px;\n    font-size: 16px;\n  }\n  \n  .fc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .fc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .fc-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .fc-card:nth-child(1) { animation-delay: .05s; }\n  .fc-card:nth-child(2) { animation-delay: .1s; }\n  .fc-card:nth-child(3) { animation-delay: .15s; }\n  .fc-card:nth-child(4) { animation-delay: .2s; }\n  .fc-card:nth-child(5) { animation-delay: .25s; }\n  .fc-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  .fc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"MUSH N GO","offers":[{"title":"Default Title","offer_id":53521477370233,"sku":"focusmushngo","price":24.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/focus-concentration-memoire-et-productivite-mushngo-packshothd_47841c69-84ad-4582-acdb-150fc36a6f17.webp?v=1784363147"},{"product_id":"mush-n-go-regulation-stress-humeur","title":"Anti-Stress \u0026 Humeur Mush n Go - Ashwaganda, Reishi, Rhodiole","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Anti-Stress \u0026 Humeur Mush n Go\nPalette détectée:\n  - Primaire: #E8915A (orange pêche\/abricot du packaging)\n  - Secondaire: #C4A574 (doré\/caramel du couvercle)\n  - Accent: #9B7BB8 (lavande des fleurs décoratives)\nAmbiance: Naturel, apaisant, bien-être, douceur, floral, chaleureux\nPréfixe CSS: mng\n--\u003e\n\n\u003cdiv class=\"mng-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"mng-hero\"\u003e\n    \u003cdiv class=\"mng-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mng-hero-content\"\u003e\n      \u003cdiv class=\"mng-badges-top\"\u003e\n        \u003cspan class=\"mng-badge\"\u003e🍄 Champignons adaptogènes\u003c\/span\u003e\n        \u003cspan class=\"mng-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"mng-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mng-hero-title\"\u003eAnti-Stress \u0026amp; Humeur\u003c\/span\u003e\n      \u003cp class=\"mng-subtitle\"\u003eAshwagandha • Reishi • Rhodiola Rosea\u003c\/p\u003e\n      \u003cp class=\"mng-description\"\u003eUne formule innovante alliant extraits naturels de plantes et champignons pour retrouver sérénité et équilibre émotionnel au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n  \u003csection class=\"mng-section\"\u003e\n    \u003ch2\u003e🌸 Les bienfaits anti-stress\u003c\/h2\u003e\n    \u003cdiv class=\"mng-grid\"\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e😌 Réduction du stress\u003c\/h3\u003e\n        \u003cp\u003eApaise les tensions nerveuses et aide à gérer les situations stressantes du quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e💆 Réduction de l'anxiété\u003c\/h3\u003e\n        \u003cp\u003eFavorise un état de calme intérieur et diminue les sensations d'anxiété.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e🌙 Sommeil de qualité\u003c\/h3\u003e\n        \u003cp\u003eAméliore l'endormissement et la qualité du sommeil réparateur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e😊 Régulation de l'humeur\u003c\/h3\u003e\n        \u003cp\u003eÉquilibre les émotions et favorise une humeur positive et stable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e💪 Améliore la résilience\u003c\/h3\u003e\n        \u003cp\u003eRenforce la résistance physique et mentale face aux facteurs de stress.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e🧠 Bien-être émotionnel\u003c\/h3\u003e\n        \u003cp\u003eSoutient l'équilibre émotionnel global pour une vie plus sereine.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"mng-section\"\u003e\n    \u003ch2\u003e🍄 Composition naturelle\u003c\/h2\u003e\n    \u003cdiv class=\"mng-grid\"\u003e\n      \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n        \u003ch3\u003e🍄 Reishi\u003c\/h3\u003e\n        \u003cspan class=\"mng-dosage\"\u003e480 mg\/jour\u003c\/span\u003e\n        \u003cp\u003eLe \"champignon de l'immortalité\" calme le stress, favorise la relaxation et renforce l'immunité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Ashwagandha\u003c\/h3\u003e\n        \u003cspan class=\"mng-dosage\"\u003e120 mg\/jour\u003c\/span\u003e\n        \u003cp\u003eAdaptogène puissant qui équilibre le cortisol et réduit naturellement stress et anxiété.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n        \u003ch3\u003e🫐 Rhodiola Rosea\u003c\/h3\u003e\n        \u003cspan class=\"mng-dosage\"\u003e120 mg\/jour\u003c\/span\u003e\n        \u003cp\u003eCombat la fatigue, renforce la résistance au stress et améliore concentration et humeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n        \u003ch3\u003e🥥 Huile MCT de coco bio\u003c\/h3\u003e\n        \u003cspan class=\"mng-dosage\"\u003e260 mg\u003c\/span\u003e\n        \u003cp\u003eSource d'énergie rapide pour le cerveau, réduit la fatigue mentale et soutient la clarté.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- VITAMINES \u0026 MINÉRAUX --\u003e\n  \u003csection class=\"mng-section\"\u003e\n    \u003ch2\u003e💊 Vitamines \u0026amp; minéraux\u003c\/h2\u003e\n    \u003cdiv class=\"mng-nutrients-box\"\u003e\n      \u003cdiv class=\"mng-nutrient-group\"\u003e\n        \u003ch4\u003e🧡 Vitamines\u003c\/h4\u003e\n        \u003cp\u003eB1, B2, B3, B5, B6, B9, B12, C, D, E, K1\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-nutrient-group\"\u003e\n        \u003ch4\u003e💎 Minéraux\u003c\/h4\u003e\n        \u003cp\u003eCalcium, cuivre, fer, magnésium, manganèse, phosphore, potassium, sélénium, zinc\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"mng-section\"\u003e\n    \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"mng-grid\"\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e💼 Professionnels stressés\u003c\/h3\u003e\n        \u003cp\u003eGérez la pression du travail et retrouvez votre sérénité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e🎓 Étudiants en période d'examens\u003c\/h3\u003e\n        \u003cp\u003eRestez concentré et calme pendant les révisions.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e😴 Personnes au sommeil perturbé\u003c\/h3\u003e\n        \u003cp\u003eRetrouvez un sommeil réparateur et des nuits paisibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e🌪️ Victimes du stress quotidien\u003c\/h3\u003e\n        \u003cp\u003eApprenez à mieux gérer les tensions du quotidien.\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=\"mng-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"mng-steps\"\u003e\n      \u003cdiv class=\"mng-step\"\u003e\n        \u003cspan class=\"mng-step-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"mng-step-content\"\u003e\n          \u003ch4\u003ePosologie\u003c\/h4\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-step\"\u003e\n        \u003cspan class=\"mng-step-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"mng-step-content\"\u003e\n          \u003ch4\u003eMoment idéal\u003c\/h4\u003e\n          \u003cp\u003eDe préférence \u003cstrong\u003ele matin ou en début d'après-midi\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-step\"\u003e\n        \u003cspan class=\"mng-step-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"mng-step-content\"\u003e\n          \u003ch4\u003ePrise\u003c\/h4\u003e\n          \u003cp\u003eAvec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-step\"\u003e\n        \u003cspan class=\"mng-step-number\"\u003e4\u003c\/span\u003e\n        \u003cdiv class=\"mng-step-content\"\u003e\n          \u003ch4\u003eDurée recommandée\u003c\/h4\u003e\n          \u003cp\u003eCure d'\u003cstrong\u003e1 mois minimum\u003c\/strong\u003e pour des résultats optimaux\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- GARANTIES --\u003e\n  \u003csection class=\"mng-section\"\u003e\n    \u003ch2\u003e✅ Nos garanties qualité\u003c\/h2\u003e\n    \u003cdiv class=\"mng-grid-compact\"\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e🔬 Scientifiquement prouvé\u003c\/h3\u003e\n        \u003cp\u003eActifs validés par la recherche\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e🌱 Vegan \u0026amp; Bio\u003c\/h3\u003e\n        \u003cp\u003e100% d'origine végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-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=\"mng-card\"\u003e\n        \u003ch3\u003e🧬 Sans OGM\u003c\/h3\u003e\n        \u003cp\u003eIngrédients naturels\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e🧪 Testé en laboratoire\u003c\/h3\u003e\n        \u003cp\u003eContrôle indépendant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\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  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"mng-section\"\u003e\n    \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"mng-grid-compact\"\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e💊 Contenance\u003c\/h3\u003e\n        \u003cp\u003e30 gélules\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e📅 Durée\u003c\/h3\u003e\n        \u003cp\u003eCure d'1 mois\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e🌿 Enrobage\u003c\/h3\u003e\n        \u003cp\u003eHPMC végétal\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-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!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n  \u003csection class=\"mng-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"mng-accordion\"\u003e\n      \u003cdetails class=\"mng-accordion-item\"\u003e\n        \u003csummary class=\"mng-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"mng-accordion-content\"\u003e\n          \u003cp\u003eProduit réservé aux adultes. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. En cas de traitement médical, consultez un professionnel de santé avant utilisation. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mng-accordion-item\"\u003e\n        \u003csummary class=\"mng-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"mng-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      \u003cdetails class=\"mng-accordion-item\"\u003e\n        \u003csummary class=\"mng-accordion-header\"\u003e📝 Composition complète\u003c\/summary\u003e\n        \u003cdiv class=\"mng-accordion-content\"\u003e\n          \u003cp\u003eReishi (240 mg\/gélule), Ashwagandha (60 mg\/gélule), Rhodiola Rosea (60 mg\/gélule), Huile MCT de noix de coco bio (260 mg), Hypromellose HPMC (79,8 mg) pour l'enrobage végétal sans additifs chimiques.\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=\"mng-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"mng-cta-box\"\u003e\n      \u003cp\u003e🍄 Adoptez une approche naturelle pour gérer votre stress et améliorer votre bien-être global avec \u003cstrong\u003eMush n Go Anti-Stress\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --mng-cream: #FDF8F3;\n  --mng-white: #ffffff;\n  --mng-primary: #E8915A;\n  --mng-primary-dark: #C67040;\n  --mng-primary-light: #FEF3EC;\n  --mng-secondary: #C4A574;\n  --mng-accent: #9B7BB8;\n\n  \/* Textes *\/\n  --mng-text: #1a1a1a;\n  --mng-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --mng-border: #e8e0d8;\n  --mng-shadow: 0 4px 24px rgba(200,160,120,.12);\n  --mng-shadow-lg: 0 12px 48px rgba(200,160,120,.2);\n  --mng-radius: 20px;\n  --mng-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mng-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mng-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mng-hero {\n  position: relative;\n  background: linear-gradient(135deg, #E8915A 0%, #D4A574 40%, #9B7BB8 100%);\n  border-radius: var(--mng-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(--mng-shadow-lg);\n}\n\n.mng-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='M30 30c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10zm-20 0c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.mng-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mng-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.mng-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(--mng-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mng-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mng-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.mng-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: .05em;\n}\n\n.mng-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.mng-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mng-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mng-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.mng-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(--mng-primary), var(--mng-accent));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mng-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mng-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.mng-card {\n  background: var(--mng-white);\n  border-radius: var(--mng-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mng-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mng-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mng-shadow-lg);\n  border-color: var(--mng-primary);\n}\n\n.mng-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mng-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mng-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mng-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CARD INGRÉDIENT === *\/\n.mng-card-ingredient {\n  position: relative;\n  padding-top: clamp(1.5rem, 4vw, 2.5rem);\n}\n\n.mng-dosage {\n  display: inline-block;\n  background: linear-gradient(135deg, var(--mng-primary), var(--mng-secondary));\n  color: white;\n  font-size: 12px;\n  font-weight: 700;\n  padding: 4px 12px;\n  border-radius: 999px;\n  margin-bottom: .75rem;\n}\n\n\/* === NUTRIENTS BOX === *\/\n.mng-nutrients-box {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.25rem;\n}\n\n.mng-nutrient-group {\n  background: var(--mng-white);\n  border-radius: var(--mng-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mng-shadow);\n  text-align: center;\n  border-left: 4px solid var(--mng-primary);\n}\n\n.mng-nutrient-group h4 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--mng-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.mng-nutrient-group p {\n  font-size: 14px;\n  color: var(--mng-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === STEPS === *\/\n.mng-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mng-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--mng-white);\n  border-radius: var(--mng-radius);\n  padding: clamp(1rem, 3vw, 1.5rem);\n  box-shadow: var(--mng-shadow);\n  transition: all .3s ease;\n}\n\n.mng-step:hover {\n  transform: translateX(6px);\n  box-shadow: var(--mng-shadow-lg);\n}\n\n.mng-step-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mng-primary), var(--mng-accent));\n  color: white;\n  font-size: 18px;\n  font-weight: 800;\n  border-radius: 50%;\n}\n\n.mng-step-content h4 {\n  font-size: 15px;\n  font-weight: 800;\n  color: var(--mng-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mng-step-content p {\n  font-size: 14px;\n  color: var(--mng-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.mng-accordion {\n  background: var(--mng-white);\n  border-radius: var(--mng-radius);\n  box-shadow: var(--mng-shadow);\n  overflow: hidden;\n}\n\n.mng-accordion-item {\n  border-bottom: 1px solid var(--mng-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mng-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mng-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mng-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.mng-accordion-header:hover {\n  background: var(--mng-primary-light);\n}\n\n.mng-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mng-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mng-primary);\n  transition: transform .2s ease;\n}\n\n.mng-accordion-item[open] .mng-accordion-header::after {\n  content: '−';\n}\n\n.mng-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mng-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.mng-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mng-cta-box {\n  background: linear-gradient(135deg, var(--mng-primary) 0%, var(--mng-accent) 100%);\n  border-radius: var(--mng-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.mng-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.mng-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 MOBILE === *\/\n@media (max-width: 767px) {\n  .mng-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .mng-grid-compact {\n    gap: .625rem;\n  }\n  \n  .mng-grid-compact .mng-card {\n    padding: .75rem;\n  }\n  \n  .mng-grid-compact .mng-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n  \n  .mng-grid-compact .mng-card p {\n    font-size: 12px;\n  }\n  \n  .mng-card {\n    padding: 1.125rem;\n  }\n  \n  .mng-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .mng-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mng-radius-sm);\n  }\n  \n  .mng-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .mng-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .mng-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .mng-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .mng-step {\n    padding: 1rem;\n  }\n  \n  .mng-step-number {\n    min-width: 36px;\n    height: 36px;\n    font-size: 16px;\n  }\n  \n  .mng-nutrients-box {\n    gap: 1rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mng-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .mng-card:nth-child(1) { animation-delay: .05s; }\n  .mng-card:nth-child(2) { animation-delay: .1s; }\n  .mng-card:nth-child(3) { animation-delay: .15s; }\n  .mng-card:nth-child(4) { animation-delay: .2s; }\n  .mng-card:nth-child(5) { animation-delay: .25s; }\n  .mng-card:nth-child(6) { animation-delay: .3s; }\n  \n  .mng-step {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .mng-step:nth-child(1) { animation-delay: .1s; }\n  .mng-step:nth-child(2) { animation-delay: .15s; }\n  .mng-step:nth-child(3) { animation-delay: .2s; }\n  .mng-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  .mng-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"MUSH N GO","offers":[{"title":"Default Title","offer_id":53523522191737,"sku":"antistressmushngo","price":24.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/anti-stress-humeur-mush-n-go-ashwaganda-reishi-rhodiole-packshothd_167cb3a9-99c4-4649-a193-599b472ef645.webp?v=1776863901"},{"product_id":"energie-boost-naturel-mush-n-go","title":"Mush n Go Énergie - Ginseng, Cordyceps \u0026 Maca - 30 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Mush n Go Énergie - Ginseng, Cordyceps \u0026 Maca\nPalette détectée:\n  - Primaire: #E8656C (rose corail\/saumon du packaging)\n  - Secondaire: #D4525A (rose corail foncé du couvercle)\n  - Accent: #F5A855 (doré\/orangé des cordyceps et halo lumineux)\n  - Background: #FDF5F0 (crème rosé très clair)\nAmbiance: Énergisant, naturel, dynamique, chaleureux - évoque la vitalité et les plantes adaptogènes avec une touche moderne et accessible\nPréfixe CSS: mng\n--\u003e\n\n\u003cdiv class=\"mng-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"mng-hero\"\u003e\n    \u003cdiv class=\"mng-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mng-hero-content\"\u003e\n      \u003cdiv class=\"mng-badges-top\"\u003e\n        \u003cspan class=\"mng-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"mng-badge\"\u003e🍃 100% Vegan\u003c\/span\u003e\n        \u003cspan class=\"mng-badge\"\u003e🔬 Scientifiquement prouvé\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mng-hero-title\"\u003eÉnergie naturelle \u0026amp; durable\u003c\/span\u003e\n      \u003cp class=\"mng-subtitle\"\u003eCordyceps • Ginseng de Sibérie • Maca\u003c\/p\u003e\n      \u003cp class=\"mng-description\"\u003eLa synergie parfaite de 3 adaptogènes puissants pour retrouver votre vitalité sans coups de fatigue. Fini les stimulants artificiels, place à l'énergie au naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- POURQUOI CETTE FORMULE --\u003e\n  \u003csection class=\"mng-section\"\u003e\n    \u003ch2\u003e⚡ Pourquoi cette formule est différente\u003c\/h2\u003e\n    \u003cdiv class=\"mng-grid\"\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e🎯 Action en profondeur\u003c\/h3\u003e\n        \u003cp\u003eContrairement aux stimulants classiques, les adaptogènes travaillent sur les causes de la fatigue, pas seulement les symptômes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e📈 Énergie stable\u003c\/h3\u003e\n        \u003cp\u003ePas de pic suivi d'un coup de barre. Une énergie constante et maîtrisée tout au long de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e🧠 Corps \u0026amp; esprit\u003c\/h3\u003e\n        \u003cp\u003eSoutien des capacités physiques ET mentales : endurance, concentration, résistance au stress.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ACTIFS PRINCIPAUX --\u003e\n  \u003csection class=\"mng-section\"\u003e\n    \u003ch2\u003e🍄 Nos 3 adaptogènes stars\u003c\/h2\u003e\n    \u003cdiv class=\"mng-grid\"\u003e\n      \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n        \u003cdiv class=\"mng-dosage\"\u003e480 mg\/jour\u003c\/div\u003e\n        \u003ch3\u003e🔥 Cordyceps\u003c\/h3\u003e\n        \u003cp class=\"mng-ingredient-subtitle\"\u003eLe champignon de l'endurance\u003c\/p\u003e\n        \u003cp\u003eUtilisé depuis des siècles en médecine tibétaine, il favorise une meilleure oxygénation cellulaire. Idéal pour l'endurance et la récupération sportive.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n        \u003cdiv class=\"mng-dosage\"\u003e120 mg\/jour\u003c\/div\u003e\n        \u003ch3\u003e🌿 Ginseng de Sibérie\u003c\/h3\u003e\n        \u003cp class=\"mng-ingredient-subtitle\"\u003eL'allié anti-fatigue\u003c\/p\u003e\n        \u003cp\u003eAussi appelé éleuthérocoque, cet adaptogène réduit la fatigue, renforce les défenses naturelles et améliore la concentration.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n        \u003cdiv class=\"mng-dosage\"\u003e120 mg\/jour\u003c\/div\u003e\n        \u003ch3\u003e⚡ Maca\u003c\/h3\u003e\n        \u003cp class=\"mng-ingredient-subtitle\"\u003eLa racine péruvienne de la vitalité\u003c\/p\u003e\n        \u003cp\u003eCultivée sur les hauts plateaux des Andes, elle stimule l'énergie, soutient l'équilibre hormonal et maintient une libido saine.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- HUILE MCT BONUS --\u003e\n  \u003csection class=\"mng-section\"\u003e\n    \u003cdiv class=\"mng-highlight-box\"\u003e\n      \u003cdiv class=\"mng-highlight-content\"\u003e\n        \u003cspan class=\"mng-highlight-icon\"\u003e🥥\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003e+ Huile MCT de coco bio (520 mg)\u003c\/h3\u003e\n          \u003cp\u003eLes triglycérides à chaîne moyenne sont rapidement convertis en énergie sans pic glycémique. Une source d'énergie propre qui soutient la clarté mentale.\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=\"mng-section\"\u003e\n    \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"mng-grid\"\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e😴 Fatigué(e) chronique\u003c\/h3\u003e\n        \u003cp\u003eVous ressentez une fatigue persistante malgré un sommeil suffisant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e🏃 Sportif(ve)\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez à améliorer vos performances et votre récupération naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e💼 Surmené(e)\u003c\/h3\u003e\n        \u003cp\u003eVous traversez une période de stress intense ou de surcharge mentale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e🎯 Actif(ve) au quotidien\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez maintenir vitalité et concentration toute la journée.\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=\"mng-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"mng-steps\"\u003e\n      \u003cdiv class=\"mng-step\"\u003e\n        \u003cspan class=\"mng-step-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"mng-step-content\"\u003e\n          \u003ch3\u003eDosage\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e selon vos besoins\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-step\"\u003e\n        \u003cspan class=\"mng-step-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"mng-step-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003eLe matin ou début d'après-midi\u003c\/strong\u003e pour ne pas perturber le sommeil\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-step\"\u003e\n        \u003cspan class=\"mng-step-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"mng-step-content\"\u003e\n          \u003ch3\u003ePrise\u003c\/h3\u003e\n          \u003cp\u003eAvec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e, pendant ou hors repas\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-step\"\u003e\n        \u003cspan class=\"mng-step-number\"\u003e4\u003c\/span\u003e\n        \u003cdiv class=\"mng-step-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003eMinimum 4 semaines\u003c\/strong\u003e pour des résultats optimaux\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CERTIFICATIONS --\u003e\n  \u003csection class=\"mng-section\"\u003e\n    \u003ch2\u003e✅ Nos garanties qualité\u003c\/h2\u003e\n    \u003cdiv class=\"mng-grid-compact\"\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e🌱 Bio\u003c\/h3\u003e\n        \u003cp\u003eIngrédients biologiques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-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=\"mng-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=\"mng-card\"\u003e\n        \u003ch3\u003e🧬 Sans OGM\u003c\/h3\u003e\n        \u003cp\u003eNaturellement pur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e🔬 Testé labo\u003c\/h3\u003e\n        \u003cp\u003eLaboratoire indépendant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mng-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\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  \u003c!-- COMPOSITION DÉTAILLÉE + PRÉCAUTIONS (ACCORDÉON) --\u003e\n  \u003csection class=\"mng-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"mng-accordion\"\u003e\n      \u003cdetails class=\"mng-accordion-item\"\u003e\n        \u003csummary class=\"mng-accordion-header\"\u003e🧪 Composition complète (2 gélules)\u003c\/summary\u003e\n        \u003cdiv class=\"mng-accordion-content\"\u003e\n          \u003cul class=\"mng-compo-list\"\u003e\n            \u003cli\u003e\n\u003cstrong\u003eCordyceps (extrait)\u003c\/strong\u003e : 480 mg\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eHuile MCT de noix de coco bio\u003c\/strong\u003e : 520 mg\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eGinseng de Sibérie (extrait)\u003c\/strong\u003e : 120 mg\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eMaca (extrait)\u003c\/strong\u003e : 120 mg\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eEnveloppe végétale (HPMC)\u003c\/strong\u003e : 159,6 mg\u003c\/li\u003e\n          \u003c\/ul\u003e\n          \u003cp\u003e\u003cem\u003eGélules 100% végétales, sans additifs chimiques, sans OGM.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mng-accordion-item\"\u003e\n        \u003csummary class=\"mng-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"mng-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire est réservé aux adultes. Déconseillé aux femmes enceintes ou allaitantes sans avis médical préalable. Si vous suivez un traitement médicamenteux ou souffrez d'une pathologie particulière, consultez votre médecin avant de débuter la cure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mng-accordion-item\"\u003e\n        \u003csummary class=\"mng-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"mng-accordion-content\"\u003e\n          \u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. Ce produit ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"mng-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"mng-cta-box\"\u003e\n      \u003cp\u003e🍄 30 gélules = 15 à 30 jours de vitalité retrouvée\u003cbr\u003e\u003cstrong\u003eRéveillez votre énergie naturellement avec Mush n Go !\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mng-cream: #FDF5F0;\n  --mng-white: #ffffff;\n  --mng-primary: #E8656C;\n  --mng-primary-dark: #C94550;\n  --mng-primary-light: #FEF0F0;\n  --mng-secondary: #D4525A;\n  --mng-accent: #F5A855;\n  --mng-text: #1a1a1a;\n  --mng-text-light: #5a5a5a;\n  --mng-border: #f0e0da;\n  --mng-shadow: 0 4px 24px rgba(232,101,108,.12);\n  --mng-shadow-lg: 0 12px 48px rgba(232,101,108,.18);\n  --mng-radius: 20px;\n  --mng-radius-sm: 12px;\n}\n\n.mng-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mng-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mng-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--mng-primary) 0%, var(--mng-secondary) 50%, var(--mng-primary-dark) 100%);\n  border-radius: var(--mng-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(--mng-shadow-lg);\n}\n\n.mng-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(245,168,85,.3) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.2) 0%, transparent 40%);\n  opacity: .6;\n}\n\n.mng-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mng-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.mng-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(--mng-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mng-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mng-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.mng-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 700;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n}\n\n.mng-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.mng-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mng-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mng-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.mng-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(--mng-primary), var(--mng-accent));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mng-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mng-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.mng-card {\n  background: var(--mng-white);\n  border-radius: var(--mng-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mng-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mng-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mng-shadow-lg);\n  border-color: var(--mng-primary);\n}\n\n.mng-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mng-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mng-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mng-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* Cards ingrédients *\/\n.mng-card-ingredient {\n  position: relative;\n  padding-top: clamp(2.5rem, 5vw, 3.5rem);\n}\n\n.mng-dosage {\n  position: absolute;\n  top: -10px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: linear-gradient(135deg, var(--mng-accent), #F7B96B);\n  color: white;\n  font-size: 12px;\n  font-weight: 800;\n  padding: 6px 14px;\n  border-radius: 999px;\n  box-shadow: 0 4px 12px rgba(245,168,85,.4);\n}\n\n.mng-ingredient-subtitle {\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  color: var(--mng-primary) !important;\n  margin-bottom: .75rem !important;\n  font-style: italic;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.mng-highlight-box {\n  background: linear-gradient(135deg, var(--mng-primary-light) 0%, #FFF5E6 100%);\n  border-radius: var(--mng-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  border-left: 5px solid var(--mng-accent);\n}\n\n.mng-highlight-content {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.25rem;\n}\n\n.mng-highlight-icon {\n  font-size: 40px;\n  flex-shrink: 0;\n}\n\n.mng-highlight-content h3 {\n  font-size: clamp(16px, 2.5vw, 20px);\n  font-weight: 800;\n  color: var(--mng-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.mng-highlight-content p {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--mng-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === STEPS === *\/\n.mng-steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.25rem;\n}\n\n.mng-step {\n  background: var(--mng-white);\n  border-radius: var(--mng-radius);\n  padding: 1.5rem;\n  box-shadow: var(--mng-shadow);\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  transition: all .3s ease;\n}\n\n.mng-step:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--mng-shadow-lg);\n}\n\n.mng-step-number {\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mng-primary), var(--mng-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.mng-step-content h3 {\n  font-size: 15px;\n  font-weight: 800;\n  color: var(--mng-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mng-step-content p {\n  font-size: 14px;\n  color: var(--mng-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.mng-accordion {\n  background: var(--mng-white);\n  border-radius: var(--mng-radius);\n  box-shadow: var(--mng-shadow);\n  overflow: hidden;\n}\n\n.mng-accordion-item {\n  border-bottom: 1px solid var(--mng-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mng-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mng-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mng-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.mng-accordion-header:hover {\n  background: var(--mng-primary-light);\n}\n\n.mng-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mng-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mng-primary);\n  transition: transform .2s ease;\n}\n\n.mng-accordion-item[open] .mng-accordion-header::after {\n  content: '−';\n}\n\n.mng-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mng-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.mng-accordion-content p {\n  margin: 0;\n}\n\n.mng-compo-list {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 1rem 0;\n}\n\n.mng-compo-list li {\n  padding: .5rem 0;\n  border-bottom: 1px dashed var(--mng-border);\n}\n\n.mng-compo-list li:last-child {\n  border-bottom: none;\n}\n\n\/* === CTA BOX === *\/\n.mng-cta-box {\n  background: linear-gradient(135deg, var(--mng-primary) 0%, var(--mng-primary-dark) 100%);\n  border-radius: var(--mng-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.mng-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  left: -50%;\n  width: 200%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 50%);\n  animation: shimmer 3s infinite;\n}\n\n@keyframes shimmer {\n  0%, 100% { transform: translate(-30%, -30%); }\n  50% { transform: translate(30%, 30%); }\n}\n\n.mng-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  .mng-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .mng-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n  \n  .mng-grid-compact .mng-card {\n    padding: .875rem;\n  }\n  \n  .mng-grid-compact .mng-card h3 {\n    font-size: 13px;\n    margin-bottom: .25rem;\n  }\n  \n  .mng-grid-compact .mng-card p {\n    font-size: 11px;\n  }\n  \n  .mng-card {\n    padding: 1.125rem;\n  }\n  \n  .mng-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .mng-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mng-radius-sm);\n  }\n  \n  .mng-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .mng-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .mng-steps {\n    grid-template-columns: 1fr;\n    gap: .875rem;\n  }\n  \n  .mng-step {\n    padding: 1rem;\n  }\n  \n  .mng-step-number {\n    width: 36px;\n    height: 36px;\n    font-size: 16px;\n  }\n  \n  .mng-highlight-content {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .mng-highlight-icon {\n    font-size: 32px;\n  }\n  \n  .mng-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .mng-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .mng-card-ingredient {\n    padding-top: 2.25rem;\n  }\n  \n  .mng-dosage {\n    font-size: 11px;\n    padding: 5px 12px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mng-card, .mng-step {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .mng-card:nth-child(1), .mng-step:nth-child(1) { animation-delay: .05s; }\n  .mng-card:nth-child(2), .mng-step:nth-child(2) { animation-delay: .1s; }\n  .mng-card:nth-child(3), .mng-step:nth-child(3) { animation-delay: .15s; }\n  .mng-card:nth-child(4), .mng-step:nth-child(4) { animation-delay: .2s; }\n  .mng-card:nth-child(5) { animation-delay: .25s; }\n  .mng-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  .mng-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"MUSH N GO","offers":[{"title":"Default Title","offer_id":53523554042233,"sku":"ENERGIEMUSHNGO","price":24.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/mush-n-go-energie-ginseng-cordyceps-maca-30-gelules-packshothd_328ad091-fc98-4f8d-9ef2-cc5da687cd93.webp?v=1776853700"},{"product_id":"mush-n-go-immunite-renforcee","title":"Mush n Go Immunité - Oyster, Chaga \u0026 Reishi - 30 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Mush n Go Immunité - Oyster, Chaga \u0026 Reishi\nPalette détectée:\n  - Primaire: #7B5BA6 (violet lavande du packaging)\n  - Secondaire: #9D7DC3 (violet clair du dégradé)\n  - Accent: #D4A574 (beige doré des champignons)\nAmbiance: Naturel\/organique avec touche premium, univers bien-être et mycologie, ambiance douce et apaisante avec des tons lavande\/violet\nPréfixe CSS: mng\n--\u003e\n\u003cdiv class=\"mng-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"mng-hero\"\u003e\n\u003cdiv class=\"mng-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mng-hero-content\"\u003e\n\u003cdiv class=\"mng-badges-top\"\u003e\n\u003cspan class=\"mng-badge\"\u003e🍄 3 champignons adaptogènes\u003c\/span\u003e \u003cspan class=\"mng-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"mng-badge\"\u003e🌱 100% Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mng-hero-title\"\u003eImmunité renforcée\u003c\/span\u003e\n\u003cp class=\"mng-subtitle\"\u003eChaga • Reishi • Pleurote\u003c\/p\u003e\n\u003cp class=\"mng-description\"\u003eLe trio de champignons médicinaux d'exception pour des défenses naturelles au top, à chaque saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n\u003csection class=\"mng-section\"\u003e\n\u003ch2\u003e🛡️ Les bienfaits pour votre immunité\u003c\/h2\u003e\n\u003cdiv class=\"mng-grid\"\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e💪 Défenses renforcées\u003c\/h3\u003e\n\u003cp\u003eLes trois champignons agissent en synergie pour activer vos défenses naturelles et mieux résister aux agressions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🌟 Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eLe Chaga, \"l'or noir de la forêt\", neutralise les radicaux libres responsables du vieillissement cellulaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🔥 Soutien anti-inflammatoire\u003c\/h3\u003e\n\u003cp\u003eLe Reishi apaise et réduit les réactions inflammatoires chroniques pour un meilleur confort au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🦠 Digestion optimisée\u003c\/h3\u003e\n\u003cp\u003eFibres et prébiotiques naturels favorisent un microbiote intestinal équilibré, clé d'une bonne immunité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e⚡ Énergie durable\u003c\/h3\u003e\n\u003cp\u003eL'huile MCT de coco bio fournit une énergie rapidement assimilable, sans pic glycémique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre immunitaire\u003c\/h3\u003e\n\u003cp\u003eLe Reishi régule votre réponse immunitaire : ni trop faible, ni excessive. L'harmonie parfaite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"mng-section\"\u003e\n\u003ch2\u003e🧬 Composition par gélule\u003c\/h2\u003e\n\u003cdiv class=\"mng-grid\"\u003e\n\u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n\u003ch3\u003e🍄 Chaga\u003c\/h3\u003e\n\u003cp class=\"mng-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e180 mg\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003ePuissant antioxydant qui soutient les défenses naturelles. Surnommé \"l'or noir de la forêt\".\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n\u003ch3\u003e🍄 Reishi\u003c\/h3\u003e\n\u003cp class=\"mng-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e120 mg\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eImmunomodulateur qui favorise l'équilibre immunitaire et apaise l'inflammation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n\u003ch3\u003e🍄 Pleurote\u003c\/h3\u003e\n\u003cp class=\"mng-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e60 mg\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eSource naturelle de bêta-glucanes qui stimulent les cellules immunitaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n\u003ch3\u003e🥥 Huile MCT bio\u003c\/h3\u003e\n\u003cp class=\"mng-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e260 mg\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eAméliore l'absorption des actifs et fournit une énergie rapide et durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"mng-section\"\u003e\n\u003ch2\u003e👥 Ce complément est fait pour vous si...\u003c\/h2\u003e\n\u003cdiv class=\"mng-grid\"\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e❄️ Préparation hivernale\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez renforcer vos défenses avant l'hiver ou lors des périodes à risque.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e😴 Fatigue passagère\u003c\/h3\u003e\n\u003cp\u003eVous ressentez un coup de mou et avez besoin de retrouver votre vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🌿 Alternative naturelle\u003c\/h3\u003e\n\u003cp\u003eVous cherchez plus qu'une simple vitamine C, avec des actifs reconnus depuis des millénaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🔬 Qualité française\u003c\/h3\u003e\n\u003cp\u003eVous privilégiez les produits fabriqués en France avec des exigences strictes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"mng-section\"\u003e\n\u003ch2\u003e📋 Comment le prendre ?\u003c\/h2\u003e\n\u003cdiv class=\"mng-steps\"\u003e\n\u003cdiv class=\"mng-step\"\u003e\n\u003cdiv class=\"mng-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mng-step-content\"\u003e\n\u003ch3\u003ePosologie simple\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e, de préférence le matin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-step\"\u003e\n\u003cdiv class=\"mng-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mng-step-content\"\u003e\n\u003ch3\u003eMode de prise\u003c\/h3\u003e\n\u003cp\u003eAvalez avec un grand verre d'eau, au cours ou en dehors d'un repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-step\"\u003e\n\u003cdiv class=\"mng-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mng-step-content\"\u003e\n\u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n\u003cp\u003eSuivez une \u003cstrong\u003ecure d'au moins 1 mois\u003c\/strong\u003e, renouvelable aux changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- GARANTIES COMPACTES --\u003e\n\u003csection class=\"mng-section\"\u003e\n\u003ch2\u003e✅ Nos garanties qualité\u003c\/h2\u003e\n\u003cdiv class=\"mng-grid-compact\"\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🌱 Bio \u0026amp; Vegan\u003c\/h3\u003e\n\u003cp\u003eGélule 100% végétale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n\u003cp\u003eFormule clean\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eAdapté aux intolérants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🔬 Testé labo\u003c\/h3\u003e\n\u003cp\u003eQualité contrôlée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ ACCORDÉON --\u003e\n\u003csection class=\"mng-section\"\u003e\n\u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"mng-accordion\"\u003e\n\u003cdetails class=\"mng-accordion-item\"\u003e\n\u003csummary class=\"mng-accordion-header\"\u003eQuelle différence entre Chaga et Reishi ?\u003c\/summary\u003e\n\u003cdiv class=\"mng-accordion-content\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eChaga\u003c\/strong\u003e est particulièrement reconnu pour sa concentration exceptionnelle en antioxydants, idéale pour protéger vos cellules. Le \u003cstrong\u003eReishi\u003c\/strong\u003e est davantage apprécié pour ses propriétés immunomodulatrices : il aide à équilibrer la réponse immunitaire. Ensemble, ils forment un duo parfaitement complémentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mng-accordion-item\"\u003e\n\u003csummary class=\"mng-accordion-header\"\u003ePeut-on l'associer à d'autres champignons ?\u003c\/summary\u003e\n\u003cdiv class=\"mng-accordion-content\"\u003e\n\u003cp\u003eOui, tout à fait ! Les champignons adaptogènes ont des actions complémentaires. Si vous cherchez à soutenir également vos fonctions cognitives ou votre énergie physique, vous pouvez alterner ou combiner avec des formules à base de Lion's Mane ou Cordyceps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mng-accordion-item\"\u003e\n\u003csummary class=\"mng-accordion-header\"\u003eY a-t-il des effets secondaires ?\u003c\/summary\u003e\n\u003cdiv class=\"mng-accordion-content\"\u003e\n\u003cp\u003eAux dosages recommandés, les champignons médicinaux sont très bien tolérés. Si vous suivez un traitement médical ou souffrez d'une maladie auto-immune, demandez conseil à votre médecin avant de commencer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mng-accordion-item\"\u003e\n\u003csummary class=\"mng-accordion-header\"\u003ePrécautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"mng-accordion-content\"\u003e\n\u003cp\u003eRéservé aux adultes. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. Ne se substitue pas à une alimentation variée et équilibrée. En cas de traitement médical, consultez un professionnel de santé. 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\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"mng-section\"\u003e\n\u003cdiv class=\"mng-cta-box\"\u003e\n\u003cp\u003e🍄 Offrez à votre organisme le pouvoir ancestral des champignons adaptogènes.\u003cbr\u003e\u003cstrong\u003e30 gélules = 1 mois de cure\u003c\/strong\u003e pour traverser chaque saison avec sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --mng-cream: #faf8f5;\n  --mng-white: #ffffff;\n  --mng-primary: #7B5BA6;\n  --mng-primary-dark: #5a4080;\n  --mng-primary-light: #f3eff8;\n  --mng-secondary: #9D7DC3;\n  --mng-accent: #D4A574;\n  --mng-text: #1a1a1a;\n  --mng-text-light: #5a5a5a;\n  --mng-border: #e8e4ef;\n  --mng-shadow: 0 4px 24px rgba(123,91,166,.08);\n  --mng-shadow-lg: 0 12px 48px rgba(123,91,166,.15);\n  --mng-radius: 20px;\n  --mng-radius-sm: 12px;\n}\n\n.mng-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mng-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mng-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.mng-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7B5BA6 0%, #9D7DC3 50%, #B89DD4 100%);\n  border-radius: var(--mng-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(--mng-shadow-lg);\n}\n\n.mng-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 5c2 0 3.5 8 3.5 12s-1.5 7-3.5 7-3.5-3-3.5-7 1.5-12 3.5-12z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .15;\n}\n\n.mng-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mng-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .5rem;\n  margin-bottom: 1.5rem;\n}\n\n.mng-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(--mng-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mng-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mng-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\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.mng-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: .1em;\n}\n\n.mng-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.6;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.mng-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mng-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mng-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.mng-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(--mng-primary), var(--mng-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mng-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mng-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.mng-card {\n  background: var(--mng-white);\n  border-radius: var(--mng-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mng-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mng-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mng-shadow-lg);\n  border-color: var(--mng-primary);\n}\n\n.mng-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mng-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mng-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mng-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mng-card-ingredient {\n  background: linear-gradient(135deg, var(--mng-white) 0%, var(--mng-primary-light) 100%);\n}\n\n.mng-dosage {\n  display: inline-block;\n  background: var(--mng-primary);\n  color: white;\n  padding: 4px 12px;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  margin-bottom: .75rem !important;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mng-grid-compact .mng-card {\n  padding: 1rem;\n}\n\n.mng-grid-compact .mng-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mng-grid-compact .mng-card p {\n  font-size: 12px;\n}\n\n\/* === ÉTAPES === *\/\n.mng-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.mng-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--mng-white);\n  border-radius: var(--mng-radius);\n  padding: 1.25rem;\n  box-shadow: var(--mng-shadow);\n  transition: all .3s ease;\n}\n\n.mng-step:hover {\n  transform: translateX(6px);\n  box-shadow: var(--mng-shadow-lg);\n}\n\n.mng-step-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--mng-primary), var(--mng-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}\n\n.mng-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--mng-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mng-step-content p {\n  font-size: 14px;\n  color: var(--mng-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.mng-accordion {\n  background: var(--mng-white);\n  border-radius: var(--mng-radius);\n  box-shadow: var(--mng-shadow);\n  overflow: hidden;\n}\n\n.mng-accordion-item {\n  border-bottom: 1px solid var(--mng-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mng-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mng-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mng-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.mng-accordion-header:hover {\n  background: var(--mng-primary-light);\n}\n\n.mng-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mng-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mng-primary);\n  transition: transform .2s ease;\n}\n\n.mng-accordion-item[open] .mng-accordion-header::after {\n  content: '−';\n}\n\n.mng-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mng-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.mng-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.mng-cta-box {\n  background: linear-gradient(135deg, var(--mng-primary) 0%, var(--mng-primary-dark) 100%);\n  border-radius: var(--mng-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.mng-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  left: -50%;\n  width: 200%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n  animation: shimmer 3s ease-in-out infinite;\n}\n\n@keyframes shimmer {\n  0%, 100% { transform: translate(-20%, -20%); }\n  50% { transform: translate(0%, 0%); }\n}\n\n.mng-cta-box p {\n  position: relative;\n  z-index: 1;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  margin: 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .mng-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .mng-card {\n    padding: 1.125rem;\n  }\n  \n  .mng-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .mng-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mng-radius-sm);\n  }\n  \n  .mng-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .mng-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .mng-badges-top {\n    gap: .375rem;\n  }\n  \n  .mng-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n  \n  .mng-grid-compact {\n    gap: .625rem;\n  }\n  \n  .mng-grid-compact .mng-card {\n    padding: .75rem;\n  }\n  \n  .mng-step {\n    padding: 1rem;\n    gap: .75rem;\n  }\n  \n  .mng-step-number {\n    width: 36px;\n    height: 36px;\n    font-size: 15px;\n  }\n  \n  .mng-step-content h3 {\n    font-size: 14px;\n  }\n  \n  .mng-step-content p {\n    font-size: 13px;\n  }\n  \n  .mng-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .mng-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mng-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .mng-card:nth-child(1) { animation-delay: .05s; }\n  .mng-card:nth-child(2) { animation-delay: .1s; }\n  .mng-card:nth-child(3) { animation-delay: .15s; }\n  .mng-card:nth-child(4) { animation-delay: .2s; }\n  .mng-card:nth-child(5) { animation-delay: .25s; }\n  .mng-card:nth-child(6) { animation-delay: .3s; }\n  \n  .mng-step {\n    animation: fadeInLeft .5s ease backwards;\n  }\n  .mng-step:nth-child(1) { animation-delay: .1s; }\n  .mng-step:nth-child(2) { animation-delay: .2s; }\n  .mng-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@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  .mng-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"MUSH N GO","offers":[{"title":"Default Title","offer_id":53523563217273,"sku":"IMMUNITEMUSHNGO","price":24.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/mush-n-go-immunite-oyster-chaga-reishi-30-gelules-packshothd_96bb805b-b923-4336-9ac1-90532a77b580.webp?v=1776865590"},{"product_id":"mush-n-go-sommeil-reparateur","title":"MushnGo Sommeil+ : Reishi, Ashwaganda, Valériane \u0026 Mélatonine - 30 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Mush n Go Sommeil+ - Complément alimentaire sommeil\nPalette détectée:\n  - Primaire: #9B6B9E (violet\/mauve du packaging)\n  - Primaire foncé: #6B4A6E (violet profond)\n  - Primaire clair: #F3EBF4 (lavande très clair)\n  - Secondaire: #C490C7 (rose mauve)\n  - Accent: #E8B4D9 (rose doux)\nAmbiance: Apaisante, nocturne, naturelle\/bio, bien-être, relaxation, univers nuit étoilée\nStyle: Premium naturel avec touches féeriques, univers nuit\/sommeil réparateur\nPréfixe CSS: som\n--\u003e\n\n\u003cdiv class=\"som-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"som-hero\"\u003e\n    \u003cdiv class=\"som-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"som-hero-content\"\u003e\n      \u003cdiv class=\"som-badges-top\"\u003e\n        \u003cspan class=\"som-badge\"\u003e🌙 Endormissement rapide\u003c\/span\u003e\n        \u003cspan class=\"som-badge\"\u003e🍄 Adaptogènes\u003c\/span\u003e\n        \u003cspan class=\"som-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"som-hero-title\"\u003eSommeil+\u003c\/span\u003e\n      \u003cp class=\"som-subtitle\"\u003eReishi • Ashwagandha • Valériane • Mélatonine\u003c\/p\u003e\n      \u003cp class=\"som-description\"\u003eUne formule unique associant champignons adaptogènes et plantes apaisantes pour des nuits profondes et réparatrices.\u003c\/p\u003e\n      \u003cdiv class=\"som-hero-stats\"\u003e\n        \u003cdiv class=\"som-stat\"\u003e\n          \u003cspan class=\"som-stat-number\"\u003e30\u003c\/span\u003e\n          \u003cspan class=\"som-stat-label\"\u003egélules\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"som-stat\"\u003e\n          \u003cspan class=\"som-stat-number\"\u003e4\u003c\/span\u003e\n          \u003cspan class=\"som-stat-label\"\u003eactifs\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"som-stat\"\u003e\n          \u003cspan class=\"som-stat-number\"\u003e1,9mg\u003c\/span\u003e\n          \u003cspan class=\"som-stat-label\"\u003emélatonine\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 --\u003e\n  \u003csection class=\"som-section\"\u003e\n    \u003ch2\u003e✨ Les bienfaits pour votre sommeil\u003c\/h2\u003e\n    \u003cdiv class=\"som-grid\"\u003e\n      \u003cdiv class=\"som-card\"\u003e\n        \u003ch3\u003e😴 Endormissement facilité\u003c\/h3\u003e\n        \u003cp\u003eLa mélatonine agit rapidement pour vous aider à vous endormir en douceur, sans sensation de lourdeur au réveil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"som-card\"\u003e\n        \u003ch3\u003e🌊 Sommeil profond\u003c\/h3\u003e\n        \u003cp\u003eLa synergie valériane, reishi et ashwagandha favorise un sommeil plus réparateur et des cycles complets.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"som-card\"\u003e\n        \u003ch3\u003e🧘 Réduction du stress\u003c\/h3\u003e\n        \u003cp\u003eLes adaptogènes calment le mental et réduisent l'anxiété pour une détente profonde avant le coucher.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"som-card\"\u003e\n        \u003ch3\u003e⏰ Régulation du cycle\u003c\/h3\u003e\n        \u003cp\u003eRééquilibrez votre horloge biologique et dites adieu aux réveils nocturnes intempestifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"som-card\"\u003e\n        \u003ch3\u003e☀️ Réveil en forme\u003c\/h3\u003e\n        \u003cp\u003eRéveillez-vous frais et reposé, prêt à affronter la journée avec énergie et clarté mentale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"som-card\"\u003e\n        \u003ch3\u003e🧠 Santé mentale\u003c\/h3\u003e\n        \u003cp\u003eUn sommeil de qualité soutient votre équilibre émotionnel et vos fonctions cognitives.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- FORMULE --\u003e\n  \u003csection class=\"som-section\"\u003e\n    \u003ch2\u003e🍄 La formule experte\u003c\/h2\u003e\n    \u003cdiv class=\"som-ingredients-grid\"\u003e\n      \u003cdiv class=\"som-ingredient-card\"\u003e\n        \u003cdiv class=\"som-ingredient-header\"\u003e\n          \u003cspan class=\"som-ingredient-dose\"\u003e120 mg\/jour\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003e🌸 Valériane\u003c\/h3\u003e\n        \u003cp class=\"som-ingredient-role\"\u003eFavorise l'endormissement\u003c\/p\u003e\n        \u003cp\u003eUtilisée depuis des siècles pour ses effets sédatifs naturels. Facilite l'endormissement sans accoutumance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"som-ingredient-card\"\u003e\n        \u003cdiv class=\"som-ingredient-header\"\u003e\n          \u003cspan class=\"som-ingredient-dose\"\u003e120 mg\/jour\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003e🍄 Reishi\u003c\/h3\u003e\n        \u003cp class=\"som-ingredient-role\"\u003eSommeil réparateur\u003c\/p\u003e\n        \u003cp\u003eLe champignon de l'immortalité. Réduit le stress et améliore la qualité du sommeil en favorisant la relaxation profonde.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"som-ingredient-card\"\u003e\n        \u003cdiv class=\"som-ingredient-header\"\u003e\n          \u003cspan class=\"som-ingredient-dose\"\u003e120 mg\/jour\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003e🌿 Ashwagandha\u003c\/h3\u003e\n        \u003cp class=\"som-ingredient-role\"\u003eEndormissement naturel\u003c\/p\u003e\n        \u003cp\u003ePuissant adaptogène qui abaisse naturellement les niveaux de cortisol pour une détente profonde.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"som-ingredient-card\"\u003e\n        \u003cdiv class=\"som-ingredient-header\"\u003e\n          \u003cspan class=\"som-ingredient-dose\"\u003e1,9 mg\/jour\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003e🌙 Mélatonine\u003c\/h3\u003e\n        \u003cp class=\"som-ingredient-role\"\u003eRégule les cycles\u003c\/p\u003e\n        \u003cp\u003eL'hormone du sommeil. Régule le cycle veille-sommeil et facilite un endormissement rapide.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"som-nutrients\"\u003e\n      \u003ch3\u003e+ Enrichi en nutriments essentiels\u003c\/h3\u003e\n      \u003cdiv class=\"som-nutrients-list\"\u003e\n        \u003cspan class=\"som-nutrient\"\u003e💊 Vitamines B2, B5, C, E, K1\u003c\/span\u003e\n        \u003cspan class=\"som-nutrient\"\u003e⚡ Calcium, Fer, Magnésium, Zinc\u003c\/span\u003e\n        \u003cspan class=\"som-nutrient\"\u003e🥥 Huile MCT bio 258mg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"som-section\"\u003e\n    \u003ch2\u003e📋 Comment l'utiliser\u003c\/h2\u003e\n    \u003cdiv class=\"som-steps\"\u003e\n      \u003cdiv class=\"som-step\"\u003e\n        \u003cdiv class=\"som-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"som-step-text\"\u003e\n          \u003ch3\u003ePréparez votre nuit\u003c\/h3\u003e\n          \u003cp\u003e30 min avant le coucher, prenez 1 gélule avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"som-step\"\u003e\n        \u003cdiv class=\"som-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"som-step-text\"\u003e\n          \u003ch3\u003eLaissez agir\u003c\/h3\u003e\n          \u003cp\u003eLes actifs commencent à agir en 20-30 minutes. Détendez-vous.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"som-step\"\u003e\n        \u003cdiv class=\"som-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"som-step-text\"\u003e\n          \u003ch3\u003eDormez profondément\u003c\/h3\u003e\n          \u003cp\u003eProfitez d'une nuit réparatrice et réveillez-vous en pleine forme.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"som-tip\"\u003e\n      \u003cspan\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eCure recommandée :\u003c\/strong\u003e 1 boîte = 30 jours. Pour des résultats optimaux, suivez une cure de 2 à 3 mois.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"som-section\"\u003e\n    \u003ch2\u003e👥 Pour qui est ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"som-grid\"\u003e\n      \u003cdiv class=\"som-card\"\u003e\n        \u003ch3\u003e💼 Actifs stressés\u003c\/h3\u003e\n        \u003cp\u003eVous avez du mal à déconnecter le soir et votre mental tourne en boucle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"som-card\"\u003e\n        \u003ch3\u003e✈️ Voyageurs\u003c\/h3\u003e\n        \u003cp\u003eVous souffrez du décalage horaire et avez besoin de recaler votre rythme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"som-card\"\u003e\n        \u003ch3\u003e📱 Hyperconnectés\u003c\/h3\u003e\n        \u003cp\u003eLes écrans perturbent votre endormissement et la qualité de votre sommeil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"som-card\"\u003e\n        \u003ch3\u003e😰 Anxieux du soir\u003c\/h3\u003e\n        \u003cp\u003eL'anxiété vous empêche de trouver le sommeil et provoque des réveils nocturnes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"som-card\"\u003e\n        \u003ch3\u003e🔄 Travailleurs postés\u003c\/h3\u003e\n        \u003cp\u003eVos horaires décalés perturbent votre horloge biologique naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"som-card\"\u003e\n        \u003ch3\u003e🌅 Lève-tôt contraints\u003c\/h3\u003e\n        \u003cp\u003eVous devez vous lever tôt mais peinez à vous endormir à une heure raisonnable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ENGAGEMENTS --\u003e\n  \u003csection class=\"som-section\"\u003e\n    \u003ch2\u003e🏆 Les engagements qualité\u003c\/h2\u003e\n    \u003cdiv class=\"som-grid-compact\"\u003e\n      \u003cdiv class=\"som-card\"\u003e\n        \u003ch3\u003e🔬 Prouvé\u003c\/h3\u003e\n        \u003cp\u003eScientifiquement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"som-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=\"som-card\"\u003e\n        \u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n        \u003cp\u003eGaranti\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"som-card\"\u003e\n        \u003ch3\u003e🧬 Sans OGM\u003c\/h3\u003e\n        \u003cp\u003eCertifié\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"som-card\"\u003e\n        \u003ch3\u003e🍃 Bio\u003c\/h3\u003e\n        \u003cp\u003eCertifié\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"som-card\"\u003e\n        \u003ch3\u003e🇫🇷 Français\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"som-card\"\u003e\n        \u003ch3\u003e🧪 Testé\u003c\/h3\u003e\n        \u003cp\u003eLabo indépendant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"som-card\"\u003e\n        \u003ch3\u003e📍 Tracé\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité totale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ACCORDÉON INFOS SECONDAIRES --\u003e\n  \u003csection class=\"som-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"som-accordion\"\u003e\n      \u003cdetails class=\"som-accordion-item\"\u003e\n        \u003csummary class=\"som-accordion-header\"\u003e📦 Contenance et posologie\u003c\/summary\u003e\n        \u003cdiv class=\"som-accordion-content\"\u003e\n          \u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e 30 gélules végétales HPMC\u003c\/p\u003e\n          \u003cp\u003e\u003cstrong\u003ePosologie :\u003c\/strong\u003e 1 gélule par jour, 30 minutes avant le coucher\u003c\/p\u003e\n          \u003cp\u003e\u003cstrong\u003eDurée :\u003c\/strong\u003e 1 mois de cure par boîte\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"som-accordion-item\"\u003e\n        \u003csummary class=\"som-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"som-accordion-content\"\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Refermer soigneusement après usage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"som-accordion-item\"\u003e\n        \u003csummary class=\"som-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"som-accordion-content\"\u003e\n          \u003cp\u003e• Réservé aux adultes\u003cbr\u003e\n          • Déconseillé aux femmes enceintes ou allaitantes sans avis médical\u003cbr\u003e\n          • En cas de traitement médical, consultez un professionnel de santé\u003cbr\u003e\n          • Ne pas dépasser la dose journalière recommandée\u003cbr\u003e\n          • Ne pas conduire après la prise (somnolence possible)\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=\"som-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"som-cta-box\"\u003e\n      \u003cdiv class=\"som-cta-stars\"\u003e✨🌙✨\u003c\/div\u003e\n      \u003cp\u003eEn intégrant \u003cstrong\u003eSommeil+\u003c\/strong\u003e dans votre routine du soir, vous choisissez une approche naturelle et efficace pour améliorer la qualité de votre sommeil.\u003c\/p\u003e\n      \u003cp class=\"som-cta-highlight\"\u003eRetrouvez enfin des nuits reposantes et des matins pleins d'énergie.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --som-cream: #FAF7FB;\n  --som-white: #ffffff;\n  --som-primary: #9B6B9E;\n  --som-primary-dark: #6B4A6E;\n  --som-primary-light: #F3EBF4;\n  --som-secondary: #C490C7;\n  --som-accent: #E8B4D9;\n  --som-text: #2D2235;\n  --som-text-light: #6B5A73;\n  --som-border: #E8D5EA;\n  --som-shadow: 0 4px 24px rgba(107, 74, 110, .08);\n  --som-shadow-lg: 0 12px 48px rgba(107, 74, 110, .15);\n  --som-radius: 20px;\n  --som-radius-sm: 12px;\n}\n\n.som-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--som-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--som-text);\n  line-height: 1.6;\n}\n\n.som-premium * { box-sizing: border-box; }\n\n\/* HERO *\/\n.som-hero {\n  position: relative;\n  background: linear-gradient(135deg, #6B4A6E 0%, #9B6B9E 40%, #C490C7 100%);\n  border-radius: var(--som-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(--som-shadow-lg);\n}\n\n.som-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(2px 2px at 10% 20%, rgba(255,255,255,.5) 50%, transparent 50%),\n    radial-gradient(2px 2px at 30% 70%, rgba(255,255,255,.3) 50%, transparent 50%),\n    radial-gradient(3px 3px at 50% 30%, rgba(255,255,255,.4) 50%, transparent 50%),\n    radial-gradient(2px 2px at 70% 80%, rgba(255,255,255,.3) 50%, transparent 50%),\n    radial-gradient(2px 2px at 90% 40%, rgba(255,255,255,.5) 50%, transparent 50%),\n    radial-gradient(1px 1px at 15% 50%, rgba(255,255,255,.2) 50%, transparent 50%),\n    radial-gradient(1px 1px at 85% 60%, rgba(255,255,255,.2) 50%, transparent 50%);\n  animation: twinkle 4s ease-in-out infinite;\n}\n\n@keyframes twinkle {\n  0%, 100% { opacity: .6; }\n  50% { opacity: 1; }\n}\n\n.som-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.som-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.som-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(--som-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.som-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.som-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(36px, 8vw, 60px);\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.som-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 3vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .08em;\n}\n\n.som-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 18px);\n  max-width: 650px;\n  margin: 0 auto 2rem auto;\n  line-height: 1.7;\n}\n\n.som-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1rem, 3vw, 2rem);\n  flex-wrap: wrap;\n}\n\n.som-stat {\n  text-align: center;\n  padding: .875rem 1.25rem;\n  background: rgba(255,255,255,.15);\n  backdrop-filter: blur(10px);\n  border-radius: var(--som-radius-sm);\n  border: 1px solid rgba(255,255,255,.2);\n}\n\n.som-stat-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.som-stat-label {\n  font-size: 12px;\n  color: rgba(255,255,255,.85);\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n\/* SECTIONS *\/\n.som-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.som-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--som-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.som-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(--som-primary), var(--som-secondary));\n  border-radius: 2px;\n}\n\n\/* GRILLES *\/\n.som-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.som-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1rem;\n}\n\n\/* CARDS *\/\n.som-card {\n  background: var(--som-white);\n  border-radius: var(--som-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--som-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.som-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--som-shadow-lg);\n  border-color: var(--som-primary);\n}\n\n.som-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--som-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.som-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--som-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.som-grid-compact .som-card {\n  padding: 1rem;\n}\n\n.som-grid-compact .som-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.som-grid-compact .som-card p {\n  font-size: 12px;\n}\n\n\/* INGREDIENTS *\/\n.som-ingredients-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.som-ingredient-card {\n  background: var(--som-white);\n  border-radius: var(--som-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--som-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  position: relative;\n  overflow: hidden;\n}\n\n.som-ingredient-card::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: linear-gradient(90deg, var(--som-primary), var(--som-secondary));\n}\n\n.som-ingredient-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--som-shadow-lg);\n  border-color: var(--som-primary-light);\n}\n\n.som-ingredient-header {\n  display: flex;\n  justify-content: flex-end;\n  margin-bottom: .75rem;\n}\n\n.som-ingredient-dose {\n  background: var(--som-primary);\n  color: white;\n  padding: 5px 12px;\n  border-radius: 999px;\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.som-ingredient-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--som-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.som-ingredient-role {\n  font-size: 12px;\n  color: var(--som-primary);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n  font-style: italic;\n}\n\n.som-ingredient-card \u003e p:last-child {\n  font-size: 14px;\n  color: var(--som-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.som-nutrients {\n  background: linear-gradient(135deg, var(--som-primary-light) 0%, var(--som-white) 100%);\n  border-radius: var(--som-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n}\n\n.som-nutrients h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--som-primary-dark);\n  margin: 0 0 1rem 0;\n}\n\n.som-nutrients-list {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .75rem;\n}\n\n.som-nutrient {\n  background: var(--som-white);\n  padding: 8px 16px;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--som-text);\n  box-shadow: 0 2px 8px rgba(107, 74, 110, .08);\n}\n\n\/* STEPS *\/\n.som-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 650px;\n  margin: 0 auto 1.5rem auto;\n}\n\n.som-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.25rem;\n  background: var(--som-white);\n  padding: clamp(1rem, 3vw, 1.5rem);\n  border-radius: var(--som-radius);\n  box-shadow: var(--som-shadow);\n  transition: all .3s ease;\n}\n\n.som-step:hover {\n  transform: translateX(6px);\n  box-shadow: var(--som-shadow-lg);\n}\n\n.som-step-num {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--som-primary), var(--som-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  box-shadow: 0 4px 12px rgba(155, 107, 158, .3);\n}\n\n.som-step-text h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--som-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.som-step-text p {\n  font-size: 14px;\n  color: var(--som-text-light);\n  margin: 0;\n}\n\n.som-tip {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: linear-gradient(135deg, var(--som-primary-light) 0%, var(--som-white) 100%);\n  padding: 1rem 1.25rem;\n  border-radius: var(--som-radius-sm);\n  max-width: 650px;\n  margin: 0 auto;\n  border-left: 4px solid var(--som-primary);\n}\n\n.som-tip span {\n  font-size: 22px;\n  flex-shrink: 0;\n}\n\n.som-tip p {\n  font-size: 14px;\n  color: var(--som-text);\n  margin: 0;\n}\n\n\/* ACCORDION *\/\n.som-accordion {\n  background: var(--som-white);\n  border-radius: var(--som-radius);\n  box-shadow: var(--som-shadow);\n  overflow: hidden;\n}\n\n.som-accordion-item {\n  border-bottom: 1px solid var(--som-border);\n  margin: 0;\n  padding: 0;\n}\n\n.som-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.som-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--som-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.som-accordion-header:hover {\n  background: var(--som-primary-light);\n}\n\n.som-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.som-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--som-primary);\n  transition: transform .2s ease;\n}\n\n.som-accordion-item[open] .som-accordion-header::after {\n  content: '−';\n}\n\n.som-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--som-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.som-accordion-content p {\n  margin: 0 0 .5rem 0;\n}\n\n.som-accordion-content p:last-child {\n  margin: 0;\n}\n\n\/* CTA *\/\n.som-cta-box {\n  background: linear-gradient(135deg, var(--som-primary) 0%, var(--som-primary-dark) 100%);\n  border-radius: var(--som-radius);\n  padding: clamp(2rem, 5vw, 3.5rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.som-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(2px 2px at 15% 25%, rgba(255,255,255,.3) 50%, transparent 50%),\n    radial-gradient(2px 2px at 85% 75%, rgba(255,255,255,.3) 50%, transparent 50%),\n    radial-gradient(1px 1px at 45% 15%, rgba(255,255,255,.2) 50%, transparent 50%),\n    radial-gradient(1px 1px at 55% 85%, rgba(255,255,255,.2) 50%, transparent 50%);\n}\n\n.som-cta-stars {\n  font-size: 28px;\n  position: relative;\n  z-index: 1;\n  margin-bottom: .5rem;\n}\n\n.som-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  margin: .75rem 0;\n  position: relative;\n  z-index: 1;\n}\n\n.som-cta-highlight {\n  font-size: clamp(17px, 3vw, 21px) !important;\n  font-weight: 700;\n  text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 767px) {\n  .som-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .som-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n  \n  .som-grid-compact .som-card {\n    padding: .75rem;\n  }\n  \n  .som-ingredients-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .som-card {\n    padding: 1.125rem;\n  }\n  \n  .som-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .som-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--som-radius-sm);\n  }\n  \n  .som-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .som-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .som-step {\n    flex-direction: column;\n    gap: .75rem;\n    text-align: center;\n  }\n  \n  .som-step:hover {\n    transform: translateY(-4px);\n  }\n  \n  .som-step-num {\n    margin: 0 auto;\n  }\n  \n  .som-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .som-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .som-nutrients-list {\n    gap: .5rem;\n  }\n  \n  .som-nutrient {\n    font-size: 12px;\n    padding: 6px 12px;\n  }\n}\n\n\/* ANIMATIONS *\/\n@media (prefers-reduced-motion: no-preference) {\n  .som-card, .som-ingredient-card, .som-step {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .som-card:nth-child(1), .som-ingredient-card:nth-child(1) { animation-delay: .05s; }\n  .som-card:nth-child(2), .som-ingredient-card:nth-child(2) { animation-delay: .1s; }\n  .som-card:nth-child(3), .som-ingredient-card:nth-child(3) { animation-delay: .15s; }\n  .som-card:nth-child(4), .som-ingredient-card:nth-child(4) { animation-delay: .2s; }\n  .som-card:nth-child(5) { animation-delay: .25s; }\n  .som-card:nth-child(6) { animation-delay: .3s; }\n  .som-card:nth-child(7) { animation-delay: .35s; }\n  .som-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\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .som-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n  .som-hero-pattern {\n    animation: none;\n  }\n}\n\u003c\/style\u003e","brand":"MUSH N GO","offers":[{"title":"Default Title","offer_id":53523591135609,"sku":"SOMMEILMUSHNGO","price":24.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/mushngo-sommeil-reishi-ashwaganda-valeriane-melatonine-30-ge-packshothd_87db28f6-6efe-41ed-a877-bc8ebf9a517a.webp?v=1776865060"},{"product_id":"klamath-bio-60-gelules-aosa-veritable","title":"Klamath bio - 60 gélules - Aosa Véritable","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Klamath bio - 60 gélules - Aosa Véritable\nPalette détectée:\n  - Primaire: #2E8B57 (vert nature du packaging, bouchon vert)\n  - Secondaire: #4CAF50 (vert clair de l'étiquette)\n  - Accent: #1B5E20 (vert foncé pour contraste)\nAmbiance: Naturel\/Bio, frais, santé, algue d'eau douce, pureté, bien-être holistique\nPréfixe CSS: kla\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Klamath bio : l'algue aux 115 nutriments pour retrouver vitalité et sérénité\"\n  2. \"Qu'est-ce que l'algue Klamath et pourquoi est-elle si exceptionnelle ?\"\n  3. \"Les bienfaits de l'algue Klamath bio sur votre quotidien\"\n  4. \"Composition détaillée pour 6 gélules (dose journalière)\"\n  5. \"Comment prendre l'algue Klamath pour en tirer tous les bienfaits ?\"\n  6. \"Pourquoi choisir la Klamath bio Aosa Véritable ?\"\n  7. \"Pour qui est faite cette algue Klamath bio ?\"\n  8. \"Précautions d'emploi et contre-indications\"\n  9. \"Questions fréquentes sur l'algue Klamath\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kla-premium\"\u003e\n  \n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"kla-hero\"\u003e\n    \u003cdiv class=\"kla-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"kla-hero-content\"\u003e\n      \u003cdiv class=\"kla-badges-top\"\u003e\n        \u003cspan class=\"kla-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n        \u003cspan class=\"kla-badge\"\u003e🏔️ Lac Klamath Oregon\u003c\/span\u003e\n        \u003cspan class=\"kla-badge\"\u003e💚 115 nutriments\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"kla-hero-title\"\u003eKlamath Bio\u003c\/span\u003e\n      \u003cp class=\"kla-subtitle\"\u003eL'algue sauvage aux 115 nutriments\u003c\/p\u003e\n      \u003cp class=\"kla-description\"\u003e60 gélules végétales • Récolte sauvage • Vitalité \u0026amp; sérénité\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"kla-section\"\u003e\n    \u003ch2\u003eKlamath bio : l'algue aux 115 nutriments pour retrouver vitalité et sérénité\u003c\/h2\u003e\n    \u003cp class=\"kla-section-intro\"\u003eVous cherchez un allié naturel pour soutenir votre énergie, votre moral et votre bien-être global ? L'\u003cstrong\u003ealgue Klamath bio\u003c\/strong\u003e d'Aosa Véritable pourrait bien être la réponse que vous attendiez.\u003c\/p\u003e\n    \u003cdiv class=\"kla-highlight-box\"\u003e\n      \u003cp\u003eCette micro-algue d'eau douce, récoltée à l'état sauvage dans le lac Klamath en Oregon, est considérée comme l'un des \u003cstrong\u003esuperaliments les plus complets au monde\u003c\/strong\u003e. Avec ses \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e certifiées bio, ce complément alimentaire vous offre une cure de 10 à 15 jours pour découvrir les bienfaits de l'algue Klamath sur votre organisme.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"kla-section\"\u003e\n    \u003ch2\u003eQu'est-ce que l'algue Klamath et pourquoi est-elle si exceptionnelle ?\u003c\/h2\u003e\n    \u003cp class=\"kla-section-intro\"\u003eL'\u003cstrong\u003eAphanizomenon flos-aquae\u003c\/strong\u003e (AFA) tire son nom du lac volcanique où elle prospère naturellement depuis des millénaires, dans une réserve naturelle préservée de l'Oregon.\u003c\/p\u003e\n    \n    \u003cdiv class=\"kla-feature-box\"\u003e\n      \u003cdiv class=\"kla-feature-content\"\u003e\n        \u003ch3\u003eRécolte 100% sauvage\u003c\/h3\u003e\n        \u003cp\u003eContrairement à la spiruline ou à la chlorella qui sont cultivées, la \u003cstrong\u003eKlamath est récoltée à l'état sauvage\u003c\/strong\u003e. Elle pousse naturellement, sans intervention humaine, ce qui lui confère une densité nutritionnelle tout à fait remarquable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"kla-grid\"\u003e\n      \u003cdiv class=\"kla-card\"\u003e\n        \u003ch3\u003e🧬 115+ nutriments\u003c\/h3\u003e\n        \u003cp\u003eNaturellement présents dans cette micro-algue exceptionnelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-card\"\u003e\n        \u003ch3\u003e💪 20 acides aminés\u003c\/h3\u003e\n        \u003cp\u003eDont les 8 essentiels que notre corps ne peut pas synthétiser\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-card\"\u003e\n        \u003ch3\u003e🌟 Vitamines complètes\u003c\/h3\u003e\n        \u003cp\u003eGroupe B, vitamine C, E et K en concentration exceptionnelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-card\"\u003e\n        \u003ch3\u003e⚡ Minéraux biodisponibles\u003c\/h3\u003e\n        \u003cp\u003eFer, magnésium, zinc, manganèse hautement assimilables\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-card\"\u003e\n        \u003ch3\u003e🛡️ Chlorophylle\u003c\/h3\u003e\n        \u003cp\u003ePigment vert détoxifiant et purifiant pour l'organisme\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-card\"\u003e\n        \u003ch3\u003e💎 Phycocyanine\u003c\/h3\u003e\n        \u003cp\u003eAntioxydant puissant aux propriétés remarquables\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"kla-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'algue Klamath bio sur votre quotidien\u003c\/h2\u003e\n    \n    \u003cdiv class=\"kla-benefits-grid\"\u003e\n      \u003cdiv class=\"kla-benefit-card\"\u003e\n        \u003ch3\u003e😊 Équilibre émotionnel\u003c\/h3\u003e\n        \u003cp\u003eCe qui distingue véritablement l'algue Klamath, c'est sa teneur naturelle en \u003cstrong\u003ephényléthylamine\u003c\/strong\u003e (PEA), parfois surnommée \"molécule de l'amour\". Nombreux sont ceux qui témoignent d'une \u003cstrong\u003eamélioration de leur humeur\u003c\/strong\u003e et d'un regain d'enthousiasme après quelques semaines de cure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-benefit-card\"\u003e\n        \u003ch3\u003e⚡ Énergie durable\u003c\/h3\u003e\n        \u003cp\u003eGrâce à son profil nutritionnel complet et sa richesse en \u003cstrong\u003eprotéines végétales (environ 60%)\u003c\/strong\u003e, l'algue apporte une énergie stable tout au long de la journée. Pas de pic suivi d'un coup de fatigue : une \u003cstrong\u003evitalité progressive et constante\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-benefit-card\"\u003e\n        \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eLa \u003cstrong\u003ephycocyanine\u003c\/strong\u003e, ce pigment bleu-vert caractéristique, possède des propriétés antioxydantes reconnues. Associée à la chlorophylle et aux caroténoïdes, elle contribue à \u003cstrong\u003eprotéger vos cellules\u003c\/strong\u003e contre le stress oxydatif quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"kla-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 6 gélules (dose journalière)\u003c\/h2\u003e\n    \n    \u003cdiv class=\"kla-composition-box\"\u003e\n      \u003cdiv class=\"kla-composition-main\"\u003e\n        \u003cdiv class=\"kla-ingredient-highlight\"\u003e\n          \u003cspan class=\"kla-ingredient-name\"\u003e🌿 Aphanizomenon flos-aquae\u003c\/span\u003e\n          \u003cspan class=\"kla-ingredient-dose\"\u003e1 500 mg\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"kla-ingredient-desc\"\u003eAlgue Klamath bio déshydratée – ingrédient unique\u003c\/p\u003e\n        \u003cdiv class=\"kla-capsule-info\"\u003e\n          \u003cspan\u003e💊 Enveloppe : hypromellose (100% végétale)\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"kla-nutrients\"\u003e\n        \u003ch3\u003eValeurs nutritionnelles garanties\u003c\/h3\u003e\n        \u003cdiv class=\"kla-nutrient-grid\"\u003e\n          \u003cdiv class=\"kla-nutrient-item\"\u003e\n            \u003cspan class=\"kla-nutrient-icon\"\u003e💎\u003c\/span\u003e\n            \u003cspan class=\"kla-nutrient-name\"\u003ePhycocyanine\u003c\/span\u003e\n            \u003cspan class=\"kla-nutrient-value\"\u003e\u0026gt; 120 mg\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"kla-nutrient-item\"\u003e\n            \u003cspan class=\"kla-nutrient-icon\"\u003e😊\u003c\/span\u003e\n            \u003cspan class=\"kla-nutrient-name\"\u003ePhényléthylamine\u003c\/span\u003e\n            \u003cspan class=\"kla-nutrient-value\"\u003e\u0026gt; 7,5 mg\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"kla-purity-badge\"\u003e\n        \u003cspan\u003e✨ Aucun excipient • Aucun additif • Aucun agent de charge\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"kla-section\"\u003e\n    \u003ch2\u003eComment prendre l'algue Klamath pour en tirer tous les bienfaits ?\u003c\/h2\u003e\n    \n    \u003cdiv class=\"kla-timeline\"\u003e\n      \u003cdiv class=\"kla-timeline-item\"\u003e\n        \u003cdiv class=\"kla-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"kla-timeline-content\"\u003e\n          \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e4 à 6 gélules par jour\u003c\/strong\u003e, réparties avant les repas\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-timeline-item\"\u003e\n        \u003cdiv class=\"kla-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"kla-timeline-content\"\u003e\n          \u003ch3\u003eMode d'administration\u003c\/h3\u003e\n          \u003cp\u003eAvalez-les avec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-timeline-item\"\u003e\n        \u003cdiv class=\"kla-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"kla-timeline-content\"\u003e\n          \u003ch3\u003eDémarrage progressif\u003c\/h3\u003e\n          \u003cp\u003eCommencez par \u003cstrong\u003e2 gélules les premiers jours\u003c\/strong\u003e pour habituer votre organisme, puis augmentez progressivement\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-timeline-item\"\u003e\n        \u003cdiv class=\"kla-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"kla-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est recommandée pour des résultats durables\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"kla-tip\"\u003e\n      \u003cspan class=\"kla-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Beaucoup de personnes préfèrent prendre leurs gélules le matin et à midi pour profiter de l'effet énergisant sans perturber leur sommeil.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"kla-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la Klamath bio Aosa Véritable ?\u003c\/h2\u003e\n    \u003cp class=\"kla-section-intro\"\u003eSur le marché des compléments alimentaires à base d'algue Klamath, la qualité varie considérablement. Voici ce qui fait la différence :\u003c\/p\u003e\n    \n    \u003cdiv class=\"kla-grid\"\u003e\n      \u003cdiv class=\"kla-card\"\u003e\n        \u003ch3\u003e🏆 Certification Bio AB\u003c\/h3\u003e\n        \u003cp\u003eLabel européen contrôlé par Ecocert\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-card\"\u003e\n        \u003ch3\u003e🏔️ Récolte sauvage\u003c\/h3\u003e\n        \u003cp\u003eLac Klamath, zone protégée non polluée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-card\"\u003e\n        \u003ch3\u003e🌡️ Séchage doux\u003c\/h3\u003e\n        \u003cp\u003eBasse température pour préserver les nutriments\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-card\"\u003e\n        \u003ch3\u003e🌱 100% végétal\u003c\/h3\u003e\n        \u003cp\u003eConvient aux végans et végétariens\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-card\"\u003e\n        \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n        \u003cp\u003eSans OGM, gluten, colorants ni conservateurs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-card\"\u003e\n        \u003ch3\u003e🇪🇺 Normes européennes\u003c\/h3\u003e\n        \u003cp\u003eFabrication aux standards les plus stricts\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"kla-section\"\u003e\n    \u003ch2\u003ePour qui est faite cette algue Klamath bio ?\u003c\/h2\u003e\n    \n    \u003cdiv class=\"kla-grid-compact\"\u003e\n      \u003cdiv class=\"kla-card\"\u003e\n        \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n        \u003cp\u003ePériode de baisse d'énergie ou de motivation\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-card\"\u003e\n        \u003ch3\u003e💚 Équilibre émotionnel\u003c\/h3\u003e\n        \u003cp\u003eSoutien naturel de l'humeur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-card\"\u003e\n        \u003ch3\u003e🥗 Carences alimentaires\u003c\/h3\u003e\n        \u003cp\u003eCompléter une alimentation déséquilibrée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-card\"\u003e\n        \u003ch3\u003e🌱 Végans \u0026amp; végétariens\u003c\/h3\u003e\n        \u003cp\u003eSource complète de nutriments\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-card\"\u003e\n        \u003ch3\u003e❄️ Changements de saison\u003c\/h3\u003e\n        \u003cp\u003eRenforcer les défenses naturelles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eOptimiser la récupération\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 8 --\u003e\n  \u003csection class=\"kla-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n    \n    \u003cdiv class=\"kla-accordion\"\u003e\n      \u003cdetails class=\"kla-accordion-item\"\u003e\n        \u003csummary class=\"kla-accordion-header\"\u003e⚠️ Contre-indications importantes\u003c\/summary\u003e\n        \u003cdiv class=\"kla-accordion-content\"\u003e\n          \u003cp\u003e\u003cstrong\u003eDéconseillé aux personnes souffrant de troubles de la coagulation\u003c\/strong\u003e ou sous traitement anticoagulant (en raison de la teneur en vitamine K). Ne convient pas aux enfants sans avis médical. En cas de grossesse ou d'allaitement, consultez votre médecin avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"kla-accordion-item\"\u003e\n        \u003csummary class=\"kla-accordion-header\"\u003e📏 Dosage et conservation\u003c\/summary\u003e\n        \u003cdiv class=\"kla-accordion-content\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Conservez le flacon dans un endroit sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"kla-accordion-item\"\u003e\n        \u003csummary class=\"kla-accordion-header\"\u003eℹ️ Rappel important\u003c\/summary\u003e\n        \u003cdiv class=\"kla-accordion-content\"\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 constitue pas un traitement médical et ne peut en aucun cas se substituer à 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!-- SECTION 9 --\u003e\n  \u003csection class=\"kla-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eVos interrogations sur l'algue Klamath\u003c\/h2\u003e\n    \n    \u003cdiv class=\"kla-faq\"\u003e\n      \u003cdiv class=\"kla-faq-item\"\u003e\n        \u003ch3\u003e🔄 Quelle différence entre la Klamath, la spiruline et la chlorella ?\u003c\/h3\u003e\n        \u003cp\u003eCes trois micro-algues sont souvent comparées, mais la Klamath se distingue par sa \u003cstrong\u003ecroissance sauvage\u003c\/strong\u003e et sa teneur unique en phényléthylamine. Elle est généralement considérée comme plus complète sur le plan nutritionnel, notamment pour le soutien de l'humeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-faq-item\"\u003e\n        \u003ch3\u003e⏱️ Au bout de combien de temps ressent-on les effets ?\u003c\/h3\u003e\n        \u003cp\u003eLes premiers témoignages évoquent souvent des effets perceptibles après \u003cstrong\u003e2 à 3 semaines\u003c\/strong\u003e de prise régulière. Cependant, chaque organisme réagit différemment. Une cure de 2 à 3 mois permet généralement d'apprécier pleinement les bienfaits.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kla-faq-item\"\u003e\n        \u003ch3\u003e📅 Peut-on prendre la Klamath en continu ?\u003c\/h3\u003e\n        \u003cp\u003eVous pouvez alterner des \u003cstrong\u003ecures de 2 à 3 mois\u003c\/strong\u003e avec des pauses d'un mois, ou la prendre en continu selon vos besoins. En cas de doute, n'hésitez pas à demander conseil à un naturopathe ou à votre médecin.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"kla-cta-box\"\u003e\n      \u003cp\u003e🌿 Découvrez le pouvoir de l'algue la plus complète au monde et retrouvez naturellement vitalité et sérénité !\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cp class=\"kla-disclaimer\"\u003eLes informations présentées ne constituent pas un avis médical. Consultez un professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --kla-cream: #f8fdf8;\n  --kla-white: #ffffff;\n  --kla-primary: #2E8B57;\n  --kla-primary-dark: #1B5E20;\n  --kla-primary-light: #E8F5E9;\n  --kla-secondary: #4CAF50;\n  --kla-accent: #00897B;\n  --kla-text: #1a1a1a;\n  --kla-text-light: #5a5a5a;\n  --kla-border: #C8E6C9;\n  --kla-shadow: 0 4px 24px rgba(46,139,87,.08);\n  --kla-shadow-lg: 0 12px 48px rgba(27,94,32,.15);\n  --kla-radius: 20px;\n  --kla-radius-sm: 12px;\n}\n\n.kla-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--kla-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kla-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1B5E20 0%, #2E8B57 50%, #00897B 100%);\n  border-radius: var(--kla-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(--kla-shadow-lg);\n}\n\n.kla-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.kla-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.kla-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.kla-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(--kla-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.kla-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.kla-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.kla-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 4vw, 24px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n}\n\n.kla-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 16px);\n  margin: 0;\n}\n\n\/* === SECTIONS === *\/\n.kla-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kla-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--kla-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.kla-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(--kla-primary), var(--kla-accent));\n  border-radius: 2px;\n}\n\n.kla-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kla-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.kla-highlight-box {\n  background: var(--kla-white);\n  border-radius: var(--kla-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--kla-shadow);\n  border-left: 4px solid var(--kla-primary);\n}\n\n.kla-highlight-box p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kla-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === FEATURE BOX === *\/\n.kla-feature-box {\n  display: flex;\n  gap: 1.25rem;\n  align-items: flex-start;\n  background: linear-gradient(135deg, var(--kla-primary) 0%, var(--kla-accent) 100%);\n  border-radius: var(--kla-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  margin-bottom: 1.5rem;\n  color: white;\n}\n\n.kla-feature-icon {\n  font-size: 40px;\n  flex-shrink: 0;\n}\n\n.kla-feature-content h3 {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 800;\n  margin: 0 0 .5rem 0;\n  color: white;\n}\n\n.kla-feature-content p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  margin: 0;\n  line-height: 1.6;\n  opacity: .95;\n}\n\n\/* === GRILLES === *\/\n.kla-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.kla-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.kla-card {\n  background: var(--kla-white);\n  border-radius: var(--kla-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--kla-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.kla-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--kla-shadow-lg);\n  border-color: var(--kla-primary);\n}\n\n.kla-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--kla-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.kla-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--kla-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.kla-grid-compact .kla-card {\n  padding: 1rem;\n}\n\n.kla-grid-compact .kla-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.kla-grid-compact .kla-card p {\n  font-size: 12px;\n}\n\n\/* === BENEFITS GRID === *\/\n.kla-benefits-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1.5rem;\n}\n\n.kla-benefit-card {\n  background: var(--kla-white);\n  border-radius: var(--kla-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--kla-shadow);\n  text-align: center;\n  transition: all .3s ease;\n}\n\n.kla-benefit-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--kla-shadow-lg);\n}\n\n.kla-benefit-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n}\n\n.kla-benefit-card h3 {\n  font-size: clamp(17px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--kla-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.kla-benefit-card p {\n  font-size: clamp(14px, 2.5vw, 15px);\n  color: var(--kla-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === COMPOSITION BOX === *\/\n.kla-composition-box {\n  background: var(--kla-white);\n  border-radius: var(--kla-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--kla-shadow);\n}\n\n.kla-composition-main {\n  margin-bottom: 1.5rem;\n  padding-bottom: 1.5rem;\n  border-bottom: 1px solid var(--kla-border);\n}\n\n.kla-ingredient-highlight {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: .5rem;\n  margin-bottom: .5rem;\n}\n\n.kla-ingredient-name {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--kla-primary-dark);\n}\n\n.kla-ingredient-dose {\n  background: linear-gradient(135deg, var(--kla-primary), var(--kla-accent));\n  color: white;\n  padding: .5rem 1rem;\n  border-radius: 999px;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.kla-ingredient-desc {\n  font-size: 14px;\n  color: var(--kla-text-light);\n  margin: 0 0 1rem 0;\n}\n\n.kla-capsule-info {\n  background: var(--kla-primary-light);\n  padding: .75rem 1rem;\n  border-radius: var(--kla-radius-sm);\n  font-size: 14px;\n  color: var(--kla-primary-dark);\n}\n\n.kla-nutrients h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--kla-primary-dark);\n  margin: 0 0 1rem 0;\n  text-align: center;\n}\n\n.kla-nutrient-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.kla-nutrient-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  background: var(--kla-primary-light);\n  padding: 1rem;\n  border-radius: var(--kla-radius-sm);\n}\n\n.kla-nutrient-icon {\n  font-size: 24px;\n  margin-bottom: .5rem;\n}\n\n.kla-nutrient-name {\n  font-size: 13px;\n  color: var(--kla-text-light);\n  margin-bottom: .25rem;\n}\n\n.kla-nutrient-value {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--kla-primary-dark);\n}\n\n.kla-purity-badge {\n  margin-top: 1.5rem;\n  text-align: center;\n  padding: 1rem;\n  background: linear-gradient(135deg, var(--kla-primary), var(--kla-accent));\n  border-radius: var(--kla-radius-sm);\n  color: white;\n  font-weight: 700;\n  font-size: 14px;\n}\n\n\/* === TIMELINE === *\/\n.kla-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.kla-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.kla-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--kla-primary), var(--kla-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.kla-timeline-content {\n  flex: 1;\n  background: var(--kla-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--kla-radius-sm);\n  box-shadow: var(--kla-shadow);\n}\n\n.kla-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--kla-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.kla-timeline-content p {\n  font-size: 14px;\n  color: var(--kla-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.kla-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--kla-primary-light);\n  border-radius: var(--kla-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.kla-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.kla-tip p {\n  font-size: 14px;\n  color: var(--kla-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.kla-accordion {\n  background: var(--kla-white);\n  border-radius: var(--kla-radius);\n  box-shadow: var(--kla-shadow);\n  overflow: hidden;\n}\n\n.kla-accordion-item {\n  border-bottom: 1px solid var(--kla-border);\n  margin: 0;\n  padding: 0;\n}\n\n.kla-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.kla-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--kla-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.kla-accordion-header:hover {\n  background: var(--kla-primary-light);\n}\n\n.kla-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.kla-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--kla-primary);\n  transition: transform .2s ease;\n}\n\n.kla-accordion-item[open] .kla-accordion-header::after {\n  content: '−';\n}\n\n.kla-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--kla-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.kla-accordion-content p {\n  margin: 0;\n}\n\n\/* === FAQ === *\/\n.kla-faq {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.kla-faq-item {\n  background: var(--kla-white);\n  border-radius: var(--kla-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--kla-shadow);\n}\n\n.kla-faq-item h3 {\n  font-size: clamp(15px, 2.5vw, 17px);\n  font-weight: 700;\n  color: var(--kla-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.kla-faq-item p {\n  font-size: clamp(14px, 2.5vw, 15px);\n  color: var(--kla-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === CTA FINAL === *\/\n.kla-cta-box {\n  background: linear-gradient(135deg, var(--kla-primary) 0%, var(--kla-primary-dark) 100%);\n  border-radius: var(--kla-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.kla-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.kla-disclaimer {\n  font-size: 12px;\n  color: var(--kla-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  .kla-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .kla-benefits-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .kla-card {\n    padding: 1.125rem;\n  }\n  \n  .kla-benefit-card {\n    padding: 1.25rem;\n  }\n  \n  .kla-benefit-icon {\n    font-size: 36px;\n  }\n  \n  .kla-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .kla-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--kla-radius-sm);\n  }\n  \n  .kla-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .kla-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .kla-grid-compact {\n    gap: .625rem;\n  }\n  \n  .kla-grid-compact .kla-card {\n    padding: .75rem;\n  }\n  \n  .kla-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .kla-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .kla-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .kla-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .kla-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .kla-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .kla-feature-box {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .kla-feature-icon {\n    font-size: 32px;\n  }\n  \n  .kla-composition-box {\n    padding: 1.25rem;\n  }\n  \n  .kla-nutrient-grid {\n    gap: .75rem;\n  }\n  \n  .kla-nutrient-item {\n    padding: .75rem;\n  }\n  \n  .kla-nutrient-value {\n    font-size: 16px;\n  }\n  \n  .kla-ingredient-highlight {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  \n  .kla-faq-item {\n    padding: 1rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .kla-card,\n  .kla-benefit-card,\n  .kla-faq-item {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .kla-card:nth-child(1), .kla-benefit-card:nth-child(1), .kla-faq-item:nth-child(1) { animation-delay: .05s; }\n  .kla-card:nth-child(2), .kla-benefit-card:nth-child(2), .kla-faq-item:nth-child(2) { animation-delay: .1s; }\n  .kla-card:nth-child(3), .kla-benefit-card:nth-child(3), .kla-faq-item:nth-child(3) { animation-delay: .15s; }\n  .kla-card:nth-child(4) { animation-delay: .2s; }\n  .kla-card:nth-child(5) { animation-delay: .25s; }\n  .kla-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  .kla-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AOSA VERITABLE","offers":[{"title":"Default Title","offer_id":54816333463929,"sku":"AV2000","price":12.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/klamath-bio-60-geleules-aosa-veritable-min.jpg?v=1732962419"},{"product_id":"cordyceps-bio-extrait-500mg-60-gelules-qualidiet","title":"Cordyceps bio extrait 500mg - 60 gélules - Qualidiet","description":"\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🌿 Bio certifié\u003c\/span\u003e\n        \u003cspan class=\"cord-badge\"\u003e💊 60 gélules\u003c\/span\u003e\n        \u003cspan class=\"cord-badge\"\u003e⚡ 500 mg\u003c\/span\u003e\n        \u003cspan class=\"cord-badge\"\u003e🌱 100% Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cord-hero-title\"\u003eL'énergie ancestrale du champignon tibétain\u003c\/span\u003e\n      \u003cp class=\"cord-subtitle\"\u003eExtrait haute concentration • Souche CS-4\u003c\/p\u003e\n      \u003cp class=\"cord-description\"\u003eUn complément alimentaire premium à base de Cordyceps sinensis bio, utilisé depuis plus de 2000 ans dans la médecine traditionnelle chinoise et tibétaine pour soutenir votre énergie, votre vitalité et votre équilibre au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cord-section\"\u003e\n    \u003ch2\u003eLe champignon Cordyceps : une histoire fascinante\u003c\/h2\u003e\n    \u003cp class=\"cord-section-intro\"\u003eLe \u003cstrong\u003echampignon Cordyceps\u003c\/strong\u003e intrigue autant qu'il fascine. Dans la nature, le \u003cstrong\u003ecordyceps champignon insecte\u003c\/strong\u003e est connu pour se développer sur certaines chenilles et fourmis, ce qui lui a valu son surnom de « champignon chenille ». Cette particularité biologique – le \u003cstrong\u003echampignon cordyceps fourmi\u003c\/strong\u003e – a même inspiré la célèbre série « The Last of Us », popularisant l'image du \u003cstrong\u003ecordyceps champignon zombie\u003c\/strong\u003e. Rassurez-vous : la souche utilisée chez l'humain est totalement différente, cultivée sur substrat végétal et parfaitement sans danger.\u003c\/p\u003e\n    \u003cdiv class=\"cord-tip\"\u003e\n      \u003cspan class=\"cord-tip-icon\"\u003e🍄\u003c\/span\u003e\n      \u003cp\u003eChez Qualidiet, notre Cordyceps est cultivé sur \u003cstrong\u003esubstrat de sorgho biologique\u003c\/strong\u003e, garantissant une souche pure, végétale et 100% sans danger, tout en préservant les principes actifs traditionnels.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cord-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le Cordyceps bio Qualidiet ?\u003c\/h2\u003e\n    \u003cdiv class=\"cord-grid\"\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e🧬 Souche CS-4 standardisée\u003c\/h3\u003e\n        \u003cp\u003eRéputée mondialement pour sa richesse exceptionnelle en principes actifs et sa bio-assimilation optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e⚗️ Extrait haute concentration\u003c\/h3\u003e\n        \u003cp\u003eTitré à \u003cstrong\u003e60% de polysaccharides\u003c\/strong\u003e et \u003cstrong\u003e20% de bêta-glucanes\u003c\/strong\u003e, pour une efficacité maximale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e🌿 Certifié Agriculture Biologique\u003c\/h3\u003e\n        \u003cp\u003eEcocert, 100% vegan, sans additifs, sans solvants chimiques ni conservateurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e🌾 Culture sur sorgho bio\u003c\/h3\u003e\n        \u003cp\u003eSéchage à basse température pour préserver intégralement les nutriments et les actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e💊 Gélules végétales HPMC\u003c\/h3\u003e\n        \u003cp\u003eEnveloppe 100% végétale, parfaitement adaptée aux régimes végétaliens et végétariens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e🏆 Qualité premium\u003c\/h3\u003e\n        \u003cp\u003eLaboratoire Qualidiet, expert reconnu en compléments alimentaires bio d'exception.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cord-section\"\u003e\n    \u003ch2\u003eBienfaits du champignon Cordyceps pour l'humain\u003c\/h2\u003e\n    \u003cp class=\"cord-section-intro\"\u003eLes \u003cstrong\u003ebienfaits du champignon Cordyceps\u003c\/strong\u003e sont nombreux et reconnus par une longue tradition d'usage. Voici ce qu'il peut apporter dans le cadre d'une hygiène de vie équilibrée :\u003c\/p\u003e\n    \u003cdiv class=\"cord-grid\"\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e⚡ Tonus et vitalité\u003c\/h3\u003e\n        \u003cp\u003eAide à combattre les baisses d'énergie et la fatigue passagère, pour retrouver un dynamisme durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e🛡️ Soutien immunitaire\u003c\/h3\u003e\n        \u003cp\u003eLes polysaccharides et bêta-glucanes contribuent à activer et renforcer les défenses naturelles de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e🧘 Adaptogène naturel\u003c\/h3\u003e\n        \u003cp\u003eAide l'organisme à mieux s'ajuster aux périodes de stress, d'effort intense ou de changement de rythme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e🏃 Performances sportives\u003c\/h3\u003e\n        \u003cp\u003eApprécié des sportifs pour soutenir l'endurance, la performance physique et favoriser la récupération.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre général\u003c\/h3\u003e\n        \u003cp\u003ePrécieux allié des personnes actives, surmenées ou en convalescence pour retrouver un équilibre profond.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e🌟 Bien-être global\u003c\/h3\u003e\n        \u003cp\u003eUne synergie complète pour soutenir le corps et l'esprit au quotidien, dans la tradition millénaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cord-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cp class=\"cord-section-intro\"\u003eUne formule pure et concentrée, pensée pour délivrer le meilleur du Cordyceps :\u003c\/p\u003e\n    \u003cdiv class=\"cord-grid-compact\"\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e🍄 500 mg\u003c\/h3\u003e\n        \u003cp\u003eExtrait de \u003cstrong\u003eCordyceps sinensis bio\u003c\/strong\u003e (souche CS-4) par gélule\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e🧪 60%\u003c\/h3\u003e\n        \u003cp\u003ede \u003cstrong\u003epolysaccharides\u003c\/strong\u003e standardisés\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e💎 20%\u003c\/h3\u003e\n        \u003cp\u003ede \u003cstrong\u003ebêta-glucanes\u003c\/strong\u003e naturels\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-card\"\u003e\n        \u003ch3\u003e🌱 HPMC\u003c\/h3\u003e\n        \u003cp\u003eEnveloppe \u003cstrong\u003evégétale\u003c\/strong\u003e (hydroxypropylméthylcellulose)\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cord-tip\"\u003e\n      \u003cspan class=\"cord-tip-icon\"\u003e📊\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eApport pour 3 gélules :\u003c\/strong\u003e 1500 mg d'extrait, soit 900 mg de polysaccharides et 300 mg de bêta-glucanes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cord-section\"\u003e\n    \u003ch2\u003eComment prendre le Cordyceps bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"cord-timeline\"\u003e\n      \u003cdiv class=\"cord-timeline-item\"\u003e\n        \u003cdiv class=\"cord-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cord-timeline-content\"\u003e\n          \u003ch3\u003eDose quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 à 3 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence pendant les repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-timeline-item\"\u003e\n        \u003cdiv class=\"cord-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cord-timeline-content\"\u003e\n          \u003ch3\u003eUsage sportif\u003c\/h3\u003e\n          \u003cp\u003ePour un usage sportif, vous pouvez répartir les prises \u003cstrong\u003eavant l'effort et après l'entraînement\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cord-timeline-item\"\u003e\n        \u003cdiv class=\"cord-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cord-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e est généralement recommandée, à renouveler 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=\"cord-section\"\u003e\n    \u003ch2\u003eAvis et retours sur le Cordyceps\u003c\/h2\u003e\n    \u003cdiv class=\"cord-testimonial\"\u003e\n      \u003cp class=\"cord-testimonial-text\"\u003e\"Les utilisateurs apprécient particulièrement le \u003cstrong\u003ecordyceps bio\u003c\/strong\u003e pour son effet « coup de boost » progressif, sans nervosité ni excitation, contrairement à certains stimulants. Beaucoup le combinent avec d'autres champignons adaptogènes comme le reishi ou le maitake pour une synergie complète.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cord-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"cord-accordion\"\u003e\n      \u003cdetails class=\"cord-accordion-item\"\u003e\n        \u003csummary class=\"cord-accordion-header\"\u003e⚠️ Dosage et posologie\u003c\/summary\u003e\n        \u003cdiv class=\"cord-accordion-content mt-3\"\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, équilibrée, ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical.\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🤰 Publics sensibles\u003c\/summary\u003e\n        \u003cdiv class=\"cord-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes, allaitantes et aux enfants sans avis médical préalable.\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💊 Interactions médicamenteuses\u003c\/summary\u003e\n        \u003cdiv class=\"cord-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de traitement médical (anticoagulants, immunosuppresseurs notamment), demandez conseil à votre professionnel de santé avant toute prise.\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🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"cord-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des enfants, à l'abri de la lumière, de la chaleur et de l'humidité.\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  --cord-cream: #faf8f4;\n  --cord-white: #ffffff;\n  --cord-primary: #1e3a6f;\n  --cord-primary-dark: #142850;\n  --cord-primary-light: #e8eef7;\n  --cord-secondary: #7ba428;\n  --cord-accent: #c9a25a;\n  --cord-text: #1a1a1a;\n  --cord-text-light: #5a5a5a;\n  --cord-border: #e0ddd5;\n  --cord-shadow: 0 4px 24px rgba(30,58,111,.08);\n  --cord-shadow-lg: 0 12px 48px rgba(30,58,111,.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  color: var(--cord-text);\n  line-height: 1.6;\n}\n\n.cord-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1e3a6f 0%, #2a4d8f 50%, #7ba428 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  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(201,162,90,.2) 0%, transparent 40%);\n  opacity: .6;\n}\n\n.cord-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cord-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 7vw, 42px);\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.cord-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.8vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.cord-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.3vw, 16px);\n  line-height: 1.7;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.cord-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.75rem;\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-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cord-premium h2 {\n  font-size: clamp(22px, 5vw, 34px);\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  line-height: 1.2;\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-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cord-text-light);\n  margin: 0 auto 1.75rem;\n  max-width: 780px;\n  line-height: 1.75;\n}\n\n.cord-section-intro strong {\n  color: var(--cord-primary-dark);\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: clamp(16px, 3vw, 22px);\n  color: var(--cord-secondary);\n  margin-bottom: .35rem;\n  font-weight: 900;\n}\n\n.cord-grid-compact .cord-card p {\n  font-size: 13px;\n}\n\n.cord-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 780px;\n  margin: 0 auto;\n}\n\n.cord-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cord-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cord-primary), var(--cord-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,58,111,.25);\n}\n\n.cord-timeline-content {\n  flex: 1;\n  background: var(--cord-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cord-radius-sm);\n  box-shadow: var(--cord-shadow);\n}\n\n.cord-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cord-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cord-timeline-content p {\n  font-size: 14px;\n  color: var(--cord-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cord-timeline-content strong {\n  color: var(--cord-primary-dark);\n}\n\n.cord-testimonial {\n  background: var(--cord-white);\n  border-radius: var(--cord-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cord-shadow);\n  border-left: 4px solid var(--cord-secondary);\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.cord-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cord-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.cord-testimonial-text strong {\n  color: var(--cord-primary-dark);\n  font-style: normal;\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  max-width: 900px;\n  margin: 0 auto;\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: 22px;\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: 10px;\n}\n\n.cord-accordion-content p {\n  margin: 0;\n}\n\n.cord-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cord-primary-light);\n  border-radius: var(--cord-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--cord-secondary);\n}\n\n.cord-tip-icon {\n  font-size: 26px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.cord-tip p {\n  font-size: 14px;\n  color: var(--cord-text);\n  margin: 0;\n  line-height: 1.65;\n}\n\n.cord-tip p strong {\n  color: var(--cord-primary-dark);\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-timeline-number {\n    width: 34px;\n    height: 34px;\n    font-size: 14px;\n  }\n  \n  .cord-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .cord-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .cord-timeline-content p {\n    font-size: 13px;\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-testimonial {\n    padding: 1.25rem;\n  }\n  \n  .cord-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cord-card {\n    animation: cordFadeInUp .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 cordFadeInUp {\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":"QUALIDIET","offers":[{"title":"Default Title","offer_id":54830435369337,"sku":"VO4610","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cordyceps-bio-extrait-500mg-60-gelules-qualidiet-packshothd.webp?v=1786025183"},{"product_id":"shiitake-bio-en-extrait-60-gelules-tradition-du-soleil-levant","title":"Shiitaké Bio en extrait - 60 gélules – Tradition du Soleil Levant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shiitaké Bio en extrait - 60 gélules\nPalette détectée:\n  - Primaire: #C41E3A (rouge vif du couvercle et du texte \"Soleil Levant\")\n  - Secondaire: #8B4513 (brun terreux évoquant le champignon\/nature)\n  - Accent: #D4AF37 (doré asiatique pour touches premium)\nAmbiance: Tradition asiatique\/japonaise, naturel bio, santé naturelle, élégance sobre\nPréfixe CSS: shii\n--\u003e\n\n\u003cdiv class=\"shii-premium\"\u003e\n\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"shii-hero\"\u003e\n    \u003cdiv class=\"shii-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"shii-hero-content\"\u003e\n      \u003cdiv class=\"shii-badges-top\"\u003e\n        \u003cspan class=\"shii-badge\"\u003e🍄 Extrait concentré\u003c\/span\u003e\n        \u003cspan class=\"shii-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n        \u003cspan class=\"shii-badge\"\u003e🇯🇵 Tradition japonaise\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"shii-hero-title\"\u003eShiitaké Bio\u003c\/span\u003e\n      \u003cp class=\"shii-subtitle\"\u003eLe champignon millénaire aux vertus exceptionnelles\u003c\/p\u003e\n      \u003cp class=\"shii-description\"\u003eExtrait hautement concentré en polysaccharides et bêta-glucanes pour soutenir vos défenses naturelles\u003c\/p\u003e\n      \u003cdiv class=\"shii-hero-stats\"\u003e\n        \u003cdiv class=\"shii-stat\"\u003e\n          \u003cspan class=\"shii-stat-value\"\u003e30%\u003c\/span\u003e\n          \u003cspan class=\"shii-stat-label\"\u003ePolysaccharides\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"shii-stat\"\u003e\n          \u003cspan class=\"shii-stat-value\"\u003e10%\u003c\/span\u003e\n          \u003cspan class=\"shii-stat-label\"\u003eBêta-glucanes\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"shii-stat\"\u003e\n          \u003cspan class=\"shii-stat-value\"\u003e60\u003c\/span\u003e\n          \u003cspan class=\"shii-stat-label\"\u003eGélules végétales\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION INTRODUCTION --\u003e\n  \u003csection class=\"shii-section\"\u003e\n    \u003ch2\u003e🏯 Un trésor de la médecine traditionnelle asiatique\u003c\/h2\u003e\n    \u003cdiv class=\"shii-intro-box\"\u003e\n      \u003cp\u003eUtilisé depuis des millénaires dans la médecine traditionnelle asiatique, le \u003cstrong\u003echampignon shiitaké\u003c\/strong\u003e (Lentinus edodes) est bien plus qu'un simple ingrédient culinaire. Ce champignon japonais, également prisé en Chine, est aujourd'hui reconnu pour ses propriétés nutritionnelles remarquables. Notre extrait de shiitaké bio vous permet de profiter de tous ses bienfaits dans une forme hautement concentrée et facilement assimilable.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION AVANTAGES --\u003e\n  \u003csection class=\"shii-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cet extrait de shiitaké ?\u003c\/h2\u003e\n    \u003cdiv class=\"shii-grid\"\u003e\n      \u003cdiv class=\"shii-card shii-card-advantage\"\u003e\n        \u003cdiv class=\"shii-card-icon\"\u003e🔬\u003c\/div\u003e\n        \u003ch3\u003e30% de polysaccharides\u003c\/h3\u003e\n        \u003cp\u003eCes molécules complexes sont au cœur des bienfaits traditionnellement attribués au shiitaké\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shii-card shii-card-advantage\"\u003e\n        \u003cdiv class=\"shii-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003e10% de bêta-glucanes\u003c\/h3\u003e\n        \u003cp\u003eDes fibres solubles particulièrement étudiées pour leur action sur le système immunitaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shii-card shii-card-advantage\"\u003e\n        \u003cdiv class=\"shii-card-icon\"\u003e🌱\u003c\/div\u003e\n        \u003ch3\u003eCertification biologique\u003c\/h3\u003e\n        \u003cp\u003eChampignon cultivé sans pesticides ni produits chimiques, certifié par un organisme agréé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shii-card shii-card-advantage\"\u003e\n        \u003cdiv class=\"shii-card-icon\"\u003e💊\u003c\/div\u003e\n        \u003ch3\u003eConcentration optimale\u003c\/h3\u003e\n        \u003cp\u003eDeux gélules suffisent à vous apporter l'équivalent de plusieurs portions de shiitaké\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION BIENFAITS --\u003e\n  \u003csection class=\"shii-section\"\u003e\n    \u003ch2\u003eLes bienfaits pour votre organisme\u003c\/h2\u003e\n    \u003cdiv class=\"shii-benefits-grid\"\u003e\n      \u003cdiv class=\"shii-benefit-card\"\u003e\n        \u003cdiv class=\"shii-benefit-header\"\u003e\n          \u003cspan class=\"shii-benefit-icon\"\u003e🛡️\u003c\/span\u003e\n          \u003ch3\u003eDéfenses naturelles\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cp\u003eLes bêta-glucanes sont reconnus pour contribuer au fonctionnement normal des défenses de l'organisme. En période de fatigue saisonnière ou lors des changements de saison, une cure de shiitaké constitue un allié précieux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shii-benefit-card\"\u003e\n        \u003cdiv class=\"shii-benefit-header\"\u003e\n          \u003cspan class=\"shii-benefit-icon\"\u003e✨\u003c\/span\u003e\n          \u003ch3\u003eProtection antioxydante\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cp\u003eRiche en composés antioxydants, le shiitaké aide à protéger vos cellules contre le stress oxydatif, particulièrement utile face à la pollution, au stress et à l'alimentation moderne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shii-benefit-card\"\u003e\n        \u003cdiv class=\"shii-benefit-header\"\u003e\n          \u003cspan class=\"shii-benefit-icon\"\u003e⚡\u003c\/span\u003e\n          \u003ch3\u003eConcentré de nutriments\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cp\u003eUne richesse nutritionnelle exceptionnelle : vitamines B, vitamine D (rare dans le règne végétal), cuivre et potassium pour un soutien global de votre organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION NUTRIMENTS --\u003e\n  \u003csection class=\"shii-section\"\u003e\n    \u003ch2\u003eUn cocktail de nutriments essentiels\u003c\/h2\u003e\n    \u003cdiv class=\"shii-nutrients-grid\"\u003e\n      \u003cdiv class=\"shii-nutrient\"\u003e\n        \u003cdiv class=\"shii-nutrient-icon\"\u003e🅱️\u003c\/div\u003e\n        \u003cdiv class=\"shii-nutrient-content\"\u003e\n          \u003ch4\u003eVitamines du groupe B\u003c\/h4\u003e\n          \u003cp\u003eContribuent au métabolisme énergétique normal et à réduire la fatigue\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shii-nutrient\"\u003e\n        \u003cdiv class=\"shii-nutrient-icon\"\u003e☀️\u003c\/div\u003e\n        \u003cdiv class=\"shii-nutrient-content\"\u003e\n          \u003ch4\u003eVitamine D\u003c\/h4\u003e\n          \u003cp\u003eRare dans le règne végétal, participe au maintien d'une ossature normale\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shii-nutrient\"\u003e\n        \u003cdiv class=\"shii-nutrient-icon\"\u003e🥉\u003c\/div\u003e\n        \u003cdiv class=\"shii-nutrient-content\"\u003e\n          \u003ch4\u003eCuivre\u003c\/h4\u003e\n          \u003cp\u003eSoutient le système immunitaire et protège les cellules\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shii-nutrient\"\u003e\n        \u003cdiv class=\"shii-nutrient-icon\"\u003e⚡\u003c\/div\u003e\n        \u003cdiv class=\"shii-nutrient-content\"\u003e\n          \u003ch4\u003ePotassium\u003c\/h4\u003e\n          \u003cp\u003eContribue au fonctionnement normal du système nerveux\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=\"shii-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cdiv class=\"shii-composition-box\"\u003e\n      \u003cdiv class=\"shii-composition-header\"\u003e\n        \u003cspan class=\"shii-composition-badge\"\u003ePour 2 gélules (dose journalière)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shii-composition-content\"\u003e\n        \u003cdiv class=\"shii-ingredient-main\"\u003e\n          \u003cdiv class=\"shii-ingredient-icon\"\u003e🍄\u003c\/div\u003e\n          \u003cdiv class=\"shii-ingredient-details\"\u003e\n            \u003ch4\u003eExtrait de Shiitaké biologique\u003c\/h4\u003e\n            \u003cspan class=\"shii-ingredient-latin\"\u003e(Lentinus edodes)\u003c\/span\u003e\n            \u003cspan class=\"shii-ingredient-amount\"\u003e800 mg\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"shii-sub-ingredients\"\u003e\n          \u003cdiv class=\"shii-sub-ingredient\"\u003e\n            \u003cspan class=\"shii-sub-name\"\u003ePolysaccharides\u003c\/span\u003e\n            \u003cspan class=\"shii-sub-amount\"\u003e240 mg \u003cspan class=\"shii-sub-percent\"\u003e(30%)\u003c\/span\u003e\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"shii-sub-ingredient\"\u003e\n            \u003cspan class=\"shii-sub-name\"\u003eBêta-glucanes\u003c\/span\u003e\n            \u003cspan class=\"shii-sub-amount\"\u003e80 mg \u003cspan class=\"shii-sub-percent\"\u003e(10%)\u003c\/span\u003e\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"shii-envelope\"\u003e\n          \u003cspan class=\"shii-envelope-label\"\u003eEnveloppe de la gélule :\u003c\/span\u003e\n          \u003cspan class=\"shii-envelope-value\"\u003eHypromellose (gélule végétale)\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shii-composition-footer\"\u003e\n        \u003cspan\u003e🌿 Produit issu de l'agriculture biologique, certifié par un organisme agréé\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=\"shii-section\"\u003e\n    \u003ch2\u003eComment prendre ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"shii-usage-container\"\u003e\n      \u003cdiv class=\"shii-usage-steps\"\u003e\n        \u003cdiv class=\"shii-step\"\u003e\n          \u003cdiv class=\"shii-step-number\"\u003e1\u003c\/div\u003e\n          \u003cdiv class=\"shii-step-content\"\u003e\n            \u003ch4\u003ePosologie\u003c\/h4\u003e\n            \u003cp\u003ePrenez \u003cstrong\u003e1 gélule deux fois par jour\u003c\/strong\u003e, idéalement au cours des repas principaux (déjeuner et dîner)\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"shii-step\"\u003e\n          \u003cdiv class=\"shii-step-number\"\u003e2\u003c\/div\u003e\n          \u003cdiv class=\"shii-step-content\"\u003e\n            \u003ch4\u003eDurée de cure\u003c\/h4\u003e\n            \u003cp\u003eUn pilulier de 60 gélules = \u003cstrong\u003e30 jours de cure\u003c\/strong\u003e. Pour des résultats optimaux, suivez une cure de 2 à 3 mois, renouvelable selon vos besoins\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"shii-step\"\u003e\n          \u003cdiv class=\"shii-step-number\"\u003e3\u003c\/div\u003e\n          \u003cdiv class=\"shii-step-content\"\u003e\n            \u003ch4\u003eAbsorption\u003c\/h4\u003e\n            \u003cp\u003eLa répartition en deux prises favorise une meilleure absorption des principes actifs 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=\"shii-tip-box\"\u003e\n        \u003cdiv class=\"shii-tip-icon\"\u003e💡\u003c\/div\u003e\n        \u003cp\u003e\u003cstrong\u003ePetit conseil :\u003c\/strong\u003e Si vous appréciez le shiitaké en cuisine, ce complément ne remplace pas le plaisir gustatif d'une bonne recette ! Vous pouvez continuer à cuisiner vos shiitakés frais ou réhydratés tout en prenant ce complément.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION POUR QUI --\u003e\n  \u003csection class=\"shii-section\"\u003e\n    \u003ch2\u003ePour qui est ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"shii-grid\"\u003e\n      \u003cdiv class=\"shii-card shii-target-card\"\u003e\n        \u003cdiv class=\"shii-card-icon\"\u003e🌡️\u003c\/div\u003e\n        \u003ch3\u003eChangements de saison\u003c\/h3\u003e\n        \u003cp\u003ePour renforcer vos défenses lors des périodes de transition\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shii-card shii-target-card\"\u003e\n        \u003cdiv class=\"shii-card-icon\"\u003e😴\u003c\/div\u003e\n        \u003ch3\u003eFatigue passagère\u003c\/h3\u003e\n        \u003cp\u003ePour soutenir votre organisme en période de baisse d'énergie\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shii-card shii-target-card\"\u003e\n        \u003cdiv class=\"shii-card-icon\"\u003e🏃\u003c\/div\u003e\n        \u003ch3\u003eVie active\u003c\/h3\u003e\n        \u003cp\u003ePour maintenir votre vitalité au quotidien face au stress moderne\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shii-card shii-target-card\"\u003e\n        \u003cdiv class=\"shii-card-icon\"\u003e🌱\u003c\/div\u003e\n        \u003ch3\u003eVégétariens\u003c\/h3\u003e\n        \u003cp\u003eGélules 100% végétales, parfaitement adaptées aux régimes végétariens\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION FAQ --\u003e\n  \u003csection class=\"shii-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"shii-faq-container\"\u003e\n      \u003cdiv class=\"shii-faq-item\"\u003e\n        \u003cdiv class=\"shii-faq-question\"\u003e\n          \u003cspan class=\"shii-faq-icon\"\u003e❓\u003c\/span\u003e\n          \u003ch4\u003eQuelle différence entre le shiitaké frais et l'extrait en gélules ?\u003c\/h4\u003e\n        \u003c\/div\u003e\n        \u003cp\u003eLe shiitaké frais ou déshydraté utilisé en cuisine apporte des nutriments en quantités variables selon la qualité et la préparation. L'extrait standardisé garantit une teneur précise en principes actifs à chaque prise, permettant une supplémentation plus ciblée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shii-faq-item\"\u003e\n        \u003cdiv class=\"shii-faq-question\"\u003e\n          \u003cspan class=\"shii-faq-icon\"\u003e❓\u003c\/span\u003e\n          \u003ch4\u003ePuis-je prendre ce complément toute l'année ?\u003c\/h4\u003e\n        \u003c\/div\u003e\n        \u003cp\u003eVous pouvez réaliser plusieurs cures par an, notamment aux changements de saison ou en période de fatigue. Il est toutefois recommandé de faire des pauses entre les cures (par exemple, 1 mois de pause après 3 mois de prise).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shii-faq-item\"\u003e\n        \u003cdiv class=\"shii-faq-question\"\u003e\n          \u003cspan class=\"shii-faq-icon\"\u003e❓\u003c\/span\u003e\n          \u003ch4\u003eCe produit convient-il aux végétariens ?\u003c\/h4\u003e\n        \u003c\/div\u003e\n        \u003cp\u003eOui, les gélules sont 100% végétales (hypromellose) et le shiitaké est un champignon. Ce complément convient parfaitement aux personnes suivant un régime végétarien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION PRÉCAUTIONS --\u003e\n  \u003csection class=\"shii-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"shii-warning-box\"\u003e\n      \u003cdiv class=\"shii-warning-header\"\u003e\n        \u003cspan class=\"shii-warning-icon\"\u003e⚠️\u003c\/span\u003e\n        \u003cspan\u003eÀ lire avant utilisation\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shii-warning-content\"\u003e\n        \u003cul class=\"shii-warning-list\"\u003e\n          \u003cli\u003e\n\u003cspan class=\"shii-warning-bullet\"\u003e🚫\u003c\/span\u003e Déconseillé aux femmes enceintes ou allaitantes\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"shii-warning-bullet\"\u003e🚫\u003c\/span\u003e Déconseillé aux personnes souffrant d'hyperéosinophilie\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"shii-warning-bullet\"\u003e👤\u003c\/span\u003e Réservé à l'adulte\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"shii-warning-bullet\"\u003e📏\u003c\/span\u003e Ne pas dépasser 2 gélules par jour\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"shii-warning-bullet\"\u003e🌡️\u003c\/span\u003e Conserver dans un endroit frais et sec, à l'abri de la lumière\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"shii-warning-bullet\"\u003e👶\u003c\/span\u003e Tenir hors de portée des jeunes enfants\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cp class=\"shii-warning-note\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de traitement médical ou de doute, 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!-- CTA FINAL --\u003e\n  \u003csection class=\"shii-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"shii-cta-box\"\u003e\n      \u003cdiv class=\"shii-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"shii-cta-content\"\u003e\n        \u003cspan class=\"shii-cta-icon\"\u003e🍄\u003c\/span\u003e\n        \u003cp\u003eOffrez à votre corps la sagesse millénaire du shiitaké bio.\u003cbr\u003eUn allié naturel pour vos défenses, concentré dans une formule hautement assimilable.\u003c\/p\u003e\n        \u003cdiv class=\"shii-cta-badge\"\u003e🏯 Tradition du Soleil Levant\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  --shii-cream: #faf8f5;\n  --shii-white: #ffffff;\n  --shii-primary: #C41E3A;\n  --shii-primary-dark: #9B1A2F;\n  --shii-primary-light: #fdf2f4;\n  --shii-secondary: #8B4513;\n  --shii-secondary-light: #D2B48C;\n  --shii-accent: #D4AF37;\n  --shii-text: #1a1a1a;\n  --shii-text-light: #5a5a5a;\n  --shii-border: #e8e4e0;\n  --shii-shadow: 0 4px 24px rgba(139, 69, 19, .08);\n  --shii-shadow-lg: 0 12px 48px rgba(196, 30, 58, .12);\n  --shii-radius: 20px;\n  --shii-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.shii-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--shii-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--shii-text);\n  line-height: 1.7;\n}\n\n.shii-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.shii-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--shii-primary) 0%, var(--shii-primary-dark) 50%, #6B1425 100%);\n  border-radius: var(--shii-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(--shii-shadow-lg);\n}\n\n.shii-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(212, 175, 55, .15) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(255, 255, 255, .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 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='%23ffffff' fill-opacity='.03'\/%3E%3C\/svg%3E\");\n  opacity: 1;\n}\n\n.shii-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.shii-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.shii-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(--shii-primary-dark);\n  box-shadow: 0 2px 12px rgba(0, 0, 0, .15);\n  transition: all .3s ease;\n}\n\n.shii-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 20px rgba(0, 0, 0, .2);\n}\n\n.shii-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, .3);\n}\n\n.shii-subtitle {\n  color: rgba(255, 255, 255, .95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0, 0, 0, .2);\n}\n\n.shii-description {\n  color: rgba(255, 255, 255, .85);\n  font-size: clamp(15px, 2vw, 17px);\n  max-width: 600px;\n  margin: 0 auto 2rem auto;\n  line-height: 1.6;\n}\n\n.shii-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.shii-stat {\n  text-align: center;\n  padding: 1rem 1.5rem;\n  background: rgba(255, 255, 255, .1);\n  backdrop-filter: blur(10px);\n  border-radius: var(--shii-radius-sm);\n  border: 1px solid rgba(255, 255, 255, .2);\n}\n\n.shii-stat-value {\n  display: block;\n  font-size: clamp(28px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--shii-accent);\n  text-shadow: 0 2px 10px rgba(0, 0, 0, .2);\n}\n\n.shii-stat-label {\n  display: block;\n  font-size: 13px;\n  color: rgba(255, 255, 255, .9);\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.shii-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.shii-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--shii-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.shii-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(--shii-primary), var(--shii-accent));\n  border-radius: 2px;\n}\n\n\/* === INTRO BOX === *\/\n.shii-intro-box {\n  background: var(--shii-white);\n  border-radius: var(--shii-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--shii-shadow);\n  border-left: 4px solid var(--shii-primary);\n  position: relative;\n}\n\n.shii-intro-icon {\n  position: absolute;\n  top: -15px;\n  left: 30px;\n  font-size: 30px;\n  background: var(--shii-white);\n  padding: 5px 10px;\n  border-radius: 10px;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);\n}\n\n.shii-intro-box p {\n  margin: 0;\n  font-size: clamp(15px, 2vw, 17px);\n  color: var(--shii-text);\n  line-height: 1.8;\n}\n\n.shii-intro-box strong {\n  color: var(--shii-primary-dark);\n}\n\n\/* === GRILLES === *\/\n.shii-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.shii-card {\n  background: var(--shii-white);\n  border-radius: var(--shii-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--shii-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.shii-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--shii-shadow-lg);\n  border-color: var(--shii-primary);\n}\n\n.shii-card-icon {\n  font-size: 40px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.shii-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--shii-primary-dark);\n  margin: 0 0 0.75rem 0;\n}\n\n.shii-card p {\n  font-size: 14px;\n  color: var(--shii-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.shii-card-advantage {\n  position: relative;\n  overflow: hidden;\n}\n\n.shii-card-advantage::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: linear-gradient(90deg, var(--shii-primary), var(--shii-accent));\n}\n\n\/* === BENEFITS SECTION === *\/\n.shii-benefits-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1.5rem;\n}\n\n.shii-benefit-card {\n  background: linear-gradient(135deg, var(--shii-white) 0%, var(--shii-primary-light) 100%);\n  border-radius: var(--shii-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--shii-shadow);\n  transition: all .3s ease;\n}\n\n.shii-benefit-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shii-shadow-lg);\n}\n\n.shii-benefit-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 1rem;\n}\n\n.shii-benefit-icon {\n  font-size: 32px;\n  background: var(--shii-white);\n  width: 56px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  box-shadow: 0 4px 12px rgba(196, 30, 58, .15);\n}\n\n.shii-benefit-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--shii-primary-dark);\n  margin: 0;\n}\n\n.shii-benefit-card p {\n  font-size: 14px;\n  color: var(--shii-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === NUTRIENTS === *\/\n.shii-nutrients-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1rem;\n}\n\n.shii-nutrient {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: var(--shii-white);\n  border-radius: var(--shii-radius-sm);\n  padding: 1.25rem;\n  box-shadow: var(--shii-shadow);\n  transition: all .3s ease;\n}\n\n.shii-nutrient:hover {\n  transform: translateX(5px);\n  border-left: 3px solid var(--shii-primary);\n}\n\n.shii-nutrient-icon {\n  font-size: 28px;\n  background: var(--shii-primary-light);\n  width: 50px;\n  height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 12px;\n  flex-shrink: 0;\n}\n\n.shii-nutrient-content h4 {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--shii-primary-dark);\n  margin: 0 0 4px 0;\n}\n\n.shii-nutrient-content p {\n  font-size: 13px;\n  color: var(--shii-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === COMPOSITION === *\/\n.shii-composition-box {\n  background: var(--shii-white);\n  border-radius: var(--shii-radius);\n  overflow: hidden;\n  box-shadow: var(--shii-shadow-lg);\n}\n\n.shii-composition-header {\n  background: linear-gradient(135deg, var(--shii-primary) 0%, var(--shii-primary-dark) 100%);\n  padding: 1.25rem 2rem;\n  text-align: center;\n}\n\n.shii-composition-badge {\n  display: inline-block;\n  background: rgba(255, 255, 255, .2);\n  color: white;\n  padding: 8px 20px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 700;\n  backdrop-filter: blur(10px);\n}\n\n.shii-composition-content {\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n}\n\n.shii-ingredient-main {\n  display: flex;\n  align-items: center;\n  gap: 1.25rem;\n  padding-bottom: 1.5rem;\n  border-bottom: 2px dashed var(--shii-border);\n  margin-bottom: 1.5rem;\n}\n\n.shii-ingredient-icon {\n  font-size: 48px;\n  background: linear-gradient(135deg, var(--shii-primary-light) 0%, #fff 100%);\n  width: 80px;\n  height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  box-shadow: 0 4px 15px rgba(196, 30, 58, .15);\n  flex-shrink: 0;\n}\n\n.shii-ingredient-details h4 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--shii-primary-dark);\n  margin: 0 0 4px 0;\n}\n\n.shii-ingredient-latin {\n  display: block;\n  font-size: 13px;\n  color: var(--shii-text-light);\n  font-style: italic;\n  margin-bottom: 8px;\n}\n\n.shii-ingredient-amount {\n  display: inline-block;\n  background: var(--shii-primary);\n  color: white;\n  padding: 4px 12px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.shii-sub-ingredients {\n  display: grid;\n  gap: 0.75rem;\n  margin-bottom: 1.5rem;\n}\n\n.shii-sub-ingredient {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.75rem 1rem;\n  background: var(--shii-primary-light);\n  border-radius: var(--shii-radius-sm);\n}\n\n.shii-sub-name {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--shii-text);\n}\n\n.shii-sub-amount {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--shii-primary-dark);\n}\n\n.shii-sub-percent {\n  color: var(--shii-accent);\n}\n\n.shii-envelope {\n  padding: 1rem;\n  background: #f8f8f8;\n  border-radius: var(--shii-radius-sm);\n  font-size: 13px;\n}\n\n.shii-envelope-label {\n  color: var(--shii-text-light);\n  margin-right: 5px;\n}\n\n.shii-envelope-value {\n  color: var(--shii-text);\n  font-weight: 600;\n}\n\n.shii-composition-footer {\n  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);\n  padding: 1rem 2rem;\n  text-align: center;\n  font-size: 13px;\n  color: #166534;\n  font-weight: 600;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.shii-usage-container {\n  display: grid;\n  gap: 2rem;\n}\n\n.shii-usage-steps {\n  display: grid;\n  gap: 1rem;\n}\n\n.shii-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--shii-white);\n  padding: 1.5rem;\n  border-radius: var(--shii-radius);\n  box-shadow: var(--shii-shadow);\n  transition: all .3s ease;\n}\n\n.shii-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--shii-shadow-lg);\n}\n\n.shii-step-number {\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--shii-primary) 0%, var(--shii-primary-dark) 100%);\n  color: white;\n  font-size: 20px;\n  font-weight: 900;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  flex-shrink: 0;\n  box-shadow: 0 4px 12px rgba(196, 30, 58, .3);\n}\n\n.shii-step-content h4 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--shii-primary-dark);\n  margin: 0 0 6px 0;\n}\n\n.shii-step-content p {\n  font-size: 14px;\n  color: var(--shii-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.shii-step-content strong {\n  color: var(--shii-text);\n}\n\n.shii-tip-box {\n  display: flex;\n  gap: 1rem;\n  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);\n  padding: 1.5rem;\n  border-radius: var(--shii-radius);\n  border-left: 4px solid var(--shii-accent);\n}\n\n.shii-tip-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.shii-tip-box p {\n  font-size: 14px;\n  color: #92400e;\n  margin: 0;\n  line-height: 1.6;\n}\n\n.shii-tip-box strong {\n  color: #78350f;\n}\n\n\/* === TARGET CARDS === *\/\n.shii-target-card {\n  background: linear-gradient(180deg, var(--shii-white) 0%, var(--shii-primary-light) 100%);\n}\n\n\/* === FAQ === *\/\n.shii-faq-container {\n  display: grid;\n  gap: 1rem;\n}\n\n.shii-faq-item {\n  background: var(--shii-white);\n  border-radius: var(--shii-radius);\n  padding: 1.5rem;\n  box-shadow: var(--shii-shadow);\n  border-left: 4px solid var(--shii-secondary);\n  transition: all .3s ease;\n}\n\n.shii-faq-item:hover {\n  border-left-color: var(--shii-primary);\n  transform: translateX(5px);\n}\n\n.shii-faq-question {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 0.75rem;\n}\n\n.shii-faq-icon {\n  font-size: 20px;\n}\n\n.shii-faq-question h4 {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--shii-primary-dark);\n  margin: 0;\n}\n\n.shii-faq-item p {\n  font-size: 14px;\n  color: var(--shii-text-light);\n  margin: 0;\n  line-height: 1.7;\n  padding-left: 30px;\n}\n\n\/* === WARNING BOX === *\/\n.shii-warning-box {\n  background: var(--shii-white);\n  border-radius: var(--shii-radius);\n  overflow: hidden;\n  box-shadow: var(--shii-shadow);\n  border: 2px solid #fecaca;\n}\n\n.shii-warning-header {\n  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);\n  padding: 1rem 1.5rem;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-weight: 700;\n  color: #991b1b;\n}\n\n.shii-warning-icon {\n  font-size: 24px;\n}\n\n.shii-warning-content {\n  padding: 1.5rem;\n}\n\n.shii-warning-list {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 1.5rem 0;\n  display: grid;\n  gap: 0.75rem;\n}\n\n.shii-warning-list li {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 14px;\n  color: var(--shii-text);\n}\n\n.shii-warning-bullet {\n  font-size: 16px;\n  flex-shrink: 0;\n}\n\n.shii-warning-note {\n  font-size: 13px;\n  color: var(--shii-text-light);\n  margin: 0;\n  padding: 1rem;\n  background: #f9fafb;\n  border-radius: var(--shii-radius-sm);\n  line-height: 1.6;\n}\n\n\/* === INFO GRID === *\/\n.shii-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.shii-info-item {\n  background: var(--shii-white);\n  border-radius: var(--shii-radius);\n  padding: 1.5rem;\n  text-align: center;\n  box-shadow: var(--shii-shadow);\n  transition: all .3s ease;\n}\n\n.shii-info-item:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shii-shadow-lg);\n}\n\n.shii-info-icon {\n  font-size: 32px;\n  display: block;\n  margin-bottom: 0.75rem;\n}\n\n.shii-info-label {\n  display: block;\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: .1em;\n  color: var(--shii-text-light);\n  font-weight: 600;\n  margin-bottom: 4px;\n}\n\n.shii-info-value {\n  display: block;\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--shii-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.shii-cta-box {\n  background: linear-gradient(135deg, var(--shii-primary) 0%, var(--shii-primary-dark) 50%, #6B1425 100%);\n  border-radius: var(--shii-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--shii-shadow-lg);\n}\n\n.shii-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(212, 175, 55, .2) 0%, transparent 40%),\n    radial-gradient(circle at 90% 10%, rgba(255, 255, 255, .1) 0%, transparent 30%);\n}\n\n.shii-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.shii-cta-icon {\n  font-size: 48px;\n  display: block;\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .2));\n}\n\n.shii-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 auto 1.5rem auto;\n  max-width: 600px;\n  text-shadow: 0 2px 12px rgba(0, 0, 0, .2);\n}\n\n.shii-cta-badge {\n  display: inline-block;\n  background: rgba(255, 255, 255, .95);\n  color: var(--shii-primary-dark);\n  padding: 12px 24px;\n  border-radius: 999px;\n  font-weight: 800;\n  font-size: 15px;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, .2);\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .shii-card,\n  .shii-benefit-card,\n  .shii-nutrient,\n  .shii-step,\n  .shii-faq-item,\n  .shii-info-item {\n    animation: shiiFadeInUp .6s ease backwards;\n  }\n  \n  .shii-card:nth-child(1), .shii-benefit-card:nth-child(1), .shii-step:nth-child(1) { animation-delay: .1s; }\n  .shii-card:nth-child(2), .shii-benefit-card:nth-child(2), .shii-step:nth-child(2) { animation-delay: .2s; }\n  .shii-card:nth-child(3), .shii-benefit-card:nth-child(3), .shii-step:nth-child(3) { animation-delay: .3s; }\n  .shii-card:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes shiiFadeInUp {\n  from { \n    opacity: 0; \n    transform: translateY(30px); \n  }\n  to { \n    opacity: 1; \n    transform: translateY(0); \n  }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .shii-grid,\n  .shii-benefits-grid,\n  .shii-nutrients-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .shii-hero-stats {\n    gap: 1rem;\n  }\n  \n  .shii-stat {\n    flex: 1;\n    min-width: 100px;\n  }\n  \n  .shii-ingredient-main {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .shii-step {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .shii-step-number {\n    align-self: center;\n  }\n  \n  .shii-tip-box {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .shii-faq-item p {\n    padding-left: 0;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .shii-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .shii-premium {\n    --shii-text: #000000;\n    --shii-text-light: #333333;\n  }\n  \n  .shii-card,\n  .shii-benefit-card,\n  .shii-faq-item {\n    border: 2px solid var(--shii-text);\n  }\n}\n\u003c\/style\u003e","brand":"TRADITION DU SOLEIL LEVANT","offers":[{"title":"Default Title","offer_id":54840400773497,"sku":"TR1001","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shiitake-bio-en-extrait-60-gelules-tradition-du-soleil-levan-packshothd_4c6f311d-f4cd-4a18-90cf-a7d7482e8cf7.webp?v=1785949253"},{"product_id":"huile-de-foie-de-morue-lysi","title":"La véritable Huile de Foie de Morue Lysi - Oméga 3, Vit. A \u0026 D - 120 capsules","description":"\u003cdiv class=\"lysi-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"lysi-hero\"\u003e\n    \u003cdiv class=\"lysi-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lysi-hero-content\"\u003e\n      \u003cdiv class=\"lysi-badges-top\"\u003e\n        \u003cspan class=\"lysi-badge\"\u003e🇮🇸 Produit islandais\u003c\/span\u003e\n        \u003cspan class=\"lysi-badge\"\u003e🐟 Oméga-3 EPA \u0026amp; DHA\u003c\/span\u003e\n        \u003cspan class=\"lysi-badge\"\u003e☀️ Vitamine A \u0026amp; D\u003c\/span\u003e\n        \u003cspan class=\"lysi-badge\"\u003e💊 120 capsules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lysi-hero-title\"\u003eLa véritable huile de foie de morue Lýsi\u003c\/span\u003e\n      \u003cp class=\"lysi-subtitle\"\u003eCapital santé — Pureté islandaise depuis 1938\u003c\/p\u003e\n      \u003cp class=\"lysi-description\"\u003eUn concentré naturel d'oméga-3, de vitamine A et de vitamine D, issu des eaux cristallines de l'Atlantique Nord. Le geste santé ancestral, dans sa forme la plus pure.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"lysi-section\"\u003e\n    \u003ch2\u003eHuile de foie de morue Lysi : un trésor nutritionnel venu d'Islande\u003c\/h2\u003e\n    \u003cp class=\"lysi-section-intro\"\u003eDepuis 1938, la marque islandaise Lýsi perpétue un savoir-faire unique dans la production d'huile de foie de morue d'une pureté remarquable.\u003c\/p\u003e\n    \u003cdiv class=\"lysi-grid-compact\"\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🧊 Pureté nordique\u003c\/h3\u003e\n        \u003cp\u003eMorues pêchées à l'état sauvage dans les eaux froides et pures de l'Atlantique Nord islandais.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🐟 Oméga-3 EPA \u0026amp; DHA\u003c\/h3\u003e\n        \u003cp\u003eDes acides gras essentiels naturellement présents dans l'huile de foie de morue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e👁️ Vitamine A\u003c\/h3\u003e\n        \u003cp\u003eContribue au maintien d'une vision normale et au bon état de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e☀️ Vitamine D\u003c\/h3\u003e\n        \u003cp\u003eFavorise l'absorption du calcium et le fonctionnement du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lysi-section-footer\"\u003eCe qui distingue l'huile de foie de morue des simples huiles de poisson, c'est cette combinaison naturelle de vitamines liposolubles A et D associées aux oméga-3, sans ajout artificiel.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"lysi-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'huile de foie de morue pour votre organisme\u003c\/h2\u003e\n    \u003cp class=\"lysi-section-intro\"\u003eSi nos grands-parents en prenaient chaque matin, ce n'était pas sans raison. Les bienfaits sont aujourd'hui largement documentés par la recherche scientifique.\u003c\/p\u003e\n    \u003cdiv class=\"lysi-grid\"\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e❤️ Fonction cardiaque\u003c\/h3\u003e\n        \u003cp\u003eLes acides gras oméga-3 EPA et DHA contribuent au fonctionnement normal du cœur, à condition d'un apport quotidien d'au moins 250 mg.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e👁️ Vision et santé de la peau\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine A participe au maintien d'une vision normale et aide votre peau à rester en bonne santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🦴 Ossature et immunité\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine D favorise l'absorption du calcium, soutient une ossature normale et contribue au fonctionnement du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🧠 Fonction cérébrale\u003c\/h3\u003e\n        \u003cp\u003eLe DHA contribue au fonctionnement normal du cerveau, un bienfait précieux à tout âge.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"lysi-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 4 capsules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"lysi-composition-table\"\u003e\n      \u003cdiv class=\"lysi-comp-row lysi-comp-header\"\u003e\n        \u003cspan\u003eNutriment\u003c\/span\u003e\n        \u003cspan\u003eQuantité\u003c\/span\u003e\n        \u003cspan\u003e% VNR*\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-comp-row\"\u003e\n        \u003cspan\u003e🐟 Huile de foie de morue\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e2 000 mg\u003c\/strong\u003e\u003c\/span\u003e\n        \u003cspan\u003e—\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-comp-row\"\u003e\n        \u003cspan\u003e💧 EPA (oméga-3)\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e180 mg\u003c\/strong\u003e\u003c\/span\u003e\n        \u003cspan\u003e—\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-comp-row\"\u003e\n        \u003cspan\u003e💧 DHA (oméga-3)\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e200 mg\u003c\/strong\u003e\u003c\/span\u003e\n        \u003cspan\u003e—\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-comp-row\"\u003e\n        \u003cspan\u003e👁️ Vitamine A\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e800 µg\u003c\/strong\u003e\u003c\/span\u003e\n        \u003cspan\u003e100 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-comp-row\"\u003e\n        \u003cspan\u003e☀️ Vitamine D3\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e5 µg\u003c\/strong\u003e\u003c\/span\u003e\n        \u003cspan\u003e100 %\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lysi-disclaimer\"\u003e*VNR : Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n    \u003cdiv class=\"lysi-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdetails class=\"lysi-accordion-item\"\u003e\n        \u003csummary class=\"lysi-accordion-header\"\u003e📋 Liste complète des ingrédients\u003c\/summary\u003e\n        \u003cdiv class=\"lysi-accordion-content mt-3\"\u003e\n          \u003cp\u003eHuile de foie de morue (poisson), enveloppe de la capsule : gélatine de poisson, humectant : glycérol, antioxydant : tocophérols naturels (vitamine E).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"lysi-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"lysi-timeline\"\u003e\n      \u003cdiv class=\"lysi-timeline-item\"\u003e\n        \u003cdiv class=\"lysi-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"lysi-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 à 4 capsules par jour\u003c\/strong\u003e, de préférence au cours d'un repas contenant des matières grasses pour optimiser l'absorption des vitamines liposolubles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-timeline-item\"\u003e\n        \u003cdiv class=\"lysi-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"lysi-timeline-content\"\u003e\n          \u003ch3\u003eConfort optimal\u003c\/h3\u003e\n          \u003cp\u003eLes capsules sont faciles à avaler et ne laissent aucun arrière-goût de poisson. Ce format convient aux adultes et aux adolescents.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-timeline-item\"\u003e\n        \u003cdiv class=\"lysi-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"lysi-timeline-content\"\u003e\n          \u003ch3\u003eRégularité\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats optimaux, intégrez la prise à votre routine quotidienne, au petit-déjeuner ou au déjeuner.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdetails class=\"lysi-accordion-item\"\u003e\n        \u003csummary class=\"lysi-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"lysi-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe dépassez pas 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. Consultez votre médecin en cas de grossesse, d'allaitement ou de traitement médical, notamment en raison de la teneur en vitamine A.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"lysi-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'huile de foie de morue Lysi ?\u003c\/h2\u003e\n    \u003cp class=\"lysi-section-intro\"\u003eToutes les huiles de foie de morue ne se valent pas. Voici ce qui rend la formule Lýsi particulièrement fiable.\u003c\/p\u003e\n    \u003cdiv class=\"lysi-grid\"\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🇮🇸 Origine islandaise certifiée\u003c\/h3\u003e\n        \u003cp\u003eLes morues sont pêchées à l'état sauvage dans les eaux pures d'Islande, loin des zones de pollution industrielle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🌊 Pêche durable\u003c\/h3\u003e\n        \u003cp\u003eLýsi s'engage dans une démarche responsable, respectueuse des écosystèmes marins.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🔬 Purification avancée\u003c\/h3\u003e\n        \u003cp\u003eL'huile est soigneusement filtrée et débarrassée des métaux lourds et contaminants, tout en préservant ses nutriments naturels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e✅ Sans additifs inutiles\u003c\/h3\u003e\n        \u003cp\u003eLa formule reste simple, avec uniquement les ingrédients nécessaires à la qualité et à la conservation du produit.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"lysi-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"lysi-grid-compact\"\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité hivernale\u003c\/h3\u003e\n        \u003cp\u003eRenforcez vos défenses naturelles pendant les mois froids.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🦴 Os et articulations\u003c\/h3\u003e\n        \u003cp\u003ePrenez soin de votre ossature grâce à la vitamine D.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🧠 Bien-être cognitif\u003c\/h3\u003e\n        \u003cp\u003eSoutenez votre cerveau avec un apport régulier en DHA.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e💛 Capital santé global\u003c\/h3\u003e\n        \u003cp\u003eUn geste simple et quotidien, ancré dans une tradition de bien-être qui a fait ses preuves depuis des générations.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cp\u003e🇮🇸 Un savoir-faire islandais depuis 1938 — 120 capsules de pureté pour votre capital santé 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  --lysi-cream: #f4f6fa;\n  --lysi-white: #ffffff;\n  --lysi-primary: #1a3a6b;\n  --lysi-primary-dark: #0e2244;\n  --lysi-primary-light: #e8edf5;\n  --lysi-secondary: #3a6fa8;\n  --lysi-accent: #c9a84c;\n  --lysi-text: #1a1a1a;\n  --lysi-text-light: #5a5a5a;\n  --lysi-border: #dce2ec;\n  --lysi-shadow: 0 4px 24px rgba(26,58,107,.08);\n  --lysi-shadow-lg: 0 12px 48px rgba(14,34,68,.15);\n  --lysi-radius: 20px;\n  --lysi-radius-sm: 12px;\n}\n\n.lysi-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lysi-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lysi-hero {\n  position: relative;\n  background: linear-gradient(135deg, #0e2244 0%, #1a3a6b 40%, #3a6fa8 75%, #c9a84c 100%);\n  border-radius: var(--lysi-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(--lysi-shadow-lg);\n}\n\n.lysi-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(201,168,76,.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.lysi-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lysi-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,.25);\n}\n\n.lysi-subtitle {\n  color: var(--lysi-accent);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 700;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n  text-transform: uppercase;\n}\n\n.lysi-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.lysi-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lysi-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(--lysi-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lysi-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lysi-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lysi-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lysi-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.lysi-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(--lysi-primary), var(--lysi-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.lysi-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lysi-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.lysi-section-footer {\n  text-align: center;\n  font-size: clamp(14px, 2.2vw, 15px);\n  color: var(--lysi-text-light);\n  margin-top: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n  font-style: italic;\n}\n\n\/* === CARDS === *\/\n.lysi-card {\n  background: var(--lysi-white);\n  border-radius: var(--lysi-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lysi-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lysi-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lysi-shadow-lg);\n  border-color: var(--lysi-primary);\n}\n\n.lysi-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lysi-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lysi-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lysi-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lysi-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.lysi-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lysi-grid-compact .lysi-card {\n  padding: 1rem;\n}\n\n.lysi-grid-compact .lysi-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lysi-grid-compact .lysi-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.lysi-composition-table {\n  background: var(--lysi-white);\n  border-radius: var(--lysi-radius);\n  box-shadow: var(--lysi-shadow);\n  overflow: hidden;\n}\n\n.lysi-comp-row {\n  display: grid;\n  grid-template-columns: 1fr auto auto;\n  gap: 1rem;\n  padding: .875rem 1.25rem;\n  border-bottom: 1px solid var(--lysi-border);\n  align-items: center;\n  font-size: 14px;\n  color: var(--lysi-text);\n}\n\n.lysi-comp-row:last-child {\n  border-bottom: none;\n}\n\n.lysi-comp-header {\n  background: var(--lysi-primary-dark);\n  color: white;\n  font-weight: 700;\n  font-size: 13px;\n  text-transform: uppercase;\n  letter-spacing: .04em;\n}\n\n.lysi-comp-header span {\n  color: white;\n}\n\n.lysi-comp-row span:nth-child(2),\n.lysi-comp-row span:nth-child(3) {\n  text-align: right;\n  white-space: nowrap;\n}\n\n\/* === TIMELINE === *\/\n.lysi-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.lysi-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lysi-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lysi-primary), var(--lysi-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(26,58,107,.25);\n}\n\n.lysi-timeline-content {\n  flex: 1;\n  background: var(--lysi-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lysi-radius-sm);\n  box-shadow: var(--lysi-shadow);\n}\n\n.lysi-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lysi-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lysi-timeline-content p {\n  font-size: 14px;\n  color: var(--lysi-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.lysi-accordion {\n  background: var(--lysi-white);\n  border-radius: var(--lysi-radius);\n  box-shadow: var(--lysi-shadow);\n  overflow: hidden;\n}\n\n.lysi-accordion-item {\n  border-bottom: 1px solid var(--lysi-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lysi-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lysi-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lysi-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.lysi-accordion-header:hover {\n  background: var(--lysi-primary-light);\n}\n\n.lysi-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lysi-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lysi-primary);\n  transition: transform .2s ease;\n}\n\n.lysi-accordion-item[open] .lysi-accordion-header::after {\n  content: '−';\n}\n\n.lysi-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lysi-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lysi-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.lysi-cta-box {\n  background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 100%);\n  border-radius: var(--lysi-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lysi-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 50%, rgba(201,168,76,.15) 0%, transparent 60%);\n}\n\n.lysi-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  position: relative;\n  z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.lysi-disclaimer {\n  font-size: 12px;\n  color: var(--lysi-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .lysi-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .lysi-card {\n    padding: 1.125rem;\n  }\n\n  .lysi-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .lysi-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lysi-radius-sm);\n  }\n\n  .lysi-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .lysi-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .lysi-grid-compact {\n    gap: .625rem;\n  }\n\n  .lysi-grid-compact .lysi-card {\n    padding: .75rem;\n  }\n\n  .lysi-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .lysi-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .lysi-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .lysi-timeline-content p {\n    font-size: 13px;\n  }\n\n  .lysi-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .lysi-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .lysi-comp-row {\n    padding: .75rem 1rem;\n    font-size: 13px;\n    gap: .5rem;\n  }\n\n  .lysi-comp-header {\n    font-size: 11px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .lysi-card {\n    animation: lysiFadeInUp .5s ease backwards;\n  }\n  .lysi-card:nth-child(1) { animation-delay: .05s; }\n  .lysi-card:nth-child(2) { animation-delay: .1s; }\n  .lysi-card:nth-child(3) { animation-delay: .15s; }\n  .lysi-card:nth-child(4) { animation-delay: .2s; }\n  .lysi-card:nth-child(5) { animation-delay: .25s; }\n  .lysi-card:nth-child(6) { animation-delay: .3s; }\n\n  .lysi-timeline-item {\n    animation: lysiFadeInUp .5s ease backwards;\n  }\n  .lysi-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .lysi-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .lysi-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes lysiFadeInUp {\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  .lysi-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LYSI","offers":[{"title":"Default Title","offer_id":54865523081593,"sku":"NBAILSI0003","price":22.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/la-veritable-huile-de-foie-de-morue-lysi-omega-3-vit-a-d-120-packshothd.webp?v=1776183790"},{"product_id":"acerola-bio-60-gelules-graine-sauvage","title":"Acérola Bio - 60 gélules - Graine Sauvage","description":"\u003cdiv class=\"ac-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"ac-hero\"\u003e\n    \u003cdiv class=\"ac-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ac-hero-content\"\u003e\n      \u003cdiv class=\"ac-badges-top\"\u003e\n        \u003cspan class=\"ac-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n        \u003cspan class=\"ac-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"ac-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ac-hero-title\"\u003eAcérola Bio\u003c\/span\u003e\n      \u003cp class=\"ac-subtitle\"\u003eSource naturelle de vitamine C\u003c\/p\u003e\n      \u003cp class=\"ac-description\"\u003e1200 mg de poudre de jus d'acérola bio par dose · Titré à 17 % de vitamine C · Cure de 20 jours pour retrouver vitalité et énergie naturelle\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"ac-section\"\u003e\n    \u003ch2\u003eAcérola Bio Graine Sauvage : votre source naturelle de vitamine C\u003c\/h2\u003e\n    \u003cp class=\"ac-section-intro\"\u003eConnaissez-vous cette petite baie rouge originaire d'Amérique latine, considérée comme l'un des fruits les plus riches en vitamine C au monde ?\u003c\/p\u003e\n    \u003cdiv class=\"ac-highlight-box\"\u003e\n      \u003cp\u003eL'\u003cstrong\u003eacérola bio\u003c\/strong\u003e de Graine Sauvage concentre toute la puissance de ce superfruit dans un format pratique de \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e. Avec \u003cstrong\u003e1200 mg de poudre de jus d'acérola\u003c\/strong\u003e par dose quotidienne, ce \u003cstrong\u003ecomplément alimentaire acérola\u003c\/strong\u003e certifié bio vous apporte un soutien précieux pour affronter chaque journée avec vitalité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"ac-section\"\u003e\n    \u003ch2\u003ePourquoi la vitamine C de l'acérola est-elle si spéciale ?\u003c\/h2\u003e\n    \u003cdiv class=\"ac-grid-compact\"\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e🍊 Cofacteurs naturels\u003c\/h3\u003e\n        \u003cp\u003eFlavonoïdes, caroténoïdes et minéraux accompagnent naturellement la vitamine C pour une absorption optimale par l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e🔬 Titrage à 17 %\u003c\/h3\u003e\n        \u003cp\u003eLa poudre de jus d'acérola est titrée à 17 % de vitamine C, garantissant un apport significatif et constant à chaque prise.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e🌱 Qualité bio certifiée\u003c\/h3\u003e\n        \u003cp\u003eIssue de l'agriculture biologique, cette acérola vitamine C offre une qualité irréprochable, sans produit chimique de synthèse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e⚡ Meilleure assimilation\u003c\/h3\u003e\n        \u003cp\u003eContrairement à la vitamine C synthétique, votre corps assimile mieux la forme naturelle et en tire davantage de bénéfices.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"ac-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets de l'acérola au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"ac-grid\"\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e😴 Réduction de la fatigue\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine C contribue à diminuer la fatigue passagère, notamment lors des changements de saison ou des périodes de surmenage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e🛡️ Soutien du système immunitaire\u003c\/h3\u003e\n        \u003cp\u003eElle participe activement au fonctionnement normal de vos défenses naturelles pour vous protéger tout au long de l'année.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e🧬 Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eElle aide à protéger vos cellules contre le stress oxydatif, facteur majeur du vieillissement prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e🧠 Système nerveux équilibré\u003c\/h3\u003e\n        \u003cp\u003eElle contribue à l'équilibre de vos fonctions psychologiques normales et au bon fonctionnement du système nerveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e🩸 Meilleure absorption du fer\u003c\/h3\u003e\n        \u003cp\u003eUn atout précieux si vous avez tendance aux carences en fer : la vitamine C facilite son assimilation par 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=\"ac-section\"\u003e\n    \u003ch2\u003eComposition détaillée — pour 3 gélules\u003c\/h2\u003e\n    \u003cdiv class=\"ac-composition\"\u003e\n      \u003cdiv class=\"ac-compo-item ac-compo-main\"\u003e\n        \u003cdiv class=\"ac-compo-header\"\u003e\n          \u003cspan class=\"ac-compo-emoji\"\u003e🍒\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003ePoudre de jus d'acérola biologique*\u003c\/h3\u003e\n            \u003cspan class=\"ac-compo-dose\"\u003e1200 mg\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp\u003eTitrée à 17 % de vitamine C, soit environ \u003cstrong\u003e204 mg de vitamine C naturelle\u003c\/strong\u003e par dose quotidienne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-compo-item\"\u003e\n        \u003cdiv class=\"ac-compo-header\"\u003e\n          \u003cspan class=\"ac-compo-emoji\"\u003e🌾\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eFibre d'acacia biologique*\u003c\/h3\u003e\n            \u003cspan class=\"ac-compo-dose\"\u003e300 mg\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp\u003ePour un meilleur confort digestif et une tolérance optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-compo-item\"\u003e\n        \u003cdiv class=\"ac-compo-header\"\u003e\n          \u003cspan class=\"ac-compo-emoji\"\u003e💊\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eGélule végétale en hypromellose\u003c\/h3\u003e\n            \u003cspan class=\"ac-compo-dose\"\u003eEnveloppe\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp\u003eConvient aux régimes végétariens et végans.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ac-disclaimer\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique, certifiés par FR-BIO-01.\u003c\/em\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"ac-section\"\u003e\n    \u003ch2\u003eComment prendre l'acérola bio Graine Sauvage ?\u003c\/h2\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\u003ePrenez 3 gélules par jour\u003c\/h3\u003e\n          \u003cp\u003eAvec un grand verre d'eau, en une seule fois au petit-déjeuner ou réparties sur la matinée selon votre préférence.\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\u003eDe préférence avant 15h\u003c\/h3\u003e\n          \u003cp\u003eLa vitamine C ayant un léger effet stimulant, mieux vaut éviter une prise en fin de journée pour ne pas perturber votre sommeil.\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\u003eCure de 20 jours\u003c\/h3\u003e\n          \u003cp\u003eLe flacon de 60 gélules correspond à une cure complète. Pour un effet optimal, renouvelez la cure à chaque changement de saison.\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\u003cstrong\u003eAstuce :\u003c\/strong\u003e associez votre cure d'acérola aux périodes clés — rentrée, début de l'hiver, printemps — pour un soutien immunitaire maximal.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"ac-section\"\u003e\n    \u003ch2\u003eCe qui fait la différence\u003c\/h2\u003e\n    \u003cdiv class=\"ac-grid-compact\"\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eCertification Agriculture Biologique garantie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e🧾 Formule transparente\u003c\/h3\u003e\n        \u003cp\u003eAucun additif inutile, aucun conservateur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e🌿 Gélules végétales\u003c\/h3\u003e\n        \u003cp\u003eFaciles à avaler, adaptées à tous les régimes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e💪 Dosage généreux\u003c\/h3\u003e\n        \u003cp\u003e1200 mg d'acérola pour un apport réellement efficace en vitamine C naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"ac-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"ac-accordion\"\u003e\n      \u003cdetails class=\"ac-accordion-item\"\u003e\n        \u003csummary class=\"ac-accordion-header\"\u003e📋 Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée de 3 gélules par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ac-accordion-item\"\u003e\n        \u003csummary class=\"ac-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical préalable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ac-accordion-item\"\u003e\n        \u003csummary class=\"ac-accordion-header\"\u003e🥗 Complément alimentaire\u003c\/summary\u003e\n        \u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas une alimentation variée et équilibrée\u003c\/strong\u003e ni un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ac-accordion-item\"\u003e\n        \u003csummary class=\"ac-accordion-header\"\u003e💊 Traitement médical\u003c\/summary\u003e\n        \u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de traitement médical, consultez votre professionnel de santé avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ac-accordion-item\"\u003e\n        \u003csummary class=\"ac-accordion-header\"\u003e🏠 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver à 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    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --ac-cream: #f8f9f2;\n  --ac-white: #ffffff;\n  --ac-primary: #7ab648;\n  --ac-primary-dark: #4a7a2a;\n  --ac-primary-light: #edf5e4;\n  --ac-secondary: #c8d632;\n  --ac-accent: #f0e03b;\n  --ac-text: #1a1a1a;\n  --ac-text-light: #5a5a5a;\n  --ac-border: #e0e0e0;\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, #4a7a2a 0%, #7ab648 40%, #c8d632 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-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(240,224,59,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\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(16px, 3vw, 22px);\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.ac-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(13px, 2.2vw, 16px);\n  max-width: 650px;\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\/* === SECTION INTRO === *\/\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}\n\n\/* === HIGHLIGHT BOX === *\/\n.ac-highlight-box {\n  background: var(--ac-white);\n  border-radius: var(--ac-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ac-shadow);\n  border-left: 4px solid var(--ac-primary);\n}\n\n.ac-highlight-box p {\n  font-size: clamp(14px, 2.3vw, 16px);\n  color: var(--ac-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n.ac-highlight-box strong {\n  color: var(--ac-primary-dark);\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\/* === GRILLES === *\/\n.ac-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\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\/* === COMPOSITION === *\/\n.ac-composition {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ac-compo-item {\n  background: var(--ac-white);\n  border-radius: var(--ac-radius-sm);\n  padding: 1.25rem 1.5rem;\n  box-shadow: var(--ac-shadow);\n  transition: all .3s ease;\n}\n\n.ac-compo-item:hover {\n  transform: translateY(-3px);\n  box-shadow: var(--ac-shadow-lg);\n}\n\n.ac-compo-main {\n  border: 2px solid var(--ac-primary);\n  background: var(--ac-primary-light);\n}\n\n.ac-compo-header {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  margin-bottom: .5rem;\n}\n\n.ac-compo-emoji {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.ac-compo-header h3 {\n  font-size: clamp(15px, 2.5vw, 17px);\n  font-weight: 800;\n  color: var(--ac-primary-dark);\n  margin: 0;\n  line-height: 1.3;\n}\n\n.ac-compo-dose {\n  display: inline-block;\n  background: linear-gradient(135deg, var(--ac-primary), var(--ac-secondary));\n  color: white;\n  padding: 2px 10px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  margin-top: 4px;\n}\n\n.ac-compo-item 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-compo-item p strong {\n  color: var(--ac-primary-dark);\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\/* === TESTIMONIAL === *\/\n.ac-testimonial {\n  background: var(--ac-white);\n  border-radius: var(--ac-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ac-shadow);\n  border-left: 4px solid var(--ac-primary);\n}\n\n.ac-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ac-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ac-accordion {\n  background: var(--ac-white);\n  border-radius: var(--ac-radius);\n  box-shadow: var(--ac-shadow);\n  overflow: hidden;\n}\n\n.ac-accordion-item {\n  border-bottom: 1px solid var(--ac-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ac-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ac-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ac-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.ac-accordion-header:hover {\n  background: var(--ac-primary-light);\n}\n\n.ac-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ac-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ac-primary);\n  transition: transform .2s ease;\n}\n\n.ac-accordion-item[open] .ac-accordion-header::after {\n  content: '−';\n}\n\n.ac-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ac-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ac-accordion-content p {\n  margin: 0;\n}\n\n.ac-accordion-content strong {\n  color: var(--ac-text);\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}\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-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ac-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .ac-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .ac-compo-item {\n    padding: 1rem;\n  }\n\n  .ac-compo-emoji {\n    font-size: 26px;\n  }\n\n  .ac-compo-header h3 {\n    font-size: 14px;\n  }\n\n  .ac-tip {\n    padding: .875rem 1rem;\n  }\n\n  .ac-tip-icon {\n    font-size: 20px;\n  }\n\n  .ac-tip p {\n    font-size: 13px;\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-compo-item {\n    animation: acFadeInUp .5s ease backwards;\n  }\n  .ac-compo-item:nth-child(1) { animation-delay: .05s; }\n  .ac-compo-item:nth-child(2) { animation-delay: .1s; }\n  .ac-compo-item:nth-child(3) { animation-delay: .15s; }\n\n  .ac-timeline-item {\n    animation: acFadeInUp .5s ease backwards;\n  }\n  .ac-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .ac-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .ac-timeline-item:nth-child(3) { animation-delay: .15s; }\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":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54881431552377,"sku":"GS0006","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/acerola-bio-60-gelules-graine-sauvage-packshothd.webp?v=1785946343"},{"product_id":"andrographis-gelules-graine-sauvage","title":"Andrographis en extrait – 60 gélules – Graine Sauvage","description":"\u003cdiv class=\"ag-premium\"\u003e\n\n  \u003c!-- HERO --\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🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"ag-badge\"\u003e🌿 Vegan\u003c\/span\u003e\n        \u003cspan class=\"ag-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n        \u003cspan class=\"ag-badge\"\u003e🔬 Titré à 10 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ag-hero-title\"\u003eAndrographis en extrait\u003c\/span\u003e\n      \u003cp class=\"ag-subtitle\"\u003eGraine Sauvage – 60 gélules végétales\u003c\/p\u003e\n      \u003cp class=\"ag-description\"\u003eRenforcez naturellement vos défenses immunitaires grâce à un extrait concentré d'andrographis, titré à 10 % d'andrographolides. Votre bouclier naturel pour affronter l'hiver en toute sérénité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"ag-section\"\u003e\n    \u003ch2\u003eAndrographis en extrait : votre allié naturel pour des défenses immunitaires renforcées\u003c\/h2\u003e\n    \u003cp class=\"ag-section-intro\"\u003eVous cherchez un moyen naturel de \u003cstrong\u003esoutenir votre système immunitaire\u003c\/strong\u003e à l'approche de l'hiver ou lors des changements de saison ?\u003c\/p\u003e\n    \u003cdiv class=\"ag-highlight-box\"\u003e\n      \u003cp\u003eL'\u003cstrong\u003eAndrographis en extrait de Graine Sauvage\u003c\/strong\u003e est un complément alimentaire formulé pour vous aider à traverser les périodes sensibles avec sérénité. Fabriqué en France et conditionné en \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e, il convient parfaitement aux personnes suivant un régime \u003cstrong\u003evegan\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"ag-section\"\u003e\n    \u003ch2\u003eQu'est-ce que l'andrographis et quels sont ses bienfaits ?\u003c\/h2\u003e\n    \u003cp class=\"ag-section-intro\"\u003eL'\u003cstrong\u003eAndrographis paniculata\u003c\/strong\u003e, parfois surnommée « échinacée d'Inde », est une plante herbacée utilisée depuis des siècles dans les médecines traditionnelles asiatiques. Son goût particulièrement amer lui vaut également le nom de « roi des amers ».\u003c\/p\u003e\n    \u003cdiv class=\"ag-grid\"\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e🛡️ Soutien des défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eL'andrographis contribue au bon fonctionnement du système immunitaire, aidant votre organisme à mieux résister aux agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e🌬️ Confort respiratoire\u003c\/h3\u003e\n        \u003cp\u003eElle favorise l'apaisement des voies respiratoires supérieures, notamment en cas de gêne au niveau de la gorge ou de toux passagère.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e✨ Action antioxydante\u003c\/h3\u003e\n        \u003cp\u003eSes composés actifs participent à la protection des cellules contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"ag-section\"\u003e\n    \u003ch2\u003eUn extrait concentré titré à 10 % d'andrographolides\u003c\/h2\u003e\n    \u003cdiv class=\"ag-concentrate-box\"\u003e\n      \u003cdiv class=\"ag-concentrate-stat\"\u003e\n        \u003cspan class=\"ag-stat-number\"\u003e10 %\u003c\/span\u003e\n        \u003cspan class=\"ag-stat-label\"\u003ed'andrographolides\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-concentrate-text\"\u003e\n        \u003cp\u003eCe qui distingue ce produit, c'est la qualité de son extrait. Chaque gélule contient un \u003cstrong\u003eextrait d'andrographis titré à 10 % d'andrographolides\u003c\/strong\u003e, le principal composé actif de la plante. Ce titrage élevé garantit une concentration optimale à chaque prise, contrairement à de simples poudres de plante broyée dont la teneur en principes actifs reste aléatoire.\u003c\/p\u003e\n        \u003cp\u003eConcrètement, avec la posologie d'attaque de 6 gélules par jour, vous bénéficiez d'un apport significatif en andrographolides, bien au-dessus du seuil généralement recommandé pour ressentir les bienfaits de cette plante.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"ag-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cdiv class=\"ag-grid-compact\"\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e🌱 Extrait d'Andrographis paniculata\u003c\/h3\u003e\n        \u003cp\u003eParties aériennes, titré à 10 % d'andrographolides\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e💊 Gélule d'origine végétale\u003c\/h3\u003e\n        \u003cp\u003eHPMC – convient aux végétariens et vegans\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"ag-section\"\u003e\n    \u003ch2\u003eComment prendre l'andrographis en gélules ?\u003c\/h2\u003e\n    \u003cp class=\"ag-section-intro\"\u003eLa posologie s'adapte à votre situation personnelle :\u003c\/p\u003e\n    \u003cdiv class=\"ag-timeline\"\u003e\n      \u003cdiv class=\"ag-timeline-item\"\u003e\n        \u003cdiv class=\"ag-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"ag-timeline-content\"\u003e\n          \u003ch3\u003e⚡ En cure d'attaque\u003c\/h3\u003e\n          \u003cp\u003eDès les premiers signes de gêne : prenez \u003cstrong\u003e2 gélules, 3 fois par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence avant les repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-timeline-item\"\u003e\n        \u003cdiv class=\"ag-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"ag-timeline-content\"\u003e\n          \u003ch3\u003e🛡️ En entretien\u003c\/h3\u003e\n          \u003cp\u003ePrévention saisonnière : \u003cstrong\u003e2 gélules chaque matin\u003c\/strong\u003e suffisent pour maintenir vos défenses au quotidien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ag-tip\"\u003e\n      \u003cspan class=\"ag-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eUn flacon de 60 gélules correspond à environ \u003cstrong\u003e10 jours de cure d'attaque\u003c\/strong\u003e ou \u003cstrong\u003e30 jours en entretien\u003c\/strong\u003e. Pour une protection renforcée tout au long de l'hiver, pensez à renouveler votre cure.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"ag-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'andrographis Graine Sauvage ?\u003c\/h2\u003e\n    \u003cdiv class=\"ag-grid\"\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eDes standards de qualité rigoureux pour un produit sûr et traçable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e🔬 Extrait titré\u003c\/h3\u003e\n        \u003cp\u003ePour une efficacité vérifiable et constante à chaque gélule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e🌿 Gélules 100 % végétales\u003c\/h3\u003e\n        \u003cp\u003eSans gélatine animale, parfaitement adaptées aux vegans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e🧪 Formule pure\u003c\/h3\u003e\n        \u003cp\u003eSans additifs inutiles, pour l'essentiel et rien d'autre.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ag-card\"\u003e\n        \u003ch3\u003e🔄 Prévention et soutien\u003c\/h3\u003e\n        \u003cp\u003eAdapté aussi bien en prévention saisonnière qu'en soutien ponctuel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"ag-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"ag-accordion\"\u003e\n      \u003cdetails class=\"ag-accordion-item\"\u003e\n        \u003csummary class=\"ag-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e. Non recommandé en cas de traitement \u003cstrong\u003eantidiabétique ou anticoagulant\u003c\/strong\u003e : consultez votre médecin au préalable.\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📋 Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe 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 mt-3\"\u003e\n          \u003cp\u003eÀ conserver 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=\"ag-disclaimer\"\u003e\u003cstrong\u003eRappel important :\u003c\/strong\u003e ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical. En cas de symptômes persistants, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --ag-cream: #f7f8f2;\n  --ag-white: #ffffff;\n  --ag-primary: #8cb83d;\n  --ag-primary-dark: #3d6b1c;\n  --ag-primary-light: #eef5dd;\n  --ag-secondary: #c8d929;\n  --ag-accent: #e5d520;\n  --ag-text: #1a1a1a;\n  --ag-text-light: #5a5a5a;\n  --ag-border: #e0e0e0;\n  --ag-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ag-shadow-lg: 0 12px 48px rgba(0,0,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}\n\n\/* === HERO === *\/\n.ag-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3d6b1c 0%, #6a9c2e 40%, #8cb83d 70%, #a8cc4a 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: 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(200,217,41,.1) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.ag-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ag-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\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.ag-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}\n\n.ag-description {\n  color: rgba(255,255,255,.9);\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.ag-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\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,.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,.1);\n  transition: all .3s ease;\n}\n\n.ag-badge:hover {\n  transform: translateY(-2px) scale(1.05);\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: -.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\/* === SECTION INTRO TEXT === *\/\n.ag-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ag-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\/* === HIGHLIGHT BOX === *\/\n.ag-highlight-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  border-left: 4px solid var(--ag-primary);\n}\n\n.ag-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--ag-text);\n  line-height: 1.8;\n  margin: 0;\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 .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 .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\/* === GRILLES === *\/\n.ag-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ag-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ag-grid-compact .ag-card {\n  padding: 1rem;\n}\n\n.ag-grid-compact .ag-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ag-grid-compact .ag-card p {\n  font-size: 12px;\n}\n\n\/* === CONCENTRATE BOX === *\/\n.ag-concentrate-box {\n  display: flex;\n  gap: 2rem;\n  align-items: center;\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-concentrate-stat {\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 120px;\n  height: 120px;\n  background: linear-gradient(135deg, var(--ag-primary), var(--ag-secondary));\n  border-radius: 50%;\n  text-align: center;\n}\n\n.ag-stat-number {\n  font-size: 32px;\n  font-weight: 900;\n  color: white;\n  line-height: 1;\n  text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.ag-stat-label {\n  font-size: 11px;\n  font-weight: 700;\n  color: rgba(255,255,255,.9);\n  margin-top: 4px;\n  text-transform: uppercase;\n  letter-spacing: .03em;\n}\n\n.ag-concentrate-text {\n  flex: 1;\n}\n\n.ag-concentrate-text p {\n  font-size: clamp(14px, 2.2vw, 15px);\n  color: var(--ag-text-light);\n  line-height: 1.7;\n  margin: 0 0 .75rem 0;\n}\n\n.ag-concentrate-text p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.ag-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ag-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ag-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ag-primary), var(--ag-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.ag-timeline-content {\n  flex: 1;\n  background: var(--ag-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ag-radius-sm);\n  box-shadow: var(--ag-shadow);\n}\n\n.ag-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ag-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ag-timeline-content p {\n  font-size: 14px;\n  color: var(--ag-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.ag-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ag-primary-light);\n  border-radius: var(--ag-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ag-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ag-tip p {\n  font-size: 14px;\n  color: var(--ag-text);\n  margin: 0;\n  line-height: 1.6;\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 .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 .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  margin-top: 10px;\n}\n\n.ag-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ag-disclaimer {\n  font-size: 12px;\n  color: var(--ag-text-light);\n  text-align: center;\n  margin-top: 1.25rem;\n  font-style: italic;\n  line-height: 1.6;\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-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: .75rem;\n  }\n\n  .ag-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ag-grid-compact {\n    gap: .625rem;\n  }\n\n  .ag-grid-compact .ag-card {\n    padding: .75rem;\n  }\n\n  .ag-concentrate-box {\n    flex-direction: column;\n    text-align: center;\n    padding: 1.5rem;\n  }\n\n  .ag-concentrate-stat {\n    width: 100px;\n    height: 100px;\n  }\n\n  .ag-stat-number {\n    font-size: 26px;\n  }\n\n  .ag-stat-label {\n    font-size: 10px;\n  }\n\n  .ag-concentrate-text p {\n    font-size: 14px;\n  }\n\n  .ag-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ag-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ag-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ag-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ag-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ag-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .ag-highlight-box {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ag-card {\n    animation: agFadeInUp .5s ease backwards;\n  }\n  .ag-card:nth-child(1) { animation-delay: .05s; }\n  .ag-card:nth-child(2) { animation-delay: .1s; }\n  .ag-card:nth-child(3) { animation-delay: .15s; }\n  .ag-card:nth-child(4) { animation-delay: .2s; }\n  .ag-card:nth-child(5) { animation-delay: .25s; }\n  .ag-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes agFadeInUp {\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":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54881608630649,"sku":"GS1025","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/andrographis-en-extrait-60-gelules-graine-sauvage-packshothd_37381a1e-8315-4cd1-8090-595d66208ac9.webp?v=1785946209"},{"product_id":"graines-de-sommeil-graine-sauvage","title":"Graines de sommeil bio - 60 gélules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Graines de Sommeil Bio - 60 gélules - Graine Sauvage\nPalette détectée:\n  - Primaire: #7CB342 (vert chartreuse du bouchon et éléments du packaging)\n  - Secondaire: #C8E6C9 (vert pâle\/crème du fond d'étiquette)\n  - Accent: #E53935 (rouge du texte \"GRAINE SAUVAGE\")\n  - Fond crème: #F5F3E8 (teinte naturelle douce)\nAmbiance: Naturel\/bio, doux, apaisant, végétal. Univers sommeil et bien-être.\nL'identité visuelle est ludique (mascotte graine) mais sérieuse (certification AB).\nPréfixe CSS: gs\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Graines de Sommeil Bio : retrouvez des nuits paisibles grâce à quatre plantes apaisantes\"\n  2. \"Une synergie de quatre plantes bio aux vertus complémentaires\"\n  3. \"Composition et posologie\"\n  4. \"Pourquoi choisir ces gélules sommeil bio ?\"\n  5. \"Précautions et recommandations\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gs-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"gs-hero\"\u003e\n    \u003cdiv class=\"gs-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"gs-hero-content\"\u003e\n      \u003cdiv class=\"gs-badges-top\"\u003e\n        \u003cspan class=\"gs-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n        \u003cspan class=\"gs-badge\"\u003e🌙 60 gélules végétales\u003c\/span\u003e\n        \u003cspan class=\"gs-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"gs-hero-title\"\u003eGraines de Sommeil Bio\u003c\/span\u003e\n      \u003cp class=\"gs-subtitle\"\u003eNuit paisible — par Graine Sauvage\u003c\/p\u003e\n      \u003cp class=\"gs-description\"\u003e4 plantes bio apaisantes réunies dans une gélule végétale pour retrouver un endormissement naturel et un sommeil profond, soir après soir.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"gs-section\"\u003e\n    \u003ch2\u003eGraines de Sommeil Bio : retrouvez des nuits paisibles grâce à quatre plantes apaisantes\u003c\/h2\u003e\n    \u003cp class=\"gs-section-intro\"\u003eVous tournez dans votre lit, votre esprit refuse de se calmer, et le réveil approche trop vite ?\u003c\/p\u003e\n    \u003cdiv class=\"gs-testimonial\"\u003e\n      \u003cp class=\"gs-testimonial-text\"\u003eLes \u003cstrong\u003eGraines de Sommeil Bio\u003c\/strong\u003e de \u003cem\u003eGraine Sauvage\u003c\/em\u003e ont été formulées précisément pour vous. Ce complément alimentaire en \u003cstrong\u003egélules sommeil\u003c\/strong\u003e réunit quatre plantes biologiques aux vertus relaxantes, soigneusement dosées pour favoriser un \u003cstrong\u003eendormissement naturel\u003c\/strong\u003e et un sommeil profond et réparateur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"gs-section\"\u003e\n    \u003ch2\u003eUne synergie de quatre plantes bio aux vertus complémentaires\u003c\/h2\u003e\n    \u003cp class=\"gs-section-intro\"\u003eContrairement à certaines solutions contenant un seul actif, cette formule mise sur la complémentarité de quatre extraits végétaux. Chaque plante joue un rôle précis dans le processus d'endormissement et le maintien d'un sommeil de qualité.\u003c\/p\u003e\n    \u003cdiv class=\"gs-grid\"\u003e\n      \u003cdiv class=\"gs-card\"\u003e\n        \u003ch3\u003e🌸 Passiflore bio\u003c\/h3\u003e\n        \u003cp\u003eVéritable alliée de la détente, elle aide à relâcher les tensions nerveuses accumulées dans la journée. Particulièrement utile si vous avez tendance à ressasser vos pensées au moment du coucher.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gs-card\"\u003e\n        \u003ch3\u003e🍺 Houblon bio\u003c\/h3\u003e\n        \u003cp\u003eReconnu depuis des siècles pour ses effets calmants, il contribue à apaiser l'agitation intérieure et à préparer votre organisme au repos.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gs-card\"\u003e\n        \u003ch3\u003e🌼 Aubépine bio\u003c\/h3\u003e\n        \u003cp\u003eElle soutient l'équilibre émotionnel en réduisant la nervosité et l'irritabilité. Si le stress du quotidien perturbe vos nuits, l'aubépine vous aide à retrouver la sérénité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gs-card\"\u003e\n        \u003ch3\u003e☕ Camomille bio\u003c\/h3\u003e\n        \u003cp\u003eDouce et apaisante, elle accompagne la phase d'endormissement et limite les réveils nocturnes pour un sommeil continu et véritablement réparateur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gs-tip\"\u003e\n      \u003cspan class=\"gs-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eCette association végétale offre une alternative naturelle pour celles et ceux qui recherchent des \u003cstrong\u003egélules sommeil\u003c\/strong\u003e efficaces sans mélatonine de synthèse. Si vous avez déjà testé des formules comme les \u003cstrong\u003eMéla-Sommeil 2 gélules\u003c\/strong\u003e et préférez une approche 100 % plantes, cette synergie est faite pour vous.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"gs-section\"\u003e\n    \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"gs-composition-box\"\u003e\n      \u003cdiv class=\"gs-composition-header\"\u003e\n        \u003cp\u003e🧪 Ingrédients pour 3 gélules (dose journalière)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gs-grid-compact\"\u003e\n        \u003cdiv class=\"gs-card\"\u003e\n          \u003ch3\u003e🌸 Passiflore bio\u003c\/h3\u003e\n          \u003cp\u003ePartie aérienne — \u003cstrong\u003e450 mg\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"gs-card\"\u003e\n          \u003ch3\u003e☕ Camomille bio\u003c\/h3\u003e\n          \u003cp\u003eFleur — \u003cstrong\u003e300 mg\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"gs-card\"\u003e\n          \u003ch3\u003e🍺 Houblon bio\u003c\/h3\u003e\n          \u003cp\u003eCône — \u003cstrong\u003e300 mg\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"gs-card\"\u003e\n          \u003ch3\u003e🌼 Aubépine bio\u003c\/h3\u003e\n          \u003cp\u003eSommité fleurie — \u003cstrong\u003e300 mg\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"gs-envelope-note\"\u003eEnveloppe : gélule végétale (HPMC)\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gs-timeline\"\u003e\n      \u003cdiv class=\"gs-timeline-item\"\u003e\n        \u003cdiv class=\"gs-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"gs-timeline-content\"\u003e\n          \u003ch3\u003ePrenez 3 gélules\u003c\/h3\u003e\n          \u003cp\u003eAvec un grand verre d'eau, environ \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gs-timeline-item\"\u003e\n        \u003cdiv class=\"gs-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"gs-timeline-content\"\u003e\n          \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n          \u003cp\u003eLe pilulier contient \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e, soit une cure complète d'environ 20 jours.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gs-timeline-item\"\u003e\n        \u003cdiv class=\"gs-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"gs-timeline-content\"\u003e\n          \u003ch3\u003eRenouvelez pour des résultats durables\u003c\/h3\u003e\n          \u003cp\u003ePour des bienfaits optimaux, nous vous conseillons de renouveler la cure pendant \u003cstrong\u003edeux à trois mois\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"gs-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ces gélules sommeil bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"gs-grid-compact\"\u003e\n      \u003cdiv class=\"gs-card\"\u003e\n        \u003ch3\u003e🌱 Certifié bio AB\u003c\/h3\u003e\n        \u003cp\u003eFR-BIO-01 : des ingrédients cultivés sans pesticides ni engrais chimiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gs-card\"\u003e\n        \u003ch3\u003e🥬 100 % végétal\u003c\/h3\u003e\n        \u003cp\u003eGélules végétales convenant aux végétariens et végétaliens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gs-card\"\u003e\n        \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n        \u003cp\u003eSans additifs chimiques, sans gluten : une formule propre, sans excipients inutiles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gs-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003ePar Graine Sauvage, marque engagée dans une démarche écologique et responsable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gs-tip\"\u003e\n      \u003cspan class=\"gs-tip-icon\"\u003e🌰\u003c\/span\u003e\n      \u003cp\u003eBien des personnes se tournent vers les \u003cstrong\u003egraines de courge pour le sommeil\u003c\/strong\u003e ou les \u003cstrong\u003egraines de chanvre pour le sommeil\u003c\/strong\u003e. Si ces aliments sont intéressants au plan nutritionnel, ils n'offrent pas la concentration en principes actifs relaxants que procure une formule spécifiquement conçue pour la nuit. C'est tout l'avantage des Graines de Sommeil Bio : un dosage précis, une action ciblée, un format pratique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"gs-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions et recommandations\u003c\/h2\u003e\n    \u003cdiv class=\"gs-accordion\"\u003e\n      \u003cdetails class=\"gs-accordion-item\"\u003e\n        \u003csummary class=\"gs-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"gs-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace ni un traitement médical, ni un suivi par un professionnel de santé. Déconseillé aux femmes enceintes ou 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=\"gs-accordion-item\"\u003e\n        \u003csummary class=\"gs-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"gs-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver 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=\"gs-accordion-item\"\u003e\n        \u003csummary class=\"gs-accordion-header\"\u003e🩺 Consultation médicale\u003c\/summary\u003e\n        \u003cdiv class=\"gs-accordion-content mt-3\"\u003e\n          \u003cp\u003eSi vos troubles du sommeil persistent, consultez votre médecin afin d'identifier d'éventuelles causes sous-jacentes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gs-cta-box\"\u003e\n      \u003cp\u003e🌙 Offrez-vous enfin des nuits complètes et un réveil en pleine forme : les \u003cstrong\u003eGraines de Sommeil Bio\u003c\/strong\u003e sont votre allié naturel pour des nuits paisibles, soir après soir.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"gs-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  --gs-cream: #F7F5EC;\n  --gs-white: #ffffff;\n  --gs-primary: #7CB342;\n  --gs-primary-dark: #558B2F;\n  --gs-primary-light: #E8F5E9;\n  --gs-secondary: #AED581;\n  --gs-accent: #E53935;\n  --gs-text: #1a1a1a;\n  --gs-text-light: #5a5a5a;\n  --gs-border: #e0e0e0;\n  --gs-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --gs-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --gs-radius: 20px;\n  --gs-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gs-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gs-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gs-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2E7D32 0%, #558B2F 40%, #33691E 100%);\n  border-radius: var(--gs-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(--gs-shadow-lg);\n}\n\n.gs-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(174,213,129,.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.gs-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.gs-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.gs-subtitle {\n  color: rgba(255,255,255,.85);\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.gs-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.gs-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gs-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(--gs-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gs-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gs-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gs-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gs-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.gs-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(--gs-primary), var(--gs-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gs-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gs-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.gs-card {\n  background: var(--gs-white);\n  border-radius: var(--gs-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gs-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gs-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gs-shadow-lg);\n  border-color: var(--gs-primary);\n}\n\n.gs-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gs-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gs-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gs-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gs-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gs-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gs-grid-compact .gs-card {\n  padding: 1rem;\n}\n\n.gs-grid-compact .gs-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gs-grid-compact .gs-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.gs-composition-box {\n  margin-bottom: 1.5rem;\n}\n\n.gs-composition-header {\n  text-align: center;\n  margin-bottom: 1rem;\n}\n\n.gs-composition-header p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  font-weight: 700;\n  color: var(--gs-primary-dark);\n  margin: 0;\n}\n\n.gs-envelope-note {\n  text-align: center;\n  font-size: 13px;\n  color: var(--gs-text-light);\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === TIMELINE === *\/\n.gs-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gs-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gs-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gs-primary), var(--gs-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.gs-timeline-content {\n  flex: 1;\n  background: var(--gs-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gs-radius-sm);\n  box-shadow: var(--gs-shadow);\n}\n\n.gs-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gs-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gs-timeline-content p {\n  font-size: 14px;\n  color: var(--gs-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gs-testimonial {\n  background: var(--gs-white);\n  border-radius: var(--gs-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gs-shadow);\n  border-left: 4px solid var(--gs-primary);\n}\n\n.gs-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gs-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gs-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gs-primary-light);\n  border-radius: var(--gs-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gs-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gs-tip p {\n  font-size: 14px;\n  color: var(--gs-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gs-accordion {\n  background: var(--gs-white);\n  border-radius: var(--gs-radius);\n  box-shadow: var(--gs-shadow);\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.gs-accordion-item {\n  border-bottom: 1px solid var(--gs-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gs-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gs-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gs-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.gs-accordion-header:hover {\n  background: var(--gs-primary-light);\n}\n\n.gs-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gs-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gs-primary);\n  transition: transform .2s ease;\n}\n\n.gs-accordion-item[open] .gs-accordion-header::after {\n  content: '−';\n}\n\n.gs-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gs-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gs-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gs-cta-box {\n  background: linear-gradient(135deg, var(--gs-primary) 0%, var(--gs-primary-dark) 100%);\n  border-radius: var(--gs-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.gs-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.gs-disclaimer {\n  font-size: 12px;\n  color: var(--gs-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  .gs-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gs-card {\n    padding: 1.125rem;\n  }\n\n  .gs-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gs-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gs-radius-sm);\n  }\n\n  .gs-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gs-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gs-grid-compact {\n    gap: .625rem;\n  }\n\n  .gs-grid-compact .gs-card {\n    padding: .75rem;\n  }\n\n  .gs-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gs-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gs-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gs-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gs-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gs-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .gs-testimonial {\n    padding: 1.25rem;\n  }\n\n  .gs-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gs-card {\n    animation: gsFadeInUp .5s ease backwards;\n  }\n  .gs-card:nth-child(1) { animation-delay: .05s; }\n  .gs-card:nth-child(2) { animation-delay: .1s; }\n  .gs-card:nth-child(3) { animation-delay: .15s; }\n  .gs-card:nth-child(4) { animation-delay: .2s; }\n  .gs-card:nth-child(5) { animation-delay: .25s; }\n  .gs-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gsFadeInUp {\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  .gs-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54887975256441,"sku":"GS4011","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/graines-de-sommeil-bio-60-gelules-graine-sauvage-packshothd.webp?v=1785941649"},{"product_id":"mate-vert-graine-sauvage","title":"Maté Vert Bio - 60 gélules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Maté Vert Bio - 60 gélules - Graine Sauvage\nPalette détectée:\n  - Primaire: #7CB342 (vert vif du bouchon\/éléments du packaging)\n  - Secondaire: #558B2F (vert foncé du label bio et textes)\n  - Accent: #C0D904 (vert-jaune chartreuse du bouchon)\n  - Fond crème: #F7F5EF (blanc cassé\/crème du flacon)\nAmbiance: Naturel\/bio, frais, énergisant, simple et authentique, petite marque artisanale engagée\nPréfixe CSS: mv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Maté vert bio : un allié naturel pour votre énergie et votre vitalité\"\n  2. \"Les bienfaits du maté vert sur votre organisme\"\n  3. \"Maté vert ou thé vert : lequel choisir ?\"\n  4. \"Composition et posologie\"\n  5. \"Qualité et engagements Graine Sauvage\"\n  6. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"mv-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"mv-hero\"\u003e\n    \u003cdiv class=\"mv-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mv-hero-content\"\u003e\n      \u003cdiv class=\"mv-badges-top\"\u003e\n        \u003cspan class=\"mv-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n        \u003cspan class=\"mv-badge\"\u003e🇧🇷 Origine Brésil\u003c\/span\u003e\n        \u003cspan class=\"mv-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mv-hero-title\"\u003eMaté Vert Bio\u003c\/span\u003e\n      \u003cp class=\"mv-subtitle\"\u003eGraine Sauvage — 60 gélules végétales\u003c\/p\u003e\n      \u003cp class=\"mv-description\"\u003eL'énergie naturelle des forêts subtropicales brésiliennes, concentrée dans une gélule 100 % bio. Stimulant, drainant et riche en antioxydants.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"mv-section\"\u003e\n    \u003ch2\u003eMaté vert bio : un allié naturel pour votre énergie et votre vitalité\u003c\/h2\u003e\n    \u003cp class=\"mv-section-intro\"\u003eOriginaire des forêts subtropicales du Brésil, le \u003cstrong\u003ematé vert bio\u003c\/strong\u003e de Graine Sauvage vous offre toute la puissance de l'\u003cem\u003eIlex paraguariensis\u003c\/em\u003e dans un format pratique de \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003cdiv class=\"mv-grid-compact\"\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e🌱 Certifié AB\u003c\/h3\u003e\n        \u003cp\u003eAgriculture Biologique contrôlée par FR-BIO-01\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e☕ Alternative au café\u003c\/h3\u003e\n        \u003cp\u003eÉnergie durable sans les pics nerveux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e🍃 100 % végétal\u003c\/h3\u003e\n        \u003cp\u003eGélules HPMC d'origine végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e📅 15 jours\u003c\/h3\u003e\n        \u003cp\u003eUn pilulier complet pour démarrer votre cure\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"mv-section\"\u003e\n    \u003ch2\u003eLes bienfaits du maté vert sur votre organisme\u003c\/h2\u003e\n    \u003cp class=\"mv-section-intro\"\u003eBien plus qu'une simple boisson traditionnelle sud-américaine, le maté vert est un véritable concentré de bienfaits pour votre corps et votre esprit.\u003c\/p\u003e\n    \u003cdiv class=\"mv-grid\"\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e⚡ Stimulant naturel\u003c\/h3\u003e\n        \u003cp\u003eGrâce à sa teneur en caféine (matéine), le maté vert vous aide à retrouver énergie et vigilance sans les pics nerveux du café. Idéal pour les journées chargées ou les baisses de régime.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e⚖️ Contrôle du poids\u003c\/h3\u003e\n        \u003cp\u003eReconnu pour favoriser le métabolisme des graisses et réduire la sensation de faim, le maté vert est un partenaire précieux dans le cadre d'un programme minceur équilibré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e💧 Effet drainant\u003c\/h3\u003e\n        \u003cp\u003eIl soutient l'élimination rénale de l'eau, contribuant ainsi à lutter contre la rétention d'eau et à vous sentir plus léger au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e🛡️ Richesse en antioxydants\u003c\/h3\u003e\n        \u003cp\u003eSes polyphénols protègent vos cellules contre le stress oxydatif, un facteur clé du vieillissement prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e🧬 Vitamines et minéraux\u003c\/h3\u003e\n        \u003cp\u003eLe maté vert apporte naturellement des vitamines B1 et B2, du magnésium et du potassium, essentiels au bon fonctionnement de votre organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"mv-section\"\u003e\n    \u003ch2\u003eMaté vert ou thé vert : lequel choisir ?\u003c\/h2\u003e\n    \u003cdiv class=\"mv-versus\"\u003e\n      \u003cdiv class=\"mv-versus-intro\"\u003e\n        \u003cp\u003eVous hésitez entre \u003cstrong\u003ematé et thé vert\u003c\/strong\u003e ? Ces deux plantes partagent des vertus antioxydantes et stimulantes, mais le maté vert se distingue par sa richesse nutritionnelle plus complète.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-grid-compact\"\u003e\n        \u003cdiv class=\"mv-card mv-card-highlight\"\u003e\n          \u003ch3\u003e🧉 Maté vert\u003c\/h3\u003e\n          \u003cp\u003eVitamines B1 \u0026amp; B2 plus abondantes, effet coupe-faim plus marqué, stimulation progressive et durable\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mv-card\"\u003e\n          \u003ch3\u003e🍵 Thé vert\u003c\/h3\u003e\n          \u003cp\u003eRiche en catéchines (EGCG), effet antioxydant puissant, stimulation plus légère\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-tip\"\u003e\n        \u003cspan class=\"mv-tip-icon\"\u003e💡\u003c\/span\u003e\n        \u003cp\u003eRien ne vous empêche de les associer dans votre routine bien-être : \u003cstrong\u003ethé vert et maté\u003c\/strong\u003e se complètent à merveille pour une synergie optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"mv-section\"\u003e\n    \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"mv-composition-box\"\u003e\n      \u003cdiv class=\"mv-composition-header\"\u003e\n        \u003ch3\u003e🧪 Ingrédients pour 4 gélules (dose journalière)\u003c\/h3\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-composition-list\"\u003e\n        \u003cdiv class=\"mv-composition-row\"\u003e\n          \u003cspan class=\"mv-composition-label\"\u003ePoudre de feuilles de maté vert bio (\u003cem\u003eIlex paraguariensis\u003c\/em\u003e)\u003c\/span\u003e\n          \u003cspan class=\"mv-composition-value\"\u003e1 200 mg\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mv-composition-row\"\u003e\n          \u003cspan class=\"mv-composition-label\"\u003eEnveloppe de la gélule : HPMC (origine végétale)\u003c\/span\u003e\n          \u003cspan class=\"mv-composition-value\"\u003e—\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mv-timeline\"\u003e\n      \u003cdiv class=\"mv-timeline-item\"\u003e\n        \u003cdiv class=\"mv-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mv-timeline-content\"\u003e\n          \u003ch3\u003eMatin — 2 gélules\u003c\/h3\u003e\n          \u003cp\u003ePrenez 2 gélules avec un grand verre d'eau au moment du petit-déjeuner pour démarrer la journée avec énergie.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-timeline-item\"\u003e\n        \u003cdiv class=\"mv-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mv-timeline-content\"\u003e\n          \u003ch3\u003eMidi — 2 gélules\u003c\/h3\u003e\n          \u003cp\u003ePrenez 2 gélules supplémentaires au moment du déjeuner. Évitez la prise en fin de journée en raison de l'effet stimulant de la caféine.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-timeline-item\"\u003e\n        \u003cdiv class=\"mv-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mv-timeline-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eLa boîte de 60 gélules correspond à \u003cstrong\u003e15 jours d'utilisation\u003c\/strong\u003e. Renouvelez selon vos besoins.\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=\"mv-section\"\u003e\n    \u003ch2\u003eQualité et engagements Graine Sauvage\u003c\/h2\u003e\n    \u003cdiv class=\"mv-grid\"\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e🇧🇷 Origine Brésil\u003c\/h3\u003e\n        \u003cp\u003eMaté vert sélectionné directement auprès de producteurs brésiliens engagés dans une agriculture biologique respectueuse des écosystèmes locaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e🔬 Contrôle qualité\u003c\/h3\u003e\n        \u003cp\u003eChaque lot est rigoureusement contrôlé pour garantir l'absence de pesticides et de métaux lourds.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e🌿 Végétarien \u0026amp; végétalien\u003c\/h3\u003e\n        \u003cp\u003eLes gélules végétales HPMC conviennent parfaitement aux personnes suivant un régime végétarien ou végétalien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"mv-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"mv-accordion\"\u003e\n      \u003cdetails class=\"mv-accordion-item\"\u003e\n        \u003csummary class=\"mv-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"mv-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux enfants et aux personnes sensibles à la caféine. En cas de traitement médical, consultez votre médecin avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mv-accordion-item\"\u003e\n        \u003csummary class=\"mv-accordion-header\"\u003e📏 Dosage\u003c\/summary\u003e\n        \u003cdiv class=\"mv-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée de 4 gélules. Ce 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\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mv-accordion-item\"\u003e\n        \u003csummary class=\"mv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"mv-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=\"mv-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  --mv-cream: #F7F5EF;\n  --mv-white: #ffffff;\n  --mv-primary: #7CB342;\n  --mv-primary-dark: #33691E;\n  --mv-primary-light: #E8F5E9;\n  --mv-secondary: #558B2F;\n  --mv-accent: #C0D904;\n  --mv-text: #1a1a1a;\n  --mv-text-light: #5a5a5a;\n  --mv-border: #e0e0e0;\n  --mv-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --mv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --mv-radius: 20px;\n  --mv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mv-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mv-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mv-hero {\n  position: relative;\n  background: linear-gradient(135deg, #33691E 0%, #558B2F 40%, #7CB342 75%, #9CCC65 100%);\n  border-radius: var(--mv-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(--mv-shadow-lg);\n}\n\n.mv-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(192,217,4,.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(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.mv-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.mv-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.mv-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: .02em;\n}\n\n.mv-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.mv-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.mv-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(--mv-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mv-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mv-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mv-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mv-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.mv-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(--mv-primary), var(--mv-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mv-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mv-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.mv-card {\n  background: var(--mv-white);\n  border-radius: var(--mv-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mv-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mv-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mv-shadow-lg);\n  border-color: var(--mv-primary);\n}\n\n.mv-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mv-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mv-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mv-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mv-card-highlight {\n  border-color: var(--mv-primary);\n  background: var(--mv-primary-light);\n}\n\n\/* === GRILLES === *\/\n.mv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mv-grid-compact .mv-card {\n  padding: 1rem;\n}\n\n.mv-grid-compact .mv-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mv-grid-compact .mv-card p {\n  font-size: 12px;\n}\n\n\/* === VERSUS SECTION === *\/\n.mv-versus-intro {\n  text-align: center;\n  margin-bottom: 1.5rem;\n}\n\n.mv-versus-intro p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mv-text-light);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === COMPOSITION BOX === *\/\n.mv-composition-box {\n  background: var(--mv-white);\n  border-radius: var(--mv-radius);\n  box-shadow: var(--mv-shadow);\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.mv-composition-header {\n  background: linear-gradient(135deg, var(--mv-primary-light), #f1f8e9);\n  padding: 1rem 1.5rem;\n  border-bottom: 2px solid var(--mv-primary);\n}\n\n.mv-composition-header h3 {\n  margin: 0;\n  font-size: clamp(14px, 2.5vw, 16px);\n  font-weight: 800;\n  color: var(--mv-primary-dark);\n}\n\n.mv-composition-list {\n  padding: .5rem 0;\n}\n\n.mv-composition-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: .75rem 1.5rem;\n  border-bottom: 1px solid var(--mv-border);\n  gap: 1rem;\n}\n\n.mv-composition-row:last-child {\n  border-bottom: none;\n}\n\n.mv-composition-label {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mv-text);\n  line-height: 1.4;\n}\n\n.mv-composition-value {\n  font-size: clamp(14px, 2.5vw, 16px);\n  font-weight: 800;\n  color: var(--mv-primary-dark);\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n\/* === TIMELINE === *\/\n.mv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mv-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mv-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mv-primary), var(--mv-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.mv-timeline-content {\n  flex: 1;\n  background: var(--mv-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--mv-radius-sm);\n  box-shadow: var(--mv-shadow);\n}\n\n.mv-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mv-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mv-timeline-content p {\n  font-size: 14px;\n  color: var(--mv-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mv-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mv-primary-light);\n  border-radius: var(--mv-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.mv-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mv-tip p {\n  font-size: 14px;\n  color: var(--mv-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.mv-testimonial {\n  background: var(--mv-white);\n  border-radius: var(--mv-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--mv-shadow);\n  border-left: 4px solid var(--mv-primary);\n}\n\n.mv-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mv-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mv-accordion {\n  background: var(--mv-white);\n  border-radius: var(--mv-radius);\n  box-shadow: var(--mv-shadow);\n  overflow: hidden;\n}\n\n.mv-accordion-item {\n  border-bottom: 1px solid var(--mv-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mv-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mv-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mv-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.mv-accordion-header:hover {\n  background: var(--mv-primary-light);\n}\n\n.mv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mv-primary);\n  transition: transform .2s ease;\n}\n\n.mv-accordion-item[open] .mv-accordion-header::after {\n  content: '−';\n}\n\n.mv-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mv-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.mv-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mv-disclaimer {\n  font-size: 12px;\n  color: var(--mv-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  .mv-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .mv-card {\n    padding: 1.125rem;\n  }\n\n  .mv-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .mv-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mv-radius-sm);\n  }\n\n  .mv-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .mv-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .mv-grid-compact {\n    gap: .625rem;\n  }\n\n  .mv-grid-compact .mv-card {\n    padding: .75rem;\n  }\n\n  .mv-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .mv-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .mv-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .mv-timeline-content p {\n    font-size: 13px;\n  }\n\n  .mv-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .mv-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .mv-testimonial {\n    padding: 1.25rem;\n  }\n\n  .mv-testimonial-text {\n    font-size: 14px;\n  }\n\n  .mv-composition-header {\n    padding: .875rem 1rem;\n  }\n\n  .mv-composition-row {\n    padding: .625rem 1rem;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: .25rem;\n  }\n\n  .mv-composition-value {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mv-card {\n    animation: mvFadeInUp .5s ease backwards;\n  }\n  .mv-card:nth-child(1) { animation-delay: .05s; }\n  .mv-card:nth-child(2) { animation-delay: .1s; }\n  .mv-card:nth-child(3) { animation-delay: .15s; }\n  .mv-card:nth-child(4) { animation-delay: .2s; }\n  .mv-card:nth-child(5) { animation-delay: .25s; }\n  .mv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mvFadeInUp {\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  .mv-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54888560591225,"sku":"GS0022","price":8.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/mate-vert-graine-sauvage-min.jpg?v=1738073272"},{"product_id":"pavot-de-californie-bio-graine-sauvage","title":"Pavot de Californie bio - 60 gélules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Pavot de Californie bio - 60 gélules - Graine Sauvage\nPalette détectée:\n  - Primaire: #8DB600 (vert-jaune vif du bouchon et accents packaging)\n  - Secondaire: #4A7C10 (vert foncé du logo AB et textes)\n  - Accent: #C8D96F (vert-jaune clair, fond packaging)\n  - Cream: #F7F5EF (beige\/crème neutre, fond étiquette)\nAmbiance: Naturel\/bio, bien-être, douceur, nuit sereine, univers végétal et apaisant\nPréfixe CSS: pv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Les bienfaits du Pavot de Californie\"\n  2. \"Une formule biologique et respectueuse de votre santé\"\n  3. \"Conseils d'utilisation\"\n  4. \"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=\"pv-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"pv-hero\"\u003e\n    \u003cdiv class=\"pv-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pv-hero-content\"\u003e\n      \u003cdiv class=\"pv-badges-top\"\u003e\n        \u003cspan class=\"pv-badge\"\u003e🌿 100 % Bio certifié\u003c\/span\u003e\n        \u003cspan class=\"pv-badge\"\u003e🌙 Nuit sereine\u003c\/span\u003e\n        \u003cspan class=\"pv-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pv-hero-title\"\u003ePavot de Californie bio\u003c\/span\u003e\n      \u003cp class=\"pv-subtitle\"\u003eGraine Sauvage — Eschscholtzia\u003c\/p\u003e\n      \u003cp class=\"pv-description\"\u003eRetrouvez un sommeil réparateur grâce à cette plante médicinale traditionnelle. Chaque gélule contient un extrait 100 % biologique de pavot de Californie, cultivé sans pesticides ni produits chimiques, pour des nuits sereines et un apaisement naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"pv-section\"\u003e\n    \u003ch2\u003eLes bienfaits du Pavot de Californie\u003c\/h2\u003e\n    \u003cp class=\"pv-section-intro\"\u003eAussi appelé \u003cstrong\u003eeschscholtzia\u003c\/strong\u003e, le pavot de Californie est une plante médicinale traditionnelle aux vertus relaxantes douces, sans accoutumance.\u003c\/p\u003e\n    \u003cdiv class=\"pv-grid\"\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e😴 Endormissement facilité\u003c\/h3\u003e\n        \u003cp\u003eFavorise un endormissement naturel en cas de troubles du sommeil, pour retrouver des nuits complètes et réparatrices.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e🧘 Réduction de la nervosité\u003c\/h3\u003e\n        \u003cp\u003eRéduit les états de nervosité et d'anxiété grâce à ses propriétés sédatives douces, sans effet de somnolence diurne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e💚 Équilibre émotionnel\u003c\/h3\u003e\n        \u003cp\u003eSoutient la relaxation et l'équilibre émotionnel au quotidien pour une sérénité retrouvée naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pv-tip\"\u003e\n      \u003cspan class=\"pv-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003eGrâce à sa composition 100 % naturelle et ses propriétés sédatives douces, le pavot de Californie est idéal pour retrouver un \u003cstrong\u003esommeil réparateur sans créer d'accoutumance\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"pv-section\"\u003e\n    \u003ch2\u003eUne formule biologique et respectueuse de votre santé\u003c\/h2\u003e\n    \u003cp class=\"pv-section-intro\"\u003eDes gélules conçues par \u003cem\u003eGraine Sauvage\u003c\/em\u003e pour répondre aux attentes des consommateurs soucieux de leur bien-être et de l'environnement.\u003c\/p\u003e\n    \u003cdiv class=\"pv-grid-compact\"\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e🌱 100 % bio certifié\u003c\/h3\u003e\n        \u003cp\u003eIngrédients biologiques certifiés par FR-BIO-01, Agriculture Biologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e🥬 Gélules végétales\u003c\/h3\u003e\n        \u003cp\u003eAdaptées aux régimes végétariens et végétaliens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n        \u003cp\u003eSans conservateurs ni colorants artificiels ajoutés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e📦 60 gélules\u003c\/h3\u003e\n        \u003cp\u003eUn flacon pratique pour 15 jours d'utilisation quotidienne.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"pv-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"pv-timeline\"\u003e\n      \u003cdiv class=\"pv-timeline-item\"\u003e\n        \u003cdiv class=\"pv-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"pv-timeline-content\"\u003e\n          \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e2 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=\"pv-timeline-item\"\u003e\n        \u003cdiv class=\"pv-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"pv-timeline-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003eDe préférence \u003cstrong\u003een soirée\u003c\/strong\u003e, environ 30 minutes avant le coucher pour favoriser la détente.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-timeline-item\"\u003e\n        \u003cdiv class=\"pv-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"pv-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eUn flacon correspond à \u003cstrong\u003e15 jours de cure\u003c\/strong\u003e. Ne pas dépasser la dose conseillée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"pv-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"pv-accordion\"\u003e\n      \u003cdetails class=\"pv-accordion-item\"\u003e\n        \u003csummary class=\"pv-accordion-header\"\u003e⚠️ Complément alimentaire\u003c\/summary\u003e\n        \u003cdiv class=\"pv-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.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pv-accordion-item\"\u003e\n        \u003csummary class=\"pv-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n        \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n          \u003cp\u003eConsultez un professionnel de santé en cas de grossesse, d'allaitement ou de traitement médical en cours avant toute prise.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pv-accordion-item\"\u003e\n        \u003csummary class=\"pv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver à l'abri de la lumière et de l'humidité, dans un endroit sec et frais. 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=\"pv-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"pv-cta-box\"\u003e\n      \u003cp\u003e🌙 Offrez-vous des nuits sereines grâce au pouvoir apaisant du pavot de Californie bio — une solution naturelle, douce et sans accoutumance pour un sommeil réparateur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pv-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 === *\/\n:root {\n  --pv-cream: #F7F5EF;\n  --pv-white: #ffffff;\n  --pv-primary: #8DB600;\n  --pv-primary-dark: #3D6B0F;\n  --pv-primary-light: #F0F5E0;\n  --pv-secondary: #4A7C10;\n  --pv-accent: #C8D96F;\n  --pv-text: #1a1a1a;\n  --pv-text-light: #5a5a5a;\n  --pv-border: #e0e0e0;\n  --pv-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --pv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --pv-radius: 20px;\n  --pv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pv-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pv-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pv-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3D6B0F 0%, #5A9A14 40%, #8DB600 100%);\n  border-radius: var(--pv-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(--pv-shadow-lg);\n}\n\n.pv-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(200,217,111,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(141,182,0,.1) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.pv-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === BADGES === *\/\n.pv-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pv-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(--pv-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pv-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.pv-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\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.pv-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 500;\n  margin: 0 0 1.25rem 0;\n  font-style: italic;\n}\n\n.pv-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.pv-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pv-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pv-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.pv-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(--pv-primary), var(--pv-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pv-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pv-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.pv-card {\n  background: var(--pv-white);\n  border-radius: var(--pv-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pv-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pv-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pv-shadow-lg);\n  border-color: var(--pv-primary);\n}\n\n.pv-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pv-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pv-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pv-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.pv-grid-compact .pv-card {\n  padding: 1rem;\n}\n\n.pv-grid-compact .pv-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.pv-grid-compact .pv-card p {\n  font-size: 12px;\n}\n\n\/* === TIP BOX === *\/\n.pv-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--pv-primary-light);\n  border-radius: var(--pv-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.pv-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.pv-tip p {\n  font-size: 14px;\n  color: var(--pv-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.pv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pv-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pv-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pv-primary), var(--pv-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.pv-timeline-content {\n  flex: 1;\n  background: var(--pv-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pv-radius-sm);\n  box-shadow: var(--pv-shadow);\n}\n\n.pv-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pv-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pv-timeline-content p {\n  font-size: 14px;\n  color: var(--pv-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.pv-accordion {\n  background: var(--pv-white);\n  border-radius: var(--pv-radius);\n  box-shadow: var(--pv-shadow);\n  overflow: hidden;\n}\n\n.pv-accordion-item {\n  border-bottom: 1px solid var(--pv-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pv-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pv-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pv-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.pv-accordion-header:hover {\n  background: var(--pv-primary-light);\n}\n\n.pv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--pv-primary);\n  transition: transform .2s ease;\n}\n\n.pv-accordion-item[open] .pv-accordion-header::after {\n  content: '−';\n}\n\n.pv-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pv-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.pv-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.pv-cta-box {\n  background: linear-gradient(135deg, var(--pv-primary) 0%, var(--pv-primary-dark) 100%);\n  border-radius: var(--pv-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.pv-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.pv-disclaimer {\n  font-size: 12px;\n  color: var(--pv-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  .pv-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .pv-card {\n    padding: 1.125rem;\n  }\n\n  .pv-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .pv-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pv-radius-sm);\n  }\n\n  .pv-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .pv-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .pv-grid-compact {\n    gap: .625rem;\n  }\n\n  .pv-grid-compact .pv-card {\n    padding: .75rem;\n  }\n\n  .pv-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .pv-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .pv-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .pv-timeline-content p {\n    font-size: 13px;\n  }\n\n  .pv-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .pv-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .pv-testimonial {\n    padding: 1.25rem;\n  }\n\n  .pv-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .pv-card {\n    animation: pvFadeInUp .5s ease backwards;\n  }\n  .pv-card:nth-child(1) { animation-delay: .05s; }\n  .pv-card:nth-child(2) { animation-delay: .1s; }\n  .pv-card:nth-child(3) { animation-delay: .15s; }\n  .pv-card:nth-child(4) { animation-delay: .2s; }\n  .pv-card:nth-child(5) { animation-delay: .25s; }\n  .pv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pvFadeInUp {\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  .pv-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54893622264185,"sku":"GS9114","price":12.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/pavot-de-californie-bio-60-gelules-graine-sauvage-packshothd.webp?v=1785941968"},{"product_id":"shilajit-graine-sauvage","title":"Shilajit – 60 gélules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shilajit – 60 gélules - Graine Sauvage\nPalette détectée:\n  - Primaire: #8BC34A (vert lime vif du bouchon et accents)\n  - Secondaire: #4CAF50 (vert plus profond du texte \"SHILAJIT\")\n  - Accent: #C8E6C9 (vert très clair du fond d'étiquette)\n  - Terracotta: #D84315 (rouge-orange du texte \"GRAINE SAUVAGE\")\nAmbiance: Naturel\/végétal, frais, vitalité, approche santé naturelle avec mascotte sympathique\nPréfixe CSS: shj\n--\u003e\n\n\u003cdiv class=\"shj-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"shj-hero\"\u003e\n    \u003cdiv class=\"shj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"shj-hero-content\"\u003e\n      \u003cdiv class=\"shj-badges-top\"\u003e\n        \u003cspan class=\"shj-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"shj-badge\"\u003e🌱 100% Vegan\u003c\/span\u003e\n        \u003cspan class=\"shj-badge\"\u003e⛰️ Trésor de l'Himalaya\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"shj-hero-title\"\u003eShilajit en gélules\u003c\/span\u003e\n      \u003cp class=\"shj-subtitle\"\u003eL'or noir des montagnes pour votre vitalité\u003c\/p\u003e\n      \u003cp class=\"shj-description\"\u003e60 gélules végétales concentrant plus de 85 minéraux et acide fulvique naturel. Redécouvrez ce que signifie se sentir pleinement vivant.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n  \u003csection class=\"shj-section\"\u003e\n    \u003ch2\u003e🌟 Les bienfaits du shilajit\u003c\/h2\u003e\n    \u003cdiv class=\"shj-grid\"\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e⚡ Énergie et vitalité\u003c\/h3\u003e\n        \u003cp\u003eSoutient la production d'ATP, la molécule énergétique de vos cellules. Retrouvez un regain de dynamisme naturel tout au long de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n        \u003cp\u003eFavorise une meilleure oxygénation du cerveau. Concentration, mémoire et clarté mentale au rendez-vous.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e💪 Récupération physique\u003c\/h3\u003e\n        \u003cp\u003eParticulièrement apprécié des sportifs grâce à sa richesse exceptionnelle en minéraux biodisponibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e🔄 Équilibre hormonal\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisé pour soutenir la production naturelle de testostérone et la vitalité masculine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003ePropriétés antioxydantes puissantes qui protègent vos cellules contre le stress oxydatif quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e🎯 Absorption optimale\u003c\/h3\u003e\n        \u003cp\u003eL'acide fulvique agit comme un transporteur de nutriments, améliorant l'assimilation des vitamines et minéraux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- QU'EST-CE QUE LE SHILAJIT --\u003e\n  \u003csection class=\"shj-section\"\u003e\n    \u003ch2\u003e🏔️ Le shilajit, qu'est-ce que c'est ?\u003c\/h2\u003e\n    \u003cdiv class=\"shj-info-box\"\u003e\n      \u003cp\u003eLe \u003cstrong\u003eshilajit\u003c\/strong\u003e (aussi appelé « mumijo » ou « salajit » en arabe) est une substance résineuse brun-noir qui suinte naturellement des roches des hautes montagnes de l'Himalaya.\u003c\/p\u003e\n      \u003cp\u003eFormé sur des \u003cstrong\u003emilliers d'années\u003c\/strong\u003e par la décomposition lente de matières végétales et minérales, il concentre une composition unique : \u003cstrong\u003eplus de 85 minéraux sous forme ionique\u003c\/strong\u003e facilement assimilables, ainsi qu'une forte teneur en \u003cstrong\u003eacide fulvique\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003cp\u003eCette substance millénaire est un véritable trésor de la médecine ayurvédique, reconnue depuis des siècles pour ses propriétés revitalisantes exceptionnelles.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"shj-section\"\u003e\n    \u003ch2\u003e🧪 Composition transparente\u003c\/h2\u003e\n    \u003cdiv class=\"shj-grid\"\u003e\n      \u003cdiv class=\"shj-card shj-card-highlight\"\u003e\n        \u003ch3\u003e⛰️ Extrait de Shilajit\u003c\/h3\u003e\n        \u003cp class=\"shj-dosage\"\u003e500 mg \/ jour\u003c\/p\u003e\n        \u003cp\u003eAsphaltum punjabianum – Substance résineuse himalayenne concentrée en minéraux et acide fulvique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n        \u003cp class=\"shj-dosage\"\u003eHPMC\u003c\/p\u003e\n        \u003cp\u003eHydroxypropylméthylcellulose – Enveloppe 100% végétale adaptée aux régimes vegan\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"shj-certif-row\"\u003e\n      \u003cspan class=\"shj-certif\"\u003e✓ Sans gluten\u003c\/span\u003e\n      \u003cspan class=\"shj-certif\"\u003e✓ Sans OGM\u003c\/span\u003e\n      \u003cspan class=\"shj-certif\"\u003e✓ Sans additifs\u003c\/span\u003e\n      \u003cspan class=\"shj-certif\"\u003e✓ Sans conservateurs\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"shj-section\"\u003e\n    \u003ch2\u003e📋 comment prendre le shilajit en gélules ?\u003c\/h2\u003e\n    \u003cdiv class=\"shj-steps\"\u003e\n      \u003cdiv class=\"shj-step\"\u003e\n        \u003cdiv class=\"shj-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"shj-step-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \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=\"shj-step\"\u003e\n        \u003cdiv class=\"shj-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"shj-step-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003eDe préférence \u003cstrong\u003ele matin ou en début d'après-midi\u003c\/strong\u003e pour profiter de l'effet énergisant\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-step\"\u003e\n        \u003cdiv class=\"shj-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"shj-step-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e20 jours\u003c\/strong\u003e avec ce flacon. Possibilité de renouvelez pendant 2 à 3 mois pour des résultats optimaux\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"shj-tip\"\u003e\n      \u003cstrong\u003e💡 Astuce :\u003c\/strong\u003e Associez votre cure à une alimentation équilibrée et une bonne hydratation pour maximiser les effets sur votre vitalité.\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"shj-section\"\u003e\n    \u003ch2\u003e👥 À qui s'adresse ce shilajit en gélules ?\u003c\/h2\u003e\n    \u003cdiv class=\"shj-grid\"\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e😴 Fatigués chroniques\u003c\/h3\u003e\n        \u003cp\u003eVous ressentez une fatigue persistante et souhaitez retrouver votre énergie naturellement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez à optimiser votre récupération et vos performances physiques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e🧘 Personnes stressées\u003c\/h3\u003e\n        \u003cp\u003eVous traversez une période de stress ou de surmenage intellectuel intense\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e❄️ Soutien hivernal\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez renforcer vos défenses naturelles à l'approche des saisons froides\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- QUALITÉ ET SÉCURITÉ --\u003e\n  \u003csection class=\"shj-section\"\u003e\n    \u003ch2\u003e✅ Qualité et sécurité garanties\u003c\/h2\u003e\n    \u003cdiv class=\"shj-info-box shj-info-quality\"\u003e\n      \u003ch3\u003e🔬 Shilajit danger : démêler le vrai du faux\u003c\/h3\u003e\n      \u003cp\u003eUn shilajit de mauvaise qualité, non purifié ou contaminé, peut présenter des risques. C'est pourquoi la \u003cstrong\u003epureté et l'origine\u003c\/strong\u003e sont essentielles.\u003c\/p\u003e\n      \u003cp\u003eLe Shilajit Graine Sauvage est \u003cstrong\u003efabriqué en France\u003c\/strong\u003e selon des normes strictes, garantissant un produit pur, sans additifs nocifs et contrôlé rigoureusement. Vous pouvez le consommer en toute sérénité.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"shj-grid-compact\"\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité et normes européennes strictes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e💊 Format pratique\u003c\/h3\u003e\n        \u003cp\u003eGélules faciles à avaler, sans goût prononcé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e🌱 Certification vegan\u003c\/h3\u003e\n        \u003cp\u003eAdapté à tous les régimes alimentaires\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e💰 Excellent rapport\u003c\/h3\u003e\n        \u003cp\u003eFlacon complet pour 20 jours d'utilisation\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"shj-section\"\u003e\n    \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"shj-grid-compact\"\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e💊 60 gélules\u003c\/h3\u003e\n        \u003cp\u003eCure de 20 jours\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e🌱 Certifié\u003c\/h3\u003e\n        \u003cp\u003e100% Vegan\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shj-card\"\u003e\n        \u003ch3\u003e⚡ Dosage\u003c\/h3\u003e\n        \u003cp\u003e500mg \/ jour\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n  \u003csection class=\"shj-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"shj-accordion\"\u003e\n      \u003cdetails class=\"shj-accordion-item\"\u003e\n        \u003csummary class=\"shj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"shj-accordion-content\"\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière directe. Bien refermer le flacon après utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"shj-accordion-item\"\u003e\n        \u003csummary class=\"shj-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"shj-accordion-content\"\u003e\n          \u003cp\u003e• Déconseillé aux femmes enceintes ou allaitantes\u003cbr\u003e\n          • Ne convient pas aux enfants et adolescents\u003cbr\u003e\n          • Consultez votre médecin si vous suivez un traitement (thyroïde, diabète, hypertension)\u003cbr\u003e\n          • Ne pas dépasser la dose journalière recommandée\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"shj-accordion-item\"\u003e\n        \u003csummary class=\"shj-accordion-header\"\u003e🍃 Shilajit bio : quelle différence ?\u003c\/summary\u003e\n        \u003cdiv class=\"shj-accordion-content\"\u003e\n          \u003cp\u003eLe shilajit, étant une substance minérale et non une plante cultivée, ne peut techniquement pas être certifié « bio » au sens réglementaire européen. Ce qui compte vraiment : sa \u003cstrong\u003epureté\u003c\/strong\u003e, son \u003cstrong\u003eorigine\u003c\/strong\u003e et l'absence de contaminants. Le Shilajit Graine Sauvage répond à ces exigences de qualité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"shj-accordion-item\"\u003e\n        \u003csummary class=\"shj-accordion-header\"\u003e📝 Avis utilisateurs\u003c\/summary\u003e\n        \u003cdiv class=\"shj-accordion-content\"\u003e\n          \u003cp\u003eLes utilisateurs rapportent généralement :\u003cbr\u003e\n          • Énergie plus stable sans les pics du café\u003cbr\u003e\n          • Meilleure récupération après le sport\u003cbr\u003e\n          • Amélioration de la concentration\u003cbr\u003e\n          • Vitalité retrouvée après quelques semaines\u003cbr\u003e\u003cbr\u003e\n          \u003cem\u003eAccordez-vous 3 à 4 semaines pour juger des effets.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"shj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"shj-cta-box\"\u003e\n      \u003cp\u003e🏔️ Offrez à votre corps le meilleur de la nature himalayenne.\u003cbr\u003e\u003cstrong\u003eRedécouvrez ce que signifie se sentir pleinement vivant au quotidien.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"shj-disclaimer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Ne peut se substituer à un traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --shj-cream: #f8faf5;\n  --shj-white: #ffffff;\n  --shj-primary: #8BC34A;\n  --shj-primary-dark: #689F38;\n  --shj-primary-light: #DCEDC8;\n  --shj-secondary: #4CAF50;\n  --shj-accent: #D84315;\n  --shj-text: #1a1a1a;\n  --shj-text-light: #5a5a5a;\n  --shj-border: #e0e0e0;\n  --shj-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --shj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --shj-radius: 20px;\n  --shj-radius-sm: 12px;\n}\n\n.shj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--shj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.shj-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8BC34A 0%, #689F38 50%, #4CAF50 100%);\n  border-radius: var(--shj-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(--shj-shadow-lg);\n}\n\n.shj-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 15 L30 25 L25 15 Z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3Cpath d='M10 35 L15 45 L10 55 L5 45 Z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3Cpath d='M50 35 L55 45 L50 55 L45 45 Z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n  opacity: .3;\n}\n\n.shj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.shj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .5rem;\n  margin-bottom: 1.5rem;\n}\n\n.shj-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(--shj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.shj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.shj-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.shj-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 4vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.shj-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.shj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.shj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--shj-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.shj-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(--shj-primary), var(--shj-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.shj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.shj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.shj-card {\n  background: var(--shj-white);\n  border-radius: var(--shj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--shj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.shj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--shj-shadow-lg);\n  border-color: var(--shj-primary);\n}\n\n.shj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--shj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.shj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--shj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.shj-card-highlight {\n  background: linear-gradient(135deg, var(--shj-primary-light) 0%, #f1f8e9 100%);\n  border: 2px solid var(--shj-primary);\n}\n\n.shj-dosage {\n  font-size: clamp(20px, 4vw, 28px) !important;\n  font-weight: 900 !important;\n  color: var(--shj-primary-dark) !important;\n  margin: .5rem 0 !important;\n}\n\n.shj-grid-compact .shj-card {\n  padding: 1rem;\n}\n\n.shj-grid-compact .shj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.shj-grid-compact .shj-card p {\n  font-size: 12px;\n}\n\n\/* === INFO BOX === *\/\n.shj-info-box {\n  background: var(--shj-white);\n  border-radius: var(--shj-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--shj-shadow);\n  border-left: 5px solid var(--shj-primary);\n}\n\n.shj-info-box h3 {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--shj-primary-dark);\n  margin: 0 0 1rem 0;\n}\n\n.shj-info-box p {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--shj-text-light);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.shj-info-box p:last-child {\n  margin-bottom: 0;\n}\n\n.shj-info-box strong {\n  color: var(--shj-text);\n}\n\n.shj-info-quality {\n  margin-bottom: 1.5rem;\n  border-left-color: var(--shj-secondary);\n}\n\n\/* === CERTIFICATIONS === *\/\n.shj-certif-row {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .75rem;\n  margin-top: 1.5rem;\n}\n\n.shj-certif {\n  background: var(--shj-primary-light);\n  color: var(--shj-primary-dark);\n  padding: .5rem 1rem;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n\/* === STEPS === *\/\n.shj-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.shj-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--shj-white);\n  border-radius: var(--shj-radius);\n  padding: 1.25rem;\n  box-shadow: var(--shj-shadow);\n  transition: all .3s ease;\n}\n\n.shj-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--shj-shadow-lg);\n}\n\n.shj-step-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--shj-primary), var(--shj-secondary));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-weight: 900;\n  font-size: 18px;\n  box-shadow: 0 4px 12px rgba(139, 195, 74, .4);\n}\n\n.shj-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--shj-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.shj-step-content p {\n  font-size: 14px;\n  color: var(--shj-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.shj-tip {\n  background: linear-gradient(135deg, #FFF8E1 0%, #FFECB3 100%);\n  border-radius: var(--shj-radius-sm);\n  padding: 1rem 1.25rem;\n  font-size: 14px;\n  color: #5D4037;\n  border-left: 4px solid #FFB300;\n}\n\n\/* === ACCORDÉON === *\/\n.shj-accordion {\n  background: var(--shj-white);\n  border-radius: var(--shj-radius);\n  box-shadow: var(--shj-shadow);\n  overflow: hidden;\n}\n\n.shj-accordion-item {\n  border-bottom: 1px solid var(--shj-border);\n  margin: 0;\n  padding: 0;\n}\n\n.shj-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.shj-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--shj-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.shj-accordion-header:hover {\n  background: var(--shj-primary-light);\n}\n\n.shj-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.shj-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--shj-primary);\n  transition: transform .2s ease;\n}\n\n.shj-accordion-item[open] .shj-accordion-header::after {\n  content: '−';\n}\n\n.shj-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--shj-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.shj-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.shj-cta-box {\n  background: linear-gradient(135deg, var(--shj-primary) 0%, var(--shj-primary-dark) 100%);\n  border-radius: var(--shj-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.shj-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.shj-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  margin: 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.shj-disclaimer {\n  text-align: center;\n  font-size: 12px;\n  color: var(--shj-text-light);\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .shj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .shj-grid-compact {\n    gap: .625rem;\n  }\n  \n  .shj-grid-compact .shj-card {\n    padding: .75rem;\n  }\n  \n  .shj-card {\n    padding: 1.125rem;\n  }\n  \n  .shj-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .shj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--shj-radius-sm);\n  }\n  \n  .shj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .shj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .shj-badges-top {\n    gap: .375rem;\n  }\n  \n  .shj-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n  \n  .shj-step {\n    padding: 1rem;\n  }\n  \n  .shj-step-number {\n    width: 38px;\n    height: 38px;\n    font-size: 16px;\n  }\n  \n  .shj-info-box {\n    padding: 1.25rem;\n  }\n  \n  .shj-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .shj-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .shj-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .shj-card:nth-child(1) { animation-delay: .05s; }\n  .shj-card:nth-child(2) { animation-delay: .1s; }\n  .shj-card:nth-child(3) { animation-delay: .15s; }\n  .shj-card:nth-child(4) { animation-delay: .2s; }\n  .shj-card:nth-child(5) { animation-delay: .25s; }\n  .shj-card:nth-child(6) { animation-delay: .3s; }\n  \n  .shj-step {\n    animation: fadeInLeft .5s ease backwards;\n  }\n  .shj-step:nth-child(1) { animation-delay: .1s; }\n  .shj-step:nth-child(2) { animation-delay: .2s; }\n  .shj-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@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  .shj-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54893781320057,"sku":"GS0009","price":16.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shilajit-60-gelules-graine-sauvage-packshothd.webp?v=1785942338"},{"product_id":"uncaria-graine-sauvage","title":"Uncaria Bio - Défenses Naturelles \u0026 Vitalité - 60 gélules Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Uncaria Bio - Griffe de Chat - Graine Sauvage\nPalette détectée:\n  - Primaire: #8DC63F (vert lime vif du bouchon)\n  - Secondaire: #E85A2C (orange\/corail du texte \"UNCARIA\")\n  - Accent: #F7F3E8 (crème\/beige clair du fond étiquette)\nAmbiance: Naturel, bio, frais, végétal, santé naturelle, accessible et sympathique (mascotte graine)\nPréfixe CSS: unc\n--\u003e\n\n\u003cdiv class=\"unc-premium\"\u003e\n\n  \u003cdiv class=\"unc-hero\"\u003e\n    \u003cdiv class=\"unc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"unc-hero-content\"\u003e\n      \u003cdiv class=\"unc-badges-top\"\u003e\n        \u003cspan class=\"unc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"unc-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"unc-badge\"\u003e🥬 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"unc-hero-title\"\u003eUncaria Bio\u003c\/span\u003e\n      \u003cp class=\"unc-subtitle\"\u003e« Griffe de chat » — Le secret ancestral des défenses naturelles\u003c\/p\u003e\n      \u003cp class=\"unc-description\"\u003eOriginaire des forêts amazoniennes, cette plante légendaire renforce votre système immunitaire et vous accompagne tout au long de l'année.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"unc-section\"\u003e\n    \u003ch2\u003e🛡️ Vos 4 super-pouvoirs naturels\u003c\/h2\u003e\n    \u003cdiv class=\"unc-grid\"\u003e\n      \u003cdiv class=\"unc-card\"\u003e\n        \u003ch3\u003e💪 Défenses immunitaires\u003c\/h3\u003e\n        \u003cp\u003eSoutient activement votre système immunitaire pour faire face aux baisses de forme saisonnières.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"unc-card\"\u003e\n        \u003ch3\u003e❄️ Bouclier hivernal\u003c\/h3\u003e\n        \u003cp\u003eProtège naturellement contre les agressions hivernales : maux de gorge, nez qui coule...\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"unc-card\"\u003e\n        \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n        \u003cp\u003eEffet anti-inflammatoire naturel qui favorise le bien-être de vos articulations au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"unc-card\"\u003e\n        \u003ch3\u003e⚡ Vitalité renforcée\u003c\/h3\u003e\n        \u003cp\u003eRedonne de l'énergie en période de fatigue ou de stress pour retrouver votre dynamisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"unc-section\"\u003e\n    \u003ch2\u003e🌿 L'héritage des peuples d'Amazonie\u003c\/h2\u003e\n    \u003cdiv class=\"unc-origin-box\"\u003e\n      \u003cdiv class=\"unc-origin-text\"\u003e\n        \u003cp\u003e🌎 L'\u003cstrong\u003eUncaria tomentosa\u003c\/strong\u003e, surnommée « Griffe de chat » en raison de ses épines recourbées, est une liane grimpante des forêts tropicales d'Amérique du Sud.\u003c\/p\u003e\n        \u003cp\u003eUtilisée depuis \u003cstrong\u003edes siècles\u003c\/strong\u003e par les populations autochtones pour ses vertus exceptionnelles, elle est aujourd'hui reconnue pour sa richesse en composés actifs bénéfiques pour l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"unc-section\"\u003e\n    \u003ch2\u003e🧪 Composition pure et naturelle\u003c\/h2\u003e\n    \u003cdiv class=\"unc-composition-box\"\u003e\n      \u003cdiv class=\"unc-ingredient-main\"\u003e\n        \u003cspan class=\"unc-ingredient-badge\"\u003eIngrédient actif\u003c\/span\u003e\n        \u003ch3\u003e🌱 Uncaria tomentosa Bio\u003c\/h3\u003e\n        \u003cp class=\"unc-ingredient-subtitle\"\u003eGriffe de chat\u003c\/p\u003e\n        \u003cdiv class=\"unc-dosage\"\u003e\n          \u003cspan class=\"unc-dosage-value\"\u003e1800 mg\u003c\/span\u003e\n          \u003cspan class=\"unc-dosage-unit\"\u003e\/ jour (6 gélules)\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp\u003eExtrait pur de la plante, issu de l'agriculture biologique certifiée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"unc-ingredient-secondary\"\u003e\n        \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n        \u003cp class=\"unc-ingredient-subtitle\"\u003eHypromellose\u003c\/p\u003e\n        \u003cp\u003eEnveloppe 100% végétale, adaptée aux régimes végétarien et vegan.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"unc-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"unc-usage-box\"\u003e\n      \u003cdiv class=\"unc-usage-timeline\"\u003e\n        \u003cdiv class=\"unc-usage-step\"\u003e\n          \u003cdiv class=\"unc-step-marker\"\u003e1\u003c\/div\u003e\n          \u003cdiv class=\"unc-step-content\"\u003e\n            \u003ch4\u003eMatin\u003c\/h4\u003e\n            \u003cp\u003e2 gélules avec un grand verre d'eau\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"unc-usage-step\"\u003e\n          \u003cdiv class=\"unc-step-marker\"\u003e2\u003c\/div\u003e\n          \u003cdiv class=\"unc-step-content\"\u003e\n            \u003ch4\u003eMidi\u003c\/h4\u003e\n            \u003cp\u003e2 gélules avec un grand verre d'eau\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"unc-usage-step\"\u003e\n          \u003cdiv class=\"unc-step-marker\"\u003e3\u003c\/div\u003e\n          \u003cdiv class=\"unc-step-content\"\u003e\n            \u003ch4\u003eSoir\u003c\/h4\u003e\n            \u003cp\u003e2 gélules avec un grand verre d'eau\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"unc-usage-total\"\u003e\n        \u003cspan\u003e💧\u003c\/span\u003e\n        \u003cstrong\u003e6 gélules par jour\u003c\/strong\u003e pour une efficacité optimale\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"unc-section\"\u003e\n    \u003ch2\u003e👥 Pour qui est fait l'Uncaria ?\u003c\/h2\u003e\n    \u003cdiv class=\"unc-grid\"\u003e\n      \u003cdiv class=\"unc-card\"\u003e\n        \u003ch3\u003e🏃 Actifs fatigués\u003c\/h3\u003e\n        \u003cp\u003eRetrouvez votre énergie en période de stress intense ou de surmenage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"unc-card\"\u003e\n        \u003ch3\u003e🌡️ Sensibles à l'hiver\u003c\/h3\u003e\n        \u003cp\u003eRenforcez vos défenses avant et pendant la saison froide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"unc-card\"\u003e\n        \u003ch3\u003e🧘 Adeptes du naturel\u003c\/h3\u003e\n        \u003cp\u003eOptez pour une solution 100% bio et végétale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"unc-section\"\u003e\n    \u003ch2\u003e✅ Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"unc-grid-compact\"\u003e\n      \u003cdiv class=\"unc-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=\"unc-card\"\u003e\n        \u003ch3\u003e⏱️ 10 jours\u003c\/h3\u003e\n        \u003cp\u003eDe cure intensive\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"unc-card\"\u003e\n        \u003ch3\u003e🇫🇷 France\u003c\/h3\u003e\n        \u003cp\u003eFabrication\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"unc-card\"\u003e\n        \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"unc-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"unc-accordion\"\u003e\n      \u003cdetails class=\"unc-accordion-item\"\u003e\n        \u003csummary class=\"unc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"unc-accordion-content\"\u003e\n          \u003cp\u003eÀ conserver dans un endroit propre, sec et à 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=\"unc-accordion-item\"\u003e\n        \u003csummary class=\"unc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"unc-accordion-content\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Les compléments alimentaires ne remplacent 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=\"unc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"unc-cta-box\"\u003e\n      \u003cp\u003e🛡️ Offrez à votre corps la protection ancestrale de l'Amazonie.\u003cbr\u003e\u003cstrong\u003e60 gélules végétales bio\u003c\/strong\u003e pour 10 jours de cure intensive.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --unc-cream: #F9F7F2;\n  --unc-white: #ffffff;\n  --unc-primary: #8DC63F;\n  --unc-primary-dark: #5A9A1F;\n  --unc-primary-light: #E8F5D6;\n  --unc-secondary: #E85A2C;\n  --unc-secondary-light: #FDF0EC;\n  --unc-accent: #F7E8A0;\n  --unc-text: #1a1a1a;\n  --unc-text-light: #5a5a5a;\n  --unc-border: #e0e0e0;\n  --unc-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --unc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --unc-radius: 20px;\n  --unc-radius-sm: 12px;\n}\n\n.unc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--unc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--unc-text);\n  line-height: 1.6;\n}\n\n.unc-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.unc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8DC63F 0%, #6BA32E 50%, #4A8C1A 100%);\n  border-radius: var(--unc-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(--unc-shadow-lg);\n}\n\n.unc-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 15 30 5' fill='%23ffffff' fill-opacity='0.08'\/%3E%3Cpath d='M10 35 Q15 45 10 55 Q5 45 10 35' fill='%23ffffff' fill-opacity='0.05'\/%3E%3Cpath d='M50 35 Q55 45 50 55 Q45 45 50 35' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n  opacity: .6;\n}\n\n.unc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.unc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.unc-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(--unc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.unc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.unc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 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.unc-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  font-style: italic;\n}\n\n.unc-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.unc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.unc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--unc-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.unc-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(--unc-primary), var(--unc-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.unc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.unc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.unc-grid-compact .unc-card {\n  padding: 1rem;\n  text-align: center;\n}\n\n.unc-grid-compact .unc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.unc-grid-compact .unc-card p {\n  font-size: 12px;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.unc-card {\n  background: var(--unc-white);\n  border-radius: var(--unc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--unc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.unc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--unc-shadow-lg);\n  border-color: var(--unc-primary);\n}\n\n.unc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--unc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.unc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--unc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ORIGIN BOX === *\/\n.unc-origin-box {\n  background: linear-gradient(135deg, var(--unc-primary-light) 0%, var(--unc-white) 100%);\n  border-radius: var(--unc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  border: 2px solid var(--unc-primary);\n  box-shadow: var(--unc-shadow);\n  display: flex;\n  align-items: flex-start;\n  gap: 1.5rem;\n}\n\n.unc-origin-icon {\n  font-size: 48px;\n  flex-shrink: 0;\n}\n\n.unc-origin-text p {\n  margin: 0 0 1rem 0;\n  font-size: clamp(14px, 2vw, 16px);\n  line-height: 1.7;\n  color: var(--unc-text);\n}\n\n.unc-origin-text p:last-child {\n  margin-bottom: 0;\n}\n\n.unc-origin-text strong {\n  color: var(--unc-primary-dark);\n}\n\n\/* === COMPOSITION BOX === *\/\n.unc-composition-box {\n  display: grid;\n  grid-template-columns: 1.5fr 1fr;\n  gap: 1.25rem;\n}\n\n.unc-ingredient-main {\n  background: linear-gradient(135deg, var(--unc-primary-light) 0%, var(--unc-white) 50%);\n  border: 2px solid var(--unc-primary);\n  border-radius: var(--unc-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  position: relative;\n}\n\n.unc-ingredient-badge {\n  position: absolute;\n  top: 1rem;\n  right: 1rem;\n  background: var(--unc-primary);\n  color: white;\n  font-size: 11px;\n  font-weight: 700;\n  padding: 4px 10px;\n  border-radius: 999px;\n  text-transform: uppercase;\n  letter-spacing: .5px;\n}\n\n.unc-ingredient-main h3,\n.unc-ingredient-secondary h3 {\n  font-size: clamp(16px, 2.5vw, 20px);\n  font-weight: 800;\n  color: var(--unc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.unc-ingredient-subtitle {\n  font-size: 14px;\n  color: var(--unc-text-light);\n  font-style: italic;\n  margin: 0 0 1rem 0;\n}\n\n.unc-dosage {\n  background: var(--unc-white);\n  border-radius: var(--unc-radius-sm);\n  padding: 1rem;\n  margin-bottom: 1rem;\n  text-align: center;\n  border: 1px solid var(--unc-border);\n}\n\n.unc-dosage-value {\n  display: block;\n  font-size: clamp(26px, 5vw, 32px);\n  font-weight: 900;\n  color: var(--unc-secondary);\n  line-height: 1;\n}\n\n.unc-dosage-unit {\n  font-size: 13px;\n  color: var(--unc-text-light);\n}\n\n.unc-ingredient-main p,\n.unc-ingredient-secondary p {\n  font-size: 14px;\n  color: var(--unc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.unc-ingredient-secondary {\n  background: var(--unc-white);\n  border-radius: var(--unc-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--unc-shadow);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n\/* === USAGE BOX === *\/\n.unc-usage-box {\n  background: var(--unc-white);\n  border-radius: var(--unc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--unc-shadow);\n}\n\n.unc-usage-timeline {\n  display: flex;\n  justify-content: center;\n  align-items: stretch;\n  gap: .75rem;\n  margin-bottom: 1.5rem;\n  flex-wrap: wrap;\n}\n\n.unc-usage-step {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n  background: var(--unc-primary-light);\n  padding: 1rem 1.25rem;\n  border-radius: var(--unc-radius-sm);\n  flex: 1;\n  min-width: 160px;\n  max-width: 220px;\n}\n\n.unc-step-marker {\n  width: 36px;\n  height: 36px;\n  background: var(--unc-primary);\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  flex-shrink: 0;\n}\n\n.unc-step-content h4 {\n  font-size: 15px;\n  font-weight: 800;\n  color: var(--unc-primary-dark);\n  margin: 0 0 2px 0;\n}\n\n.unc-step-content p {\n  font-size: 12px;\n  color: var(--unc-text-light);\n  margin: 0;\n}\n\n.unc-usage-total {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.75rem;\n  background: linear-gradient(135deg, var(--unc-secondary-light) 0%, var(--unc-white) 100%);\n  padding: 1rem 1.5rem;\n  border-radius: var(--unc-radius-sm);\n  border: 2px solid var(--unc-secondary);\n  font-size: 15px;\n  color: var(--unc-text);\n}\n\n\/* === ACCORDÉON === *\/\n.unc-accordion {\n  background: var(--unc-white);\n  border-radius: var(--unc-radius);\n  box-shadow: var(--unc-shadow);\n  overflow: hidden;\n}\n\n.unc-accordion-item {\n  border-bottom: 1px solid var(--unc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.unc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.unc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--unc-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.unc-accordion-header:hover {\n  background: var(--unc-primary-light);\n}\n\n.unc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.unc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--unc-primary);\n  transition: transform .2s ease;\n}\n\n.unc-accordion-item[open] .unc-accordion-header::after {\n  content: '−';\n}\n\n.unc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--unc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.unc-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.unc-cta-box {\n  background: linear-gradient(135deg, var(--unc-primary) 0%, var(--unc-primary-dark) 100%);\n  border-radius: var(--unc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.unc-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.unc-cta-box strong {\n  color: var(--unc-accent);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .unc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .unc-grid-compact {\n    gap: .625rem;\n  }\n  \n  .unc-grid-compact .unc-card {\n    padding: .75rem;\n  }\n  \n  .unc-card {\n    padding: 1.125rem;\n  }\n  \n  .unc-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .unc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--unc-radius-sm);\n  }\n  \n  .unc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .unc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .unc-origin-box {\n    flex-direction: column;\n    text-align: center;\n    padding: 1.25rem;\n  }\n  \n  .unc-origin-icon {\n    font-size: 40px;\n  }\n  \n  .unc-composition-box {\n    grid-template-columns: 1fr;\n  }\n  \n  .unc-ingredient-badge {\n    position: static;\n    display: inline-block;\n    margin-bottom: .75rem;\n  }\n  \n  .unc-usage-timeline {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  \n  .unc-usage-step {\n    max-width: 100%;\n  }\n  \n  .unc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .unc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .unc-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .unc-card:nth-child(1) { animation-delay: .05s; }\n  .unc-card:nth-child(2) { animation-delay: .1s; }\n  .unc-card:nth-child(3) { animation-delay: .15s; }\n  .unc-card:nth-child(4) { animation-delay: .2s; }\n  .unc-card:nth-child(5) { animation-delay: .25s; }\n  .unc-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  .unc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54893848035705,"sku":"GS0026","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/uncaria-bio-defenses-naturelles-vitalite-60-gelules-graine-s-packshothd.webp?v=1785942232"},{"product_id":"zinc-plus-500-ml","title":"ZINC PLUS Catalyons - Zinc - 500 ml","description":"\u003cdiv class=\"zp-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"zp-hero\"\u003e\n    \u003cdiv class=\"zp-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"zp-hero-content\"\u003e\n      \u003cdiv class=\"zp-badges-top\"\u003e\n        \u003cspan class=\"zp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"zp-badge\"\u003e💧 Oligo-éléments ionisés\u003c\/span\u003e\n        \u003cspan class=\"zp-badge\"\u003e🧪 Procédé breveté depuis 1960\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"zp-hero-title\"\u003eZinc Plus Catalyons\u003c\/span\u003e\n      \u003cp class=\"zp-subtitle\"\u003eZinc en solution ionisée — 500 ml\u003c\/p\u003e\n      \u003cp class=\"zp-description\"\u003eUn zinc hautement biodisponible grâce à l'électrolyse brevetée Catalyons. Immunité, peau, protection cellulaire : un minéral essentiel en une seule prise quotidienne.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003eZinc Plus Catalyons : l'alliance du zinc et du cuivre en solution ionisée\u003c\/h2\u003e\n    \u003cp class=\"zp-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire au zinc\u003c\/strong\u003e réellement bien assimilé par l'organisme ? Le \u003cstrong\u003eZinc Plus de Catalyons\u003c\/strong\u003e est une solution d'oligo-éléments ionisés qui apporte ce minéral essentiel sous forme liquide, pour une biodisponibilité optimale.\u003c\/p\u003e\n    \u003cdiv class=\"zp-grid-compact\"\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e⚡ Électrolyse brevetée\u003c\/h3\u003e\n        \u003cp\u003eUn procédé naturel exclusif utilisé par les laboratoires Catalyons depuis 1960 pour une assimilation optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e💧 Forme liquide ionisée\u003c\/h3\u003e\n        \u003cp\u003eDes particules extrêmement fines, prêtes à être utilisées par vos cellules sans effort digestif particulier.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e✅ 100 % des AR\u003c\/h3\u003e\n        \u003cp\u003e1 bouchon = 10 mg de zinc, soit 100 % des apports de référence quotidiens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🌿 Formule pure\u003c\/h3\u003e\n        \u003cp\u003eSans additif, sans conservateur, sans alcool et sans colorant. Convient aux végétariens et végétaliens.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003ePourquoi associer le zinc et le cuivre ?\u003c\/h2\u003e\n    \u003cdiv class=\"zp-testimonial\"\u003e\n      \u003cp class=\"zp-testimonial-text\"\u003eEn oligothérapie, le \u003cstrong\u003ezinc\u003c\/strong\u003e et le \u003cstrong\u003ecuivre\u003c\/strong\u003e sont deux minéraux qui fonctionnent en synergie dans l'organisme, mais qui se concurrencent au niveau de l'absorption intestinale. Pris séparément à doses élevées, le zinc peut réduire l'assimilation du cuivre, et inversement. Le Zinc Plus est formulé pour apporter un zinc parfaitement dosé (10 mg par bouchon, soit 100 % des apports de référence) sous forme ionisée, dans le respect de cet équilibre naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"zp-tip\"\u003e\n      \u003cspan class=\"zp-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eC'est un point souvent méconnu : un \u003cstrong\u003ecomplément alimentaire en zinc\u003c\/strong\u003e pris à forte dose sur le long terme peut entraîner un déséquilibre en cuivre. Ici, la formulation ionisée à dose physiologique préserve cet équilibre.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003eLes bienfaits reconnus du Zinc Plus\u003c\/h2\u003e\n    \u003cdiv class=\"zp-grid\"\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n        \u003cp\u003eLe zinc contribue au fonctionnement normal du système immunitaire, un atout précieux à l'approche de l'hiver ou en période de fatigue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e✨ Peau, cheveux et ongles\u003c\/h3\u003e\n        \u003cp\u003eLe zinc participe au maintien d'une peau normale et soutient la synthèse des protéines, dont la kératine, pour des cheveux et des ongles en pleine santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🔬 Protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eLe zinc contribue à protéger les cellules contre le stress oxydatif provoqué par les radicaux libres.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e⚙️ Équilibre hormonal\u003c\/h3\u003e\n        \u003cp\u003eLe zinc joue un rôle dans le maintien d'un taux normal de testostérone et participe à la fertilité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🔄 Métabolisme des macronutriments\u003c\/h3\u003e\n        \u003cp\u003eLe zinc intervient dans le métabolisme normal des glucides, des lipides et des protéines pour une énergie bien utilisée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cdiv class=\"zp-testimonial\"\u003e\n      \u003cp class=\"zp-testimonial-text\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Eau osmosée et dynamisée, citrate de zinc.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"zp-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e📊 Analyse nutritionnelle\u003c\/h3\u003e\n        \u003cp\u003ePour 1 bouchon (15 mL) : \u003cstrong\u003eZinc 10 mg\u003c\/strong\u003e, soit 100 % des apports de référence.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n        \u003cp\u003eAucun conservateur, alcool ou colorant ajouté.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🌱 Vegan friendly\u003c\/h3\u003e\n        \u003cp\u003eConvient aux végétariens et végétaliens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué intégralement en France par Catalyons.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003eComment prendre le Zinc Plus Catalyons ?\u003c\/h2\u003e\n    \u003cdiv class=\"zp-timeline\"\u003e\n      \u003cdiv class=\"zp-timeline-item\"\u003e\n        \u003cdiv class=\"zp-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"zp-timeline-content\"\u003e\n          \u003ch3\u003eDosez votre prise\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 bouchon doseur (environ 15 ml) par jour\u003c\/strong\u003e, idéalement le matin à jeun ou 15 minutes avant un repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-timeline-item\"\u003e\n        \u003cdiv class=\"zp-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"zp-timeline-content\"\u003e\n          \u003ch3\u003eConsommez pur ou dilué\u003c\/h3\u003e\n          \u003cp\u003eLe goût est très neutre : vous pouvez le prendre pur ou le diluer dans un petit verre d'eau selon votre préférence.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-timeline-item\"\u003e\n        \u003cdiv class=\"zp-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"zp-timeline-content\"\u003e\n          \u003ch3\u003eAbsorption sublinguale\u003c\/h3\u003e\n          \u003cp\u003eGardez la solution en bouche quelques secondes avant d'avaler pour améliorer encore la biodisponibilité des oligo-éléments ionisés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-timeline-item\"\u003e\n        \u003cdiv class=\"zp-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"zp-timeline-content\"\u003e\n          \u003ch3\u003eCure de 3 à 6 semaines\u003c\/h3\u003e\n          \u003cp\u003ePour une cure d'entretien, comptez généralement \u003cstrong\u003e3 à 6 semaines\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"zp-tip\"\u003e\n      \u003cspan class=\"zp-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'absorption sublinguale (garder en bouche) est la méthode la plus efficace pour les oligo-éléments ionisés. Quelques secondes suffisent !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"zp-accordion\"\u003e\n      \u003cdetails class=\"zp-accordion-item\"\u003e\n        \u003csummary class=\"zp-accordion-header\"\u003e📋 Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"zp-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée de 15 ml (1 bouchon doseur) par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"zp-accordion-item\"\u003e\n        \u003csummary class=\"zp-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n        \u003cdiv class=\"zp-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"zp-accordion-item\"\u003e\n        \u003csummary class=\"zp-accordion-header\"\u003e🍽️ Alimentation équilibrée\u003c\/summary\u003e\n        \u003cdiv class=\"zp-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe \u003cstrong\u003ecomplément zinc\u003c\/strong\u003e ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"zp-accordion-item\"\u003e\n        \u003csummary class=\"zp-accordion-header\"\u003e⚕️ Traitement médical\u003c\/summary\u003e\n        \u003cdiv class=\"zp-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de traitement médical, consultez votre 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  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"zp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eLe savoir-faire Catalyons depuis 1960\u003c\/h2\u003e\n    \u003cdiv class=\"zp-cta-box\"\u003e\n      \u003cp\u003eLes laboratoires \u003cstrong\u003eCatalyons\u003c\/strong\u003e sont pionniers en France dans la fabrication d'oligo-éléments ionisés par électrolyse. Ce procédé naturel breveté permet d'obtenir des particules extrêmement fines, directement assimilables par l'organisme. Résultat : une efficacité reconnue par les praticiens de santé naturelle depuis plus de \u003cstrong\u003esix décennies\u003c\/strong\u003e, et une gamme fabriquée intégralement en France.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"zp-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.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --zp-cream: #f9f6f1;\n  --zp-white: #ffffff;\n  --zp-primary: #c8942a;\n  --zp-primary-dark: #2c3a5e;\n  --zp-primary-light: #f5efe3;\n  --zp-secondary: #d4a83a;\n  --zp-accent: #3b5998;\n  --zp-text: #1a1a1a;\n  --zp-text-light: #5a5a5a;\n  --zp-border: #e0dbd2;\n  --zp-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --zp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --zp-radius: 20px;\n  --zp-radius-sm: 12px;\n}\n\n.zp-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--zp-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.zp-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--zp-primary-dark) 0%, #3e4f7a 40%, var(--zp-primary) 100%);\n  border-radius: var(--zp-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(--zp-shadow-lg);\n}\n\n.zp-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-linear-gradient(\n    120deg,\n    transparent,\n    transparent 40px,\n    rgba(255,255,255,.03) 40px,\n    rgba(255,255,255,.03) 80px\n  );\n  opacity: 1;\n}\n\n.zp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.zp-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.zp-subtitle {\n  color: rgba(255,255,255,.85);\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.zp-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.2vw, 17px);\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.zp-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.zp-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(--zp-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.zp-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.zp-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.zp-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--zp-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.zp-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(--zp-primary), var(--zp-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.zp-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--zp-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.zp-card {\n  background: var(--zp-white);\n  border-radius: var(--zp-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--zp-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.zp-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--zp-shadow-lg);\n  border-color: var(--zp-primary);\n}\n\n.zp-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--zp-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.zp-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--zp-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.zp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.zp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.zp-grid-compact .zp-card {\n  padding: 1rem;\n}\n\n.zp-grid-compact .zp-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.zp-grid-compact .zp-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.zp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.zp-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.zp-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--zp-primary), var(--zp-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.zp-timeline-content {\n  flex: 1;\n  background: var(--zp-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--zp-radius-sm);\n  box-shadow: var(--zp-shadow);\n}\n\n.zp-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--zp-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.zp-timeline-content p {\n  font-size: 14px;\n  color: var(--zp-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.zp-testimonial {\n  background: var(--zp-white);\n  border-radius: var(--zp-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--zp-shadow);\n  border-left: 4px solid var(--zp-primary);\n}\n\n.zp-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--zp-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.zp-accordion {\n  background: var(--zp-white);\n  border-radius: var(--zp-radius);\n  box-shadow: var(--zp-shadow);\n  overflow: hidden;\n}\n\n.zp-accordion-item {\n  border-bottom: 1px solid var(--zp-border);\n  margin: 0;\n  padding: 0;\n}\n\n.zp-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.zp-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--zp-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.zp-accordion-header:hover {\n  background: var(--zp-primary-light);\n}\n\n.zp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.zp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--zp-primary);\n  transition: transform .2s ease;\n}\n\n.zp-accordion-item[open] .zp-accordion-header::after {\n  content: '−';\n}\n\n.zp-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--zp-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.zp-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.zp-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--zp-primary-light);\n  border-radius: var(--zp-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.zp-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.zp-tip p {\n  font-size: 14px;\n  color: var(--zp-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.zp-cta-box {\n  background: linear-gradient(135deg, var(--zp-primary-dark) 0%, #3e4f7a 50%, var(--zp-primary) 100%);\n  border-radius: var(--zp-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.zp-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.zp-disclaimer {\n  font-size: 12px;\n  color: var(--zp-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  .zp-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .zp-card {\n    padding: 1.125rem;\n  }\n\n  .zp-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .zp-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--zp-radius-sm);\n  }\n\n  .zp-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .zp-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .zp-grid-compact {\n    gap: .625rem;\n  }\n\n  .zp-grid-compact .zp-card {\n    padding: .75rem;\n  }\n\n  .zp-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .zp-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .zp-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .zp-timeline-content p {\n    font-size: 13px;\n  }\n\n  .zp-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .zp-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .zp-testimonial {\n    padding: 1.25rem;\n  }\n\n  .zp-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .zp-card {\n    animation: zp-fadeInUp .5s ease backwards;\n  }\n  .zp-card:nth-child(1) { animation-delay: .05s; }\n  .zp-card:nth-child(2) { animation-delay: .1s; }\n  .zp-card:nth-child(3) { animation-delay: .15s; }\n  .zp-card:nth-child(4) { animation-delay: .2s; }\n  .zp-card:nth-child(5) { animation-delay: .25s; }\n  .zp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes zp-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  .zp-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"CATALYONS","offers":[{"title":"Default Title","offer_id":54912363823481,"sku":"38813010","price":21.24,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/zinc-plus-catalyons-zinc-cuivre-500-ml-lifestyle.webp?v=1772097244"}],"url":"https:\/\/www.naturellement-bio.com\/collections\/rentree.oembed?page=3","provider":"Naturellement Bio","version":"1.0","type":"link"}