{"product_id":"citrulline-60-gelules","title":"Citrulline en gélules - Laboratoire Code","description":"\n\u003cdiv class=\"soi-citr-fiche\"\u003e\n\n  \u003csection class=\"soi-citr-hero\"\u003e\n    \u003cdiv class=\"soi-citr-hero-tag\"\u003e\n      \u003cspan class=\"soi-citr-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · Laboratoire Code\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-citr-hero-title\"\u003eCitrulline en gélules\u003c\/span\u003e\n    \u003cp class=\"soi-citr-hero-subtitle\"\u003eUn acide aminé essentiel pour soutenir votre endurance, votre récupération musculaire et votre vitalité au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-citr-hero-labels\"\u003e\n      \u003cspan class=\"soi-citr-label soi-citr-label-accent\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-citr-label\"\u003eCONDITIONNÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-citr-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n      \u003cspan class=\"soi-citr-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-citr-section\"\u003e\n    \u003ch2\u003eLa citrulline : à quoi sert-elle vraiment ?\u003c\/h2\u003e\n    \u003cp class=\"soi-citr-section-intro\"\u003eLa citrulline joue un rôle clé dans le cycle de l'urée, ce mécanisme vital qui permet à votre organisme d'éliminer l'ammoniac produit lors de l'effort ou du métabolisme des protéines. Elle est également un précurseur direct de l'arginine, impliquée dans la production de monoxyde d'azote (NO), un vasodilatateur naturel qui favorise la circulation sanguine.\u003c\/p\u003e\n    \u003cdiv class=\"soi-citr-benefits\"\u003e\n      \u003cdiv class=\"soi-citr-benefit\"\u003e\n        \u003cdiv class=\"soi-citr-benefit-icon\"\u003e\u003cspan\u003e🏃\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eEndurance physique\u003c\/h3\u003e\n        \u003cp\u003eEn retardant l'accumulation d'acide lactique et d'ammoniac, la citrulline vous aide à repousser la sensation de fatigue pendant l'effort.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-benefit\"\u003e\n        \u003cdiv class=\"soi-citr-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRécupération musculaire\u003c\/h3\u003e\n        \u003cp\u003eAprès une séance intense, elle contribue à réduire les courbatures et à accélérer la reconstruction musculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-benefit\"\u003e\n        \u003cdiv class=\"soi-citr-benefit-icon\"\u003e\u003cspan\u003e🦴\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMasse musculaire\u003c\/h3\u003e\n        \u003cp\u003eParticulièrement utile chez les seniors, elle aide à moduler la synthèse des protéines cellulaires et à préserver le capital musculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-benefit\"\u003e\n        \u003cdiv class=\"soi-citr-benefit-icon\"\u003e\u003cspan\u003e❤️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCirculation et vitalité\u003c\/h3\u003e\n        \u003cp\u003eVia la production de monoxyde d'azote, elle favorise une meilleure irrigation des tissus avec un effet positif sur l'énergie générale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-citr-section\"\u003e\n    \u003ch2\u003eCitrulline simple ou citrulline malate : quelle différence ?\u003c\/h2\u003e\n    \u003cp\u003eVous avez peut-être croisé les termes L-citrulline malate ou malate de citrulline dans vos recherches. Il s'agit d'une forme combinée associant la citrulline à l'acide malique, un composé impliqué dans le cycle de Krebs (production d'énergie cellulaire). Cette association est très prisée en contexte sportif, notamment pour son effet sur la réduction de la fatigue à l'effort.\u003c\/p\u003e\n    \u003cp\u003eLa formule Laboratoire Code propose une L-citrulline base pure, adaptée aussi bien aux sportifs qu'aux personnes souhaitant un soutien quotidien, notamment les seniors.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-citr-section\"\u003e\n    \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n\n    \u003cdiv class=\"soi-citr-compo\"\u003e\n      \u003cdiv class=\"soi-citr-compo-row\"\u003e\n        \u003cspan class=\"soi-citr-compo-label\"\u003eComposition par gélule\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-compo-value\"\u003e595 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-compo-row\"\u003e\n        \u003cspan class=\"soi-citr-compo-label\"\u003eL-Citrulline\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-compo-value\"\u003e500 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-compo-row\"\u003e\n        \u003cspan class=\"soi-citr-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-compo-value\"\u003eHydroxypropylméthylcellulose (HPMC, végétale)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-compo-row\"\u003e\n        \u003cspan class=\"soi-citr-compo-label\"\u003eAnti-agglomérant\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-compo-value\"\u003eStéarate de magnésium d'origine végétale\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cp style=\"font-size:13px; color:var(--soi-citr-text-muted); margin-top:1rem; margin-bottom:1.5rem; font-style:italic;\"\u003eLa citrulline n'a pas de valeur nutritionnelle de référence (VNR) établie en tant que telle. Le dosage est adapté aux recommandations courantes en complémentation.\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-citr-timeline\"\u003e\n      \u003cdiv class=\"soi-citr-step\"\u003e\n        \u003cdiv class=\"soi-citr-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-citr-step-content\"\u003e\n          \u003ch3\u003eDose recommandée\u003c\/h3\u003e\n          \u003cp\u003e2 à 4 gélules par jour, selon votre objectif. À avaler avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-step\"\u003e\n        \u003cdiv class=\"soi-citr-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-citr-step-content\"\u003e\n          \u003ch3\u003eEn contexte sportif\u003c\/h3\u003e\n          \u003cp\u003ePrendre de préférence 30 à 60 minutes avant l'entraînement pour un soutien optimal de l'endurance.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-step\"\u003e\n        \u003cdiv class=\"soi-citr-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-citr-step-content\"\u003e\n          \u003ch3\u003eEn usage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePour les seniors ou en soutien de la vitalité, répartir la prise au cours des repas principaux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-citr-section\"\u003e\n    \u003ch2\u003eCitrulline malate : dangers et précautions\u003c\/h2\u003e\n    \u003cp\u003eLa citrulline est généralement bien tolérée aux doses recommandées. Il n'existe pas de toxicité avérée à des doses standards. Toutefois, quelques précautions s'imposent.\u003c\/p\u003e\n    \u003cdiv class=\"soi-citr-accordion\"\u003e\n      \u003cdetails class=\"soi-citr-accordion-item\"\u003e\n        \u003csummary class=\"soi-citr-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"soi-citr-accordion-content\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière conseillée de 4 gélules par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-citr-accordion-item\"\u003e\n        \u003csummary class=\"soi-citr-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"soi-citr-accordion-content\"\u003e\n          \u003cp\u003eCe complément est dé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=\"soi-citr-accordion-item\"\u003e\n        \u003csummary class=\"soi-citr-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n        \u003cdiv class=\"soi-citr-accordion-content\"\u003e\n          \u003cp\u003eÀ éviter en cas de traitement vasodilatateur, notamment les inhibiteurs de la PDE5. Ce complément ne remplace en aucun cas un traitement médical. En cas de doute, consultez votre médecin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-citr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la Citrulline Laboratoire Code ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-citr-grid-compact\"\u003e\n      \u003cdiv class=\"soi-citr-card-mini\"\u003e\n        \u003cspan class=\"soi-citr-card-mini-icon\"\u003e💊\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-card-mini-value\"\u003e60 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-card-mini\"\u003e\n        \u003cspan class=\"soi-citr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-card-mini-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-card-mini-value\"\u003eEn France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-card-mini\"\u003e\n        \u003cspan class=\"soi-citr-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-card-mini-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-card-mini-value\"\u003ePure et épurée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citr-card-mini\"\u003e\n        \u003cspan class=\"soi-citr-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-citr-card-mini-value\"\u003eGluten ni gélatine animale\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-citr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-citr-cta-box\"\u003e\n      \u003cp class=\"soi-citr-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-citr-cta-text\" style=\"color: white;\"\u003eDiscrète mais puissante, la citrulline soutient votre énergie, votre circulation et votre récupération musculaire. Que vous soyez sportif régulier ou simplement soucieux de rester actif avec les années, choisissez la simplicité et la qualité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-citr-marine: #1A2D3D;\n  --soi-citr-marine-dark: #0F1E2B;\n  --soi-citr-marine-light: #2C4458;\n  --soi-citr-pomme: #A1C544;\n  --soi-citr-pomme-dark: #84A636;\n  --soi-citr-pomme-light: rgba(161,197,68,0.10);\n  --soi-citr-white: #FFFFFF;\n  --soi-citr-off-white: #F8FAF6;\n  --soi-citr-stone: #F1F3EE;\n  --soi-citr-line: #E5E8E0;\n  --soi-citr-primary: #B8D4E8;\n  --soi-citr-primary-soft: #D6E8F3;\n  --soi-citr-accent: #E04048;\n  --soi-citr-text: #1A2D3D;\n  --soi-citr-text-soft: #4A5B6B;\n  --soi-citr-text-muted: #7B8693;\n  --soi-citr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-citr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-citr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-citr-radius: 12px;\n  --soi-citr-radius-sm: 8px;\n  --soi-citr-radius-pill: 999px;\n}\n\n.soi-citr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-citr-fiche img { max-width: 100%; height: auto; }\n\n.soi-citr-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-citr-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-citr-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-citr-hero {\n  position: relative;\n  background: var(--soi-citr-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-citr-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-citr-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-citr-pomme);\n}\n\n.soi-citr-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-citr-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-citr-pomme);\n  border-radius: 50%;\n}\n\n.soi-citr-hero-title {\n  display: block;\n  color: var(--soi-citr-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-citr-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-citr-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-citr-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-citr-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-citr-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-citr-label-accent {\n  background: var(--soi-citr-pomme);\n  border-color: var(--soi-citr-pomme);\n  color: var(--soi-citr-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-citr-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-citr-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-citr-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-citr-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-citr-pomme);\n  border-radius: 2px;\n}\n\n.soi-citr-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-citr-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-citr-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-citr-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-citr-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-citr-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-citr-benefit {\n  background: var(--soi-citr-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-citr-radius);\n  border: 1px solid var(--soi-citr-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-citr-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-citr-shadow-md);\n}\n\n.soi-citr-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-citr-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-citr-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-citr-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-citr-benefit:hover .soi-citr-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-citr-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-citr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-citr-benefit p {\n  font-size: 13px;\n  color: var(--soi-citr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-citr-compo {\n  background: var(--soi-citr-off-white);\n  border-radius: var(--soi-citr-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-citr-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-citr-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-citr-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-citr-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-citr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-citr-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-citr-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-citr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-citr-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-citr-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-citr-radius);\n  border: 1px solid var(--soi-citr-line);\n  align-items: flex-start;\n}\n\n.soi-citr-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-citr-marine);\n  color: var(--soi-citr-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-citr-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-citr-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-citr-step-content p {\n  font-size: 14px;\n  color: var(--soi-citr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-citr-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-citr-accordion-item {\n  background: var(--soi-citr-off-white);\n  border-radius: var(--soi-citr-radius-sm);\n  border: 1px solid var(--soi-citr-line);\n  overflow: hidden;\n}\n\n.soi-citr-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-citr-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-citr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-citr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-citr-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-citr-accordion-item[open] .soi-citr-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-citr-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-citr-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-citr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-citr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-citr-card-mini {\n  background: var(--soi-citr-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-citr-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-citr-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-citr-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-citr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-citr-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-citr-marine);\n}\n\n\/* === CTA BOX === *\/\n.soi-citr-cta-box {\n  background: var(--soi-citr-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-citr-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-citr-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-citr-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-citr-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-citr-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-citr-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-citr-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-citr-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-citr-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-citr-compo-value {\n    text-align: left;\n  }\n\n  .soi-citr-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-citr-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-citr-fiche {\n    --soi-citr-text-soft: #2C3E50;\n    --soi-citr-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61602752856394,"sku":"LC9040","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/citrulline-en-gelules-packshot.webp?v=1779720207","url":"https:\/\/www.soinature.com\/products\/citrulline-60-gelules","provider":"Soinature","version":"1.0","type":"link"}