{"product_id":"stopacid-articulations-bio","title":"Stopacid Articulations Bio et Vegan en gélules","description":"\u003cdiv class=\"soi-stoa-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-stoa-hero\"\u003e\n    \u003cdiv class=\"soi-stoa-hero-tag\"\u003e\n      \u003cspan class=\"soi-stoa-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · Graine Sauvage\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-stoa-hero-title\"\u003eStopacid Articulations Bio et Vegan\u003c\/span\u003e\n    \u003cp class=\"soi-stoa-hero-subtitle\"\u003eTrois plantes certifiées bio pour soutenir l'élimination naturelle de l'acide urique et retrouver un meilleur confort articulaire au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-stoa-hero-labels\"\u003e\n      \u003cspan class=\"soi-stoa-label soi-stoa-label-accent\"\u003eBIO CERTIFIÉ AB\u003c\/span\u003e\n      \u003cspan class=\"soi-stoa-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-stoa-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-stoa-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Introduction contextuelle --\u003e\n  \u003csection class=\"soi-stoa-section\"\u003e\n    \u003cp class=\"soi-stoa-section-intro\"\u003eVous ressentez des raideurs matinales, des articulations qui craquent ou une sensation de lourdeur après l'effort ? L'accumulation d'acide urique dans l'organisme est souvent en cause. Stopacid Articulations Bio de Graine Sauvage est un complément alimentaire formulé à base de trois plantes certifiées bio, conçu pour soutenir l'élimination naturelle de l'acide urique et vous aider à retrouver un vrai confort articulaire.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Pourquoi l'acide urique nuit à vos articulations ? --\u003e\n  \u003csection class=\"soi-stoa-section\"\u003e\n    \u003ch2\u003ePourquoi l'acide urique nuit à vos articulations ?\u003c\/h2\u003e\n    \u003cp\u003eL'acide urique est un déchet naturel produit par la dégradation des purines, présentes dans certains aliments (viandes rouges, abats, alcool) et dans le renouvellement cellulaire. Lorsque les reins ne l'éliminent pas suffisamment vite, il s'accumule et forme des cristaux dans les articulations.\u003c\/p\u003e\n    \u003cp\u003eLe résultat : inflammations, douleurs et raideurs qui s'installent progressivement. Agir sur l'élimination rénale constitue donc la première étape pour soulager vos articulations naturellement.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Une synergie de 3 plantes bio pour vos articulations --\u003e\n  \u003csection class=\"soi-stoa-section\"\u003e\n    \u003ch2\u003eUne synergie de 3 plantes bio pour vos articulations\u003c\/h2\u003e\n    \u003cdiv class=\"soi-stoa-benefits\"\u003e\n      \u003cdiv class=\"soi-stoa-benefit\"\u003e\n        \u003cdiv class=\"soi-stoa-benefit-icon\"\u003e\u003cspan\u003e🍇\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCassis\u003c\/h3\u003e\n        \u003cp\u003eLes feuilles de \u003cem\u003eRibes nigrum\u003c\/em\u003e, reconnues pour leurs propriétés drainantes et dépuratives, favorisent l'élimination des toxines et soutiennent la fonction excrétrice des reins. Riches en flavonoïdes, elles contribuent aussi au confort articulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-stoa-benefit\"\u003e\n        \u003cdiv class=\"soi-stoa-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eChiendent\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eElytrigia repens\u003c\/em\u003e, plante diurétique traditionnelle, stimule le transit rénal et aide à évacuer l'acide urique en excès par les voies urinaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-stoa-benefit\"\u003e\n        \u003cdiv class=\"soi-stoa-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eReine-des-prés\u003c\/h3\u003e\n        \u003cp\u003eSurnommée l'aspirine végétale, \u003cem\u003eFilipendula ulmaria\u003c\/em\u003e est utilisée depuis des siècles pour apaiser les inconforts articulaires et soutenir les émonctoires naturels de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Composition complète et posologie --\u003e\n  \u003csection class=\"soi-stoa-section\"\u003e\n    \u003ch2\u003eComposition complète et posologie\u003c\/h2\u003e\n    \u003cp\u003eChaque gélule végétale contient :\u003c\/p\u003e\n    \u003cdiv class=\"soi-stoa-compo\"\u003e\n      \u003cdiv class=\"soi-stoa-compo-row\"\u003e\n        \u003cspan class=\"soi-stoa-compo-label\"\u003eActif principal\u003c\/span\u003e\n        \u003cspan class=\"soi-stoa-compo-value\"\u003ePoudre de feuille de cassis bio (\u003cem\u003eRibes nigrum\u003c\/em\u003e)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-stoa-compo-row\"\u003e\n        \u003cspan class=\"soi-stoa-compo-label\"\u003eActif complémentaire\u003c\/span\u003e\n        \u003cspan class=\"soi-stoa-compo-value\"\u003ePoudre de rhizome de chiendent bio (\u003cem\u003eElytrigia repens\u003c\/em\u003e)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-stoa-compo-row\"\u003e\n        \u003cspan class=\"soi-stoa-compo-label\"\u003eActif complémentaire\u003c\/span\u003e\n        \u003cspan class=\"soi-stoa-compo-value\"\u003ePoudre de sommité fleurie de reine-des-prés bio (\u003cem\u003eFilipendula ulmaria\u003c\/em\u003e)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-stoa-compo-row\"\u003e\n        \u003cspan class=\"soi-stoa-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n        \u003cspan class=\"soi-stoa-compo-value\"\u003eGélule végétale (hydroxypropylméthylcellulose)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-stoa-compo-row\"\u003e\n        \u003cspan class=\"soi-stoa-compo-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-stoa-compo-value\"\u003e60 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-stoa-timeline\"\u003e\n      \u003cdiv class=\"soi-stoa-step\"\u003e\n        \u003cdiv class=\"soi-stoa-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-stoa-step-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003e6 gélules par jour, à répartir en 2 ou 3 prises, 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=\"soi-stoa-step\"\u003e\n        \u003cdiv class=\"soi-stoa-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-stoa-step-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eUne cure de 10 jours avec les 60 gélules du flacon est conseillée, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-stoa-step\"\u003e\n        \u003cdiv class=\"soi-stoa-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-stoa-step-content\"\u003e\n          \u003ch3\u003eHydratation\u003c\/h3\u003e\n          \u003cp\u003ePensez à bien vous hydrater tout au long de la journée pour optimiser l'élimination rénale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Ce qui distingue Stopacid Articulations de la concurrence --\u003e\n  \u003csection class=\"soi-stoa-section\"\u003e\n    \u003ch2\u003eCe qui distingue Stopacid Articulations de la concurrence\u003c\/h2\u003e\n    \u003cdiv class=\"soi-stoa-grid\"\u003e\n      \u003cdiv class=\"soi-stoa-card\"\u003e\n        \u003ch3\u003e🌱 100 % bio certifié AB\u003c\/h3\u003e\n        \u003cp\u003eChaque plante est issue de l'agriculture biologique, sans pesticides ni résidus chimiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-stoa-card\"\u003e\n        \u003ch3\u003e🥬 Formule vegan\u003c\/h3\u003e\n        \u003cp\u003eGélules végétales, aucun ingrédient d'origine animale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-stoa-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eProduction contrôlée selon des standards de qualité stricts.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-stoa-card\"\u003e\n        \u003ch3\u003e🎯 Formule ciblée acide urique\u003c\/h3\u003e\n        \u003cp\u003eLà où de nombreux compléments articulaires misent sur le collagène ou la chondroïtine, Stopacid agit en amont, sur la cause métabolique du problème.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Pour qui est conseillé ce complément pour les articulations ? --\u003e\n  \u003csection class=\"soi-stoa-section\"\u003e\n    \u003ch2\u003ePour qui est conseillé ce complément pour les articulations ?\u003c\/h2\u003e\n    \u003cp\u003eStopacid Articulations s'adresse aux adultes souhaitant soutenir naturellement leur confort articulaire, notamment en cas d'alimentation riche en purines, de surcharge pondérale, ou de tendance aux épisodes inflammatoires articulaires.\u003c\/p\u003e\n    \u003cdiv class=\"soi-stoa-tip\"\u003e\n      \u003cdiv class=\"soi-stoa-tip-icon\"\u003e⚕️\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCe complément ne se substitue pas à un traitement médical. En cas de douleurs persistantes ou de pathologie diagnostiquée (goutte, arthrose, etc.), consultez votre médecin.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Questions fréquentes sur Stopacid Articulations --\u003e\n  \u003csection class=\"soi-stoa-section\"\u003e\n    \u003ch2\u003eVoq interrogations sur Stopacid Articulations\u003c\/h2\u003e\n    \u003cdiv class=\"soi-stoa-accordion\"\u003e\n      \u003cdetails class=\"soi-stoa-accordion-item\"\u003e\n        \u003csummary class=\"soi-stoa-accordion-header\"\u003e⏱️ Quand voir les premiers effets ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-stoa-accordion-content\"\u003e\n          \u003cp\u003eUne cure de 10 jours est la durée minimale recommandée. Les effets varient selon chaque organisme.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-stoa-accordion-item\"\u003e\n        \u003csummary class=\"soi-stoa-accordion-header\"\u003e🔄 Peut-on le prendre en continu ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-stoa-accordion-content\"\u003e\n          \u003cp\u003eDes cures séquentielles (10 jours par mois, par exemple) sont généralement préconisées. Demandez conseil à un professionnel de santé pour un usage prolongé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-stoa-accordion-item\"\u003e\n        \u003csummary class=\"soi-stoa-accordion-header\"\u003e💊 Est-il compatible avec un traitement médicamenteux ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-stoa-accordion-content\"\u003e\n          \u003cp\u003eEn cas de traitement en cours, consultez votre médecin ou pharmacien 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  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-stoa-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-stoa-cta-box\"\u003e\n      \u003cp class=\"soi-stoa-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-stoa-cta-text\" style=\"color: white;\"\u003eVos articulations méritent une attention naturelle, sans compromis sur la qualité. Trois plantes bio, une formule vegan et fabriquée en France pour vous aider à drainer l'acide urique en excès et retrouver une vraie légèreté dans vos mouvements.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-stoa-marine: #1A2D3D;\n  --soi-stoa-marine-dark: #0F1E2B;\n  --soi-stoa-marine-light: #2C4458;\n  --soi-stoa-pomme: #A1C544;\n  --soi-stoa-pomme-dark: #84A636;\n  --soi-stoa-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-stoa-white: #FFFFFF;\n  --soi-stoa-off-white: #F8FAF6;\n  --soi-stoa-stone: #F1F3EE;\n  --soi-stoa-line: #E5E8E0;\n\n  --soi-stoa-primary: #C8D929;\n  --soi-stoa-primary-soft: #EEF4A8;\n  --soi-stoa-accent: #7CA86E;\n\n  --soi-stoa-text: #1A2D3D;\n  --soi-stoa-text-soft: #4A5B6B;\n  --soi-stoa-text-muted: #7B8693;\n\n  --soi-stoa-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-stoa-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-stoa-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-stoa-radius: 12px;\n  --soi-stoa-radius-sm: 8px;\n  --soi-stoa-radius-pill: 999px;\n}\n\n.soi-stoa-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-stoa-fiche img { max-width: 100%; height: auto; }\n\n.soi-stoa-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-stoa-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-stoa-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-stoa-hero {\n  position: relative;\n  background: var(--soi-stoa-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-stoa-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-stoa-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-stoa-pomme);\n}\n\n.soi-stoa-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-stoa-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-stoa-pomme);\n  border-radius: 50%;\n}\n\n.soi-stoa-hero-title {\n  display: block;\n  color: var(--soi-stoa-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-stoa-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-stoa-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-stoa-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-stoa-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-stoa-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-stoa-label-accent {\n  background: var(--soi-stoa-pomme);\n  border-color: var(--soi-stoa-pomme);\n  color: var(--soi-stoa-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-stoa-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-stoa-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-stoa-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-stoa-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-stoa-pomme);\n  border-radius: 2px;\n}\n\n.soi-stoa-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-stoa-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-stoa-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-stoa-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-stoa-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-stoa-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-stoa-benefit {\n  background: var(--soi-stoa-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-stoa-radius);\n  border: 1px solid var(--soi-stoa-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-stoa-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-stoa-shadow-md);\n}\n\n.soi-stoa-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-stoa-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-stoa-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-stoa-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-stoa-benefit:hover .soi-stoa-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-stoa-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-stoa-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-stoa-benefit p {\n  font-size: 13px;\n  color: var(--soi-stoa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-stoa-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-stoa-card {\n  background: var(--soi-stoa-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-stoa-radius);\n  border-left: 3px solid var(--soi-stoa-pomme);\n}\n\n.soi-stoa-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-stoa-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-stoa-card p {\n  font-size: 14px;\n  color: var(--soi-stoa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-stoa-compo {\n  background: var(--soi-stoa-off-white);\n  border-radius: var(--soi-stoa-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-stoa-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-stoa-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-stoa-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-stoa-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-stoa-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-stoa-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-stoa-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-stoa-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-stoa-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-stoa-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-stoa-radius);\n  border: 1px solid var(--soi-stoa-line);\n  align-items: flex-start;\n}\n\n.soi-stoa-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-stoa-marine);\n  color: var(--soi-stoa-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-stoa-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-stoa-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-stoa-step-content p {\n  font-size: 14px;\n  color: var(--soi-stoa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-stoa-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-stoa-pomme-light);\n  border-left: 4px solid var(--soi-stoa-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-stoa-radius) var(--soi-stoa-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-stoa-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-stoa-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-stoa-marine);\n  margin-bottom: 4px;\n}\n\n.soi-stoa-tip p {\n  font-size: 14px;\n  color: var(--soi-stoa-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-stoa-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-stoa-accordion-item {\n  background: var(--soi-stoa-off-white);\n  border-radius: var(--soi-stoa-radius-sm);\n  border: 1px solid var(--soi-stoa-line);\n  overflow: hidden;\n}\n\n.soi-stoa-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-stoa-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-stoa-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-stoa-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-stoa-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-stoa-accordion-item[open] .soi-stoa-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-stoa-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-stoa-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-stoa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-stoa-cta-box {\n  background: var(--soi-stoa-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-stoa-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-stoa-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-stoa-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-stoa-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-stoa-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-stoa-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-stoa-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-stoa-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-stoa-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-stoa-compo-value {\n    text-align: left;\n  }\n\n  .soi-stoa-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-stoa-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-stoa-fiche {\n    --soi-stoa-text-soft: #2C3E50;\n    --soi-stoa-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Graine sauvage","offers":[{"title":"Default Title","offer_id":61603067199818,"sku":"GS9119","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/stopacid-articulations-bio-et-vegan-en-gelules-packshot.webp?v=1779041050","url":"https:\/\/www.soinature.com\/products\/stopacid-articulations-bio","provider":"Soinature","version":"1.0","type":"link"}