{"product_id":"graines-sommeil-bio","title":"Graines de Sommeil Bio et Vegan en gélules","description":"\u003cdiv class=\"soi-somm-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-somm-hero\"\u003e\n    \u003cdiv class=\"soi-somm-hero-tag\"\u003e\n      \u003cspan class=\"soi-somm-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire sommeil · Graine Sauvage\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-somm-hero-title\"\u003eQuatre plantes pour des nuits paisibles\u003c\/span\u003e\n    \u003cp class=\"soi-somm-hero-subtitle\"\u003eUne synergie de passiflore, houblon, aubépine et camomille biologiques pour vous accompagner vers un endormissement serein et un sommeil profond, naturellement, sans accoutumance.\u003c\/p\u003e\n    \u003cdiv class=\"soi-somm-hero-labels\"\u003e\n      \u003cspan class=\"soi-somm-label soi-somm-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-somm-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-somm-label\"\u003eCERTIFIÉ ECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-somm-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-somm-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Intro contextuelle --\u003e\n  \u003csection class=\"soi-somm-section\"\u003e\n    \u003ch2\u003ePourquoi ce complément alimentaire pour le sommeil est différent ?\u003c\/h2\u003e\n    \u003cp\u003eContrairement à beaucoup de gélules sommeil du marché qui misent sur un seul actif, les Graines de Sommeil associent \u003cstrong\u003equatre plantes complémentaires\u003c\/strong\u003e, chacune intervenant à une phase clé de votre nuit : la détente en soirée, l'endormissement, le maintien du sommeil profond et la limitation des réveils nocturnes. Une approche globale, certifiée bio par Ecocert, fabriquée en France.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Les 4 plantes clés --\u003e\n  \u003csection class=\"soi-somm-section\"\u003e\n    \u003ch2\u003eLes 4 plantes clés : composition et bienfaits\u003c\/h2\u003e\n    \u003cdiv class=\"soi-somm-benefits\"\u003e\n      \u003cdiv class=\"soi-somm-benefit\"\u003e\n        \u003cdiv class=\"soi-somm-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePassiflore\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour son action apaisante sur le système nerveux, elle favorise la détente mentale et réduit l'agitation liée au stress ou aux pensées envahissantes avant le coucher.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-somm-benefit\"\u003e\n        \u003cdiv class=\"soi-somm-benefit-icon\"\u003e\u003cspan\u003e🌾\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHoublon\u003c\/h3\u003e\n        \u003cp\u003eUtilisé en phytothérapie traditionnelle depuis des siècles, il contribue à calmer l'excitabilité nerveuse et à faciliter l'endormissement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-somm-benefit\"\u003e\n        \u003cdiv class=\"soi-somm-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAubépine\u003c\/h3\u003e\n        \u003cp\u003ePlante du cœur et des émotions, elle aide à réduire la tension intérieure, l'irritabilité et l'agitation, créant les conditions idéales pour un sommeil profond et réparateur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-somm-benefit\"\u003e\n        \u003cdiv class=\"soi-somm-benefit-icon\"\u003e\u003cspan\u003e🌼\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCamomille\u003c\/h3\u003e\n        \u003cp\u003eDouce et efficace, elle est traditionnellement reconnue pour limiter les réveils nocturnes et soutenir un sommeil continu et serein.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-somm-tip\"\u003e\n      \u003cdiv class=\"soi-somm-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCette synergie végétale agit sur toutes les phases du sommeil : endormissement, qualité du sommeil profond et continuité de la nuit. C'est ce qui distingue ce complément d'une simple tisane ou d'un produit mono-actif.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Composition complète et posologie --\u003e\n  \u003csection class=\"soi-somm-section\"\u003e\n    \u003ch2\u003eComposition complète et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"soi-somm-compo\"\u003e\n      \u003cdiv class=\"soi-somm-compo-row\"\u003e\n        \u003cspan class=\"soi-somm-compo-label\"\u003eIngrédient 1\u003c\/span\u003e\n        \u003cspan class=\"soi-somm-compo-value\"\u003eExtrait de Passiflore bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-somm-compo-row\"\u003e\n        \u003cspan class=\"soi-somm-compo-label\"\u003eIngrédient 2\u003c\/span\u003e\n        \u003cspan class=\"soi-somm-compo-value\"\u003eExtrait de Houblon bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-somm-compo-row\"\u003e\n        \u003cspan class=\"soi-somm-compo-label\"\u003eIngrédient 3\u003c\/span\u003e\n        \u003cspan class=\"soi-somm-compo-value\"\u003eExtrait d'Aubépine bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-somm-compo-row\"\u003e\n        \u003cspan class=\"soi-somm-compo-label\"\u003eIngrédient 4\u003c\/span\u003e\n        \u003cspan class=\"soi-somm-compo-value\"\u003eExtrait de Camomille bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-somm-compo-row\"\u003e\n        \u003cspan class=\"soi-somm-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n        \u003cspan class=\"soi-somm-compo-value\"\u003eGélule végétale (HPMC)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-somm-compo-row\"\u003e\n        \u003cspan class=\"soi-somm-compo-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-somm-compo-value\"\u003e60 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-somm-compo-row\"\u003e\n        \u003cspan class=\"soi-somm-compo-label\"\u003eDurée de cure\u003c\/span\u003e\n        \u003cspan class=\"soi-somm-compo-value\"\u003e20 jours\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-somm-timeline\"\u003e\n      \u003cdiv class=\"soi-somm-step\"\u003e\n        \u003cdiv class=\"soi-somm-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-somm-step-content\"\u003e\n          \u003ch3\u003eDosage\u003c\/h3\u003e\n          \u003cp\u003ePrenez 3 gélules végétales par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-somm-step\"\u003e\n        \u003cdiv class=\"soi-somm-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-somm-step-content\"\u003e\n          \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n          \u003cp\u003eDe préférence 30 à 60 minutes avant le coucher, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-somm-step\"\u003e\n        \u003cdiv class=\"soi-somm-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-somm-step-content\"\u003e\n          \u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n          \u003cp\u003eUne cure de 20 jours est conseillée pour évaluer les premiers effets, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cp\u003e\u003cem\u003eCe complément alimentaire ne se substitue pas à un traitement médical. En cas de trouble du sommeil persistant, consultez un professionnel de santé.\u003c\/em\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Ce que vous devez savoir avant d'acheter --\u003e\n  \u003csection class=\"soi-somm-section\"\u003e\n    \u003ch2\u003eCe que vous devez savoir avant d'acheter\u003c\/h2\u003e\n    \u003cdiv class=\"soi-somm-grid\"\u003e\n      \u003cdiv class=\"soi-somm-card\"\u003e\n        \u003ch3\u003e🌱 100 % biologique et certifié Ecocert\u003c\/h3\u003e\n        \u003cp\u003eAucun pesticide, aucun additif chimique. Que du végétal, dans une gélule d'origine végétale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-somm-card\"\u003e\n        \u003ch3\u003e🥬 Vegan et sans allergènes majeurs\u003c\/h3\u003e\n        \u003cp\u003eAucune substance animale, adapté aux végétariens, végétaliens et à la majorité des régimes alimentaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-somm-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eConçu et produit selon des normes de qualité strictes, dans des ateliers français contrôlés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-somm-card\"\u003e\n        \u003ch3\u003e📦 60 gélules, soit 20 jours de cure\u003c\/h3\u003e\n        \u003cp\u003eUn format pratique pour tester les effets sur une durée suffisante et significative.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Questions fréquentes --\u003e\n  \u003csection class=\"soi-somm-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes sur les compléments alimentaires pour le sommeil\u003c\/h2\u003e\n    \u003cdiv class=\"soi-somm-accordion\"\u003e\n      \u003cdetails class=\"soi-somm-accordion-item\"\u003e\n        \u003csummary class=\"soi-somm-accordion-header\"\u003e💤 Les gélules sommeil à base de plantes créent-elles une dépendance ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-somm-accordion-content\"\u003e\n          \u003cp\u003eNon. Les plantes utilisées ici (passiflore, houblon, aubépine, camomille) ne sont pas addictives, contrairement à certains somnifères pharmaceutiques. Elles agissent en douceur, sans effet de sevrage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-somm-accordion-item\"\u003e\n        \u003csummary class=\"soi-somm-accordion-header\"\u003e⏱️ Quand sentir les premiers effets ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-somm-accordion-content\"\u003e\n          \u003cp\u003eCertaines personnes constatent une amélioration dès les premiers jours, notamment sur la facilité d'endormissement. Pour un effet durable sur la qualité du sommeil profond, une cure complète de 20 jours est recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-somm-accordion-item\"\u003e\n        \u003csummary class=\"soi-somm-accordion-header\"\u003e💊 Peut-on prendre ces gélules avec d'autres compléments ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-somm-accordion-content\"\u003e\n          \u003cp\u003eEn général oui, mais si vous prenez des médicaments (notamment anxiolytiques ou anticoagulants), demandez l'avis de votre médecin ou pharmacien avant toute 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-somm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-somm-cta-box\"\u003e\n      \u003cp class=\"soi-somm-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-somm-cta-text\" style=\"color: white;\"\u003eParce qu'une bonne nuit change tout à votre journée, les Graines de Sommeil Bio de Graine Sauvage vous offrent la puissance de quatre plantes soigneusement choisies, en une seule gélule végétale certifiée bio. Doux, naturel, fabriqué en France : le complément sommeil que vous attendiez pour enfin vous réveiller reposé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-somm-marine: #1A2D3D;\n  --soi-somm-marine-dark: #0F1E2B;\n  --soi-somm-marine-light: #2C4458;\n  --soi-somm-pomme: #A1C544;\n  --soi-somm-pomme-dark: #84A636;\n  --soi-somm-pomme-light: rgba(161,197,68,0.10);\n  --soi-somm-white: #FFFFFF;\n  --soi-somm-off-white: #F8FAF6;\n  --soi-somm-stone: #F1F3EE;\n  --soi-somm-line: #E5E8E0;\n  --soi-somm-primary: #3D5A7A;\n  --soi-somm-primary-soft: rgba(61,90,122,0.10);\n  --soi-somm-accent: #9B8AA8;\n  --soi-somm-text: #1A2D3D;\n  --soi-somm-text-soft: #4A5B6B;\n  --soi-somm-text-muted: #7B8693;\n  --soi-somm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-somm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-somm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-somm-radius: 12px;\n  --soi-somm-radius-sm: 8px;\n  --soi-somm-radius-pill: 999px;\n}\n\n.soi-somm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-somm-fiche img { max-width: 100%; height: auto; }\n\n.soi-somm-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-somm-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-somm-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-somm-hero {\n  position: relative;\n  background: var(--soi-somm-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-somm-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-somm-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-somm-pomme);\n}\n\n.soi-somm-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-somm-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-somm-pomme);\n  border-radius: 50%;\n}\n\n.soi-somm-hero-title {\n  display: block;\n  color: var(--soi-somm-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-somm-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-somm-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-somm-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-somm-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-somm-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-somm-label-accent {\n  background: var(--soi-somm-pomme);\n  border-color: var(--soi-somm-pomme);\n  color: var(--soi-somm-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-somm-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-somm-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-somm-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-somm-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-somm-pomme);\n  border-radius: 2px;\n}\n\n.soi-somm-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-somm-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-somm-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-somm-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-somm-benefit {\n  background: var(--soi-somm-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-somm-radius);\n  border: 1px solid var(--soi-somm-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-somm-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-somm-shadow-md);\n}\n\n.soi-somm-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-somm-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-somm-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-somm-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-somm-benefit:hover .soi-somm-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-somm-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-somm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-somm-benefit p {\n  font-size: 13px;\n  color: var(--soi-somm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-somm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-somm-card {\n  background: var(--soi-somm-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-somm-radius);\n  border-left: 3px solid var(--soi-somm-pomme);\n}\n\n.soi-somm-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-somm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-somm-card p {\n  font-size: 14px;\n  color: var(--soi-somm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-somm-compo {\n  background: var(--soi-somm-off-white);\n  border-radius: var(--soi-somm-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-somm-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-somm-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-somm-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-somm-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-somm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-somm-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-somm-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-somm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-somm-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-somm-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-somm-radius);\n  border: 1px solid var(--soi-somm-line);\n  align-items: flex-start;\n}\n\n.soi-somm-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-somm-marine);\n  color: var(--soi-somm-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-somm-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-somm-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-somm-step-content p {\n  font-size: 14px;\n  color: var(--soi-somm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-somm-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-somm-pomme-light);\n  border-left: 4px solid var(--soi-somm-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-somm-radius) var(--soi-somm-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-somm-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-somm-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-somm-marine);\n  margin-bottom: 4px;\n}\n\n.soi-somm-tip p {\n  font-size: 14px;\n  color: var(--soi-somm-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-somm-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-somm-accordion-item {\n  background: var(--soi-somm-off-white);\n  border-radius: var(--soi-somm-radius-sm);\n  border: 1px solid var(--soi-somm-line);\n  overflow: hidden;\n}\n\n.soi-somm-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-somm-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-somm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-somm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-somm-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-somm-accordion-item[open] .soi-somm-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-somm-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-somm-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-somm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-somm-cta-box {\n  background: var(--soi-somm-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-somm-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-somm-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-somm-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-somm-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-somm-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-somm-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-somm-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-somm-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-somm-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-somm-compo-value {\n    text-align: left;\n  }\n\n  .soi-somm-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-somm-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-somm-fiche {\n    --soi-somm-text-soft: #2C3E50;\n    --soi-somm-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Graine sauvage","offers":[{"title":"Default Title","offer_id":61603046818122,"sku":"GS4011","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/graines-de-sommeil-bio-et-vegan-en-gelules-packshot_11zon.webp?v=1780059935","url":"https:\/\/www.soinature.com\/products\/graines-sommeil-bio","provider":"Soinature","version":"1.0","type":"link"}