{"product_id":"passiflore-millepertuis-bio-et-vegan-en-gelules","title":"Passiflore \u0026 Millepertuis bio en gélules","description":"\u003cdiv class=\"soi-pami-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-pami-hero\"\u003e\n    \u003cdiv class=\"soi-pami-hero-tag\"\u003e\n      \u003cspan class=\"soi-pami-tag-dot\"\u003e\u003c\/span\u003e\n      Stress \u0026amp; Sommeil · Laboratoire Code\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-pami-hero-title\"\u003ePassiflore \u0026amp; Millepertuis bio en gélules\u003c\/span\u003e\n    \u003cp class=\"soi-pami-hero-subtitle\"\u003eDeux plantes aux vertus complémentaires pour vous aider à retrouver équilibre, sérénité et un sommeil de qualité.\u003c\/p\u003e\n    \u003cdiv class=\"soi-pami-hero-labels\"\u003e\n      \u003cspan class=\"soi-pami-label soi-pami-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-pami-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-pami-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-pami-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n      \u003cspan class=\"soi-pami-label\"\u003eECOCERT FR-BIO-01\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"soi-pami-section\"\u003e\n    \u003cp class=\"soi-pami-section-intro\"\u003eVous ressentez les effets du stress au quotidien, vos nuits sont agitées, ou votre humeur fluctue sans raison apparente ? La Passiflore Millepertuis bio du Laboratoire Code associe deux plantes aux vertus complémentaires dans une formule végane et certifiée agriculture biologique, pour vous aider à retrouver équilibre et légèreté.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Association Passiflore + Millepertuis --\u003e\n  \u003csection class=\"soi-pami-section\"\u003e\n    \u003ch2\u003ePassiflore et Millepertuis : pourquoi cette association fonctionne\u003c\/h2\u003e\n    \u003cp\u003eCes deux plantes sont traditionnellement reconnues pour agir en synergie sur deux leviers essentiels du bien-être : la gestion du stress et la qualité du sommeil.\u003c\/p\u003e\n    \u003cdiv class=\"soi-pami-grid\"\u003e\n      \u003cdiv class=\"soi-pami-card\"\u003e\n        \u003ch3\u003e🌸 Passiflore (Passiflora incarnata)\u003c\/h3\u003e\n        \u003cp\u003eUtilisée depuis des siècles en phytothérapie, elle est reconnue pour calmer la nervosité, faciliter l'endormissement et améliorer la qualité du sommeil. Sa richesse en flavonoïdes agit doucement sur le système nerveux, sans effet de somnolence le lendemain.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pami-card\"\u003e\n        \u003ch3\u003e☀️ Millepertuis (Hypericum perforatum)\u003c\/h3\u003e\n        \u003cp\u003eSurnommé le \"soleil intérieur\", il est utilisé depuis plus de 2 000 ans pour soutenir l'humeur, réduire l'irritabilité et favoriser un état d'esprit positif. Son extrait sec est titré à 0,3 % d'hypéricine. Il contribue également à atténuer les troubles du sommeil liés aux états de blues passagers.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-pami-tip\"\u003e\n      \u003cdiv class=\"soi-pami-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eEnsemble, passiflore et millepertuis forment une formule anti-stress et sommeil particulièrement adaptée aux périodes de surmenage, de changements de saison ou de cycles hormonaux difficiles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Composition et posologie --\u003e\n  \u003csection class=\"soi-pami-section\"\u003e\n    \u003ch2\u003eComposition et posologie : ce que contient chaque gélule\u003c\/h2\u003e\n    \u003cp\u003eChaque flacon contient 60 gélules végétales de 605 mg, formulées sans additif inutile.\u003c\/p\u003e\n    \u003cdiv class=\"soi-pami-compo\"\u003e\n      \u003cdiv class=\"soi-pami-compo-row\"\u003e\n        \u003cspan class=\"soi-pami-compo-label\"\u003ePoudre de passiflore bio (parties aériennes)\u003c\/span\u003e\n        \u003cspan class=\"soi-pami-compo-value\"\u003e500 mg \/ gélule\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pami-compo-row\"\u003e\n        \u003cspan class=\"soi-pami-compo-label\"\u003eExtrait sec de millepertuis bio (titré à 0,3 % d'hypéricine)\u003c\/span\u003e\n        \u003cspan class=\"soi-pami-compo-value\"\u003e100 mg \/ gélule\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pami-compo-row\"\u003e\n        \u003cspan class=\"soi-pami-compo-label\"\u003eGélule végétale\u003c\/span\u003e\n        \u003cspan class=\"soi-pami-compo-value\"\u003eHPMC (convient aux vegans)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pami-compo-row\"\u003e\n        \u003cspan class=\"soi-pami-compo-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-pami-compo-value\"\u003e60 gélules de 605 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-pami-timeline\"\u003e\n      \u003cdiv class=\"soi-pami-step\"\u003e\n        \u003cdiv class=\"soi-pami-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-pami-step-content\"\u003e\n          \u003ch3\u003ePosologie recommandée\u003c\/h3\u003e\n          \u003cp\u003e2 gélules par jour, de préférence le soir avant le coucher ou en deux prises (matin et soir) selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pami-step\"\u003e\n        \u003cdiv class=\"soi-pami-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-pami-step-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eUne cure de 6 à 8 semaines est généralement conseillée pour observer les effets. Ce complément ne remplace pas un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Pour qui --\u003e\n  \u003csection class=\"soi-pami-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce complément à base de passiflore et millepertuis ?\u003c\/h2\u003e\n    \u003cp class=\"soi-pami-section-intro\"\u003eCette formule est particulièrement adaptée si vous vous reconnaissez dans l'un de ces profils.\u003c\/p\u003e\n    \u003cdiv class=\"soi-pami-benefits\"\u003e\n      \u003cdiv class=\"soi-pami-benefit\"\u003e\n        \u003cdiv class=\"soi-pami-benefit-icon\"\u003e\u003cspan\u003e😤\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eStress chronique ou ponctuel\u003c\/h3\u003e\n        \u003cp\u003eTravail, examens, changements de vie : vous traversez une période exigeante et cherchez un soutien naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pami-benefit\"\u003e\n        \u003cdiv class=\"soi-pami-benefit-icon\"\u003e\u003cspan\u003e🌙\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eDifficultés d'endormissement\u003c\/h3\u003e\n        \u003cp\u003eVous avez du mal à vous endormir ou à maintenir un sommeil profond et réparateur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pami-benefit\"\u003e\n        \u003cdiv class=\"soi-pami-benefit-icon\"\u003e\u003cspan\u003e🌦️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eIrritabilité ou blues passager\u003c\/h3\u003e\n        \u003cp\u003eVous ressentez une irritabilité ou un état de blues passager, notamment en lien avec le cycle menstruel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pami-benefit\"\u003e\n        \u003cdiv class=\"soi-pami-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAlternative naturelle complète\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez une alternative à la valériane et passiflore seule, avec une action plus complète sur le stress et l'humeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Points forts --\u003e\n  \u003csection class=\"soi-pami-section\"\u003e\n    \u003ch2\u003eLes points forts qui font la différence\u003c\/h2\u003e\n    \u003cdiv class=\"soi-pami-grid-compact\"\u003e\n      \u003cdiv class=\"soi-pami-card-mini\"\u003e\n        \u003cspan class=\"soi-pami-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-pami-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-pami-card-mini-value\"\u003eAgriculture biologique Ecocert (FR-BIO-01)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pami-card-mini\"\u003e\n        \u003cspan class=\"soi-pami-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-pami-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-pami-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pami-card-mini\"\u003e\n        \u003cspan class=\"soi-pami-card-mini-icon\"\u003e💊\u003c\/span\u003e\n        \u003cspan class=\"soi-pami-card-mini-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-pami-card-mini-value\"\u003eVegan, sans conservateur, sans colorant, sans gluten\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-pami-card-mini\"\u003e\n        \u003cspan class=\"soi-pami-card-mini-icon\"\u003e🔬\u003c\/span\u003e\n        \u003cspan class=\"soi-pami-card-mini-label\"\u003eTitrage\u003c\/span\u003e\n        \u003cspan class=\"soi-pami-card-mini-value\"\u003eMillepertuis titré à 0,3 % d'hypéricine\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Précautions --\u003e\n  \u003csection class=\"soi-pami-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n    \u003cdiv class=\"soi-pami-accordion\"\u003e\n      \u003cdetails class=\"soi-pami-accordion-item\" open\u003e\n        \u003csummary class=\"soi-pami-accordion-header\"\u003e⚠️ Interactions médicamenteuses\u003c\/summary\u003e\n        \u003cdiv class=\"soi-pami-accordion-content\"\u003e\n          \u003cp\u003eLe millepertuis est une plante active qui peut interagir avec certains médicaments (contraceptifs oraux, anticoagulants, antidépresseurs, immunosuppresseurs, etc.). Consultez un professionnel de santé avant toute prise si vous suivez un traitement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-pami-accordion-item\"\u003e\n        \u003csummary class=\"soi-pami-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"soi-pami-accordion-content\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, et aux enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-pami-accordion-item\"\u003e\n        \u003csummary class=\"soi-pami-accordion-header\"\u003e☀️ Photosensibilisation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-pami-accordion-content\"\u003e\n          \u003cp\u003eEn cas d'exposition solaire prolongée, soyez vigilant : le millepertuis peut provoquer une photosensibilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-pami-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-pami-cta-box\"\u003e\n      \u003cp class=\"soi-pami-cta-tag\" style=\"color: white;\"\u003ePrendre soin de vous, naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-pami-cta-text\" style=\"color: white;\"\u003eQuand le stress s'accumule et que les nuits raccourcissent, votre corps mérite une réponse douce et naturelle. Retrouvez sérénité et sommeil profond avec la Passiflore Millepertuis bio.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-pami-marine: #1A2D3D;\n  --soi-pami-marine-dark: #0F1E2B;\n  --soi-pami-marine-light: #2C4458;\n  --soi-pami-pomme: #A1C544;\n  --soi-pami-pomme-dark: #84A636;\n  --soi-pami-pomme-light: rgba(161,197,68,0.10);\n  --soi-pami-white: #FFFFFF;\n  --soi-pami-off-white: #F8FAF6;\n  --soi-pami-stone: #F1F3EE;\n  --soi-pami-line: #E5E8E0;\n  --soi-pami-primary: #3D5A7A;\n  --soi-pami-primary-soft: rgba(61,90,122,0.08);\n  --soi-pami-accent: #9B8AA8;\n  --soi-pami-text: #1A2D3D;\n  --soi-pami-text-soft: #4A5B6B;\n  --soi-pami-text-muted: #7B8693;\n  --soi-pami-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-pami-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-pami-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-pami-radius: 12px;\n  --soi-pami-radius-sm: 8px;\n  --soi-pami-radius-pill: 999px;\n}\n\n.soi-pami-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-pami-fiche img { max-width: 100%; height: auto; }\n\n.soi-pami-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-pami-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-pami-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-pami-hero {\n  position: relative;\n  background: var(--soi-pami-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-pami-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-pami-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-pami-pomme);\n}\n\n.soi-pami-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-pami-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-pami-pomme);\n  border-radius: 50%;\n}\n\n.soi-pami-hero-title {\n  display: block;\n  color: var(--soi-pami-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-pami-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-pami-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-pami-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-pami-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-pami-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-pami-label-accent {\n  background: var(--soi-pami-pomme);\n  border-color: var(--soi-pami-pomme);\n  color: var(--soi-pami-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-pami-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-pami-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-pami-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-pami-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-pami-pomme);\n  border-radius: 2px;\n}\n\n.soi-pami-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-pami-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-pami-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-pami-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-pami-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-pami-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-pami-benefit {\n  background: var(--soi-pami-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-pami-radius);\n  border: 1px solid var(--soi-pami-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-pami-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-pami-shadow-md);\n}\n\n.soi-pami-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-pami-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-pami-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-pami-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-pami-benefit:hover .soi-pami-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-pami-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-pami-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-pami-benefit p {\n  font-size: 13px;\n  color: var(--soi-pami-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-pami-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-pami-card {\n  background: var(--soi-pami-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-pami-radius);\n  border-left: 3px solid var(--soi-pami-pomme);\n}\n\n.soi-pami-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-pami-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-pami-card p {\n  font-size: 14px;\n  color: var(--soi-pami-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-pami-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-pami-card-mini {\n  background: var(--soi-pami-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-pami-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-pami-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-pami-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-pami-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-pami-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-pami-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-pami-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-top: 1.5rem;\n}\n\n.soi-pami-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-pami-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-pami-radius);\n  border: 1px solid var(--soi-pami-line);\n  align-items: flex-start;\n}\n\n.soi-pami-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-pami-marine);\n  color: var(--soi-pami-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-pami-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-pami-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-pami-step-content p {\n  font-size: 14px;\n  color: var(--soi-pami-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-pami-compo {\n  background: var(--soi-pami-off-white);\n  border-radius: var(--soi-pami-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 0.5rem;\n}\n\n.soi-pami-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-pami-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-pami-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-pami-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-pami-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-pami-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-pami-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-pami-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-pami-pomme-light);\n  border-left: 4px solid var(--soi-pami-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-pami-radius) var(--soi-pami-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-pami-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-pami-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-pami-marine);\n  margin-bottom: 4px;\n}\n\n.soi-pami-tip p {\n  font-size: 14px;\n  color: var(--soi-pami-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-pami-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-pami-accordion-item {\n  background: var(--soi-pami-off-white);\n  border-radius: var(--soi-pami-radius-sm);\n  border: 1px solid var(--soi-pami-line);\n  overflow: hidden;\n}\n\n.soi-pami-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-pami-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-pami-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-pami-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-pami-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-pami-accordion-item[open] .soi-pami-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-pami-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-pami-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-pami-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-pami-cta-box {\n  background: var(--soi-pami-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-pami-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-pami-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-pami-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-pami-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-pami-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-pami-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-pami-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-pami-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-pami-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-pami-compo-value {\n    text-align: left;\n  }\n\n  .soi-pami-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-pami-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-pami-fiche {\n    --soi-pami-text-soft: #2C3E50;\n    --soi-pami-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61602961424714,"sku":"LC9114","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/passiflore-millepertuis-bio-et-vegan-en-gelules-packshot.webp?v=1779634542","url":"https:\/\/www.soinature.com\/products\/passiflore-millepertuis-bio-et-vegan-en-gelules","provider":"Soinature","version":"1.0","type":"link"}