{"product_id":"guarana-bio-gelules","title":"Guarana bio et vegan en gélules","description":"\n\u003cdiv class=\"soi-guar-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-guar-hero\"\u003e\n    \u003cdiv class=\"soi-guar-hero-tag\"\u003e\n      \u003cspan class=\"soi-guar-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · Graine Sauvage\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-guar-hero-title\"\u003eL'énergie amazonienne au service de votre vitalité\u003c\/span\u003e\n    \u003cp class=\"soi-guar-hero-subtitle\"\u003eToute la puissance de la graine de guarana bio dans une formule pure, végétale et sans artifice, pour soutenir votre énergie et votre objectif minceur.\u003c\/p\u003e\n    \u003cdiv class=\"soi-guar-hero-labels\"\u003e\n      \u003cspan class=\"soi-guar-label soi-guar-label-accent\"\u003eBIO · AB\u003c\/span\u003e\n      \u003cspan class=\"soi-guar-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-guar-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-guar-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n      \u003cspan class=\"soi-guar-label\"\u003eSANS OGM\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi le guarana est-il si efficace ? --\u003e\n  \u003csection class=\"soi-guar-section\"\u003e\n    \u003ch2\u003ePourquoi le guarana est-il si efficace ?\u003c\/h2\u003e\n    \u003cp class=\"soi-guar-section-intro\"\u003eLe guarana (\u003cem\u003ePaullinia cupana\u003c\/em\u003e) est une plante amazonienne utilisée depuis des siècles par les peuples indigènes du Brésil. Sa graine renferme une concentration en caféine naturelle deux à trois fois supérieure à celle du café, associée à des xanthines (théobromine, théophylline) et à des antioxydants puissants comme les tanins. Résultat : une libération d'énergie plus lente, plus durable, sans le pic brutal ni le « crash » du café.\u003c\/p\u003e\n    \u003cp\u003eCe profil unique en fait un allié précieux pour votre quotidien :\u003c\/p\u003e\n    \u003cdiv class=\"soi-guar-benefits\"\u003e\n      \u003cdiv class=\"soi-guar-benefit\"\u003e\n        \u003cdiv class=\"soi-guar-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉnergie durable\u003c\/h3\u003e\n        \u003cp\u003eStimule votre énergie et réduit la fatigue, même lors des journées les plus chargées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-guar-benefit\"\u003e\n        \u003cdiv class=\"soi-guar-benefit-icon\"\u003e\u003cspan\u003e🔥\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCombustion des graisses\u003c\/h3\u003e\n        \u003cp\u003eSoutient la combustion des graisses et favorise un métabolisme actif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-guar-benefit\"\u003e\n        \u003cdiv class=\"soi-guar-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eContrôle de l'appétit\u003c\/h3\u003e\n        \u003cp\u003eVous aide à contrôler votre appétit pour mieux gérer les fringales au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-guar-benefit\"\u003e\n        \u003cdiv class=\"soi-guar-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eEffet antioxydant\u003c\/h3\u003e\n        \u003cp\u003eApporte un effet antioxydant grâce à sa richesse en polyphénols et en tanins.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition et dosage précis --\u003e\n  \u003csection class=\"soi-guar-section\"\u003e\n    \u003ch2\u003eComposition et dosage précis\u003c\/h2\u003e\n    \u003cp class=\"soi-guar-section-intro\"\u003eLa formule est volontairement épurée : 100 % poudre de guarana bio, sans excipient ajouté, sans additif, sans colorant. Un seul ingrédient, une vraie puissance végétale.\u003c\/p\u003e\n    \u003cdiv class=\"soi-guar-compo\"\u003e\n      \u003cdiv class=\"soi-guar-compo-row\"\u003e\n        \u003cspan class=\"soi-guar-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n        \u003cspan class=\"soi-guar-compo-value\"\u003ePoudre de graine de guarana (\u003cem\u003ePaullinia cupana\u003c\/em\u003e) bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-guar-compo-row\"\u003e\n        \u003cspan class=\"soi-guar-compo-label\"\u003eGélule\u003c\/span\u003e\n        \u003cspan class=\"soi-guar-compo-value\"\u003eVégétale (HPMC), convient aux vegans et végétariens\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-guar-compo-row\"\u003e\n        \u003cspan class=\"soi-guar-compo-label\"\u003eContenu du flacon\u003c\/span\u003e\n        \u003cspan class=\"soi-guar-compo-value\"\u003e60 gélules végétales (10 jours d'utilisation)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-guar-compo-row\"\u003e\n        \u003cspan class=\"soi-guar-compo-label\"\u003eDose journalière (6 gélules)\u003c\/span\u003e\n        \u003cspan class=\"soi-guar-compo-value\"\u003eEnviron 2 400 mg de poudre de guarana\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-guar-compo-row\"\u003e\n        \u003cspan class=\"soi-guar-compo-label\"\u003eCaféine naturelle par dose\u003c\/span\u003e\n        \u003cspan class=\"soi-guar-compo-value\"\u003eEnviron 180 à 240 mg (variable selon la teneur naturelle)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-guar-compo-row\"\u003e\n        \u003cspan class=\"soi-guar-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-guar-compo-value\"\u003eAgriculture Biologique, certifié par FR-BIO-01\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-guar-compo-row\"\u003e\n        \u003cspan class=\"soi-guar-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-guar-compo-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment prendre le guarana bio en gélules ? --\u003e\n  \u003csection class=\"soi-guar-section\"\u003e\n    \u003ch2\u003eComment prendre le guarana bio en gélules ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-guar-timeline\"\u003e\n      \u003cdiv class=\"soi-guar-step\"\u003e\n        \u003cdiv class=\"soi-guar-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-guar-step-content\"\u003e\n          \u003ch3\u003ePrenez 6 gélules par jour\u003c\/h3\u003e\n          \u003cp\u003eDe préférence le matin ou avant l'effort physique, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-guar-step\"\u003e\n        \u003cdiv class=\"soi-guar-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-guar-step-content\"\u003e\n          \u003ch3\u003eÉvitez la prise en soirée\u003c\/h3\u003e\n          \u003cp\u003eLa caféine naturelle du guarana peut perturber le sommeil si elle est consommée trop tard dans la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-guar-step\"\u003e\n        \u003cdiv class=\"soi-guar-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-guar-step-content\"\u003e\n          \u003ch3\u003eAssociez-le à une alimentation équilibrée\u003c\/h3\u003e\n          \u003cp\u003eCombinez votre cure avec une alimentation variée et une activité physique régulière pour optimiser l'effet minceur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-guar-step\"\u003e\n        \u003cdiv class=\"soi-guar-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-guar-step-content\"\u003e\n          \u003ch3\u003eRéalisez des cures de 10 jours\u003c\/h3\u003e\n          \u003cp\u003eRenouvelables selon vos besoins, avec une pause entre chaque cycle si nécessaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-guar-tip\"\u003e\n      \u003cdiv class=\"soi-guar-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour bénéficier pleinement de ses propriétés, privilégiez une prise le matin au petit-déjeuner. Vous profiterez ainsi d'une énergie progressive tout au long de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Précautions d'utilisation --\u003e\n  \u003csection class=\"soi-guar-section\"\u003e\n    \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"soi-guar-accordion\"\u003e\n      \u003cdetails class=\"soi-guar-accordion-item\"\u003e\n        \u003csummary class=\"soi-guar-accordion-header\"\u003e⚠️ Personnes concernées par les précautions\u003c\/summary\u003e\n        \u003cdiv class=\"soi-guar-accordion-content\"\u003e\n          \u003cp\u003eLe guarana bio en gélules est déconseillé aux femmes enceintes ou allaitantes, aux enfants et aux personnes sensibles à la caféine.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-guar-accordion-item\"\u003e\n        \u003csummary class=\"soi-guar-accordion-header\"\u003e☕ Interactions avec la caféine\u003c\/summary\u003e\n        \u003cdiv class=\"soi-guar-accordion-content\"\u003e\n          \u003cp\u003eIl ne doit pas être combiné à d'autres sources importantes de caféine (café, thé, boissons énergisantes) pour éviter un apport excessif.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-guar-accordion-item\"\u003e\n        \u003csummary class=\"soi-guar-accordion-header\"\u003e📋 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"soi-guar-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace pas un traitement médical et ne saurait se substituer à une alimentation variée et équilibrée. En cas de doute, consultez votre médecin ou pharmacien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Le guarana bio Graine Sauvage : ce qui fait la différence --\u003e\n  \u003csection class=\"soi-guar-section\"\u003e\n    \u003ch2\u003eLe guarana bio Graine Sauvage : ce qui fait la différence\u003c\/h2\u003e\n    \u003cdiv class=\"soi-guar-grid\"\u003e\n      \u003cdiv class=\"soi-guar-card\"\u003e\n        \u003ch3\u003e🌿 Certification AB et européenne\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité garantie et zéro pesticide pour une qualité irréprochable, certifiée par FR-BIO-01.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-guar-card\"\u003e\n        \u003ch3\u003e🌱 Gélule 100 % végétale\u003c\/h3\u003e\n        \u003cp\u003eCompatible avec les régimes vegan et végétarien grâce à son enveloppe en HPMC.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-guar-card\"\u003e\n        \u003ch3\u003e✨ Formule pure\u003c\/h3\u003e\n        \u003cp\u003eUn seul ingrédient, aucun additif superflu. La pureté au service de l'efficacité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-guar-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eConditionné selon des normes de qualité strictes, pour vous offrir un produit fiable et traçable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-guar-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-guar-cta-box\"\u003e\n      \u003cp class=\"soi-guar-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-guar-cta-text\" style=\"color: white;\"\u003eAvec le guarana bio Graine Sauvage, vous retrouvez une énergie durable et naturelle, sans artifice. Certifié AB, vegan et fabriqué en France, il vous accompagne au quotidien pour rester actif et plein de vitalité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-guar-marine: #1A2D3D;\n  --soi-guar-marine-dark: #0F1E2B;\n  --soi-guar-marine-light: #2C4458;\n  --soi-guar-pomme: #A1C544;\n  --soi-guar-pomme-dark: #84A636;\n  --soi-guar-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-guar-white: #FFFFFF;\n  --soi-guar-off-white: #F8FAF6;\n  --soi-guar-stone: #F1F3EE;\n  --soi-guar-line: #E5E8E0;\n\n  --soi-guar-primary: #B5D63D;\n  --soi-guar-primary-soft: #D4E88A;\n  --soi-guar-accent: #D4A52A;\n\n  --soi-guar-text: #1A2D3D;\n  --soi-guar-text-soft: #4A5B6B;\n  --soi-guar-text-muted: #7B8693;\n\n  --soi-guar-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-guar-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-guar-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-guar-radius: 12px;\n  --soi-guar-radius-sm: 8px;\n  --soi-guar-radius-pill: 999px;\n}\n\n.soi-guar-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-guar-fiche img { max-width: 100%; height: auto; }\n\n.soi-guar-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-guar-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-guar-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-guar-hero {\n  position: relative;\n  background: var(--soi-guar-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-guar-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-guar-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-guar-pomme);\n}\n\n.soi-guar-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-guar-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-guar-pomme);\n  border-radius: 50%;\n}\n\n.soi-guar-hero-title {\n  display: block;\n  color: var(--soi-guar-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-guar-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-guar-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-guar-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-guar-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-guar-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-guar-label-accent {\n  background: var(--soi-guar-pomme);\n  border-color: var(--soi-guar-pomme);\n  color: var(--soi-guar-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-guar-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-guar-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-guar-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-guar-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-guar-pomme);\n  border-radius: 2px;\n}\n\n.soi-guar-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-guar-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-guar-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-guar-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-guar-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-guar-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-guar-benefit {\n  background: var(--soi-guar-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-guar-radius);\n  border: 1px solid var(--soi-guar-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-guar-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-guar-shadow-md);\n}\n\n.soi-guar-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-guar-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-guar-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-guar-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-guar-benefit:hover .soi-guar-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-guar-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-guar-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-guar-benefit p {\n  font-size: 13px;\n  color: var(--soi-guar-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-guar-compo {\n  background: var(--soi-guar-off-white);\n  border-radius: var(--soi-guar-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-guar-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-guar-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-guar-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-guar-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-guar-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-guar-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-guar-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-guar-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-guar-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-guar-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-guar-radius);\n  border: 1px solid var(--soi-guar-line);\n  align-items: flex-start;\n}\n\n.soi-guar-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-guar-marine);\n  color: var(--soi-guar-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-guar-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-guar-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-guar-step-content p {\n  font-size: 14px;\n  color: var(--soi-guar-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-guar-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-guar-pomme-light);\n  border-left: 4px solid var(--soi-guar-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-guar-radius) var(--soi-guar-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-guar-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-guar-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-guar-marine);\n  margin-bottom: 4px;\n}\n\n.soi-guar-tip p {\n  font-size: 14px;\n  color: var(--soi-guar-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-guar-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-guar-card {\n  background: var(--soi-guar-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-guar-radius);\n  border-left: 3px solid var(--soi-guar-pomme);\n}\n\n.soi-guar-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-guar-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-guar-card p {\n  font-size: 14px;\n  color: var(--soi-guar-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-guar-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-guar-accordion-item {\n  background: var(--soi-guar-off-white);\n  border-radius: var(--soi-guar-radius-sm);\n  border: 1px solid var(--soi-guar-line);\n  overflow: hidden;\n}\n\n.soi-guar-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-guar-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-guar-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-guar-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-guar-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-guar-accordion-item[open] .soi-guar-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-guar-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-guar-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-guar-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-guar-cta-box {\n  background: var(--soi-guar-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-guar-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-guar-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-guar-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-guar-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-guar-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-guar-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-guar-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-guar-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-guar-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-guar-compo-value {\n    text-align: left;\n  }\n\n  .soi-guar-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-guar-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-guar-fiche {\n    --soi-guar-text-soft: #2C3E50;\n    --soi-guar-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Graine sauvage","offers":[{"title":"Default Title","offer_id":61602768978250,"sku":"GS0025","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/guarana-bio-et-vegan-en-gelules-packshot.webp?v=1780059683","url":"https:\/\/www.soinature.com\/products\/guarana-bio-gelules","provider":"Soinature","version":"1.0","type":"link"}