{"product_id":"andrographis-60gelules","title":"Andrographis Extrait Vegan - 60 gélules - Ayur-vana","description":"\n\u003cdiv class=\"soi-andro-fiche\"\u003e\n\n\u003csection class=\"soi-andro-hero\"\u003e\n  \u003cdiv class=\"soi-andro-hero-tag\"\u003e\n    \u003cspan class=\"soi-andro-tag-dot\"\u003e\u003c\/span\u003e\n    Complément alimentaire · Ayurvana\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-andro-hero-title\"\u003eExtrait Andrographis Vegan en gélules\u003c\/span\u003e\n  \u003cp class=\"soi-andro-hero-subtitle\"\u003eL'échinacée d'Inde en extrait titré à 10 % d'andrographolides pour soutenir vos défenses immunitaires naturellement.\u003c\/p\u003e\n  \u003cdiv class=\"soi-andro-hero-labels\"\u003e\n    \u003cspan class=\"soi-andro-label soi-andro-label-accent\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-andro-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-andro-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n    \u003cspan class=\"soi-andro-label\"\u003eEXTRAIT TITRÉ 10 %\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-andro-section\"\u003e\n  \u003ch2\u003eAndrographis Paniculata en extrait titré : l'échinacée d'Inde pour vos défenses immunitaires\u003c\/h2\u003e\n  \u003cp\u003eSurnommée \u003cstrong\u003ekalmegh\u003c\/strong\u003e en Inde ou encore \u003cstrong\u003eéchinacée d'Inde\u003c\/strong\u003e, l'\u003cem\u003eAndrographis paniculata\u003c\/em\u003e est une plante herbacée utilisée depuis des millénaires dans la médecine ayurvédique et la médecine traditionnelle chinoise. Aujourd'hui, elle s'impose comme l'un des compléments alimentaires naturels les plus reconnus pour \u003cstrong\u003esoutenir le système immunitaire\u003c\/strong\u003e, notamment à l'approche des saisons froides.\u003c\/p\u003e\n  \u003cp\u003eL'extrait Andrographis d'\u003cstrong\u003eAyurvana\u003c\/strong\u003e va plus loin que la simple poudre de plante : il est \u003cstrong\u003etitré à 10 % d'andrographolides\u003c\/strong\u003e, les principes actifs responsables de ses propriétés, pour vous offrir une concentration garantie et une efficacité optimale à chaque gélule.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-andro-section\"\u003e\n  \u003ch2\u003eAndrographis paniculata : bienfaits et indications principales\u003c\/h2\u003e\n  \u003cp class=\"soi-andro-section-intro\"\u003eLes bienfaits de l'andrographis reposent sur ses andrographolides, des diterpènes lactones aux propriétés bien documentées par la recherche scientifique. Voici ce que cette plante peut concrètement vous apporter.\u003c\/p\u003e\n  \u003cdiv class=\"soi-andro-benefits\"\u003e\n    \u003cdiv class=\"soi-andro-benefit\"\u003e\n      \u003cdiv class=\"soi-andro-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eDéfenses naturelles\u003c\/h3\u003e\n      \u003cp\u003eL'andrographis stimule l'activité immunitaire de l'organisme, ce qui en fait un allié de choix en période hivernale ou lors de baisses de forme répétées.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-andro-benefit\"\u003e\n      \u003cdiv class=\"soi-andro-benefit-icon\"\u003e\u003cspan\u003e🌬️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eConfort respiratoire\u003c\/h3\u003e\n      \u003cp\u003ePlusieurs études cliniques montrent une réduction notable des symptômes ORL (gorge irritée, toux, congestion nasale) en quelques jours de prise.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-andro-benefit\"\u003e\n      \u003cdiv class=\"soi-andro-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eFatigue passagère\u003c\/h3\u003e\n      \u003cp\u003eSuite à un épisode infectieux ou à un surmenage, l'andrographis accompagne votre récupération physique et intellectuelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-andro-benefit\"\u003e\n      \u003cdiv class=\"soi-andro-benefit-icon\"\u003e\u003cspan\u003e👃\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eVoies respiratoires hautes\u003c\/h3\u003e\n      \u003cp\u003eNez, gorge, sinus : cette plante agit là où les inconforts hivernaux s'installent en premier.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-andro-section\"\u003e\n  \u003ch2\u003eComposition et posologie de l'extrait Andrographis Ayurvana\u003c\/h2\u003e\n  \u003cp class=\"soi-andro-section-intro\"\u003eChaque boîte contient \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e, fabriquées en France, sans excipient superflu et adaptées aux régimes végétariens et végans.\u003c\/p\u003e\n  \u003cdiv class=\"soi-andro-compo\"\u003e\n    \u003cdiv class=\"soi-andro-compo-row\"\u003e\n      \u003cspan class=\"soi-andro-compo-label\"\u003eExtrait d'Andrographis paniculata (par gélule)\u003c\/span\u003e\n      \u003cspan class=\"soi-andro-compo-value\"\u003e300 mg (titré à 10 % d'andrographolides)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-andro-compo-row\"\u003e\n      \u003cspan class=\"soi-andro-compo-label\"\u003eAndrographolides (par gélule)\u003c\/span\u003e\n      \u003cspan class=\"soi-andro-compo-value\"\u003e30 mg\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-andro-compo-row\"\u003e\n      \u003cspan class=\"soi-andro-compo-label\"\u003eEnveloppe de la gélule\u003c\/span\u003e\n      \u003cspan class=\"soi-andro-compo-value\"\u003eCellulose végétale (HPMC)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-andro-compo-row\"\u003e\n      \u003cspan class=\"soi-andro-compo-label\"\u003eConditionnement\u003c\/span\u003e\n      \u003cspan class=\"soi-andro-compo-value\"\u003e60 gélules végétales\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"soi-andro-timeline\"\u003e\n    \u003cdiv class=\"soi-andro-step\"\u003e\n      \u003cdiv class=\"soi-andro-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-andro-step-content\"\u003e\n        \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n        \u003cp\u003ePrenez 2 gélules par jour, de préférence au moment des repas, avec un grand verre d'eau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-andro-step\"\u003e\n      \u003cdiv class=\"soi-andro-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-andro-step-content\"\u003e\n        \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n        \u003cp\u003eUne cure de 4 à 6 semaines est généralement recommandée en prévention saisonnière ou en cas de symptômes débutants.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-andro-step\"\u003e\n      \u003cdiv class=\"soi-andro-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-andro-step-content\"\u003e\n        \u003ch3\u003eUsage prolongé\u003c\/h3\u003e\n        \u003cp\u003eConsultez un professionnel de santé pour un usage au-delà de la durée de cure conseillée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-andro-section\"\u003e\n  \u003ch2\u003eAndrographis : contre-indications et précautions d'emploi\u003c\/h2\u003e\n  \u003cp class=\"soi-andro-section-intro\"\u003eComme toute plante active, l'andrographis ne convient pas à tout le monde. Voici les points essentiels à connaître avant de commencer une cure.\u003c\/p\u003e\n  \u003cdiv class=\"soi-andro-accordion\"\u003e\n    \u003cdetails class=\"soi-andro-accordion-item\"\u003e\n      \u003csummary class=\"soi-andro-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n      \u003cdiv class=\"soi-andro-accordion-content\"\u003e\n        \u003cp\u003eDéconseillé par précaution, faute de données suffisantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-andro-accordion-item\"\u003e\n      \u003csummary class=\"soi-andro-accordion-header\"\u003e🫀 Andrographis et foie\u003c\/summary\u003e\n      \u003cdiv class=\"soi-andro-accordion-content\"\u003e\n        \u003cp\u003eÀ fortes doses ou sur de longues périodes, une surveillance hépatique peut être conseillée. Aux doses recommandées, l'andrographis est bien toléré, mais si vous avez des antécédents hépatiques, parlez-en à votre médecin.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-andro-accordion-item\"\u003e\n      \u003csummary class=\"soi-andro-accordion-header\"\u003e💊 Traitements anticoagulants ou immunosuppresseurs\u003c\/summary\u003e\n      \u003cdiv class=\"soi-andro-accordion-content\"\u003e\n        \u003cp\u003eUne interaction est possible. Consultez impérativement votre médecin avant toute prise.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-andro-accordion-item\"\u003e\n      \u003csummary class=\"soi-andro-accordion-header\"\u003e⚕️ Maladies auto-immunes\u003c\/summary\u003e\n      \u003cdiv class=\"soi-andro-accordion-content\"\u003e\n        \u003cp\u003eLa stimulation immunitaire peut être contre-productive dans certains contextes. L'avis médical est indispensable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-andro-tip\"\u003e\n    \u003cdiv class=\"soi-andro-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical prescrit. En cas de doute, l'avis d'un professionnel de santé reste toujours la meilleure démarche.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-andro-section\"\u003e\n  \u003ch2\u003ePourquoi choisir l'Andrographis Premium d'Ayurvana ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-andro-grid\"\u003e\n    \u003cdiv class=\"soi-andro-card\"\u003e\n      \u003ch3\u003e🎯 Extrait titré garanti\u003c\/h3\u003e\n      \u003cp\u003e10 % d'andrographolides par gélule : une concentration précise, pas une simple poudre de plante.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-andro-card\"\u003e\n      \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n      \u003cp\u003eFormule conçue et conditionnée en France, sous contrôle qualité rigoureux.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-andro-card\"\u003e\n      \u003ch3\u003e🌱 100 % vegan\u003c\/h3\u003e\n      \u003cp\u003eGélules végétales, sans gélatine animale, compatible avec tous les régimes alimentaires.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-andro-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-andro-cta-box\"\u003e\n    \u003cp class=\"soi-andro-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement avec l'ayurveda\u003c\/p\u003e\n    \u003cp class=\"soi-andro-cta-text\" style=\"color: white;\"\u003eVéritable trésor de la phytothérapie ayurvédique, l'Andrographis paniculata d'Ayurvana vous accompagne quand votre organisme en a le plus besoin : en hiver, lors d'une baisse de forme ou au moindre signe d'inconfort respiratoire. Un extrait titré, vegan, fabriqué en France, pour des défenses naturelles à la hauteur de vos exigences.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-andro-marine: #1A2D3D;\n  --soi-andro-marine-dark: #0F1E2B;\n  --soi-andro-marine-light: #2C4458;\n  --soi-andro-pomme: #A1C544;\n  --soi-andro-pomme-dark: #84A636;\n  --soi-andro-pomme-light: rgba(161,197,68,0.10);\n  --soi-andro-white: #FFFFFF;\n  --soi-andro-off-white: #F8FAF6;\n  --soi-andro-stone: #F1F3EE;\n  --soi-andro-line: #E5E8E0;\n  --soi-andro-primary: #D88542;\n  --soi-andro-primary-soft: rgba(216,133,66,0.10);\n  --soi-andro-accent: #7CA86E;\n  --soi-andro-text: #1A2D3D;\n  --soi-andro-text-soft: #4A5B6B;\n  --soi-andro-text-muted: #7B8693;\n  --soi-andro-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-andro-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-andro-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-andro-radius: 12px;\n  --soi-andro-radius-sm: 8px;\n  --soi-andro-radius-pill: 999px;\n}\n\n.soi-andro-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-andro-fiche img { max-width: 100%; height: auto; }\n\n.soi-andro-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-andro-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-andro-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-andro-hero {\n  position: relative;\n  background: var(--soi-andro-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-andro-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-andro-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-andro-pomme);\n}\n\n.soi-andro-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-andro-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-andro-pomme);\n  border-radius: 50%;\n}\n\n.soi-andro-hero-title {\n  display: block;\n  color: var(--soi-andro-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-andro-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-andro-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-andro-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-andro-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-andro-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-andro-label-accent {\n  background: var(--soi-andro-pomme);\n  border-color: var(--soi-andro-pomme);\n  color: var(--soi-andro-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-andro-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-andro-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-andro-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-andro-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-andro-pomme);\n  border-radius: 2px;\n}\n\n.soi-andro-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-andro-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-andro-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-andro-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-andro-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-andro-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-andro-benefit {\n  background: var(--soi-andro-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-andro-radius);\n  border: 1px solid var(--soi-andro-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-andro-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-andro-shadow-md);\n}\n\n.soi-andro-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-andro-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-andro-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-andro-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-andro-benefit:hover .soi-andro-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-andro-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-andro-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-andro-benefit p {\n  font-size: 13px;\n  color: var(--soi-andro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-andro-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-andro-card {\n  background: var(--soi-andro-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-andro-radius);\n  border-left: 3px solid var(--soi-andro-pomme);\n}\n\n.soi-andro-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-andro-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-andro-card p {\n  font-size: 14px;\n  color: var(--soi-andro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-andro-compo {\n  background: var(--soi-andro-off-white);\n  border-radius: var(--soi-andro-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-andro-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-andro-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-andro-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-andro-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-andro-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-andro-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-andro-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-andro-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-andro-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-andro-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-andro-radius);\n  border: 1px solid var(--soi-andro-line);\n  align-items: flex-start;\n}\n\n.soi-andro-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-andro-marine);\n  color: var(--soi-andro-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-andro-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-andro-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-andro-step-content p {\n  font-size: 14px;\n  color: var(--soi-andro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-andro-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-andro-pomme-light);\n  border-left: 4px solid var(--soi-andro-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-andro-radius) var(--soi-andro-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-andro-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-andro-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-andro-marine);\n  margin-bottom: 4px;\n}\n\n.soi-andro-tip p {\n  font-size: 14px;\n  color: var(--soi-andro-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-andro-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-andro-accordion-item {\n  background: var(--soi-andro-off-white);\n  border-radius: var(--soi-andro-radius-sm);\n  border: 1px solid var(--soi-andro-line);\n  overflow: hidden;\n}\n\n.soi-andro-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-andro-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-andro-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-andro-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-andro-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-andro-accordion-item[open] .soi-andro-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-andro-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-andro-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-andro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-andro-cta-box {\n  background: var(--soi-andro-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-andro-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-andro-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-andro-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-andro-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-andro-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-andro-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-andro-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-andro-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-andro-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-andro-compo-value {\n    text-align: left;\n  }\n\n  .soi-andro-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-andro-tip {\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-andro-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-andro-fiche {\n    --soi-andro-text-soft: #2C3E50;\n    --soi-andro-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603000910154,"sku":"AY9911","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/extrait-andrographis-vegan-en-gelules-ayurvana-packshot.webp?v=1779718334","url":"https:\/\/www.soinature.com\/products\/andrographis-60gelules","provider":"Soinature","version":"1.0","type":"link"}