{"title":"Thérapie marine","description":"","products":[{"product_id":"magnesium-renforce-en-gelules","title":"Magnésium Renforcé en gélules","description":"\n\u003cdiv class=\"soi-mgrf-fiche\"\u003e\n\n  \u003csection class=\"soi-mgrf-hero\"\u003e\n    \u003cdiv class=\"soi-mgrf-hero-tag\"\u003e\n      \u003cspan class=\"soi-mgrf-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · MERalia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-mgrf-hero-title\"\u003eLa force de la mer au service de votre vitalité\u003c\/span\u003e\n    \u003cp class=\"soi-mgrf-hero-subtitle\"\u003eMagnésium marin d'extraction naturelle associé aux vitamines B1, B2 et B6 pour une action complète sur l'énergie, le système nerveux et la réduction de la fatigue.\u003c\/p\u003e\n    \u003cdiv class=\"soi-mgrf-hero-labels\"\u003e\n      \u003cspan class=\"soi-mgrf-label soi-mgrf-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-mgrf-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n      \u003cspan class=\"soi-mgrf-label\"\u003eMAGNÉSIUM MARIN\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-mgrf-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un magnésium marin en gélules ?\u003c\/h2\u003e\n    \u003cp\u003eToutes les formes de magnésium ne se valent pas. Le magnésium marin est extrait directement de l'eau de mer, sans synthèse chimique. Il présente une composition naturelle de sels de magnésium (chlorure, hydroxyde, oxyde) et bénéficie d'une bonne tolérance digestive chez la plupart des personnes.\u003c\/p\u003e\n    \u003cp\u003eConditionné en gélules végétales, ce complément convient aux végétariens et aux végans, sans gélatine animale. La formule MERalia mise sur la synergie entre le magnésium marin et trois vitamines du groupe B pour potentialiser l'action de chaque actif.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-mgrf-section\"\u003e\n    \u003ch2\u003eLes bienfaits des gélules de magnésium renforcé\u003c\/h2\u003e\n    \u003cdiv class=\"soi-mgrf-benefits\"\u003e\n      \u003cdiv class=\"soi-mgrf-benefit\"\u003e\n        \u003cdiv class=\"soi-mgrf-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉnergie et vitalité\u003c\/h3\u003e\n        \u003cp\u003eLe magnésium contribue à un métabolisme énergétique normal. Associé aux vitamines B1 et B2, il favorise la conversion des nutriments en carburant utilisable par vos cellules.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mgrf-benefit\"\u003e\n        \u003cdiv class=\"soi-mgrf-benefit-icon\"\u003e\u003cspan\u003e😮‍💨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRéduction de la fatigue\u003c\/h3\u003e\n        \u003cp\u003eLa combinaison magnésium, B2 et B6 agit sur la fatigue physique et mentale, deux aspects souvent liés à un déficit en minéraux essentiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mgrf-benefit\"\u003e\n        \u003cdiv class=\"soi-mgrf-benefit-icon\"\u003e\u003cspan\u003e🧠\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSystème nerveux\u003c\/h3\u003e\n        \u003cp\u003eMagnésium, B2 et B6 contribuent au fonctionnement normal du système nerveux, soutenant l'équilibre émotionnel et la résistance au stress.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mgrf-benefit\"\u003e\n        \u003cdiv class=\"soi-mgrf-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eImmunité et protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine B6 soutient l'immunité, tandis que la B2 protège les cellules du stress oxydatif, pour une action globale sur la durée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-mgrf-section\"\u003e\n    \u003ch2\u003eComposition et posologie des gélules de magnésium MERalia\u003c\/h2\u003e\n    \u003cdiv class=\"soi-mgrf-compo\"\u003e\n      \u003cdiv class=\"soi-mgrf-compo-row\"\u003e\n        \u003cspan class=\"soi-mgrf-compo-label\"\u003ePour 2 gélules (dose journalière)\u003c\/span\u003e\n        \u003cspan class=\"soi-mgrf-compo-value\"\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mgrf-compo-row\"\u003e\n        \u003cspan class=\"soi-mgrf-compo-label\"\u003eMagnésium marin\u003c\/span\u003e\n        \u003cspan class=\"soi-mgrf-compo-value\"\u003e300 mg (80 % des VNR)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mgrf-compo-row\"\u003e\n        \u003cspan class=\"soi-mgrf-compo-label\"\u003eVitamine B1 (thiamine)\u003c\/span\u003e\n        \u003cspan class=\"soi-mgrf-compo-value\"\u003e1,1 mg (100 % des VNR)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mgrf-compo-row\"\u003e\n        \u003cspan class=\"soi-mgrf-compo-label\"\u003eVitamine B2 (riboflavine)\u003c\/span\u003e\n        \u003cspan class=\"soi-mgrf-compo-value\"\u003e1,4 mg (100 % des VNR)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mgrf-compo-row\"\u003e\n        \u003cspan class=\"soi-mgrf-compo-label\"\u003eVitamine B6 (pyridoxine)\u003c\/span\u003e\n        \u003cspan class=\"soi-mgrf-compo-value\"\u003e1,4 mg (100 % des VNR)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mgrf-compo-row\"\u003e\n        \u003cspan class=\"soi-mgrf-compo-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-mgrf-compo-value\"\u003e60 gélules (30 jours de cure)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-mgrf-section-intro\" style=\"margin-top: 1rem; font-style: italic;\"\u003eAutres ingrédients : gélule végétale (hydroxypropylméthylcellulose), agent de charge (cellulose microcristalline), anti-agglomérant (stéarate de magnésium végétal).\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-mgrf-section\"\u003e\n    \u003ch2\u003eComment bien prendre vos gélules de magnésium ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-mgrf-timeline\"\u003e\n      \u003cdiv class=\"soi-mgrf-step\"\u003e\n        \u003cdiv class=\"soi-mgrf-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-mgrf-step-content\"\u003e\n          \u003ch3\u003eQuand ?\u003c\/h3\u003e\n          \u003cp\u003eAu moment d'un repas, avec un grand verre d'eau, pour favoriser une meilleure absorption et une bonne tolérance digestive.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mgrf-step\"\u003e\n        \u003cdiv class=\"soi-mgrf-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-mgrf-step-content\"\u003e\n          \u003ch3\u003eCombien ?\u003c\/h3\u003e\n          \u003cp\u003e2 gélules par jour. Ne pas dépasser la dose journalière recommandée sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mgrf-step\"\u003e\n        \u003cdiv class=\"soi-mgrf-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-mgrf-step-content\"\u003e\n          \u003ch3\u003eCombien de temps ?\u003c\/h3\u003e\n          \u003cp\u003eUne cure de 1 à 3 mois est généralement conseillée pour ressentir des effets durables.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mgrf-tip\"\u003e\n      \u003cdiv class=\"soi-mgrf-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePrès de 75 % des Français ne consomment pas suffisamment de magnésium au quotidien. Si vous ressentez une fatigue persistante, des tensions musculaires ou des coups de stress à répétition, une cure de magnésium marin peut vous aider à retrouver votre équilibre.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-mgrf-section\"\u003e\n    \u003ch2\u003eFabriqué en France, formulé pour tous\u003c\/h2\u003e\n    \u003cp\u003eLe Magnésium Renforcé MERalia est fabriqué en France, dans le respect de normes strictes de fabrication. Ses gélules végétales le rendent compatible avec un mode de vie végétarien ou végan.\u003c\/p\u003e\n    \u003cdiv class=\"soi-mgrf-accordion\"\u003e\n      \u003cdetails class=\"soi-mgrf-accordion-item\"\u003e\n        \u003csummary class=\"soi-mgrf-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-mgrf-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical et ne remplace pas une alimentation variée et équilibrée. Ne pas dépasser la dose journalière recommandée. En cas de pathologie ou de traitement en cours, consultez votre médecin avant de démarrer une cure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-mgrf-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-mgrf-cta-box\"\u003e\n      \u003cp class=\"soi-mgrf-cta-tag\" style=\"color: white;\"\u003eRetrouvez votre énergie naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-mgrf-cta-text\" style=\"color: white;\"\u003eLe meilleur de la mer et des vitamines B réunis dans une formule simple, naturelle et fabriquée en France, pour prendre soin de votre vitalité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-mgrf-marine: #1A2D3D;\n  --soi-mgrf-marine-dark: #0F1E2B;\n  --soi-mgrf-marine-light: #2C4458;\n  --soi-mgrf-pomme: #A1C544;\n  --soi-mgrf-pomme-dark: #84A636;\n  --soi-mgrf-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-mgrf-white: #FFFFFF;\n  --soi-mgrf-off-white: #F8FAF6;\n  --soi-mgrf-stone: #F1F3EE;\n  --soi-mgrf-line: #E5E8E0;\n\n  --soi-mgrf-primary: #2B5DAE;\n  --soi-mgrf-primary-soft: #E8F0FA;\n  --soi-mgrf-accent: #6EC5B0;\n\n  --soi-mgrf-text: #1A2D3D;\n  --soi-mgrf-text-soft: #4A5B6B;\n  --soi-mgrf-text-muted: #7B8693;\n\n  --soi-mgrf-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-mgrf-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-mgrf-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-mgrf-radius: 12px;\n  --soi-mgrf-radius-sm: 8px;\n  --soi-mgrf-radius-pill: 999px;\n}\n\n.soi-mgrf-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mgrf-fiche img { max-width: 100%; height: auto; }\n\n.soi-mgrf-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-mgrf-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-mgrf-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-mgrf-hero {\n  position: relative;\n  background: var(--soi-mgrf-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-mgrf-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-mgrf-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-mgrf-pomme);\n}\n\n.soi-mgrf-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-mgrf-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-mgrf-pomme);\n  border-radius: 50%;\n}\n\n.soi-mgrf-hero-title {\n  display: block;\n  color: var(--soi-mgrf-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-mgrf-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-mgrf-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-mgrf-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-mgrf-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-mgrf-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-mgrf-label-accent {\n  background: var(--soi-mgrf-pomme);\n  border-color: var(--soi-mgrf-pomme);\n  color: var(--soi-mgrf-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-mgrf-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mgrf-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-mgrf-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-mgrf-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-mgrf-pomme);\n  border-radius: 2px;\n}\n\n.soi-mgrf-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-mgrf-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-mgrf-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-mgrf-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-mgrf-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-mgrf-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-mgrf-benefit {\n  background: var(--soi-mgrf-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-mgrf-radius);\n  border: 1px solid var(--soi-mgrf-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mgrf-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-mgrf-shadow-md);\n}\n\n.soi-mgrf-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-mgrf-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-mgrf-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-mgrf-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-mgrf-benefit:hover .soi-mgrf-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-mgrf-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mgrf-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mgrf-benefit p {\n  font-size: 13px;\n  color: var(--soi-mgrf-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-mgrf-compo {\n  background: var(--soi-mgrf-off-white);\n  border-radius: var(--soi-mgrf-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-mgrf-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-mgrf-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-mgrf-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-mgrf-compo-row:first-child {\n  background: var(--soi-mgrf-marine);\n  border-radius: var(--soi-mgrf-radius) var(--soi-mgrf-radius) 0 0;\n  border-bottom: none;\n}\n\n.soi-mgrf-compo-row:first-child .soi-mgrf-compo-label {\n  color: var(--soi-mgrf-white);\n  font-weight: 600;\n  font-size: 13px;\n  letter-spacing: 0.05em;\n}\n\n.soi-mgrf-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-mgrf-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-mgrf-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-mgrf-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-mgrf-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-mgrf-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-mgrf-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mgrf-radius);\n  border: 1px solid var(--soi-mgrf-line);\n  align-items: flex-start;\n}\n\n.soi-mgrf-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-mgrf-marine);\n  color: var(--soi-mgrf-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-mgrf-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-mgrf-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-mgrf-step-content p {\n  font-size: 14px;\n  color: var(--soi-mgrf-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-mgrf-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-mgrf-pomme-light);\n  border-left: 4px solid var(--soi-mgrf-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-mgrf-radius) var(--soi-mgrf-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-mgrf-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-mgrf-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-mgrf-marine);\n  margin-bottom: 4px;\n}\n\n.soi-mgrf-tip p {\n  font-size: 14px;\n  color: var(--soi-mgrf-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-mgrf-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 1.25rem;\n}\n\n.soi-mgrf-accordion-item {\n  background: var(--soi-mgrf-off-white);\n  border-radius: var(--soi-mgrf-radius-sm);\n  border: 1px solid var(--soi-mgrf-line);\n  overflow: hidden;\n}\n\n.soi-mgrf-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-mgrf-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-mgrf-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-mgrf-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-mgrf-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-mgrf-accordion-item[open] .soi-mgrf-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-mgrf-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-mgrf-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-mgrf-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-mgrf-cta-box {\n  background: var(--soi-mgrf-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-mgrf-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-mgrf-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-mgrf-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-mgrf-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-mgrf-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-mgrf-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-mgrf-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-mgrf-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-mgrf-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-mgrf-compo-value {\n    text-align: left;\n  }\n\n  .soi-mgrf-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-mgrf-benefits {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-mgrf-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-mgrf-fiche {\n    --soi-mgrf-text-soft: #2C3E50;\n    --soi-mgrf-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Meralia","offers":[{"title":"Default Title","offer_id":61602675851594,"sku":"ME4003","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/magnesium_renforce_gelules_meralia_11zon.webp?v=1781252972"},{"product_id":"collagene-marin-90-gelules","title":"Collagène Marin en gélules","description":"\n\n\u003cdiv class=\"soi-colm-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-colm-hero\"\u003e\n    \u003cdiv class=\"soi-colm-hero-tag\"\u003e\n      \u003cspan class=\"soi-colm-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · MERalia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-colm-hero-title\"\u003eL'éclat retrouvé, depuis l'intérieur\u003c\/span\u003e\n    \u003cp class=\"soi-colm-hero-subtitle\"\u003eLe collagène marin MERalia associe des peptides issus de poissons de l'Atlantique à la vitamine C, la vitamine E et le zinc pour soutenir la fermeté, la tonicité et l'éclat naturel de votre peau.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Collagène Marin en gélules : soin peau visage tonique par MERalia --\u003e\n  \u003csection class=\"soi-colm-section\"\u003e\n    \u003ch2\u003eCollagène Marin en gélules : soin peau visage tonique par MERalia\u003c\/h2\u003e\n    \u003cp\u003eVotre peau perd naturellement du collagène à partir de 25 ans, environ 1 % chaque année. Rides, perte de fermeté, teint terne : les signes s'installent progressivement. Le Collagène Marin MERalia est conçu pour agir de l'intérieur, là où aucune crème ne peut vraiment atteindre, grâce à une formule complète pensée pour la peau, le visage et l'éclat naturel.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi le collagène marin est-il si efficace ? --\u003e\n  \u003csection class=\"soi-colm-section\"\u003e\n    \u003ch2\u003ePourquoi le collagène marin est-il si efficace ?\u003c\/h2\u003e\n    \u003cp\u003eContrairement au collagène bovin, le collagène marin issu de la peau de poissons de l'Atlantique présente une structure moléculaire plus fine (type I), ce qui lui permet d'être mieux absorbé par l'organisme. Ses peptides pénètrent plus facilement dans la circulation sanguine pour atteindre les cellules cutanées en profondeur. C'est l'une des raisons pour lesquelles il est souvent préféré dans les formules orientées vers le soin de la peau.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Les bienfaits du collagène marin MERalia --\u003e\n  \u003csection class=\"soi-colm-section\"\u003e\n    \u003ch2\u003eLes bienfaits du collagène marin MERalia\u003c\/h2\u003e\n    \u003cdiv class=\"soi-colm-benefits\"\u003e\n      \u003cdiv class=\"soi-colm-benefit\"\u003e\n        \u003cdiv class=\"soi-colm-benefit-icon\"\u003e\u003cspan\u003e🐟\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCollagène marin hydrolysé\u003c\/h3\u003e\n        \u003cp\u003eContribue à restaurer la fermeté cutanée, à réduire l'apparence des rides et à redonner tonus au visage. Sa haute biodisponibilité favorise une assimilation rapide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-benefit\"\u003e\n        \u003cdiv class=\"soi-colm-benefit-icon\"\u003e\u003cspan\u003e🍊\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVitamine C\u003c\/h3\u003e\n        \u003cp\u003eIndispensable à la synthèse naturelle du collagène. Contribue à l'éclat de la peau, à la santé des gencives, des os et des vaisseaux sanguins.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-benefit\"\u003e\n        \u003cdiv class=\"soi-colm-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVitamine E\u003c\/h3\u003e\n        \u003cp\u003eAntioxydant puissant qui protège les cellules cutanées contre le stress oxydatif et les radicaux libres responsables du vieillissement prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-benefit\"\u003e\n        \u003cdiv class=\"soi-colm-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eZinc\u003c\/h3\u003e\n        \u003cp\u003eParticipe au maintien d'une peau normale et saine, soutient la réparation cellulaire et renforce la résistance cutanée aux agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition et posologie --\u003e\n  \u003csection class=\"soi-colm-section\"\u003e\n    \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n    \u003cp class=\"soi-colm-section-intro\"\u003eChaque gélule de Collagène Marin MERalia réunit quatre actifs complémentaires pour un soin complet de votre peau.\u003c\/p\u003e\n    \u003cdiv class=\"soi-colm-compo\"\u003e\n      \u003cdiv class=\"soi-colm-compo-row\"\u003e\n        \u003cspan class=\"soi-colm-compo-label\"\u003eCollagène marin hydrolysé\u003c\/span\u003e\n        \u003cspan class=\"soi-colm-compo-value\"\u003ePeau de poisson (Atlantique), dosage concentré par gélule\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-compo-row\"\u003e\n        \u003cspan class=\"soi-colm-compo-label\"\u003eVitamine C (acide ascorbique)\u003c\/span\u003e\n        \u003cspan class=\"soi-colm-compo-value\"\u003e80 mg · 100 % des VNR\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-compo-row\"\u003e\n        \u003cspan class=\"soi-colm-compo-label\"\u003eVitamine E (tocophérol)\u003c\/span\u003e\n        \u003cspan class=\"soi-colm-compo-value\"\u003e12 mg · 100 % des VNR\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-compo-row\"\u003e\n        \u003cspan class=\"soi-colm-compo-label\"\u003eZinc\u003c\/span\u003e\n        \u003cspan class=\"soi-colm-compo-value\"\u003e10 mg · 100 % des VNR\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-colm-timeline\"\u003e\n      \u003cdiv class=\"soi-colm-step\"\u003e\n        \u003cdiv class=\"soi-colm-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-colm-step-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez 3 gélules par jour avec un grand verre d'eau, de préférence au moment du repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-step\"\u003e\n        \u003cdiv class=\"soi-colm-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-colm-step-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eUne cure de 6 à 8 semaines est conseillée pour observer des résultats visibles sur la fermeté et l'éclat du teint.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-colm-tip\"\u003e\n      \u003cdiv class=\"soi-colm-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eRépétez la cure 2 à 3 fois par an pour un effet durable sur la qualité de votre peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Collagène marin : y a-t-il des dangers ? --\u003e\n  \u003csection class=\"soi-colm-section\"\u003e\n    \u003ch2\u003eCollagène marin : y a-t-il des dangers ?\u003c\/h2\u003e\n    \u003cp\u003eLe collagène marin est généralement très bien toléré. Les rares effets indésirables rapportés se limitent à de légères gênes digestives en début de cure.\u003c\/p\u003e\n    \u003cdiv class=\"soi-colm-accordion\"\u003e\n      \u003cdetails class=\"soi-colm-accordion-item\"\u003e\n        \u003csummary class=\"soi-colm-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"soi-colm-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire est déconseillé aux personnes allergiques aux poissons ou aux fruits de mer. En cas de doute, consultez un professionnel de santé avant de commencer une supplémentation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-colm-accordion-item\"\u003e\n        \u003csummary class=\"soi-colm-accordion-header\"\u003e📋 Avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"soi-colm-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical. Il est recommandé de consulter votre médecin en cas de traitement en cours.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment utiliser le collagène marin pour de meilleurs résultats ? --\u003e\n  \u003csection class=\"soi-colm-section\"\u003e\n    \u003ch2\u003eComment utiliser le collagène marin pour de meilleurs résultats ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-colm-grid\"\u003e\n      \u003cdiv class=\"soi-colm-card\"\u003e\n        \u003ch3\u003e💧 Hydratation quotidienne\u003c\/h3\u003e\n        \u003cp\u003eAssociez votre cure à une bonne hydratation : 1,5 L d'eau minimum par jour pour soutenir l'action du collagène.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-card\"\u003e\n        \u003ch3\u003e🍋 Vitamine C naturelle\u003c\/h3\u003e\n        \u003cp\u003eComplétez avec une alimentation riche en vitamine C naturelle (agrumes, poivrons) pour favoriser la synthèse endogène du collagène.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-card\"\u003e\n        \u003ch3\u003e☀️ Protection solaire\u003c\/h3\u003e\n        \u003cp\u003eProtégez votre peau du soleil : les UV accélèrent la dégradation du collagène cutané.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-card\"\u003e\n        \u003ch3\u003e🔄 Renouvellement de la cure\u003c\/h3\u003e\n        \u003cp\u003eRépétez la cure 2 à 3 fois par an pour un effet durable sur la fermeté et l'éclat de votre peau.\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-colm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-colm-cta-box\"\u003e\n      \u003cp class=\"soi-colm-cta-tag\" style=\"color: white;\"\u003eVotre rituel beauté depuis l'intérieur\u003c\/p\u003e\n      \u003cp class=\"soi-colm-cta-text\" style=\"color: white;\"\u003eAvec le Collagène Marin MERalia, chaque gélule est un geste concret pour retrouver un visage plus ferme, un teint plus lumineux et une peau qui vous ressemble vraiment.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-colm-marine: #1A2D3D;\n  --soi-colm-marine-dark: #0F1E2B;\n  --soi-colm-marine-light: #2C4458;\n  --soi-colm-pomme: #A1C544;\n  --soi-colm-pomme-dark: #84A636;\n  --soi-colm-pomme-light: rgba(161,197,68,0.10);\n  --soi-colm-white: #FFFFFF;\n  --soi-colm-off-white: #F8FAF6;\n  --soi-colm-stone: #F1F3EE;\n  --soi-colm-line: #E5E8E0;\n  --soi-colm-primary: #4A8BB5;\n  --soi-colm-primary-soft: #D6E8F3;\n  --soi-colm-accent: #3366AA;\n  --soi-colm-text: #1A2D3D;\n  --soi-colm-text-soft: #4A5B6B;\n  --soi-colm-text-muted: #7B8693;\n  --soi-colm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-colm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-colm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-colm-radius: 12px;\n  --soi-colm-radius-sm: 8px;\n  --soi-colm-radius-pill: 999px;\n}\n\n.soi-colm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-colm-fiche img { max-width: 100%; height: auto; }\n\n.soi-colm-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-colm-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-colm-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-colm-hero {\n  position: relative;\n  background: var(--soi-colm-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-colm-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-colm-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-colm-pomme);\n}\n\n.soi-colm-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-colm-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-colm-pomme);\n  border-radius: 50%;\n}\n\n.soi-colm-hero-title {\n  display: block;\n  color: var(--soi-colm-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-colm-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\/* === SECTIONS === *\/\n.soi-colm-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-colm-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-colm-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-colm-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-colm-pomme);\n  border-radius: 2px;\n}\n\n.soi-colm-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-colm-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-colm-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-colm-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-colm-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-colm-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-colm-benefit {\n  background: var(--soi-colm-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-colm-radius);\n  border: 1px solid var(--soi-colm-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-colm-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-colm-shadow-md);\n}\n\n.soi-colm-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-colm-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-colm-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-colm-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-colm-benefit:hover .soi-colm-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-colm-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-colm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-colm-benefit p {\n  font-size: 13px;\n  color: var(--soi-colm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-colm-compo {\n  background: var(--soi-colm-off-white);\n  border-radius: var(--soi-colm-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-colm-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-colm-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-colm-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-colm-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-colm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-colm-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-colm-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-colm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-colm-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-colm-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-colm-radius);\n  border: 1px solid var(--soi-colm-line);\n  align-items: flex-start;\n}\n\n.soi-colm-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-colm-marine);\n  color: var(--soi-colm-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-colm-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-colm-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-colm-step-content p {\n  font-size: 14px;\n  color: var(--soi-colm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-colm-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-colm-pomme-light);\n  border-left: 4px solid var(--soi-colm-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-colm-radius) var(--soi-colm-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-colm-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-colm-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-colm-marine);\n  margin-bottom: 4px;\n}\n\n.soi-colm-tip p {\n  font-size: 14px;\n  color: var(--soi-colm-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-colm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-colm-card {\n  background: var(--soi-colm-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-colm-radius);\n  border-left: 3px solid var(--soi-colm-pomme);\n}\n\n.soi-colm-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-colm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-colm-card p {\n  font-size: 14px;\n  color: var(--soi-colm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-colm-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 1rem;\n}\n\n.soi-colm-accordion-item {\n  background: var(--soi-colm-off-white);\n  border-radius: var(--soi-colm-radius-sm);\n  border: 1px solid var(--soi-colm-line);\n  overflow: hidden;\n}\n\n.soi-colm-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-colm-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-colm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-colm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-colm-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-colm-accordion-item[open] .soi-colm-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-colm-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-colm-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-colm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-colm-cta-box {\n  background: var(--soi-colm-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-colm-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-colm-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-colm-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-colm-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-colm-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-colm-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-colm-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-colm-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-colm-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-colm-compo-value {\n    text-align: left;\n  }\n\n  .soi-colm-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-colm-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-colm-fiche {\n    --soi-colm-text-soft: #2C3E50;\n    --soi-colm-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Meralia","offers":[{"title":"Default Title","offer_id":61602936815946,"sku":"ME4004","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/collagene-marin-en-gelules-packshot_11zon.webp?v=1780156106"},{"product_id":"omega-3-capsules","title":"Oméga 3 en capsules (x90) - MERalia","description":"\u003cdiv class=\"soi-omg3-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-omg3-hero\"\u003e\n    \u003cdiv class=\"soi-omg3-hero-tag\"\u003e\n      \u003cspan class=\"soi-omg3-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · MERalia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-omg3-hero-title\"\u003eLe pouvoir essentiel des acides gras marins\u003c\/span\u003e\n    \u003cp class=\"soi-omg3-hero-subtitle\"\u003eHuile de poissons sauvages purifiée, riche en EPA et DHA : soutenez votre cœur, votre cerveau et votre vision au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-omg3-hero-labels\"\u003e\n      \u003cspan class=\"soi-omg3-label soi-omg3-label-accent\"\u003ePÊCHE DURABLE\u003c\/span\u003e\n      \u003cspan class=\"soi-omg3-label\"\u003eHUILE PURIFIÉE\u003c\/span\u003e\n      \u003cspan class=\"soi-omg3-label\"\u003eSANS SAUMON\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 1 : Pourquoi votre corps a-t-il besoin d'oméga-3 ? --\u003e\n  \u003csection class=\"soi-omg3-section\"\u003e\n    \u003cdiv class=\"soi-omg3-intro-layout\"\u003e\n      \u003cdiv class=\"soi-omg3-intro-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_ME2004_48b572fe-9617-4411-b2f4-473d90197a4e.jpg?v=1776180282\" alt=\"Femme épanouie sur la plage, illustrant les bienfaits des oméga-3 MERalia\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-omg3-intro-text\"\u003e\n        \u003ch2\u003ePourquoi votre corps a-t-il besoin d'oméga-3 ?\u003c\/h2\u003e\n        \u003cp\u003eLes acides gras oméga-3 font partie des nutriments que votre corps ne sait tout simplement pas fabriquer seul. Pourtant, ils sont impliqués dans des fonctions vitales : santé du cœur, clarté mentale, équilibre émotionnel et qualité de la vision. Sans un apport suffisant, ces fonctions peuvent progressivement se dérégler, souvent de façon silencieuse.\u003c\/p\u003e\n        \u003cp\u003eLes oméga-3 en capsules MERalia sont formulés à partir d'huile de poissons sauvages, purifiée et désodorisée, pêchés dans le respect des ressources marines. Un complément alimentaire pensé pour celles et ceux qui veulent prendre soin d'eux avec exigence, sans compromis sur la qualité ni sur l'éthique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : Les bienfaits des oméga-3 : ce que dit la science --\u003e\n  \u003csection class=\"soi-omg3-section\"\u003e\n    \u003ch2\u003eLes bienfaits des oméga-3 : ce que dit la science\u003c\/h2\u003e\n    \u003cp class=\"soi-omg3-section-intro\"\u003eLes bienfaits des oméga-3 reposent sur deux acides gras clés, l'EPA et le DHA, dont les rôles sont aujourd'hui bien documentés. Voici ce qu'ils apportent concrètement à votre quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-omg3-benefits\"\u003e\n      \u003cdiv class=\"soi-omg3-benefit\"\u003e\n        \u003cdiv class=\"soi-omg3-benefit-icon\"\u003e\u003cspan\u003e❤️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCœur et circulation\u003c\/h3\u003e\n        \u003cp\u003eL'association EPA et DHA contribue à une fonction cardiaque normale (allégation santé reconnue par l'EFSA). Un apport régulier soutient un rythme cardiaque sain et participe à l'équilibre des triglycérides sanguins.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-omg3-benefit\"\u003e\n        \u003cdiv class=\"soi-omg3-benefit-icon\"\u003e\u003cspan\u003e🧠\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCerveau et fonctions cognitives\u003c\/h3\u003e\n        \u003cp\u003eLe DHA contribue au maintien d'une fonction cérébrale normale. Il facilite également la circulation de la sérotonine et de la dopamine, deux neurotransmetteurs liés au bien-être et à la concentration.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-omg3-benefit\"\u003e\n        \u003cdiv class=\"soi-omg3-benefit-icon\"\u003e\u003cspan\u003e👁️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVision nette et durable\u003c\/h3\u003e\n        \u003cp\u003eLe DHA est naturellement présent dans les membranes de la rétine et contribue au maintien d'une vision normale. Une carence peut affecter la qualité visuelle sur le long terme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-omg3-benefit\"\u003e\n        \u003cdiv class=\"soi-omg3-benefit-icon\"\u003e\u003cspan\u003e😌\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉquilibre émotionnel\u003c\/h3\u003e\n        \u003cp\u003eL'EPA joue un rôle reconnu dans la stabilisation de l'humeur. Il aiderait à réduire les variations émotionnelles et à soutenir un état d'esprit plus serein au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Composition et posologie --\u003e\n  \u003csection class=\"soi-omg3-section\"\u003e\n    \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n    \u003cp class=\"soi-omg3-section-intro\"\u003eChaque capsule est formulée avec soin pour vous garantir un apport efficace et bien dosé.\u003c\/p\u003e\n    \u003cdiv class=\"soi-omg3-compo\"\u003e\n      \u003cdiv class=\"soi-omg3-compo-row\"\u003e\n        \u003cspan class=\"soi-omg3-compo-label\"\u003eIngrédient principal\u003c\/span\u003e\n        \u003cspan class=\"soi-omg3-compo-value\"\u003eHuile de poissons sauvages purifiée et désodorisée (sans saumon)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-omg3-compo-row\"\u003e\n        \u003cspan class=\"soi-omg3-compo-label\"\u003eAcides gras clés\u003c\/span\u003e\n        \u003cspan class=\"soi-omg3-compo-value\"\u003eDHA (fonction cérébrale, vision) + EPA (fonction cardiaque)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-omg3-compo-row\"\u003e\n        \u003cspan class=\"soi-omg3-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n        \u003cspan class=\"soi-omg3-compo-value\"\u003eCapsule gélatineuse de qualité alimentaire\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-omg3-compo-row\"\u003e\n        \u003cspan class=\"soi-omg3-compo-label\"\u003eConcentration\u003c\/span\u003e\n        \u003cspan class=\"soi-omg3-compo-value\"\u003eOméga-3 totaux : dose concentrée et biodisponible\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-omg3-timeline\"\u003e\n      \u003cdiv class=\"soi-omg3-step\"\u003e\n        \u003cdiv class=\"soi-omg3-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-omg3-step-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez 2 capsules par jour, de préférence au cours d'un repas pour favoriser l'absorption des acides gras.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-omg3-step\"\u003e\n        \u003cdiv class=\"soi-omg3-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-omg3-step-content\"\u003e\n          \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n          \u003cp\u003eUne cure de 4 à 6 semaines minimum est généralement recommandée pour observer des effets durables.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-omg3-accordion\"\u003e\n      \u003cdetails class=\"soi-omg3-accordion-item\"\u003e\n        \u003csummary class=\"soi-omg3-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-omg3-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical. En cas de traitement anticoagulant ou de pathologie cardiovasculaire, consultez votre médecin avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 4 : Un produit éthique et traçable --\u003e\n  \u003csection class=\"soi-omg3-section\"\u003e\n    \u003ch2\u003eUn produit éthique et traçable\u003c\/h2\u003e\n    \u003cdiv class=\"soi-omg3-grid\"\u003e\n      \u003cdiv class=\"soi-omg3-card\"\u003e\n        \u003ch3\u003e🐟 Pêche durable\u003c\/h3\u003e\n        \u003cp\u003ePoissons sélectionnés dans le respect des ressources marines et des écosystèmes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-omg3-card\"\u003e\n        \u003ch3\u003e🌬️ Huile purifiée et désodorisée\u003c\/h3\u003e\n        \u003cp\u003eAbsence d'odeur de poisson, tolérance digestive optimale pour un confort d'utilisation au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-omg3-card\"\u003e\n        \u003ch3\u003e🔍 Origine contrôlée\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité complète des matières premières, sans saumon.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-omg3-card\"\u003e\n        \u003ch3\u003e✅ Qualité certifiée\u003c\/h3\u003e\n        \u003cp\u003eProcessus de fabrication rigoureux pour une pureté et une efficacité maximales.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 5 : À qui s'adressent ces capsules oméga-3 ? --\u003e\n  \u003csection class=\"soi-omg3-section\"\u003e\n    \u003ch2\u003eÀ qui s'adressent ces capsules d'oméga-3 ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-omg3-grid\"\u003e\n      \u003cdiv class=\"soi-omg3-card\"\u003e\n        \u003ch3\u003e🥗 Alimentation pauvre en poissons gras\u003c\/h3\u003e\n        \u003cp\u003eVous consommez peu de sardines, maquereau ou hareng ? Ces capsules compensent ce déficit en acides gras essentiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-omg3-card\"\u003e\n        \u003ch3\u003e💼 Actifs sous stress cognitif\u003c\/h3\u003e\n        \u003cp\u003eConcentration, mémoire, charge mentale : le DHA soutient vos fonctions cérébrales au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-omg3-card\"\u003e\n        \u003ch3\u003e👀 Seniors soucieux de leur vision\u003c\/h3\u003e\n        \u003cp\u003ePréservez votre acuité visuelle et vos fonctions cérébrales grâce à un apport régulier en DHA.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-omg3-card\"\u003e\n        \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eSoutenez votre cœur sur le long terme avec l'association EPA et DHA reconnue par l'EFSA.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-omg3-tip\"\u003e\n      \u003cdiv class=\"soi-omg3-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour des effets durables, nous vous recommandons une cure de 4 à 8 semaines minimum. Renouvelable selon vos besoins, idéalement en continu pour un soutien optimal de vos fonctions vitales.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-omg3-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-omg3-cta-box\"\u003e\n      \u003cp class=\"soi-omg3-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, avec les trésors de la mer\u003c\/p\u003e\n      \u003cp class=\"soi-omg3-cta-text\" style=\"color: white;\"\u003eCœur, cerveau, vision, humeur : les oméga-3 MERalia vous accompagnent chaque jour avec des actifs reconnus, issus de la mer et formulés avec rigueur. Prenez soin de l'essentiel, simplement et durablement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-omg3-marine: #1A2D3D;\n  --soi-omg3-marine-dark: #0F1E2B;\n  --soi-omg3-marine-light: #2C4458;\n  --soi-omg3-pomme: #A1C544;\n  --soi-omg3-pomme-dark: #84A636;\n  --soi-omg3-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-omg3-white: #FFFFFF;\n  --soi-omg3-off-white: #F8FAF6;\n  --soi-omg3-stone: #F1F3EE;\n  --soi-omg3-line: #E5E8E0;\n\n  --soi-omg3-primary: #1E5FA6;\n  --soi-omg3-primary-soft: #E8F1FA;\n  --soi-omg3-accent: #5CB8C4;\n\n  --soi-omg3-text: #1A2D3D;\n  --soi-omg3-text-soft: #4A5B6B;\n  --soi-omg3-text-muted: #7B8693;\n\n  --soi-omg3-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-omg3-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-omg3-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-omg3-radius: 12px;\n  --soi-omg3-radius-sm: 8px;\n  --soi-omg3-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-omg3-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-omg3-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR === *\/\n.soi-omg3-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-omg3-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-omg3-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-omg3-hero {\n  position: relative;\n  background: var(--soi-omg3-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-omg3-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-omg3-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-omg3-pomme);\n}\n\n.soi-omg3-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-omg3-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-omg3-pomme);\n  border-radius: 50%;\n}\n\n.soi-omg3-hero-title {\n  display: block;\n  color: var(--soi-omg3-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-omg3-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-omg3-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-omg3-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-omg3-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-omg3-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-omg3-label-accent {\n  background: var(--soi-omg3-pomme);\n  border-color: var(--soi-omg3-pomme);\n  color: var(--soi-omg3-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-omg3-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-omg3-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-omg3-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-omg3-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-omg3-pomme);\n  border-radius: 2px;\n}\n\n.soi-omg3-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-omg3-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-omg3-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-omg3-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-omg3-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === INTRO LAYOUT (image + text) === *\/\n.soi-omg3-intro-layout {\n  display: flex;\n  flex-wrap: wrap;\n  gap: clamp(1.5rem, 3vw, 2rem);\n  align-items: center;\n}\n\n.soi-omg3-intro-image {\n  flex: 0 0 calc(50% - 1rem);\n  max-width: calc(50% - 1rem);\n}\n\n.soi-omg3-intro-image img {\n  border-radius: var(--soi-omg3-radius);\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n.soi-omg3-intro-text {\n  flex: 0 0 calc(50% - 1rem);\n  max-width: calc(50% - 1rem);\n}\n\n.soi-omg3-intro-text h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-omg3-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-omg3-intro-text h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-omg3-pomme);\n  border-radius: 2px;\n}\n\n.soi-omg3-intro-text p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-omg3-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-omg3-intro-text p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-omg3-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-omg3-benefit {\n  background: var(--soi-omg3-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-omg3-radius);\n  border: 1px solid var(--soi-omg3-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-omg3-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-omg3-shadow-md);\n}\n\n.soi-omg3-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-omg3-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-omg3-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-omg3-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-omg3-benefit:hover .soi-omg3-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-omg3-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-omg3-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-omg3-benefit p {\n  font-size: 13px;\n  color: var(--soi-omg3-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-omg3-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-omg3-card {\n  background: var(--soi-omg3-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-omg3-radius);\n  border-left: 3px solid var(--soi-omg3-pomme);\n}\n\n.soi-omg3-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-omg3-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-omg3-card p {\n  font-size: 14px;\n  color: var(--soi-omg3-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-omg3-compo {\n  background: var(--soi-omg3-off-white);\n  border-radius: var(--soi-omg3-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-omg3-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-omg3-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-omg3-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-omg3-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-omg3-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-omg3-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-omg3-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-omg3-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-omg3-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-omg3-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-omg3-radius);\n  border: 1px solid var(--soi-omg3-line);\n  align-items: flex-start;\n}\n\n.soi-omg3-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-omg3-marine);\n  color: var(--soi-omg3-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-omg3-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-omg3-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-omg3-step-content p {\n  font-size: 14px;\n  color: var(--soi-omg3-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-omg3-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-omg3-pomme-light);\n  border-left: 4px solid var(--soi-omg3-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-omg3-radius) var(--soi-omg3-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-omg3-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-omg3-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-omg3-marine);\n  margin-bottom: 4px;\n}\n\n.soi-omg3-tip p {\n  font-size: 14px;\n  color: var(--soi-omg3-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-omg3-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-omg3-accordion-item {\n  background: var(--soi-omg3-off-white);\n  border-radius: var(--soi-omg3-radius-sm);\n  border: 1px solid var(--soi-omg3-line);\n  overflow: hidden;\n}\n\n.soi-omg3-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-omg3-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-omg3-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-omg3-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-omg3-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-omg3-accordion-item[open] .soi-omg3-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-omg3-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-omg3-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-omg3-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-omg3-cta-box {\n  background: var(--soi-omg3-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-omg3-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-omg3-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-omg3-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-omg3-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-omg3-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-omg3-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-omg3-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-omg3-intro-layout {\n    flex-direction: column;\n  }\n\n  .soi-omg3-intro-image,\n  .soi-omg3-intro-text {\n    flex: 0 0 100%;\n    max-width: 100%;\n  }\n\n  .soi-omg3-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-omg3-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-omg3-compo-value {\n    text-align: left;\n  }\n\n  .soi-omg3-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-omg3-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-omg3-fiche {\n    --soi-omg3-text-soft: #2C3E50;\n    --soi-omg3-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Meralia","offers":[{"title":"Default Title","offer_id":61603003498826,"sku":"ME2004","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/omega-3-en-capsules-packshot_6ad6bd3c-663a-4ac3-afe2-c14b53159348.webp?v=1780036873"},{"product_id":"lecithine-marine-vital-osmose","title":"Lécithine d'Origine Marine en gélules","description":"\u003cdiv class=\"soi-lecm-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-lecm-hero\"\u003e\n    \u003cdiv class=\"soi-lecm-hero-tag\"\u003e\n      \u003cspan class=\"soi-lecm-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · Qualidiet\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-lecm-hero-title\"\u003eLécithine d'origine marine en gélules\u003c\/span\u003e\n    \u003cp class=\"soi-lecm-hero-subtitle\"\u003eDes phospholipides marins titrés à 17 %, naturellement riches en Oméga-3 EPA et DHA, pour soutenir vos fonctions cognitives, cardiovasculaires et votre équilibre au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lecm-hero-labels\"\u003e\n      \u003cspan class=\"soi-lecm-label soi-lecm-label-accent\"\u003e17 % PHOSPHOLIPIDES MARINS\u003c\/span\u003e\n      \u003cspan class=\"soi-lecm-label\"\u003eSOURCE MARINE SAUVAGE\u003c\/span\u003e\n      \u003cspan class=\"soi-lecm-label\"\u003eSANS SOJA · SANS OGM\u003c\/span\u003e\n      \u003cspan class=\"soi-lecm-label\"\u003eGÉLULE VÉGÉTALE\u003c\/span\u003e\n      \u003cspan class=\"soi-lecm-label\"\u003e90 GÉLULES\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Lécithine Marine en Gélules : Phospholipides Marins Titrés à 17 % --\u003e\n  \u003csection class=\"soi-lecm-section\"\u003e\n    \u003ch2\u003eLécithine Marine en gélules : Phospholipides Marins Titrés à 17 %\u003c\/h2\u003e\n    \u003cp\u003eVous cherchez une \u003cstrong\u003elécithine marine de qualité\u003c\/strong\u003e, différente des lécithines classiques de soja ou de tournesol ? Cette formule de Qualidiet répond à une vraie logique : vous apporter des \u003cstrong\u003ephospholipides marins hautement assimilables\u003c\/strong\u003e, naturellement riches en \u003cstrong\u003eOméga-3 EPA et DHA\u003c\/strong\u003e, directement issus de co-produits de poissons sauvages. Un choix sérieux, pour ceux qui ne veulent pas faire les choses à moitié.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi la lécithine marine plutôt qu'une lécithine végétale ? --\u003e\n  \u003csection class=\"soi-lecm-section\"\u003e\n    \u003ch2\u003ePourquoi la lécithine marine plutôt qu'une lécithine végétale ?\u003c\/h2\u003e\n    \u003cp\u003eLa lécithine de soja ou de tournesol est largement répandue, mais elle ne contient pas d'Oméga-3 EPA\/DHA. La \u003cstrong\u003elécithine marine\u003c\/strong\u003e, elle, apporte des phospholipides structurés comme ceux que l'on trouve naturellement dans le cerveau humain. Résultat : une \u003cstrong\u003ebiodisponibilité supérieure\u003c\/strong\u003e, c'est-à-dire une meilleure intégration par vos cellules.\u003c\/p\u003e\n    \u003cp\u003eConcrètement, les phospholipides marins agissent à deux niveaux :\u003c\/p\u003e\n    \u003cdiv class=\"soi-lecm-grid\"\u003e\n      \u003cdiv class=\"soi-lecm-card\"\u003e\n        \u003ch3\u003e🧬 Structure cellulaire\u003c\/h3\u003e\n        \u003cp\u003eIls participent à la fluidité et à la perméabilité des membranes de chaque cellule de votre corps.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lecm-card\"\u003e\n        \u003ch3\u003e🐟 Vecteur d'Oméga-3\u003c\/h3\u003e\n        \u003cp\u003eIls transportent l'EPA et le DHA directement au cœur des cellules, notamment les neurones, ce que les Oméga-3 classiques (triglycérides) font moins efficacement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : À qui s'adresse la lécithine marine en gélules ? --\u003e\n  \u003csection class=\"soi-lecm-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse la lécithine marine en gélules ?\u003c\/h2\u003e\n    \u003cp class=\"soi-lecm-section-intro\"\u003eCe complément intéresse particulièrement les profils suivants :\u003c\/p\u003e\n    \u003cdiv class=\"soi-lecm-benefits\"\u003e\n      \u003cdiv class=\"soi-lecm-benefit\"\u003e\n        \u003cdiv class=\"soi-lecm-benefit-icon\"\u003e\u003cspan\u003e🧠\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMémoire et concentration\u003c\/h3\u003e\n        \u003cp\u003eÉtudiants, actifs ou seniors souhaitant soutenir leurs fonctions cognitives au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lecm-benefit\"\u003e\n        \u003cdiv class=\"soi-lecm-benefit-icon\"\u003e\u003cspan\u003e❤️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSanté cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eCeux qui veulent prendre soin de leur cœur grâce aux Oméga-3 EPA et DHA.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lecm-benefit\"\u003e\n        \u003cdiv class=\"soi-lecm-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉquilibre émotionnel\u003c\/h3\u003e\n        \u003cp\u003eLes personnes cherchant un soutien naturel pour la gestion du stress.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lecm-benefit\"\u003e\n        \u003cdiv class=\"soi-lecm-benefit-icon\"\u003e\u003cspan\u003e🚫\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAlternative au soja\u003c\/h3\u003e\n        \u003cp\u003eQuiconque souhaite éviter la lécithine de soja (allergies, préférence sans OGM).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition et posologie précises --\u003e\n  \u003csection class=\"soi-lecm-section\"\u003e\n    \u003ch2\u003eComposition et posologie précises\u003c\/h2\u003e\n\n    \u003cdiv class=\"soi-lecm-compo\"\u003e\n      \u003cdiv class=\"soi-lecm-compo-row\"\u003e\n        \u003cspan class=\"soi-lecm-compo-label\"\u003eDosage par gélule\u003c\/span\u003e\n        \u003cspan class=\"soi-lecm-compo-value\"\u003e250 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lecm-compo-row\"\u003e\n        \u003cspan class=\"soi-lecm-compo-label\"\u003eActif principal\u003c\/span\u003e\n        \u003cspan class=\"soi-lecm-compo-value\"\u003eLécithine marine titrée à 17 % de phospholipides marins (dont EPA et DHA)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lecm-compo-row\"\u003e\n        \u003cspan class=\"soi-lecm-compo-label\"\u003eAgent de charge\u003c\/span\u003e\n        \u003cspan class=\"soi-lecm-compo-value\"\u003eMaltodextrine\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lecm-compo-row\"\u003e\n        \u003cspan class=\"soi-lecm-compo-label\"\u003eAgent d'enrobage\u003c\/span\u003e\n        \u003cspan class=\"soi-lecm-compo-value\"\u003eGomme arabique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lecm-compo-row\"\u003e\n        \u003cspan class=\"soi-lecm-compo-label\"\u003eAntioxydant\u003c\/span\u003e\n        \u003cspan class=\"soi-lecm-compo-value\"\u003eVitamine E naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lecm-compo-row\"\u003e\n        \u003cspan class=\"soi-lecm-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n        \u003cspan class=\"soi-lecm-compo-value\"\u003eGélule en pullulane (origine végétale)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lecm-compo-row\"\u003e\n        \u003cspan class=\"soi-lecm-compo-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-lecm-compo-value\"\u003e90 gélules (1 à 3 mois de cure)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-lecm-timeline\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cdiv class=\"soi-lecm-step\"\u003e\n        \u003cdiv class=\"soi-lecm-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-lecm-step-content\"\u003e\n          \u003ch3\u003ePosologie\u003c\/h3\u003e\n          \u003cp\u003eAvalez \u003cstrong\u003e1 à 3 gélules par jour\u003c\/strong\u003e, de préférence au cours d'un repas, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lecm-step\"\u003e\n        \u003cdiv class=\"soi-lecm-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-lecm-step-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eUne prise régulière sur \u003cstrong\u003e6 à 8 semaines\u003c\/strong\u003e permet d'observer les effets les plus notables.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lecm-step\"\u003e\n        \u003cdiv class=\"soi-lecm-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-lecm-step-content\"\u003e\n          \u003ch3\u003eAutonomie du flacon\u003c\/h3\u003e\n          \u003cp\u003eLe flacon contient \u003cstrong\u003e90 gélules\u003c\/strong\u003e, soit 1 à 3 mois de cure selon votre dosage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Lécithine marine : effets secondaires et précautions --\u003e\n  \u003csection class=\"soi-lecm-section\"\u003e\n    \u003ch2\u003eLécithine marine : effets secondaires et précautions\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lecm-accordion\"\u003e\n      \u003cdetails class=\"soi-lecm-accordion-item\"\u003e\n        \u003csummary class=\"soi-lecm-accordion-header\"\u003e⚠️ Allergie aux poissons ou fruits de mer\u003c\/summary\u003e\n        \u003cdiv class=\"soi-lecm-accordion-content\"\u003e\n          \u003cp\u003eEn cas d'allergie aux poissons ou fruits de mer, consultez votre médecin avant toute prise. Comme tout complément alimentaire, ce produit ne se substitue pas à un traitement médical et ne doit pas être considéré comme un médicament. En cas de doute sur votre état de santé, l'avis d'un professionnel reste indispensable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-lecm-accordion-item\"\u003e\n        \u003csummary class=\"soi-lecm-accordion-header\"\u003e🔎 Effets secondaires possibles\u003c\/summary\u003e\n        \u003cdiv class=\"soi-lecm-accordion-content\"\u003e\n          \u003cp\u003eDe rares inconforts digestifs peuvent survenir en début de cure, surtout si la gélule est prise à jeun. Commencez par une gélule par jour, puis augmentez progressivement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\n  \u003c!-- TIP --\u003e\n  \u003csection class=\"soi-lecm-section\"\u003e\n    \u003cdiv class=\"soi-lecm-tip\"\u003e\n      \u003cdiv class=\"soi-lecm-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCommencez par une gélule par jour au cours d'un repas, puis augmentez progressivement jusqu'à 3 gélules si nécessaire. Une cure régulière de 6 à 8 semaines vous permettra de bénéficier pleinement des phospholipides marins.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-lecm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-lecm-cta-box\"\u003e\n      \u003cp class=\"soi-lecm-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, avec rigueur\u003c\/p\u003e\n      \u003cp class=\"soi-lecm-cta-text\" style=\"color: white;\"\u003eDes phospholipides marins concentrés, directement assimilables par vos cellules. Pour votre cerveau, votre cœur et votre équilibre au quotidien : une cure simple, naturelle, et pensée pour ceux qui prennent leur santé vraiment au sérieux.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-lecm-marine: #1A2D3D;\n  --soi-lecm-marine-dark: #0F1E2B;\n  --soi-lecm-marine-light: #2C4458;\n  --soi-lecm-pomme: #A1C544;\n  --soi-lecm-pomme-dark: #84A636;\n  --soi-lecm-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-lecm-white: #FFFFFF;\n  --soi-lecm-off-white: #F8FAF6;\n  --soi-lecm-stone: #F1F3EE;\n  --soi-lecm-line: #E5E8E0;\n\n  --soi-lecm-primary: #3D6A8A;\n  --soi-lecm-primary-soft: #C7D9E8;\n  --soi-lecm-accent: #2A7AB5;\n\n  --soi-lecm-text: #1A2D3D;\n  --soi-lecm-text-soft: #4A5B6B;\n  --soi-lecm-text-muted: #7B8693;\n\n  --soi-lecm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-lecm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-lecm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-lecm-radius: 12px;\n  --soi-lecm-radius-sm: 8px;\n  --soi-lecm-radius-pill: 999px;\n}\n\n.soi-lecm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-lecm-fiche img { max-width: 100%; height: auto; }\n\n.soi-lecm-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-lecm-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-lecm-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-lecm-hero {\n  position: relative;\n  background: var(--soi-lecm-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-lecm-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-lecm-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-lecm-pomme);\n}\n\n.soi-lecm-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-lecm-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-lecm-pomme);\n  border-radius: 50%;\n}\n\n.soi-lecm-hero-title {\n  display: block;\n  color: var(--soi-lecm-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-lecm-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-lecm-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-lecm-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-lecm-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-lecm-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-lecm-label-accent {\n  background: var(--soi-lecm-pomme);\n  border-color: var(--soi-lecm-pomme);\n  color: var(--soi-lecm-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-lecm-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-lecm-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-lecm-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-lecm-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-lecm-pomme);\n  border-radius: 2px;\n}\n\n.soi-lecm-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-lecm-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-lecm-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-lecm-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-lecm-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-lecm-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-lecm-benefit {\n  background: var(--soi-lecm-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-lecm-radius);\n  border: 1px solid var(--soi-lecm-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-lecm-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-lecm-shadow-md);\n}\n\n.soi-lecm-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-lecm-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-lecm-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-lecm-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-lecm-benefit:hover .soi-lecm-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-lecm-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lecm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lecm-benefit p {\n  font-size: 13px;\n  color: var(--soi-lecm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-lecm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-lecm-card {\n  background: var(--soi-lecm-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lecm-radius);\n  border-left: 3px solid var(--soi-lecm-pomme);\n}\n\n.soi-lecm-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lecm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lecm-card p {\n  font-size: 14px;\n  color: var(--soi-lecm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-lecm-compo {\n  background: var(--soi-lecm-off-white);\n  border-radius: var(--soi-lecm-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-lecm-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-lecm-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-lecm-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-lecm-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-lecm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-lecm-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-lecm-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-lecm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-lecm-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-lecm-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lecm-radius);\n  border: 1px solid var(--soi-lecm-line);\n  align-items: flex-start;\n}\n\n.soi-lecm-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-lecm-marine);\n  color: var(--soi-lecm-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-lecm-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-lecm-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-lecm-step-content p {\n  font-size: 14px;\n  color: var(--soi-lecm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-lecm-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-lecm-pomme-light);\n  border-left: 4px solid var(--soi-lecm-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-lecm-radius) var(--soi-lecm-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-lecm-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-lecm-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-lecm-marine);\n  margin-bottom: 4px;\n}\n\n.soi-lecm-tip p {\n  font-size: 14px;\n  color: var(--soi-lecm-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-lecm-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-lecm-accordion-item {\n  background: var(--soi-lecm-off-white);\n  border-radius: var(--soi-lecm-radius-sm);\n  border: 1px solid var(--soi-lecm-line);\n  overflow: hidden;\n}\n\n.soi-lecm-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-lecm-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-lecm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-lecm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-lecm-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-lecm-accordion-item[open] .soi-lecm-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-lecm-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-lecm-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-lecm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-lecm-cta-box {\n  background: var(--soi-lecm-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-lecm-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-lecm-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-lecm-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-lecm-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-lecm-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-lecm-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-lecm-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-lecm-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-lecm-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-lecm-compo-value {\n    text-align: left;\n  }\n\n  .soi-lecm-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-lecm-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-lecm-fiche {\n    --soi-lecm-text-soft: #2C3E50;\n    --soi-lecm-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Vital Osmose","offers":[{"title":"Default Title","offer_id":61603134570826,"sku":"VO4535","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/lecithine-dorigine-marine-en-gelules-packshot_11zon.jpg?v=1779635888"},{"product_id":"huile-foie-morue-90-capsules","title":"Huile de Foie de Morue en capsules - MERalia","description":"\n\n\u003cdiv class=\"soi-hfm-fiche\"\u003e\n\n  \u003csection class=\"soi-hfm-hero\"\u003e\n    \u003cdiv class=\"soi-hfm-hero-tag\"\u003e\n      \u003cspan class=\"soi-hfm-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · MERalia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-hfm-hero-title\"\u003ePréservez votre capital osseux, naturellement\u003c\/span\u003e\n    \u003cp class=\"soi-hfm-hero-subtitle\"\u003eTrois actifs majeurs réunis dans une seule capsule sans arrière-goût : oméga-3 EPA et DHA, vitamine D et vitamine A. Une formule purifiée, d'origine marine, pensée pour vos os, votre immunité et votre vitalité.\u003c\/p\u003e\n    \u003cdiv class=\"soi-hfm-hero-labels\"\u003e\n      \u003cspan class=\"soi-hfm-label soi-hfm-label-accent\"\u003eCAPSULES D'ORIGINE MARINE\u003c\/span\u003e\n      \u003cspan class=\"soi-hfm-label\"\u003ePOISSONS SAUVAGES\u003c\/span\u003e\n      \u003cspan class=\"soi-hfm-label\"\u003ePURIFIÉE \u0026amp; DÉSODORISÉE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hfm-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'huile de foie de morue : ce que la science confirme\u003c\/h2\u003e\n    \u003cp class=\"soi-hfm-section-intro\"\u003eL'huile de foie de morue est l'un des rares aliments naturels à combiner vitamine A, vitamine D et oméga-3 (EPA et DHA) dans une seule source. C'est précisément cette synergie qui la rend si intéressante.\u003c\/p\u003e\n    \u003cdiv class=\"soi-hfm-benefits\"\u003e\n      \u003cdiv class=\"soi-hfm-benefit\"\u003e\n        \u003cdiv class=\"soi-hfm-benefit-icon\"\u003e\u003cspan\u003e☀️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVitamine D\u003c\/h3\u003e\n        \u003cp\u003eElle favorise l'absorption normale du calcium et du phosphore, deux minéraux indispensables à la solidité des os et au bon fonctionnement musculaire. Elle joue aussi un rôle clé dans le soutien du système immunitaire, particulièrement en hiver.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hfm-benefit\"\u003e\n        \u003cdiv class=\"soi-hfm-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVitamine A\u003c\/h3\u003e\n        \u003cp\u003eImpliquée dans la croissance cellulaire et la régénération osseuse, elle contribue également au maintien d'une peau, d'une vision et d'une muqueuse en bonne santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hfm-benefit\"\u003e\n        \u003cdiv class=\"soi-hfm-benefit-icon\"\u003e\u003cspan\u003e🐟\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eOméga-3 EPA et DHA\u003c\/h3\u003e\n        \u003cp\u003eReconnus pour stimuler la formation osseuse, ralentir la perte osseuse liée à l'âge, et soutenir la santé cardiovasculaire et cognitive.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hfm-tip\"\u003e\n      \u003cdiv class=\"soi-hfm-tip-icon\"\u003e🔗\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCes trois actifs agissent en synergie : la vitamine D optimise l'absorption du calcium, les oméga-3 limitent l'inflammation articulaire, et la vitamine A soutient la régénération des tissus. Ensemble, ils forment un trio difficile à égaler pour préserver votre capital osseux sur le long terme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hfm-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'huile de foie de morue en capsule MERalia ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-hfm-grid\"\u003e\n      \u003cdiv class=\"soi-hfm-card\"\u003e\n        \u003ch3\u003e🐟 Poissons sauvages\u003c\/h3\u003e\n        \u003cp\u003eHuile extraite de foies de morues sauvages, pour une traçabilité et une qualité optimales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hfm-card\"\u003e\n        \u003ch3\u003e✨ Purifiée et désodorisée\u003c\/h3\u003e\n        \u003cp\u003eUn procédé rigoureux qui élimine odeurs et contaminants, sans altérer les nutriments essentiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hfm-card\"\u003e\n        \u003ch3\u003e🌊 Capsules d'origine marine\u003c\/h3\u003e\n        \u003cp\u003eL'enveloppe est elle aussi d'origine marine, pour un produit cohérent de l'intérieur à l'extérieur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hfm-card\"\u003e\n        \u003ch3\u003e✅ Facile à intégrer\u003c\/h3\u003e\n        \u003cp\u003eCapsules molles sans goût, à avaler simplement avec un verre d'eau au moment du repas.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hfm-section\"\u003e\n    \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"soi-hfm-compo\"\u003e\n      \u003cdiv class=\"soi-hfm-compo-row\"\u003e\n        \u003cspan class=\"soi-hfm-compo-label\"\u003eIngrédient principal\u003c\/span\u003e\n        \u003cspan class=\"soi-hfm-compo-value\"\u003eHuile de foie de morue (poisson)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hfm-compo-row\"\u003e\n        \u003cspan class=\"soi-hfm-compo-label\"\u003eOméga-3\u003c\/span\u003e\n        \u003cspan class=\"soi-hfm-compo-value\"\u003eEPA (acide eicosapentaénoïque) + DHA (acide docosahexaénoïque)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hfm-compo-row\"\u003e\n        \u003cspan class=\"soi-hfm-compo-label\"\u003eVitamines\u003c\/span\u003e\n        \u003cspan class=\"soi-hfm-compo-value\"\u003eVitamine A + Vitamine D\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hfm-compo-row\"\u003e\n        \u003cspan class=\"soi-hfm-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n        \u003cspan class=\"soi-hfm-compo-value\"\u003eCapsule molle d'origine marine\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hfm-timeline\"\u003e\n      \u003cdiv class=\"soi-hfm-step\"\u003e\n        \u003cdiv class=\"soi-hfm-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-hfm-step-content\"\u003e\n          \u003ch3\u003ePosologie recommandée\u003c\/h3\u003e\n          \u003cp\u003e1 à 2 capsules par jour, à prendre de préférence au cours d'un repas contenant des lipides pour favoriser l'absorption des vitamines liposolubles A et D.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hfm-step\"\u003e\n        \u003cdiv class=\"soi-hfm-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-hfm-step-content\"\u003e\n          \u003ch3\u003eCure conseillée\u003c\/h3\u003e\n          \u003cp\u003e6 à 8 semaines, renouvelable selon vos besoins. Une cure automnale ou hivernale est particulièrement pertinente pour soutenir l'immunité en période de faible ensoleillement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hfm-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-hfm-grid\"\u003e\n      \u003cdiv class=\"soi-hfm-card\"\u003e\n        \u003ch3\u003e🦴 Capital osseux\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez préserver votre densité osseuse, notamment après 40 ans ? Cette formule vous apporte les nutriments essentiels pour accompagner votre structure osseuse au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hfm-card\"\u003e\n        \u003ch3\u003e☀️ Carence en vitamine D\u003c\/h3\u003e\n        \u003cp\u003eVous êtes peu exposé au soleil, votre peau est foncée, ou vous avancez en âge ? L'huile de foie de morue contribue à couvrir vos besoins en vitamine D de manière naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hfm-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez à protéger vos articulations et à soutenir votre récupération musculaire ? Les oméga-3 et la vitamine D de cette formule vous accompagnent dans votre pratique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hfm-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité naturelle\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez renforcer vos défenses naturelles, particulièrement à l'approche de l'hiver ? Ce complément est conçu pour soutenir votre système immunitaire tout en douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hfm-section\"\u003e\n    \u003cdiv class=\"soi-hfm-accordion\"\u003e\n      \u003cdetails class=\"soi-hfm-accordion-item\"\u003e\n        \u003csummary class=\"soi-hfm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-hfm-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical. En cas de pathologie osseuse, cardiovasculaire ou de prise de médicaments, consultez votre médecin avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hfm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-hfm-cta-box\"\u003e\n      \u003cp class=\"soi-hfm-cta-tag\" style=\"color: white;\"\u003eOs, immunité et vitalité en une seule capsule\u003c\/p\u003e\n      \u003cp class=\"soi-hfm-cta-text\" style=\"color: white;\"\u003eOffrez à votre corps le meilleur de la mer : une huile de foie de morue purifiée, riche en oméga-3, vitamine D et vitamine A. Se soigner naturellement, c'est aussi simple que cela.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-hfm-marine: #1A2D3D;\n  --soi-hfm-marine-dark: #0F1E2B;\n  --soi-hfm-marine-light: #2C4458;\n  --soi-hfm-pomme: #A1C544;\n  --soi-hfm-pomme-dark: #84A636;\n  --soi-hfm-pomme-light: rgba(161,197,68,0.10);\n  --soi-hfm-white: #FFFFFF;\n  --soi-hfm-off-white: #F8FAF6;\n  --soi-hfm-stone: #F1F3EE;\n  --soi-hfm-line: #E5E8E0;\n  --soi-hfm-primary: #2B6CB0;\n  --soi-hfm-primary-soft: #E8F1FA;\n  --soi-hfm-accent: #5BA4D9;\n  --soi-hfm-text: #1A2D3D;\n  --soi-hfm-text-soft: #4A5B6B;\n  --soi-hfm-text-muted: #7B8693;\n  --soi-hfm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-hfm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-hfm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-hfm-radius: 12px;\n  --soi-hfm-radius-sm: 8px;\n  --soi-hfm-radius-pill: 999px;\n}\n\n.soi-hfm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-hfm-fiche img { max-width: 100%; height: auto; }\n\n.soi-hfm-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-hfm-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-hfm-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-hfm-hero {\n  position: relative;\n  background: var(--soi-hfm-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-hfm-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-hfm-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-hfm-pomme);\n}\n\n.soi-hfm-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-hfm-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-hfm-pomme);\n  border-radius: 50%;\n}\n\n.soi-hfm-hero-title {\n  display: block;\n  color: var(--soi-hfm-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-hfm-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-hfm-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-hfm-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-hfm-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-hfm-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-hfm-label-accent {\n  background: var(--soi-hfm-pomme);\n  border-color: var(--soi-hfm-pomme);\n  color: var(--soi-hfm-marine);\n  font-weight: 600;\n}\n\n.soi-hfm-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-hfm-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-hfm-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-hfm-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-hfm-pomme);\n  border-radius: 2px;\n}\n\n.soi-hfm-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-hfm-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-hfm-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-hfm-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-hfm-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-hfm-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-hfm-benefit {\n  background: var(--soi-hfm-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-hfm-radius);\n  border: 1px solid var(--soi-hfm-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-hfm-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-hfm-shadow-md);\n}\n\n.soi-hfm-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-hfm-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-hfm-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-hfm-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-hfm-benefit:hover .soi-hfm-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-hfm-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hfm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-hfm-benefit p {\n  font-size: 13px;\n  color: var(--soi-hfm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-hfm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-hfm-card {\n  background: var(--soi-hfm-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-hfm-radius);\n  border-left: 3px solid var(--soi-hfm-pomme);\n}\n\n.soi-hfm-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hfm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-hfm-card p {\n  font-size: 14px;\n  color: var(--soi-hfm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-hfm-compo {\n  background: var(--soi-hfm-off-white);\n  border-radius: var(--soi-hfm-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-hfm-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-hfm-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-hfm-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-hfm-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-hfm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-hfm-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-hfm-marine);\n  text-align: right;\n}\n\n.soi-hfm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-hfm-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-hfm-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-hfm-radius);\n  border: 1px solid var(--soi-hfm-line);\n  align-items: flex-start;\n}\n\n.soi-hfm-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-hfm-marine);\n  color: var(--soi-hfm-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-hfm-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-hfm-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-hfm-step-content p {\n  font-size: 14px;\n  color: var(--soi-hfm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-hfm-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-hfm-pomme-light);\n  border-left: 4px solid var(--soi-hfm-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-hfm-radius) var(--soi-hfm-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-hfm-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-hfm-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-hfm-marine);\n  margin-bottom: 4px;\n}\n\n.soi-hfm-tip p {\n  font-size: 14px;\n  color: var(--soi-hfm-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-hfm-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-hfm-accordion-item {\n  background: var(--soi-hfm-off-white);\n  border-radius: var(--soi-hfm-radius-sm);\n  border: 1px solid var(--soi-hfm-line);\n  overflow: hidden;\n}\n\n.soi-hfm-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-hfm-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-hfm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-hfm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-hfm-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-hfm-accordion-item[open] .soi-hfm-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-hfm-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-hfm-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-hfm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-hfm-cta-box {\n  background: var(--soi-hfm-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-hfm-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-hfm-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-hfm-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-hfm-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-hfm-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-hfm-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-hfm-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-hfm-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n  .soi-hfm-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n  .soi-hfm-compo-value {\n    text-align: left;\n  }\n  .soi-hfm-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-hfm-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-hfm-fiche {\n    --soi-hfm-text-soft: #2C3E50;\n    --soi-hfm-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Meralia","offers":[{"title":"Default Title","offer_id":61603275473226,"sku":"ME1401","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-foie-de-morue-en-capsules-packshot_11zon.webp?v=1780040166"},{"product_id":"poudre-chair-huitre-vital-osmose","title":"Poudre de Chair d'Huître Premium en gélules","description":"\n\u003cdiv class=\"soi-huit-fiche\"\u003e\n\n  \u003csection class=\"soi-huit-hero\"\u003e\n    \u003cdiv class=\"soi-huit-hero-tag\"\u003e\n      \u003cspan class=\"soi-huit-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire marin · Vital Osmose\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-huit-hero-title\"\u003ePoudre de Chair d'Huître Premium en gélules\u003c\/span\u003e\n    \u003cp class=\"soi-huit-hero-subtitle\"\u003eToute la richesse nutritionnelle de l'huître creuse concentrée en gélules : zinc, taurine, protéines marines et vitamines pour soutenir votre énergie et votre vitalité au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-huit-hero-labels\"\u003e\n      \u003cspan class=\"soi-huit-label soi-huit-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-huit-label\"\u003eLABEL QUALIDIET\u003c\/span\u003e\n      \u003cspan class=\"soi-huit-label\"\u003e60 GÉLULES VÉGÉTALES\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-huit-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la poudre de chair d'huître plutôt qu'un autre complément ?\u003c\/h2\u003e\n    \u003cp\u003eL'huître est l'un des aliments les plus denses en nutriments que la nature propose. Contrairement à la poudre de coquille d'huître, utilisée principalement pour le jardin ou la rectification du pH du sol, la \u003cstrong\u003epoudre de chair d'huître\u003c\/strong\u003e concentre toute la richesse nutritive de la chair : protéines, acides aminés, zinc, taurine, vitamines A, B et E.\u003c\/p\u003e\n    \u003cp\u003eChaque gélule de ce complément vous apporte l'essentiel de ce que la mer a de meilleur, sans additifs superflus. Un ingrédient unique, une formulation épurée, pour une efficacité concentrée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-huit-section\"\u003e\n    \u003ch2\u003eComposition détaillée et valeurs nutritionnelles\u003c\/h2\u003e\n    \u003cp class=\"soi-huit-section-intro\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e Poudre de chair d'huître creuse (\u003cem\u003eCrassostrea gigas\u003c\/em\u003e), gélule végétale (HPMC).\u003c\/p\u003e\n    \u003cdiv class=\"soi-huit-compo\"\u003e\n      \u003cdiv class=\"soi-huit-compo-row\"\u003e\n        \u003cspan class=\"soi-huit-compo-label\"\u003eProtéines\u003c\/span\u003e\n        \u003cspan class=\"soi-huit-compo-value\"\u003eMinimum 35 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-huit-compo-row\"\u003e\n        \u003cspan class=\"soi-huit-compo-label\"\u003eTaurine\u003c\/span\u003e\n        \u003cspan class=\"soi-huit-compo-value\"\u003eMinimum 3 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-huit-compo-row\"\u003e\n        \u003cspan class=\"soi-huit-compo-label\"\u003eMatières grasses\u003c\/span\u003e\n        \u003cspan class=\"soi-huit-compo-value\"\u003eMinimum 5 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-huit-compo-row\"\u003e\n        \u003cspan class=\"soi-huit-compo-label\"\u003eGlucides\u003c\/span\u003e\n        \u003cspan class=\"soi-huit-compo-value\"\u003e27 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-huit-compo-row\"\u003e\n        \u003cspan class=\"soi-huit-compo-label\"\u003eVitamines A, B, E + zinc, fer, iode\u003c\/span\u003e\n        \u003cspan class=\"soi-huit-compo-value\"\u003eApports naturellement présents\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-huit-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-huit-card-mini\"\u003e\n        \u003cspan class=\"soi-huit-card-mini-icon\"\u003e💊\u003c\/span\u003e\n        \u003cspan class=\"soi-huit-card-mini-label\"\u003eContenu\u003c\/span\u003e\n        \u003cspan class=\"soi-huit-card-mini-value\"\u003e60 gélules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-huit-card-mini\"\u003e\n        \u003cspan class=\"soi-huit-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n        \u003cspan class=\"soi-huit-card-mini-label\"\u003eDosage \/ gélule\u003c\/span\u003e\n        \u003cspan class=\"soi-huit-card-mini-value\"\u003e325 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-huit-card-mini\"\u003e\n        \u003cspan class=\"soi-huit-card-mini-icon\"\u003e📦\u003c\/span\u003e\n        \u003cspan class=\"soi-huit-card-mini-label\"\u003ePoids net\u003c\/span\u003e\n        \u003cspan class=\"soi-huit-card-mini-value\"\u003e23,75 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-huit-card-mini\"\u003e\n        \u003cspan class=\"soi-huit-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-huit-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-huit-card-mini-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-huit-section\"\u003e\n    \u003ch2\u003eCe que la poudre d'huître apporte concrètement à votre quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"soi-huit-benefits\"\u003e\n      \u003cdiv class=\"soi-huit-benefit\"\u003e\n        \u003cdiv class=\"soi-huit-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉnergie et lutte contre la fatigue\u003c\/h3\u003e\n        \u003cp\u003eLe zinc et les vitamines B naturellement présents dans la chair d'huître contribuent à réduire la fatigue et à soutenir un métabolisme énergétique normal. Idéal en période de surmenage ou d'examens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-huit-benefit\"\u003e\n        \u003cdiv class=\"soi-huit-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eProtéines et acides aminés complets\u003c\/h3\u003e\n        \u003cp\u003eAvec plus de 35 % de protéines hautement assimilables et tous les acides aminés essentiels, ce complément soutient la masse musculaire et la récupération physique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-huit-benefit\"\u003e\n        \u003cdiv class=\"soi-huit-benefit-icon\"\u003e\u003cspan\u003e🫀\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTaurine et système cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eLa taurine, acide aminé naturellement présent dans l'huître, participe au bon fonctionnement du muscle cardiaque et du système nerveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-huit-benefit\"\u003e\n        \u003cdiv class=\"soi-huit-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeau, ongles et immunité\u003c\/h3\u003e\n        \u003cp\u003eLe zinc et la vitamine A soutiennent la santé de la peau et des ongles, tandis que la vitamine E agit comme antioxydant pour protéger vos cellules du stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-huit-section\"\u003e\n    \u003ch2\u003eComment prendre la poudre de chair d'huître ? Posologie recommandée\u003c\/h2\u003e\n    \u003cdiv class=\"soi-huit-timeline\"\u003e\n      \u003cdiv class=\"soi-huit-step\"\u003e\n        \u003cdiv class=\"soi-huit-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-huit-step-content\"\u003e\n          \u003ch3\u003eDose journalière\u003c\/h3\u003e\n          \u003cp\u003e4 gélules par jour, à avaler avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-huit-step\"\u003e\n        \u003cdiv class=\"soi-huit-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-huit-step-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003eDe préférence au cours d'un repas pour une meilleure assimilation des nutriments liposolubles (vitamines A et E).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-huit-step\"\u003e\n        \u003cdiv class=\"soi-huit-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-huit-step-content\"\u003e\n          \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n          \u003cp\u003e1 à 3 mois, à renouveler selon vos besoins. Les résultats sont souvent perceptibles dès 3 à 4 semaines de prise régulière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-huit-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdetails class=\"soi-huit-accordion-item\"\u003e\n        \u003csummary class=\"soi-huit-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-huit-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée, ni un suivi médical. Déconseillé en cas d'allergie aux mollusques. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-huit-section\"\u003e\n    \u003ch2\u003ePour qui est recommandée la poudre d'huître en gélules ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-huit-grid\"\u003e\n      \u003cdiv class=\"soi-huit-card\"\u003e\n        \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n        \u003cp\u003eVous ressentez un manque de tonus au quotidien et souhaitez retrouver un niveau d'énergie stable grâce à un apport naturel en zinc et vitamines B.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-huit-card\"\u003e\n        \u003ch3\u003e🎓 Étudiants et actifs\u003c\/h3\u003e\n        \u003cp\u003eEn période de forte sollicitation intellectuelle, ce concentré marin soutient vos fonctions cognitives et votre capacité de concentration.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-huit-card\"\u003e\n        \u003ch3\u003e🦴 Capital osseux, cutané et immunitaire\u003c\/h3\u003e\n        \u003cp\u003eVous êtes soucieux de préserver votre capital osseux, la santé de votre peau et de renforcer vos défenses naturelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-huit-card\"\u003e\n        \u003ch3\u003e🌊 Apport marin sans huîtres fraîches\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez enrichir votre alimentation en zinc, taurine et protéines marines sans avoir à consommer des huîtres fraîches.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-huit-section\"\u003e\n    \u003cdiv class=\"soi-huit-tip\"\u003e\n      \u003cdiv class=\"soi-huit-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour une assimilation optimale des vitamines A et E liposolubles, veillez à prendre vos gélules au cours d'un repas contenant une source de matières grasses. Les premiers bénéfices se font généralement sentir après 3 à 4 semaines de prise régulière.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-huit-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-huit-cta-box\"\u003e\n      \u003cp class=\"soi-huit-cta-tag\" style=\"color: white;\"\u003eL'énergie et la vitalité de l'océan\u003c\/p\u003e\n      \u003cp class=\"soi-huit-cta-text\" style=\"color: white;\"\u003eLa richesse de l'océan condensée en 60 gélules pratiques. Un complément naturel, sans fioritures, pour vous redonner énergie, vitalité et sérénité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-huit-marine: #1A2D3D;\n  --soi-huit-marine-dark: #0F1E2B;\n  --soi-huit-marine-light: #2C4458;\n  --soi-huit-pomme: #A1C544;\n  --soi-huit-pomme-dark: #84A636;\n  --soi-huit-pomme-light: rgba(161,197,68,0.10);\n  --soi-huit-white: #FFFFFF;\n  --soi-huit-off-white: #F8FAF6;\n  --soi-huit-stone: #F1F3EE;\n  --soi-huit-line: #E5E8E0;\n  --soi-huit-primary: #1A6E8E;\n  --soi-huit-primary-soft: #E8DDD0;\n  --soi-huit-accent: #A04545;\n  --soi-huit-text: #1A2D3D;\n  --soi-huit-text-soft: #4A5B6B;\n  --soi-huit-text-muted: #7B8693;\n  --soi-huit-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-huit-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-huit-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-huit-radius: 12px;\n  --soi-huit-radius-sm: 8px;\n  --soi-huit-radius-pill: 999px;\n}\n\n.soi-huit-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-huit-fiche img { max-width: 100%; height: auto; }\n\n.soi-huit-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-huit-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-huit-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-huit-hero {\n  position: relative;\n  background: var(--soi-huit-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-huit-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-huit-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-huit-pomme);\n}\n\n.soi-huit-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-huit-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-huit-pomme);\n  border-radius: 50%;\n}\n\n.soi-huit-hero-title {\n  display: block;\n  color: var(--soi-huit-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-huit-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-huit-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-huit-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-huit-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-huit-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-huit-label-accent {\n  background: var(--soi-huit-pomme);\n  border-color: var(--soi-huit-pomme);\n  color: var(--soi-huit-marine);\n  font-weight: 600;\n}\n\n.soi-huit-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-huit-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-huit-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-huit-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-huit-pomme);\n  border-radius: 2px;\n}\n\n.soi-huit-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-huit-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-huit-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-huit-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-huit-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-huit-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-huit-benefit {\n  background: var(--soi-huit-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-huit-radius);\n  border: 1px solid var(--soi-huit-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-huit-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-huit-shadow-md);\n}\n\n.soi-huit-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-huit-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-huit-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-huit-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-huit-benefit:hover .soi-huit-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-huit-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-huit-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-huit-benefit p {\n  font-size: 13px;\n  color: var(--soi-huit-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-huit-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-huit-card {\n  background: var(--soi-huit-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-huit-radius);\n  border-left: 3px solid var(--soi-huit-pomme);\n}\n\n.soi-huit-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-huit-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-huit-card p {\n  font-size: 14px;\n  color: var(--soi-huit-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-huit-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-huit-card-mini {\n  background: var(--soi-huit-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-huit-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-huit-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-huit-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-huit-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-huit-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-huit-marine);\n}\n\n.soi-huit-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-huit-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-huit-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-huit-radius);\n  border: 1px solid var(--soi-huit-line);\n  align-items: flex-start;\n}\n\n.soi-huit-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-huit-marine);\n  color: var(--soi-huit-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-huit-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-huit-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-huit-step-content p {\n  font-size: 14px;\n  color: var(--soi-huit-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-huit-compo {\n  background: var(--soi-huit-off-white);\n  border-radius: var(--soi-huit-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-huit-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-huit-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-huit-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-huit-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-huit-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-huit-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-huit-marine);\n  text-align: right;\n}\n\n.soi-huit-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-huit-pomme-light);\n  border-left: 4px solid var(--soi-huit-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-huit-radius) var(--soi-huit-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-huit-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-huit-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-huit-marine);\n  margin-bottom: 4px;\n}\n\n.soi-huit-tip p {\n  font-size: 14px;\n  color: var(--soi-huit-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-huit-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-huit-accordion-item {\n  background: var(--soi-huit-off-white);\n  border-radius: var(--soi-huit-radius-sm);\n  border: 1px solid var(--soi-huit-line);\n  overflow: hidden;\n}\n\n.soi-huit-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-huit-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-huit-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-huit-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-huit-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-huit-accordion-item[open] .soi-huit-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-huit-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-huit-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-huit-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-huit-cta-box {\n  background: var(--soi-huit-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-huit-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-huit-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-huit-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-huit-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-huit-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-huit-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-huit-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-huit-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-huit-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-huit-compo-value {\n    text-align: left;\n  }\n\n  .soi-huit-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-huit-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-huit-fiche {\n    --soi-huit-text-soft: #2C3E50;\n    --soi-huit-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Vital Osmose","offers":[{"title":"Default Title","offer_id":61603281961290,"sku":"VO4580","price":18.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/poudre-de-chair-dhuitre-premium-en-gelules-packshot_c495e4fa-7381-4984-bc68-e3696f555fe0.webp?v=1779631930"},{"product_id":"huile-krill-capsules","title":"Huile de Krill en capsules - riche en Oméga-3","description":"\n\u003cdiv class=\"soi-kril-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-kril-hero\"\u003e\n    \u003cdiv class=\"soi-kril-hero-tag\"\u003e\n      \u003cspan class=\"soi-kril-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · MERalia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-kril-hero-title\"\u003eLe trésor oméga-3 des eaux antarctiques\u003c\/span\u003e\n    \u003cp class=\"soi-kril-hero-subtitle\"\u003eUne source d'oméga-3 EPA et DHA sous forme de phospholipides, enrichie en choline et en astaxanthine, pour soutenir votre cœur, votre cerveau et vos articulations au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-kril-hero-labels\"\u003e\n      \u003cspan class=\"soi-kril-label soi-kril-label-accent\"\u003eCERTIFIÉ MSC\u003c\/span\u003e\n      \u003cspan class=\"soi-kril-label\"\u003eOMÉGA-3 PHOSPHOLIPIDES\u003c\/span\u003e\n      \u003cspan class=\"soi-kril-label\"\u003eASTAXANTHINE NATURELLE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Huile de Krill en capsules : oméga-3, cœur et cholestérol --\u003e\n  \u003csection class=\"soi-kril-section\"\u003e\n    \u003ch2\u003eHuile de Krill en capsules : la meilleure source d'oméga-3 pour le cœur et le cholestérol\u003c\/h2\u003e\n    \u003cp\u003eVous cherchez une source d'oméga-3 mieux absorbée que l'huile de poisson classique ? L'huile de krill MERalia est extraite de l'\u003cem\u003eEuphausia superba\u003c\/em\u003e, ce minuscule crustacé des eaux glacées de l'Antarctique, reconnu pour sa richesse exceptionnelle en oméga-3 EPA et DHA sous forme de phospholipides, en choline et en astaxanthine. Une formule naturelle, pure et certifiée, pensée pour soutenir votre cœur, votre cerveau et vos articulations au quotidien.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi l'huile de krill est-elle différente de l'huile de poisson ? --\u003e\n  \u003csection class=\"soi-kril-section\"\u003e\n    \u003ch2\u003ePourquoi l'huile de krill est-elle différente de l'huile de poisson ?\u003c\/h2\u003e\n    \u003cp\u003eLa grande différence tient à la forme des oméga-3. Dans l'huile de poisson, les acides gras EPA et DHA sont liés à des triglycérides. Dans l'huile de krill, ils sont liés à des phospholipides, une structure très proche de celle de vos membranes cellulaires. Le résultat : une assimilation souvent meilleure, une tolérance digestive supérieure, et des capsules sans arrière-goût de poisson.\u003c\/p\u003e\n    \u003cp\u003eL'astaxanthine naturellement présente joue quant à elle le rôle d'antioxydant puissant, protégeant les acides gras de l'oxydation, ce que l'huile de poisson ne contient pas naturellement.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Les bienfaits de l'huile de krill reconnus par la recherche --\u003e\n  \u003csection class=\"soi-kril-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'huile de krill reconnus par la recherche\u003c\/h2\u003e\n    \u003cdiv class=\"soi-kril-benefits\"\u003e\n      \u003cdiv class=\"soi-kril-benefit\"\u003e\n        \u003cdiv class=\"soi-kril-benefit-icon\"\u003e\u003cspan\u003e❤️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSanté cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eLes oméga-3 EPA et DHA contribuent au maintien d'une fonction cardiaque normale et aident à réguler les triglycérides sanguins.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kril-benefit\"\u003e\n        \u003cdiv class=\"soi-kril-benefit-icon\"\u003e\u003cspan\u003e🧠\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFonctions cérébrales\u003c\/h3\u003e\n        \u003cp\u003eLe DHA participe au bon fonctionnement du cerveau, à la concentration et à la mémoire, notamment après 40 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kril-benefit\"\u003e\n        \u003cdiv class=\"soi-kril-benefit-icon\"\u003e\u003cspan\u003e🦴\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eArticulations\u003c\/h3\u003e\n        \u003cp\u003ePlusieurs études pointent une réduction de la raideur articulaire chez les personnes prenant de l'huile de krill régulièrement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kril-benefit\"\u003e\n        \u003cdiv class=\"soi-kril-benefit-icon\"\u003e\u003cspan\u003e👁️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSanté des yeux\u003c\/h3\u003e\n        \u003cp\u003eLe DHA est un constituant majeur de la rétine ; un apport suffisant soutient la vision normale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kril-benefit\"\u003e\n        \u003cdiv class=\"soi-kril-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeau et stress oxydatif\u003c\/h3\u003e\n        \u003cp\u003eL'astaxanthine et les phospholipides contribuent à protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-kril-tip\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cdiv class=\"soi-kril-tip-icon\"\u003e⚕️\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eInformation importante\u003c\/strong\u003e\n        \u003cp\u003eCes informations sont données à titre indicatif. Ce complément alimentaire ne se substitue pas à un traitement médical. Consultez votre médecin si vous suivez un traitement anticoagulant ou si vous êtes enceinte.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition et dosage par capsule --\u003e\n  \u003csection class=\"soi-kril-section\"\u003e\n    \u003ch2\u003eComposition et dosage par capsule\u003c\/h2\u003e\n    \u003cdiv class=\"soi-kril-compo\"\u003e\n      \u003cdiv class=\"soi-kril-compo-row\"\u003e\n        \u003cspan class=\"soi-kril-compo-label\"\u003eExtrait d'huile de krill antarctique (Euphausia superba)\u003c\/span\u003e\n        \u003cspan class=\"soi-kril-compo-value\"\u003e500 mg \/ capsule\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kril-compo-row\"\u003e\n        \u003cspan class=\"soi-kril-compo-label\"\u003ePhospholipides totaux (dont 40 % phosphatidylcholine)\u003c\/span\u003e\n        \u003cspan class=\"soi-kril-compo-value\"\u003e≈ 400 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kril-compo-row\"\u003e\n        \u003cspan class=\"soi-kril-compo-label\"\u003eOméga-3 EPA\u003c\/span\u003e\n        \u003cspan class=\"soi-kril-compo-value\"\u003e≈ 75 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kril-compo-row\"\u003e\n        \u003cspan class=\"soi-kril-compo-label\"\u003eOméga-3 DHA\u003c\/span\u003e\n        \u003cspan class=\"soi-kril-compo-value\"\u003e≈ 45 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kril-compo-row\"\u003e\n        \u003cspan class=\"soi-kril-compo-label\"\u003eCholine\u003c\/span\u003e\n        \u003cspan class=\"soi-kril-compo-value\"\u003e≈ 70 mg (~13 % des VNR)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kril-compo-row\"\u003e\n        \u003cspan class=\"soi-kril-compo-label\"\u003eAstaxanthine naturelle\u003c\/span\u003e\n        \u003cspan class=\"soi-kril-compo-value\"\u003e≈ 0,1 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kril-compo-row\"\u003e\n        \u003cspan class=\"soi-kril-compo-label\"\u003eEnveloppe de la capsule\u003c\/span\u003e\n        \u003cspan class=\"soi-kril-compo-value\"\u003eGélatine de poisson\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-kril-timeline\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cdiv class=\"soi-kril-step\"\u003e\n        \u003cdiv class=\"soi-kril-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-kril-step-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez 2 capsules par jour, de préférence au cours d'un repas contenant des lipides, pour une meilleure assimilation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kril-step\"\u003e\n        \u003cdiv class=\"soi-kril-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-kril-step-content\"\u003e\n          \u003ch3\u003eDurée de cure conseillée\u003c\/h3\u003e\n          \u003cp\u003eUne cure de 6 à 8 semaines est conseillée pour observer les premiers effets.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Une pêche certifiée MSC, respectueuse des océans --\u003e\n  \u003csection class=\"soi-kril-section\"\u003e\n    \u003ch2\u003eUne pêche certifiée MSC, respectueuse des océans\u003c\/h2\u003e\n    \u003cp\u003eMERalia s'approvisionne exclusivement auprès de pêcheries certifiées MSC (Marine Stewardship Council). La pêche s'effectue à plus de 10 miles des côtes pendant les périodes de reproduction des mammifères marins, préservant l'équilibre de l'écosystème antarctique.\u003c\/p\u003e\n    \u003cp\u003eLe procédé d'extraction breveté garantit une concentration maximale des actifs bénéfiques, sans solvants ni résidus indésirables.\u003c\/p\u003e\n    \u003cdiv class=\"soi-kril-tip\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"soi-kril-tip-icon\"\u003e🌊\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eEn choisissant une huile de krill certifiée MSC, vous soutenez une pêche responsable qui respecte l'écosystème antarctique et les mammifères marins.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Questions fréquentes sur l'huile de krill --\u003e\n  \u003csection class=\"soi-kril-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes sur l'huile de krill\u003c\/h2\u003e\n    \u003cdiv class=\"soi-kril-accordion\"\u003e\n      \u003cdetails class=\"soi-kril-accordion-item\"\u003e\n        \u003csummary class=\"soi-kril-accordion-header\"\u003e🦐 L'huile de krill est-elle dangereuse ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-kril-accordion-content\"\u003e\n          \u003cp\u003eElle est très bien tolérée chez l'adulte en bonne santé. Les rares contre-indications concernent les personnes allergiques aux crustacés ou sous anticoagulants. Demandez l'avis de votre médecin si vous avez un doute.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-kril-accordion-item\"\u003e\n        \u003csummary class=\"soi-kril-accordion-header\"\u003e🐕 L'huile de krill convient-elle aux chiens ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-kril-accordion-content\"\u003e\n          \u003cp\u003eCertains vétérinaires la recommandent pour les articulations et le pelage des chiens. Consultez votre vétérinaire pour le dosage adapté au poids de votre animal.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-kril-accordion-item\"\u003e\n        \u003csummary class=\"soi-kril-accordion-header\"\u003e💊 Peut-on l'associer à d'autres compléments ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-kril-accordion-content\"\u003e\n          \u003cp\u003eOui, elle se combine très bien avec de la vitamine D3, du magnésium ou un complexe multivitaminé.\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-kril-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-kril-cta-box\"\u003e\n      \u003cp class=\"soi-kril-cta-tag\" style=\"color: white;\"\u003eOméga-3 d'exception, pêche responsable\u003c\/p\u003e\n      \u003cp class=\"soi-kril-cta-text\" style=\"color: white;\"\u003eVenue des eaux les plus pures de la planète, l'huile de krill MERalia réunit absorption optimale grâce aux phospholipides, antioxydant naturel avec l'astaxanthine, et engagement sincère pour la protection des océans. Prenez soin de votre cœur, de votre cerveau et de vos articulations, chaque jour, en toute confiance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-kril-marine: #1A2D3D;\n  --soi-kril-marine-dark: #0F1E2B;\n  --soi-kril-marine-light: #2C4458;\n  --soi-kril-pomme: #A1C544;\n  --soi-kril-pomme-dark: #84A636;\n  --soi-kril-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-kril-white: #FFFFFF;\n  --soi-kril-off-white: #F8FAF6;\n  --soi-kril-stone: #F1F3EE;\n  --soi-kril-line: #E5E8E0;\n\n  --soi-kril-primary: #2E5BA8;\n  --soi-kril-primary-soft: #A8D5E2;\n  --soi-kril-accent: #3A7BD5;\n\n  --soi-kril-text: #1A2D3D;\n  --soi-kril-text-soft: #4A5B6B;\n  --soi-kril-text-muted: #7B8693;\n\n  --soi-kril-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-kril-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-kril-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-kril-radius: 12px;\n  --soi-kril-radius-sm: 8px;\n  --soi-kril-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-kril-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-kril-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-kril-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-kril-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-kril-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-kril-hero {\n  position: relative;\n  background: var(--soi-kril-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-kril-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-kril-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-kril-pomme);\n}\n\n.soi-kril-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-kril-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-kril-pomme);\n  border-radius: 50%;\n}\n\n.soi-kril-hero-title {\n  display: block;\n  color: var(--soi-kril-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-kril-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-kril-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-kril-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-kril-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-kril-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-kril-label-accent {\n  background: var(--soi-kril-pomme);\n  border-color: var(--soi-kril-pomme);\n  color: var(--soi-kril-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-kril-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-kril-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-kril-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-kril-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-kril-pomme);\n  border-radius: 2px;\n}\n\n.soi-kril-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-kril-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-kril-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-kril-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-kril-benefit {\n  background: var(--soi-kril-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-kril-radius);\n  border: 1px solid var(--soi-kril-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-kril-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-kril-shadow-md);\n}\n\n.soi-kril-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-kril-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-kril-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-kril-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-kril-benefit:hover .soi-kril-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-kril-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-kril-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-kril-benefit p {\n  font-size: 13px;\n  color: var(--soi-kril-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-kril-compo {\n  background: var(--soi-kril-off-white);\n  border-radius: var(--soi-kril-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-kril-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-kril-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-kril-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-kril-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-kril-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-kril-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-kril-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-kril-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-kril-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-kril-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-kril-radius);\n  border: 1px solid var(--soi-kril-line);\n  align-items: flex-start;\n}\n\n.soi-kril-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-kril-marine);\n  color: var(--soi-kril-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-kril-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-kril-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-kril-step-content p {\n  font-size: 14px;\n  color: var(--soi-kril-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-kril-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-kril-pomme-light);\n  border-left: 4px solid var(--soi-kril-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-kril-radius) var(--soi-kril-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-kril-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-kril-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-kril-marine);\n  margin-bottom: 4px;\n}\n\n.soi-kril-tip p {\n  font-size: 14px;\n  color: var(--soi-kril-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-kril-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-kril-accordion-item {\n  background: var(--soi-kril-off-white);\n  border-radius: var(--soi-kril-radius-sm);\n  border: 1px solid var(--soi-kril-line);\n  overflow: hidden;\n}\n\n.soi-kril-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-kril-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-kril-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-kril-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-kril-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-kril-accordion-item[open] .soi-kril-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-kril-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-kril-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-kril-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-kril-cta-box {\n  background: var(--soi-kril-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-kril-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-kril-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-kril-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-kril-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-kril-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-kril-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-kril-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-kril-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-kril-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-kril-compo-value {\n    text-align: left;\n  }\n\n  .soi-kril-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-kril-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-kril-fiche {\n    --soi-kril-text-soft: #2C3E50;\n    --soi-kril-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Meralia","offers":[{"title":"Default Title","offer_id":61603316203850,"sku":"ME5070","price":15.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-krill-en-capsules-packshot_11zon.webp?v=1780057946"},{"product_id":"plasma-marin-hypertonique-selon-le-procede-quinton-en-bouteille","title":"Plasma marin hypertonique - procédé Quinton - 1 L","description":"\u003cdiv class=\"soi-plasm-fiche\"\u003e\n\n\u003csection class=\"soi-plasm-hero\"\u003e\n  \u003cdiv class=\"soi-plasm-hero-tag\"\u003e\n    \u003cspan class=\"soi-plasm-tag-dot\"\u003e\u003c\/span\u003e\n    Complément alimentaire · Thérapie marine · MERalia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-plasm-hero-title\"\u003ePlasma marin hypertonique selon le procédé Quinton\u003c\/span\u003e\n  \u003cp class=\"soi-plasm-hero-subtitle\"\u003eL'eau de mer au service de votre vitalité : plus de 78 minéraux et oligo-éléments naturels, prélevés au cœur d'une réserve de biosphère UNESCO.\u003c\/p\u003e\n  \u003cdiv class=\"soi-plasm-hero-labels\"\u003e\n    \u003cspan class=\"soi-plasm-label soi-plasm-label-accent\"\u003ePROCÉDÉ QUINTON\u003c\/span\u003e\n    \u003cspan class=\"soi-plasm-label\"\u003eSOURCE DE MAGNÉSIUM\u003c\/span\u003e\n    \u003cspan class=\"soi-plasm-label\"\u003eRÉSERVE UNESCO\u003c\/span\u003e\n    \u003cspan class=\"soi-plasm-label\"\u003eBOUTEILLE EN VERRE\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-plasm-section\"\u003e\n  \u003ch2\u003ePlasma marin hypertonique selon le procédé Quinton : l'eau de mer au service de votre vitalité\u003c\/h2\u003e\n  \u003cp\u003eLe \u003cstrong\u003eplasma marin hypertonique\u003c\/strong\u003e, aussi appelé \u003cstrong\u003eeau de Quinton hypertonique\u003c\/strong\u003e, est l'un des compléments naturels les plus complets qui soit. Issu des travaux du biologiste français \u003cstrong\u003eRené Quinton (1866-1925)\u003c\/strong\u003e, il repose sur une observation fascinante : la composition minérale de l'eau de mer est étonnamment proche de celle de notre plasma sanguin. Ce produit signé \u003cstrong\u003eMERalia\u003c\/strong\u003e vous en propose une version d'exception, prélevée dans un site naturel protégé.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-plasm-section\"\u003e\n  \u003ch2\u003eUne eau de mer d'origine exceptionnelle\u003c\/h2\u003e\n  \u003cp\u003eToute la différence commence à la source. Le plasma marin de MERalia est extrait dans le \u003cstrong\u003eparc naturel de Cabo de Gata\u003c\/strong\u003e, en mer d'Alboran au sud de l'Espagne, classé \u003cstrong\u003eréserve de biosphère par l'UNESCO depuis 1997\u003c\/strong\u003e.\u003c\/p\u003e\n  \u003cdiv class=\"soi-plasm-grid-compact\"\u003e\n    \u003cdiv class=\"soi-plasm-card-mini\"\u003e\n      \u003cspan class=\"soi-plasm-card-mini-icon\"\u003e🌊\u003c\/span\u003e\n      \u003cspan class=\"soi-plasm-card-mini-label\"\u003eDistance côte\u003c\/span\u003e\n      \u003cspan class=\"soi-plasm-card-mini-value\"\u003e1 300 mètres\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-plasm-card-mini\"\u003e\n      \u003cspan class=\"soi-plasm-card-mini-icon\"\u003e🔵\u003c\/span\u003e\n      \u003cspan class=\"soi-plasm-card-mini-label\"\u003eProfondeur\u003c\/span\u003e\n      \u003cspan class=\"soi-plasm-card-mini-value\"\u003e38 mètres\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-plasm-card-mini\"\u003e\n      \u003cspan class=\"soi-plasm-card-mini-icon\"\u003e🏛️\u003c\/span\u003e\n      \u003cspan class=\"soi-plasm-card-mini-label\"\u003eProtection\u003c\/span\u003e\n      \u003cspan class=\"soi-plasm-card-mini-value\"\u003eUNESCO 1997\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-plasm-card-mini\"\u003e\n      \u003cspan class=\"soi-plasm-card-mini-icon\"\u003e🌋\u003c\/span\u003e\n      \u003cspan class=\"soi-plasm-card-mini-label\"\u003eZone\u003c\/span\u003e\n      \u003cspan class=\"soi-plasm-card-mini-value\"\u003eVolcanique\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cp style=\"margin-top:1.25rem;\"\u003eL'eau y est prélevée à marée haute, dans une zone volcanique d'une biodiversité marine remarquable. Résultat : une eau naturellement riche en \u003cstrong\u003eminéraux, oligo-éléments et prébiotiques marins\u003c\/strong\u003e, sans aucune adjonction artificielle.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-plasm-section\"\u003e\n  \u003ch2\u003eHypertonique ou isotonique : quelle différence ?\u003c\/h2\u003e\n  \u003cp\u003eVous vous demandez peut-être comment choisir entre \u003cstrong\u003eplasma marin isotonique et hypertonique\u003c\/strong\u003e. Voici l'essentiel à retenir :\u003c\/p\u003e\n  \u003cdiv class=\"soi-plasm-grid\"\u003e\n    \u003cdiv class=\"soi-plasm-card\"\u003e\n      \u003ch3\u003e💧 Plasma isotonique\u003c\/h3\u003e\n      \u003cp\u003eDilué à hauteur de 1\/3 d'eau de mer pour 2\/3 d'eau douce, il présente une concentration proche de celle du sang. Doux, il convient aux personnes fragiles, aux enfants ou en cure longue.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-plasm-card soi-plasm-card-highlight\"\u003e\n      \u003ch3\u003e🌊 Plasma hypertonique\u003c\/h3\u003e\n      \u003cp\u003ePur, non dilué. Sa concentration en minéraux est trois fois supérieure. Recommandé pour les cures courtes et intenses, notamment en cas de \u003cstrong\u003efatigue profonde, de récupération sportive ou de reminéralisation rapide\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-plasm-section\"\u003e\n  \u003ch2\u003eLes bienfaits du plasma marin hypertonique\u003c\/h2\u003e\n  \u003cp\u003eGrâce à sa richesse en \u003cstrong\u003emagnésium naturel\u003c\/strong\u003e et à son totum ionique complet (plus de 78 minéraux et oligo-éléments), ce plasma marin contribue à :\u003c\/p\u003e\n  \u003cdiv class=\"soi-plasm-benefits\"\u003e\n    \u003cdiv class=\"soi-plasm-benefit\"\u003e\n      \u003cdiv class=\"soi-plasm-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eRéduction de la fatigue\u003c\/h3\u003e\n      \u003cp\u003eContribue à réduire la fatigue physique comme mentale grâce à sa teneur naturelle en magnésium.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-plasm-benefit\"\u003e\n      \u003cdiv class=\"soi-plasm-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eMétabolisme énergétique\u003c\/h3\u003e\n      \u003cp\u003eSoutient un métabolisme énergétique normal et accompagne la reminéralisation de l'organisme en profondeur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-plasm-benefit\"\u003e\n      \u003cdiv class=\"soi-plasm-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eFonction musculaire\u003c\/h3\u003e\n      \u003cp\u003eContribue au maintien d'une fonction musculaire adéquate, apprécié par les sportifs en récupération.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-plasm-benefit\"\u003e\n      \u003cdiv class=\"soi-plasm-benefit-icon\"\u003e\u003cspan\u003e🧠\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eSystème nerveux\u003c\/h3\u003e\n      \u003cp\u003eFavorise l'équilibre du système nerveux, particulièrement utile pour les personnes exposées à un stress intense.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-plasm-tip\"\u003e\n    \u003cdiv class=\"soi-plasm-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eCe produit est particulièrement apprécié par les personnes exposées à un stress intense, les sportifs en récupération, ou toute personne souhaitant soutenir son capital minéral naturellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-plasm-section\"\u003e\n  \u003ch2\u003eComposition et posologie du plasma marin MERalia\u003c\/h2\u003e\n  \u003cdiv class=\"soi-plasm-compo\"\u003e\n    \u003cdiv class=\"soi-plasm-compo-row\"\u003e\n      \u003cspan class=\"soi-plasm-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n      \u003cspan class=\"soi-plasm-compo-value\"\u003eEau de mer naturelle non diluée, microfiltration à froid selon le procédé Quinton\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-plasm-compo-row\"\u003e\n      \u003cspan class=\"soi-plasm-compo-label\"\u003eMagnésium (pour 15 ml)\u003c\/span\u003e\n      \u003cspan class=\"soi-plasm-compo-value\"\u003eEnviron 50 mg (13 % des VNR)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-plasm-compo-row\"\u003e\n      \u003cspan class=\"soi-plasm-compo-label\"\u003eAutres minéraux\u003c\/span\u003e\n      \u003cspan class=\"soi-plasm-compo-value\"\u003eSodium, potassium, calcium, chlore et plus de 75 oligo-éléments naturellement présents\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-plasm-compo-row\"\u003e\n      \u003cspan class=\"soi-plasm-compo-label\"\u003eDose journalière recommandée\u003c\/span\u003e\n      \u003cspan class=\"soi-plasm-compo-value\"\u003e15 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"soi-plasm-timeline\" style=\"margin-top:1.5rem;\"\u003e\n    \u003cdiv class=\"soi-plasm-step\"\u003e\n      \u003cdiv class=\"soi-plasm-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-plasm-step-content\"\u003e\n        \u003ch3\u003eDilution\u003c\/h3\u003e\n        \u003cp\u003eDiluez \u003cstrong\u003e15 ml\u003c\/strong\u003e dans un verre d'eau (150 à 200 ml minimum). Ne consommez pas pur en raison de sa forte concentration en sels.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-plasm-step\"\u003e\n      \u003cdiv class=\"soi-plasm-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-plasm-step-content\"\u003e\n        \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n        \u003cp\u003eChaque matin, à jeun ou en dehors des repas, pour une absorption optimale des minéraux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-plasm-step\"\u003e\n      \u003cdiv class=\"soi-plasm-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-plasm-step-content\"\u003e\n        \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n        \u003cp\u003eLa cure recommandée est de \u003cstrong\u003e3 à 4 semaines\u003c\/strong\u003e, à renouveler selon vos besoins.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-plasm-section\"\u003e\n  \u003ch2\u003eContre-indications et précautions d'emploi\u003c\/h2\u003e\n  \u003cdiv class=\"soi-plasm-accordion\"\u003e\n    \u003cdetails class=\"soi-plasm-accordion-item\"\u003e\n      \u003csummary class=\"soi-plasm-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n      \u003cdiv class=\"soi-plasm-accordion-content\"\u003e\n        \u003cp\u003eLe plasma marin hypertonique est contre-indiqué en cas de \u003cstrong\u003erégime sans sel strict\u003c\/strong\u003e (hypertension artérielle sévère, insuffisance rénale), de \u003cstrong\u003emaladie cardiovasculaire\u003c\/strong\u003e non contrôlée, ou pour les personnes sous traitement médical spécifique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-plasm-accordion-item\"\u003e\n      \u003csummary class=\"soi-plasm-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n      \u003cdiv class=\"soi-plasm-accordion-content\"\u003e\n        \u003cp\u003eEn cas de doute, demandez conseil à votre médecin avant de débuter une cure. Ce complément ne remplace en aucun cas un traitement médical prescrit.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-plasm-section\"\u003e\n  \u003ch2\u003ePourquoi choisir le plasma marin MERalia ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-plasm-grid\"\u003e\n    \u003cdiv class=\"soi-plasm-card\"\u003e\n      \u003ch3\u003e🏛️ Réserve UNESCO\u003c\/h3\u003e\n      \u003cp\u003eSite de prélèvement certifié réserve de biosphère UNESCO, d'une pureté exceptionnelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-plasm-card\"\u003e\n      \u003ch3\u003e❄️ Procédé Quinton respecté\u003c\/h3\u003e\n      \u003cp\u003eMicrofiltration à froid, sans chaleur ni traitement chimique, pour préserver l'intégrité des minéraux.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-plasm-card\"\u003e\n      \u003ch3\u003e🧬 Totum ionique complet\u003c\/h3\u003e\n      \u003cp\u003eNaturellement complet, non reconstitué en laboratoire. Plus de 78 minéraux et oligo-éléments.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-plasm-card\"\u003e\n      \u003ch3\u003e🫙 Bouteille en verre\u003c\/h3\u003e\n      \u003cp\u003eConditionnement en bouteille en verre pour préserver l'intégrité et la biodisponibilité des minéraux.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-plasm-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-plasm-cta-box\"\u003e\n    \u003cp class=\"soi-plasm-cta-tag\" style=\"color: white;\"\u003eLa richesse minérale de l'océan, intacte\u003c\/p\u003e\n    \u003cp class=\"soi-plasm-cta-text\" style=\"color: white;\"\u003ePuisé au cœur d'un sanctuaire marin protégé par l'UNESCO, ce plasma marin hypertonique MERalia vous apporte la richesse minérale intacte de l'océan, dans le respect du procédé Quinton. Fatigue, stress, manque de vitalité : offrez à votre corps ce que la mer a mis des millénaires à composer.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-plasm-marine: #1A2D3D;\n  --soi-plasm-marine-dark: #0F1E2B;\n  --soi-plasm-marine-light: #2C4458;\n  --soi-plasm-pomme: #A1C544;\n  --soi-plasm-pomme-dark: #84A636;\n  --soi-plasm-pomme-light: rgba(161,197,68,0.10);\n  --soi-plasm-white: #FFFFFF;\n  --soi-plasm-off-white: #F8FAF6;\n  --soi-plasm-stone: #F1F3EE;\n  --soi-plasm-line: #E5E8E0;\n  --soi-plasm-primary: #4A9AB5;\n  --soi-plasm-primary-soft: rgba(74,154,181,0.10);\n  --soi-plasm-accent: #6DC5D8;\n  --soi-plasm-text: #1A2D3D;\n  --soi-plasm-text-soft: #4A5B6B;\n  --soi-plasm-text-muted: #7B8693;\n  --soi-plasm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-plasm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-plasm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-plasm-radius: 12px;\n  --soi-plasm-radius-sm: 8px;\n  --soi-plasm-radius-pill: 999px;\n}\n\n.soi-plasm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-plasm-fiche img { max-width: 100%; height: auto; }\n\n.soi-plasm-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-plasm-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-plasm-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-plasm-hero {\n  position: relative;\n  background: var(--soi-plasm-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-plasm-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-plasm-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-plasm-pomme);\n}\n\n.soi-plasm-hero::after {\n  content: '';\n  position: absolute;\n  bottom: -40px;\n  right: -40px;\n  width: 180px;\n  height: 180px;\n  background: radial-gradient(circle, rgba(74,154,181,0.12) 0%, transparent 70%);\n  border-radius: 50%;\n  pointer-events: none;\n}\n\n.soi-plasm-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-plasm-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-plasm-pomme);\n  border-radius: 50%;\n}\n\n.soi-plasm-hero-title {\n  display: block;\n  color: var(--soi-plasm-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-plasm-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-plasm-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-plasm-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-plasm-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-plasm-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-plasm-label-accent {\n  background: var(--soi-plasm-pomme);\n  border-color: var(--soi-plasm-pomme);\n  color: var(--soi-plasm-marine);\n  font-weight: 600;\n}\n\n.soi-plasm-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-plasm-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-plasm-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-plasm-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-plasm-pomme);\n  border-radius: 2px;\n}\n\n.soi-plasm-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-plasm-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-plasm-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-plasm-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-plasm-benefit {\n  background: var(--soi-plasm-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-plasm-radius);\n  border: 1px solid var(--soi-plasm-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-plasm-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-plasm-shadow-md);\n}\n\n.soi-plasm-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-plasm-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-plasm-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-plasm-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-plasm-benefit:hover .soi-plasm-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-plasm-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-plasm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-plasm-benefit p {\n  font-size: 13px;\n  color: var(--soi-plasm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-plasm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-plasm-card {\n  background: var(--soi-plasm-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-plasm-radius);\n  border-left: 3px solid var(--soi-plasm-pomme);\n}\n\n.soi-plasm-card-highlight {\n  background: var(--soi-plasm-primary-soft);\n  border-left-color: var(--soi-plasm-primary);\n}\n\n.soi-plasm-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-plasm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-plasm-card p {\n  font-size: 14px;\n  color: var(--soi-plasm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-plasm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-plasm-card-mini {\n  background: var(--soi-plasm-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-plasm-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-plasm-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-plasm-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-plasm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-plasm-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-plasm-marine);\n}\n\n.soi-plasm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-plasm-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-plasm-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-plasm-radius);\n  border: 1px solid var(--soi-plasm-line);\n  align-items: flex-start;\n}\n\n.soi-plasm-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-plasm-marine);\n  color: var(--soi-plasm-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-plasm-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-plasm-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-plasm-step-content p {\n  font-size: 14px;\n  color: var(--soi-plasm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-plasm-compo {\n  background: var(--soi-plasm-off-white);\n  border-radius: var(--soi-plasm-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-plasm-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-plasm-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-plasm-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-plasm-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-plasm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-plasm-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-plasm-marine);\n  text-align: right;\n}\n\n.soi-plasm-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-plasm-pomme-light);\n  border-left: 4px solid var(--soi-plasm-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-plasm-radius) var(--soi-plasm-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-plasm-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-plasm-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-plasm-marine);\n  margin-bottom: 4px;\n}\n\n.soi-plasm-tip p {\n  font-size: 14px;\n  color: var(--soi-plasm-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-plasm-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-plasm-accordion-item {\n  background: var(--soi-plasm-off-white);\n  border-radius: var(--soi-plasm-radius-sm);\n  border: 1px solid var(--soi-plasm-line);\n  overflow: hidden;\n}\n\n.soi-plasm-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-plasm-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-plasm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-plasm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-plasm-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-plasm-accordion-item[open] .soi-plasm-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-plasm-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-plasm-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-plasm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-plasm-cta-box {\n  background: var(--soi-plasm-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-plasm-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-plasm-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-plasm-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-plasm-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-plasm-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-plasm-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-plasm-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-plasm-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-plasm-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-plasm-compo-value {\n    text-align: left;\n  }\n\n  .soi-plasm-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-plasm-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-plasm-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-plasm-fiche {\n    --soi-plasm-text-soft: #2C3E50;\n    --soi-plasm-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Meralia","offers":[{"title":"Default Title","offer_id":61603374989642,"sku":"ME6000","price":24.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/plasma-marin-hypertonique-procede-quinton-1-l-packshot-studio_11zon.webp?v=1782032246"},{"product_id":"chair-d-huitres-en-gelules-meralia","title":"Chair d’huîtres en gélules - MERalia","description":"\u003cdiv class=\"soi-chui-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-chui-hero\"\u003e\n    \u003cdiv class=\"soi-chui-hero-tag\"\u003e\n      \u003cspan class=\"soi-chui-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · MERalia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-chui-hero-title\"\u003eToute la richesse de la mer en gélules\u003c\/span\u003e\n    \u003cp class=\"soi-chui-hero-subtitle\"\u003eLa chair d'huître Crassostrea gigas lyophilisée à froid, concentrée en taurine, zinc et vitamine B12. Un complément marin d'exception, fidèle à la densité nutritionnelle de l'huître fraîche.\u003c\/p\u003e\n    \u003cdiv class=\"soi-chui-hero-labels\"\u003e\n      \u003cspan class=\"soi-chui-label soi-chui-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-chui-label\"\u003eSANS OGM\u003c\/span\u003e\n      \u003cspan class=\"soi-chui-label\"\u003eSANS ADDITIF\u003c\/span\u003e\n      \u003cspan class=\"soi-chui-label\"\u003eSANS EXCIPIENT\u003c\/span\u003e\n      \u003cspan class=\"soi-chui-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi choisir la chair d'huître lyophilisée ? --\u003e\n  \u003csection class=\"soi-chui-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la chair d'huître lyophilisée ?\u003c\/h2\u003e\n    \u003cp\u003eLa lyophilisation, c'est-à-dire la déshydratation à froid après congélation rapide, est la méthode la plus respectueuse des nutriments fragiles. Elle préserve ce que la cuisson détruirait : la taurine naturelle, le glycogène, les peptides antioxydants et les acides aminés essentiels.\u003c\/p\u003e\n    \u003cp\u003eVous obtenez ainsi une poudre d'huître qui restitue fidèlement la densité nutritionnelle du mollusque vivant, quelle que soit la saison. Un procédé d'excellence pour un complément marin qui ne transige pas sur la qualité de ses actifs.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Les nutriments clés de la chair d'huître Crassostrea gigas --\u003e\n  \u003csection class=\"soi-chui-section\"\u003e\n    \u003ch2\u003eLes nutriments clés de la chair d'huître Crassostrea gigas\u003c\/h2\u003e\n    \u003cp class=\"soi-chui-section-intro\"\u003eChaque gélule concentre le profil nutritionnel complet de l'huître fraîche, naturellement riche en oligo-éléments marins et en acides aminés biodisponibles.\u003c\/p\u003e\n    \u003cdiv class=\"soi-chui-grid\"\u003e\n      \u003cdiv class=\"soi-chui-card\"\u003e\n        \u003ch3\u003e🧬 Taurine naturelle\u003c\/h3\u003e\n        \u003cp\u003eAcide aminé soufré concentré dans la chair d'huître, elle contribue à l'équilibre nerveux, à la récupération physique et à la protection cellulaire contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-chui-card\"\u003e\n        \u003ch3\u003e⚡ Glycogène marin\u003c\/h3\u003e\n        \u003cp\u003eRéserve énergétique naturelle de l'huître, rapidement mobilisable par l'organisme pour soutenir votre vitalité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-chui-card\"\u003e\n        \u003ch3\u003e🛡️ Zinc\u003c\/h3\u003e\n        \u003cp\u003eMinéral clé pour le système immunitaire, la synthèse des protéines et la santé de la peau, des cheveux et des ongles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-chui-card\"\u003e\n        \u003ch3\u003e🔬 Cuivre et sélénium\u003c\/h3\u003e\n        \u003cp\u003eOligo-éléments antioxydants qui participent à la protection des cellules et au bon fonctionnement du métabolisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-chui-card\"\u003e\n        \u003ch3\u003e🩸 Vitamine B12\u003c\/h3\u003e\n        \u003cp\u003eIndispensable au système nerveux et à la production des globules rouges, souvent insuffisante dans les régimes peu carnés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-chui-card\"\u003e\n        \u003ch3\u003e🦋 Iode\u003c\/h3\u003e\n        \u003cp\u003eEssentiel au bon fonctionnement de la thyroïde et à la régulation du métabolisme énergétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-chui-card\"\u003e\n        \u003ch3\u003e💪 Acides aminés essentiels et protéines\u003c\/h3\u003e\n        \u003cp\u003eBriques fondamentales à la réparation et au renouvellement des tissus corporels.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pour qui est fait ce complément ? --\u003e\n  \u003csection class=\"soi-chui-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce complément ?\u003c\/h2\u003e\n    \u003cp class=\"soi-chui-section-intro\"\u003eLa chair d'huître en gélules convient particulièrement aux profils suivants :\u003c\/p\u003e\n    \u003cdiv class=\"soi-chui-benefits\"\u003e\n      \u003cdiv class=\"soi-chui-benefit\"\u003e\n        \u003cdiv class=\"soi-chui-benefit-icon\"\u003e\u003cspan\u003e🌊\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFatigue et manque de vitalité\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez un coup de pouce naturel et marin pour retrouver votre énergie au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-chui-benefit\"\u003e\n        \u003cdiv class=\"soi-chui-benefit-icon\"\u003e\u003cspan\u003e🏃\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSportifs et actifs\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez optimiser votre récupération et votre endurance grâce à des apports marins biodisponibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-chui-benefit\"\u003e\n        \u003cdiv class=\"soi-chui-benefit-icon\"\u003e\u003cspan\u003e🚫\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eN'aiment pas les huîtres\u003c\/h3\u003e\n        \u003cp\u003eVous n'appréciez pas le goût iodé ou n'avez pas accès régulièrement aux produits de la mer.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-chui-benefit\"\u003e\n        \u003cdiv class=\"soi-chui-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eImmunité, thyroïde, équilibre nerveux\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez soutenir ces fonctions essentielles avec des apports naturellement biodisponibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition et posologie --\u003e\n  \u003csection class=\"soi-chui-section\"\u003e\n    \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n\n    \u003cdiv class=\"soi-chui-compo\"\u003e\n      \u003cdiv class=\"soi-chui-compo-row\"\u003e\n        \u003cspan class=\"soi-chui-compo-label\"\u003eIngrédient principal\u003c\/span\u003e\n        \u003cspan class=\"soi-chui-compo-value\"\u003ePoudre de chair d'huître (Crassostrea gigas) lyophilisée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-chui-compo-row\"\u003e\n        \u003cspan class=\"soi-chui-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n        \u003cspan class=\"soi-chui-compo-value\"\u003eGélule végétale (hydroxypropylméthylcellulose)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-chui-compo-row\"\u003e\n        \u003cspan class=\"soi-chui-compo-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-chui-compo-value\"\u003eBoîte de 60 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-chui-compo-row\"\u003e\n        \u003cspan class=\"soi-chui-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-chui-compo-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-chui-compo-row\"\u003e\n        \u003cspan class=\"soi-chui-compo-label\"\u003eGaranties\u003c\/span\u003e\n        \u003cspan class=\"soi-chui-compo-value\"\u003eSans OGM, sans additif, sans excipient ajouté\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-chui-timeline\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cdiv class=\"soi-chui-step\"\u003e\n        \u003cdiv class=\"soi-chui-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-chui-step-content\"\u003e\n          \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n          \u003cp\u003e2 à 4 gélules par jour, à prendre de préférence au milieu des repas principaux avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-chui-step\"\u003e\n        \u003cdiv class=\"soi-chui-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-chui-step-content\"\u003e\n          \u003ch3\u003eDurée de cure conseillée\u003c\/h3\u003e\n          \u003cp\u003e4 à 6 semaines pour ressentir des effets durables. Renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-chui-accordion\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cdetails class=\"soi-chui-accordion-item\"\u003e\n        \u003csummary class=\"soi-chui-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-chui-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical. Consultez un professionnel de santé en cas de doute, d'allergie aux mollusques, de grossesse ou de traitement en cours.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : L'avantage MERalia : une formulation sans compromis --\u003e\n  \u003csection class=\"soi-chui-section\"\u003e\n    \u003ch2\u003eL'avantage MERalia : une formulation sans compromis\u003c\/h2\u003e\n    \u003cdiv class=\"soi-chui-tip\"\u003e\n      \u003cdiv class=\"soi-chui-tip-icon\"\u003e🦪\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLa philosophie MERalia\u003c\/strong\u003e\n        \u003cp\u003eRien que l'huître, tout de l'huître. Pas de charges, pas de liants, pas de colorants. Juste la poudre lyophilisée, encapsulée dans une gélule végétale. C'est ce choix de pureté qui fait toute la différence pour votre organisme, et pour votre confiance.\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-chui-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-chui-cta-box\"\u003e\n      \u003cp class=\"soi-chui-cta-tag\" style=\"color: white;\"\u003eLa réponse vient de l'océan\u003c\/p\u003e\n      \u003cp class=\"soi-chui-cta-text\" style=\"color: white;\"\u003eNaturelle, concentrée, sans détour : la chair d'huître MERalia vous apporte toute la richesse minérale et nutritionnelle de la mer, chaque jour.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-chui-marine: #1A2D3D;\n  --soi-chui-marine-dark: #0F1E2B;\n  --soi-chui-marine-light: #2C4458;\n  --soi-chui-pomme: #A1C544;\n  --soi-chui-pomme-dark: #84A636;\n  --soi-chui-pomme-light: rgba(161,197,68,0.10);\n  --soi-chui-white: #FFFFFF;\n  --soi-chui-off-white: #F8FAF6;\n  --soi-chui-stone: #F1F3EE;\n  --soi-chui-line: #E5E8E0;\n  --soi-chui-primary: #4A7DA8;\n  --soi-chui-primary-soft: #D6E5F0;\n  --soi-chui-accent: #2E6B9E;\n  --soi-chui-text: #1A2D3D;\n  --soi-chui-text-soft: #4A5B6B;\n  --soi-chui-text-muted: #7B8693;\n  --soi-chui-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-chui-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-chui-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-chui-radius: 12px;\n  --soi-chui-radius-sm: 8px;\n  --soi-chui-radius-pill: 999px;\n}\n\n.soi-chui-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-chui-fiche img { max-width: 100%; height: auto; }\n\n.soi-chui-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-chui-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-chui-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-chui-hero {\n  position: relative;\n  background: var(--soi-chui-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-chui-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-chui-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-chui-pomme);\n}\n\n.soi-chui-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-chui-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-chui-pomme);\n  border-radius: 50%;\n}\n\n.soi-chui-hero-title {\n  display: block;\n  color: var(--soi-chui-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-chui-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-chui-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-chui-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-chui-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-chui-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-chui-label-accent {\n  background: var(--soi-chui-pomme);\n  border-color: var(--soi-chui-pomme);\n  color: var(--soi-chui-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-chui-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-chui-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-chui-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-chui-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-chui-pomme);\n  border-radius: 2px;\n}\n\n.soi-chui-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-chui-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-chui-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-chui-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-chui-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-chui-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-chui-benefit {\n  background: var(--soi-chui-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-chui-radius);\n  border: 1px solid var(--soi-chui-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-chui-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-chui-shadow-md);\n}\n\n.soi-chui-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-chui-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-chui-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-chui-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-chui-benefit:hover .soi-chui-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-chui-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-chui-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-chui-benefit p {\n  font-size: 13px;\n  color: var(--soi-chui-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-chui-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-chui-card {\n  background: var(--soi-chui-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-chui-radius);\n  border-left: 3px solid var(--soi-chui-pomme);\n}\n\n.soi-chui-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-chui-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-chui-card p {\n  font-size: 14px;\n  color: var(--soi-chui-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION (data rows) *\/\n.soi-chui-compo {\n  background: var(--soi-chui-off-white);\n  border-radius: var(--soi-chui-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-chui-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-chui-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-chui-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-chui-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-chui-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-chui-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-chui-marine);\n  text-align: right;\n}\n\n\/* TIMELINE *\/\n.soi-chui-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-chui-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-chui-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-chui-radius);\n  border: 1px solid var(--soi-chui-line);\n  align-items: flex-start;\n}\n\n.soi-chui-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-chui-marine);\n  color: var(--soi-chui-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-chui-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-chui-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-chui-step-content p {\n  font-size: 14px;\n  color: var(--soi-chui-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* TIP *\/\n.soi-chui-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-chui-pomme-light);\n  border-left: 4px solid var(--soi-chui-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-chui-radius) var(--soi-chui-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-chui-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-chui-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-chui-marine);\n  margin-bottom: 4px;\n}\n\n.soi-chui-tip p {\n  font-size: 14px;\n  color: var(--soi-chui-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDION *\/\n.soi-chui-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-chui-accordion-item {\n  background: var(--soi-chui-off-white);\n  border-radius: var(--soi-chui-radius-sm);\n  border: 1px solid var(--soi-chui-line);\n  overflow: hidden;\n}\n\n.soi-chui-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-chui-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-chui-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-chui-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-chui-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-chui-accordion-item[open] .soi-chui-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-chui-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-chui-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-chui-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-chui-cta-box {\n  background: var(--soi-chui-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-chui-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-chui-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-chui-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-chui-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-chui-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-chui-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-chui-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-chui-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-chui-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-chui-compo-value {\n    text-align: left;\n  }\n\n  .soi-chui-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-chui-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-chui-fiche {\n    --soi-chui-text-soft: #2C3E50;\n    --soi-chui-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Meralia","offers":[{"title":"Default Title","offer_id":61603802677578,"sku":"ME2010","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/chair-dhuitres-en-gelules-meralia-packshot_studio_11zon.webp?v=1782032453"},{"product_id":"quinton-spray-dermo-action-quinton","title":"Spray dermo action - eau de mer hypertonique – Quinton","description":"\n\u003cdiv class=\"soi-derm-fiche\"\u003e\n\n  \u003csection class=\"soi-derm-hero\"\u003e\n    \u003cdiv class=\"soi-derm-hero-tag\"\u003e\n      \u003cspan class=\"soi-derm-tag-dot\"\u003e\u003c\/span\u003e\n      Thérapie marine · Eau de Quinton\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-derm-hero-title\"\u003eLa pureté de l'océan, en un spray\u003c\/span\u003e\n    \u003cp class=\"soi-derm-hero-subtitle\"\u003eSolution hypertonique d'eau de mer naturelle en spray : réhydratez, reminéralisez et apaisez votre peau en un geste simple et pur.\u003c\/p\u003e\n    \u003cdiv class=\"soi-derm-hero-labels\"\u003e\n      \u003cspan class=\"soi-derm-label soi-derm-label-accent\"\u003e100 % NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-label\"\u003eSANS PARFUM\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-label\"\u003eSANS ALCOOL\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eSpray Dermo Action Quinton : l'eau de mer au service de votre peau\u003c\/h2\u003e\n    \u003cp\u003eImaginez offrir à votre peau la richesse d'un océan préservé, à chaque brumisation. Le Spray Dermo Action Quinton est une solution hypertonique d'eau de mer naturelle, formulée sans conservateurs ni additifs, pour réhydrater, reminéraliser et apaiser l'épiderme en profondeur. Un geste simple, profondément ancré dans la tradition de la thérapie marine.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un spray à base d'eau de mer Quinton ?\u003c\/h2\u003e\n    \u003cp\u003eL'eau de mer Quinton est récoltée à froid, dans des zones planctoniques sélectionnées, afin de conserver l'intégralité de ses minéraux et oligo-éléments (magnésium, zinc, silicium, potassium). Contrairement à une simple eau minérale, sa composition se rapproche de celle du milieu extracellulaire humain, ce qui la rend particulièrement bien tolérée par la peau.\u003c\/p\u003e\n    \u003cp\u003eSa formule hypertonique signifie qu'elle est plus concentrée en sels minéraux que les fluides cutanés, ce qui stimule les échanges cellulaires et soutient la régénération naturelle de la barrière épidermique.\u003c\/p\u003e\n    \u003cdiv class=\"soi-derm-grid-compact\"\u003e\n      \u003cdiv class=\"soi-derm-card-mini\"\u003e\n        \u003cspan class=\"soi-derm-card-mini-icon\"\u003e🌊\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-card-mini-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-card-mini-value\"\u003eHypertonique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card-mini\"\u003e\n        \u003cspan class=\"soi-derm-card-mini-icon\"\u003e❄️\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-card-mini-label\"\u003eRécolte\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-card-mini-value\"\u003eÀ froid\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card-mini\"\u003e\n        \u003cspan class=\"soi-derm-card-mini-icon\"\u003e💧\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-card-mini-value\"\u003e100 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card-mini\"\u003e\n        \u003cspan class=\"soi-derm-card-mini-icon\"\u003e✨\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-card-mini-label\"\u003eAdditifs\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-card-mini-value\"\u003eAucun\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets pour votre peau au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"soi-derm-benefits\"\u003e\n      \u003cdiv class=\"soi-derm-benefit\"\u003e\n        \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e💦\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHydratation profonde\u003c\/h3\u003e\n        \u003cp\u003eLa brumisation fine pénètre instantanément pour redonner souplesse et confort, même aux peaux sèches ou sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-benefit\"\u003e\n        \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🪨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eReminéralisation active\u003c\/h3\u003e\n        \u003cp\u003eLes oligo-éléments marins nourrissent les cellules cutanées et renforcent le film hydrolipidique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-benefit\"\u003e\n        \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaisement des irritations\u003c\/h3\u003e\n        \u003cp\u003eIdéal après l'exposition au soleil, au vent ou au froid, il soulage les rougeurs et inconforts.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-benefit\"\u003e\n        \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePolyvalence d'usage\u003c\/h3\u003e\n        \u003cp\u003eTonique avant le maquillage, fixateur après application, soin après-rasage ou rafraîchissement en cours de journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eComposition et utilisation du Spray Dermo Action\u003c\/h2\u003e\n    \u003cdiv class=\"soi-derm-compo\"\u003e\n      \u003cdiv class=\"soi-derm-compo-row\"\u003e\n        \u003cspan class=\"soi-derm-compo-label\"\u003eIngrédients\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-compo-value\"\u003eEau de mer Quinton hypertonique (non chauffée), eau de source purifiée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-compo-row\"\u003e\n        \u003cspan class=\"soi-derm-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-compo-value\"\u003eConservateurs, additifs, parfum, alcool\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-compo-row\"\u003e\n        \u003cspan class=\"soi-derm-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-compo-value\"\u003e100 ml, format pratique compatible voyage\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-timeline\"\u003e\n      \u003cdiv class=\"soi-derm-step\"\u003e\n        \u003cdiv class=\"soi-derm-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-derm-step-content\"\u003e\n          \u003ch3\u003eVaporisez\u003c\/h3\u003e\n          \u003cp\u003eAppliquez 2 à 6 pulvérisations par jour selon vos besoins, à une distance de 15 à 20 cm du visage ou de la zone à traiter.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-step\"\u003e\n        \u003cdiv class=\"soi-derm-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-derm-step-content\"\u003e\n          \u003ch3\u003eZones d'application\u003c\/h3\u003e\n          \u003cp\u003eVisage, cou, décolleté ou cheveux pour un effet fraîcheur et minéralisant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eSpray eau de mer et cheveux : une association méconnue mais efficace\u003c\/h2\u003e\n    \u003cp\u003eLe spray eau de mer pour cheveux est une tendance de fond en cosmétique naturelle. L'eau de mer Quinton, riche en sel marin et oligo-éléments, apporte volume, texture et légèreté à la fibre capillaire. Vaporisée sur les longueurs humides ou sèches, elle reproduit cet effet \"sortie de mer\" naturel, tout en reminéralisant le cuir chevelu. Une alternative douce aux sprays coiffants chargés en silicones.\u003c\/p\u003e\n    \u003cdiv class=\"soi-derm-tip\"\u003e\n      \u003cdiv class=\"soi-derm-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eVaporisez sur les longueurs humides ou sèches pour un effet texturé naturel et un cuir chevelu reminéralisé, sans aucun silicone.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce spray à l'eau de mer ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-derm-grid\"\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e🏜️ Peaux sèches et fragilisées\u003c\/h3\u003e\n        \u003cp\u003eLes peaux sèches, déshydratées ou fragilisées par les agressions extérieures retrouvent confort et souplesse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e🌱 Adeptes du naturel\u003c\/h3\u003e\n        \u003cp\u003eLes personnes souhaitant un soin quotidien minéral, naturel et sans perturbateurs endocriniens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e✨ Usage multiusage\u003c\/h3\u003e\n        \u003cp\u003eCelles et ceux qui cherchent un spray eau de mer pour la peau et les cheveux, pratique au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e🩹 Peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eLes peaux sensibles ou réactives à la recherche d'un soin ultra-épuré et parfaitement toléré.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-accordion\"\u003e\n      \u003cdetails class=\"soi-derm-accordion-item\"\u003e\n        \u003csummary class=\"soi-derm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-derm-accordion-content\"\u003e\n          \u003cp\u003eCe produit est destiné à un usage cosmétique externe. Il ne remplace pas un traitement médical. En cas de pathologie cutanée, consultez un dermatologue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-derm-cta-box\"\u003e\n      \u003cp class=\"soi-derm-cta-tag\" style=\"color: white;\"\u003eLa mer au service de votre peau\u003c\/p\u003e\n      \u003cp class=\"soi-derm-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau ce que la mer a de meilleur : minéraux, douceur et équilibre. Un flacon, mille usages, une composition irréprochable.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-derm-marine: #1A2D3D;\n  --soi-derm-marine-dark: #0F1E2B;\n  --soi-derm-marine-light: #2C4458;\n  --soi-derm-pomme: #A1C544;\n  --soi-derm-pomme-dark: #84A636;\n  --soi-derm-pomme-light: rgba(161,197,68,0.10);\n  --soi-derm-white: #FFFFFF;\n  --soi-derm-off-white: #F8FAF6;\n  --soi-derm-stone: #F1F3EE;\n  --soi-derm-line: #E5E8E0;\n  --soi-derm-primary: #D88A3A;\n  --soi-derm-primary-soft: #F5E6D0;\n  --soi-derm-accent: #C47A30;\n  --soi-derm-text: #1A2D3D;\n  --soi-derm-text-soft: #4A5B6B;\n  --soi-derm-text-muted: #7B8693;\n  --soi-derm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-derm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-derm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-derm-radius: 12px;\n  --soi-derm-radius-sm: 8px;\n  --soi-derm-radius-pill: 999px;\n}\n\n.soi-derm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-derm-fiche img { max-width: 100%; height: auto; }\n\n.soi-derm-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-derm-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-derm-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-derm-hero {\n  position: relative;\n  background: var(--soi-derm-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-derm-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-derm-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-derm-pomme);\n}\n\n.soi-derm-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-derm-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-derm-pomme);\n  border-radius: 50%;\n}\n\n.soi-derm-hero-title {\n  display: block;\n  color: var(--soi-derm-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-derm-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-derm-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-derm-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-derm-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-derm-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-derm-label-accent {\n  background: var(--soi-derm-pomme);\n  border-color: var(--soi-derm-pomme);\n  color: var(--soi-derm-marine);\n  font-weight: 600;\n}\n\n.soi-derm-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-derm-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-derm-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-derm-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-derm-pomme);\n  border-radius: 2px;\n}\n\n.soi-derm-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-derm-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-derm-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-derm-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-derm-benefit {\n  background: var(--soi-derm-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-derm-radius);\n  border: 1px solid var(--soi-derm-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-derm-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-derm-shadow-md);\n}\n\n.soi-derm-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-derm-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-derm-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-derm-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-derm-benefit:hover .soi-derm-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-derm-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-derm-benefit p {\n  font-size: 13px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-derm-card {\n  background: var(--soi-derm-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-derm-radius);\n  border-left: 3px solid var(--soi-derm-pomme);\n}\n\n.soi-derm-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-derm-card p {\n  font-size: 14px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-top: 1.5rem;\n}\n\n.soi-derm-card-mini {\n  background: var(--soi-derm-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-derm-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-derm-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-derm-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-derm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-derm-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n}\n\n.soi-derm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-top: 1.5rem;\n}\n\n.soi-derm-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-derm-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-derm-radius);\n  border: 1px solid var(--soi-derm-line);\n  align-items: flex-start;\n}\n\n.soi-derm-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-derm-marine);\n  color: var(--soi-derm-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-derm-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-derm-step-content p {\n  font-size: 14px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-compo {\n  background: var(--soi-derm-off-white);\n  border-radius: var(--soi-derm-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-derm-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-derm-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-derm-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-derm-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-derm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-derm-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-derm-marine);\n  text-align: right;\n}\n\n.soi-derm-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-derm-pomme-light);\n  border-left: 4px solid var(--soi-derm-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-derm-radius) var(--soi-derm-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-derm-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-derm-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-derm-marine);\n  margin-bottom: 4px;\n}\n\n.soi-derm-tip p {\n  font-size: 14px;\n  color: var(--soi-derm-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 1.5rem;\n}\n\n.soi-derm-accordion-item {\n  background: var(--soi-derm-off-white);\n  border-radius: var(--soi-derm-radius-sm);\n  border: 1px solid var(--soi-derm-line);\n  overflow: hidden;\n}\n\n.soi-derm-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-derm-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-derm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-derm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-derm-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-derm-accordion-item[open] .soi-derm-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-derm-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-derm-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-cta-box {\n  background: var(--soi-derm-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-derm-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-derm-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-derm-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-derm-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-derm-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-derm-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-derm-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-derm-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-derm-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-derm-compo-value {\n    text-align: left;\n  }\n\n  .soi-derm-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-derm-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-derm-fiche {\n    --soi-derm-text-soft: #2C3E50;\n    --soi-derm-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Quinton","offers":[{"title":"Default Title","offer_id":61603963502922,"sku":"QU0005","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/quinton-spray-dermo-action-quinton-packshot.webp?v=1779975225"},{"product_id":"quinton-spray-nasal-isotonic-quinton","title":"Quinton spray nasal Isotonic - Quinton","description":"\n\n\u003cdiv class=\"soi-qnsi-fiche\"\u003e\n\n\u003csection class=\"soi-qnsi-hero\"\u003e\n  \u003cdiv class=\"soi-qnsi-hero-tag\"\u003e\n    \u003cspan class=\"soi-qnsi-tag-dot\"\u003e\u003c\/span\u003e\n    Thérapie marine · Eau de Quinton\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-qnsi-hero-title\"\u003e78 minéraux marins pour vos voies nasales\u003c\/span\u003e\n  \u003cp class=\"soi-qnsi-hero-subtitle\"\u003eLa pureté de l'océan au service de votre confort respiratoire quotidien. 78 minéraux et oligo-éléments naturels, en une fine brume marine.\u003c\/p\u003e\n  \u003cdiv class=\"soi-qnsi-hero-labels\"\u003e\n    \u003cspan class=\"soi-qnsi-label soi-qnsi-label-accent\"\u003e100 % NATUREL\u003c\/span\u003e\n    \u003cspan class=\"soi-qnsi-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n    \u003cspan class=\"soi-qnsi-label\"\u003eSANS ADDITIFS\u003c\/span\u003e\n    \u003cspan class=\"soi-qnsi-label\"\u003eMICROFILTRÉ À FROID\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qnsi-section\"\u003e\n  \u003ch2\u003ePourquoi choisir le spray nasal Quinton isotonique ?\u003c\/h2\u003e\n  \u003cp\u003eContrairement à de nombreux sprays nasaux du marché, le spray nasal à l'eau de Quinton n'est pas une simple solution salée reconstituée. Il est préparé à partir d'eau de mer prélevée en haute mer, dans des zones de plancton actif, puis microfiltrée à froid pour préserver l'intégralité de ses 78 minéraux et oligo-éléments naturels : magnésium, calcium, potassium, zinc, et bien d'autres.\u003c\/p\u003e\n  \u003cp\u003eCette eau marine est ensuite diluée avec de l'eau de source (et non désalinisée) pour obtenir une solution isotonique à 9 g\/L, parfaitement compatible avec les muqueuses nasales. Le résultat : une tolérance optimale, même pour une utilisation pluriquotidienne.\u003c\/p\u003e\n\n  \u003cdiv class=\"soi-qnsi-grid-compact\"\u003e\n    \u003cdiv class=\"soi-qnsi-card-mini\"\u003e\n      \u003cspan class=\"soi-qnsi-card-mini-icon\"\u003e🌊\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsi-card-mini-label\"\u003eMinéraux marins\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsi-card-mini-value\"\u003e78 oligo-éléments\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsi-card-mini\"\u003e\n      \u003cspan class=\"soi-qnsi-card-mini-icon\"\u003e⚗️\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsi-card-mini-label\"\u003eConcentration\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsi-card-mini-value\"\u003e9 g\/L isotonique\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsi-card-mini\"\u003e\n      \u003cspan class=\"soi-qnsi-card-mini-icon\"\u003e💧\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsi-card-mini-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsi-card-mini-value\"\u003e100 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsi-card-mini\"\u003e\n      \u003cspan class=\"soi-qnsi-card-mini-icon\"\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsi-card-mini-label\"\u003ePublic\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsi-card-mini-value\"\u003eToute la famille\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qnsi-section\"\u003e\n  \u003ch2\u003eÀ quoi sert concrètement ce spray nasal d'eau de Quinton ?\u003c\/h2\u003e\n  \u003cp class=\"soi-qnsi-section-intro\"\u003eVotre nez est la première ligne de défense de votre organisme contre les agents pathogènes, les allergènes et la pollution. Maintenir vos fosses nasales propres et hydratées, c'est soutenir cette barrière naturelle au quotidien.\u003c\/p\u003e\n\n  \u003cdiv class=\"soi-qnsi-benefits\"\u003e\n    \u003cdiv class=\"soi-qnsi-benefit\"\u003e\n      \u003cdiv class=\"soi-qnsi-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eNettoyage en douceur\u003c\/h3\u003e\n      \u003cp\u003eÉlimine impuretés, pollens et sécrétions accumulées dans les fosses nasales.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsi-benefit\"\u003e\n      \u003cdiv class=\"soi-qnsi-benefit-icon\"\u003e\u003cspan\u003e💦\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eHydratation muqueuse\u003c\/h3\u003e\n      \u003cp\u003eRéduit les sensations de sécheresse, notamment en hiver ou en cas d'air conditionné.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsi-benefit\"\u003e\n      \u003cdiv class=\"soi-qnsi-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePrévention des congestions\u003c\/h3\u003e\n      \u003cp\u003eContribue à prévenir les congestions nasales et les rhinites saisonnières.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsi-benefit\"\u003e\n      \u003cdiv class=\"soi-qnsi-benefit-icon\"\u003e\u003cspan\u003e🌬️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eConfort respiratoire\u003c\/h3\u003e\n      \u003cp\u003eSoutient les défenses naturelles des voies respiratoires grâce aux micro-nutriments marins, en toutes saisons.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qnsi-section\"\u003e\n  \u003ch2\u003eComposition du spray nasal isotonique Quinton\u003c\/h2\u003e\n  \u003cp class=\"soi-qnsi-section-intro\"\u003eUne formule volontairement minimaliste et transparente. Chaque pulvérisation délivre une fine brume de solution marine riche en minéraux biodisponibles, directement absorbables par la muqueuse nasale.\u003c\/p\u003e\n\n  \u003cdiv class=\"soi-qnsi-compo\"\u003e\n    \u003cdiv class=\"soi-qnsi-compo-row\"\u003e\n      \u003cspan class=\"soi-qnsi-compo-label\"\u003eBase marine\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsi-compo-value\"\u003eEau de mer océanique microfiltrée à froid (zones de plancton actif)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsi-compo-row\"\u003e\n      \u003cspan class=\"soi-qnsi-compo-label\"\u003eDilution\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsi-compo-value\"\u003eEau de source (sans désalinisation)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsi-compo-row\"\u003e\n      \u003cspan class=\"soi-qnsi-compo-label\"\u003eConcentration NaCl\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsi-compo-value\"\u003e9 g\/L (isotonique)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsi-compo-row\"\u003e\n      \u003cspan class=\"soi-qnsi-compo-label\"\u003eMinéraux\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsi-compo-value\"\u003e78 oligo-éléments dont magnésium, calcium, potassium, zinc\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsi-compo-row\"\u003e\n      \u003cspan class=\"soi-qnsi-compo-label\"\u003eSans\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsi-compo-value\"\u003eConservateurs, alcool, additifs, irradiation\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qnsi-section\"\u003e\n  \u003ch2\u003eComment utiliser le spray nasal Quinton ?\u003c\/h2\u003e\n\n  \u003cdiv class=\"soi-qnsi-timeline\"\u003e\n    \u003cdiv class=\"soi-qnsi-step\"\u003e\n      \u003cdiv class=\"soi-qnsi-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-qnsi-step-content\"\u003e\n        \u003ch3\u003ePositionnez-vous\u003c\/h3\u003e\n        \u003cp\u003eInclinez légèrement la tête sur le côté ou vers l'avant. Introduisez délicatement l'embout dans la narine.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsi-step\"\u003e\n      \u003cdiv class=\"soi-qnsi-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-qnsi-step-content\"\u003e\n        \u003ch3\u003ePulvérisez\u003c\/h3\u003e\n        \u003cp\u003eAppuyez une ou plusieurs fois sur la pompe. Respirez normalement pendant la pulvérisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsi-step\"\u003e\n      \u003cdiv class=\"soi-qnsi-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-qnsi-step-content\"\u003e\n        \u003ch3\u003eRenouvelez selon vos besoins\u003c\/h3\u003e\n        \u003cp\u003eRépétez 1 à 6 fois par jour, en lavage nasal ou en entretien quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"soi-qnsi-tip\"\u003e\n    \u003cdiv class=\"soi-qnsi-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eCe spray peut être utilisé en prévention comme en accompagnement d'un inconfort déclaré. Pour les bébés, nous vous recommandons de consulter un professionnel de santé avant utilisation. Ce produit ne remplace pas un traitement médical.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qnsi-section\"\u003e\n  \u003ch2\u003eSpray nasal Quinton isotonique ou hypertonique : quelle différence ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-qnsi-grid\"\u003e\n    \u003cdiv class=\"soi-qnsi-card\"\u003e\n      \u003ch3\u003e🌊 Isotonique (9 g\/L)\u003c\/h3\u003e\n      \u003cp\u003eConvient à l'hygiène nasale quotidienne et aux muqueuses réactives. C'est le choix de départ idéal pour toute la famille.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsi-card\"\u003e\n      \u003ch3\u003e⚡ Hypertonique (plus concentré)\u003c\/h3\u003e\n      \u003cp\u003eDavantage indiqué en cas de congestion marquée ou de nez très encombré. En cas de doute, privilégiez la version isotonique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qnsi-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-qnsi-cta-box\"\u003e\n    \u003cp class=\"soi-qnsi-cta-tag\" style=\"color: white;\"\u003eLa pureté de l'océan, chaque jour\u003c\/p\u003e\n    \u003cp class=\"soi-qnsi-cta-text\" style=\"color: white;\"\u003eAvec le Quinton Spray Nasal Isotonic, vous offrez à votre nez la douceur des minéraux marins et l'efficacité d'un geste simple. Un flacon dans votre salle de bain, et c'est toute votre respiration qui vous dit merci, saison après saison.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-qnsi-marine: #1A2D3D;\n  --soi-qnsi-marine-dark: #0F1E2B;\n  --soi-qnsi-marine-light: #2C4458;\n  --soi-qnsi-pomme: #A1C544;\n  --soi-qnsi-pomme-dark: #84A636;\n  --soi-qnsi-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-qnsi-white: #FFFFFF;\n  --soi-qnsi-off-white: #F8FAF6;\n  --soi-qnsi-stone: #F1F3EE;\n  --soi-qnsi-line: #E5E8E0;\n\n  --soi-qnsi-primary: #2A7AB5;\n  --soi-qnsi-primary-soft: #6BB8E0;\n  --soi-qnsi-accent: #4A9FD4;\n\n  --soi-qnsi-text: #1A2D3D;\n  --soi-qnsi-text-soft: #4A5B6B;\n  --soi-qnsi-text-muted: #7B8693;\n\n  --soi-qnsi-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-qnsi-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-qnsi-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-qnsi-radius: 12px;\n  --soi-qnsi-radius-sm: 8px;\n  --soi-qnsi-radius-pill: 999px;\n}\n\n.soi-qnsi-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-qnsi-fiche img { max-width: 100%; height: auto; }\n\n.soi-qnsi-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-qnsi-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-qnsi-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-qnsi-hero {\n  position: relative;\n  background: var(--soi-qnsi-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-qnsi-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-qnsi-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-qnsi-pomme);\n}\n\n.soi-qnsi-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-qnsi-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-qnsi-pomme);\n  border-radius: 50%;\n}\n\n.soi-qnsi-hero-title {\n  display: block;\n  color: var(--soi-qnsi-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-qnsi-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-qnsi-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-qnsi-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-qnsi-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-qnsi-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-qnsi-label-accent {\n  background: var(--soi-qnsi-pomme);\n  border-color: var(--soi-qnsi-pomme);\n  color: var(--soi-qnsi-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-qnsi-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-qnsi-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-qnsi-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-qnsi-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-qnsi-pomme);\n  border-radius: 2px;\n}\n\n.soi-qnsi-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-qnsi-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-qnsi-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-qnsi-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-qnsi-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-qnsi-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-qnsi-benefit {\n  background: var(--soi-qnsi-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-qnsi-radius);\n  border: 1px solid var(--soi-qnsi-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-qnsi-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-qnsi-shadow-md);\n}\n\n.soi-qnsi-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-qnsi-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-qnsi-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-qnsi-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-qnsi-benefit:hover .soi-qnsi-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-qnsi-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-qnsi-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-qnsi-benefit p {\n  font-size: 13px;\n  color: var(--soi-qnsi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-qnsi-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-qnsi-card {\n  background: var(--soi-qnsi-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-qnsi-radius);\n  border-left: 3px solid var(--soi-qnsi-pomme);\n}\n\n.soi-qnsi-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-qnsi-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-qnsi-card p {\n  font-size: 14px;\n  color: var(--soi-qnsi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-qnsi-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-top: 1.5rem;\n}\n\n.soi-qnsi-card-mini {\n  background: var(--soi-qnsi-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-qnsi-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-qnsi-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-qnsi-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-qnsi-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-qnsi-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-qnsi-marine);\n}\n\n\/* === COMPOSITION === *\/\n.soi-qnsi-compo {\n  background: var(--soi-qnsi-off-white);\n  border-radius: var(--soi-qnsi-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-qnsi-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-qnsi-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-qnsi-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-qnsi-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-qnsi-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-qnsi-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-qnsi-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-qnsi-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-qnsi-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-qnsi-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-qnsi-radius);\n  border: 1px solid var(--soi-qnsi-line);\n  align-items: flex-start;\n}\n\n.soi-qnsi-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-qnsi-marine);\n  color: var(--soi-qnsi-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-qnsi-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-qnsi-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-qnsi-step-content p {\n  font-size: 14px;\n  color: var(--soi-qnsi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-qnsi-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-qnsi-pomme-light);\n  border-left: 4px solid var(--soi-qnsi-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-qnsi-radius) var(--soi-qnsi-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-qnsi-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-qnsi-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-qnsi-marine);\n  margin-bottom: 4px;\n}\n\n.soi-qnsi-tip p {\n  font-size: 14px;\n  color: var(--soi-qnsi-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-qnsi-cta-box {\n  background: var(--soi-qnsi-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-qnsi-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-qnsi-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-qnsi-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-qnsi-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-qnsi-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-qnsi-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-qnsi-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-qnsi-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-qnsi-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-qnsi-compo-value {\n    text-align: left;\n  }\n\n  .soi-qnsi-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-qnsi-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-qnsi-fiche {\n    --soi-qnsi-text-soft: #2C3E50;\n    --soi-qnsi-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Quinton","offers":[{"title":"Default Title","offer_id":61603964682570,"sku":"QU0010","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/quinton-spray-nasal-isotonic-quinton-packshot.webp?v=1779978945"},{"product_id":"quinton-spray-nasal-pediatric-quinton","title":"Spray nasal pediatrique Bébé \u0026 Enfant - Quinton","description":"\u003cdiv class=\"soi-qnsp-fiche\"\u003e\n\n\u003csection class=\"soi-qnsp-hero\"\u003e\n  \u003cdiv class=\"soi-qnsp-hero-tag\"\u003e\n    \u003cspan class=\"soi-qnsp-tag-dot\"\u003e\u003c\/span\u003e\n    Hygiène nasale · Quinton\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-qnsp-hero-title\"\u003eLa douceur de l'océan pour bébé\u003c\/span\u003e\n  \u003cp class=\"soi-qnsp-hero-subtitle\"\u003eUne eau de mer océanique pure, isotonique et micro-filtrée à froid pour nettoyer, hydrater et libérer les voies nasales de votre enfant, dès la naissance jusqu'à 6 ans.\u003c\/p\u003e\n  \u003cdiv class=\"soi-qnsp-hero-labels\"\u003e\n    \u003cspan class=\"soi-qnsp-label soi-qnsp-label-accent\"\u003e100 % NATUREL\u003c\/span\u003e\n    \u003cspan class=\"soi-qnsp-label\"\u003eISOTONIQUE\u003c\/span\u003e\n    \u003cspan class=\"soi-qnsp-label\"\u003eMICRO-FILTRÉ À FROID\u003c\/span\u003e\n    \u003cspan class=\"soi-qnsp-label\"\u003eSANS CONSERVATEUR\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qnsp-section\"\u003e\n  \u003ch2\u003ePourquoi choisir le spray nasal Quinton pour votre enfant ?\u003c\/h2\u003e\n  \u003cp\u003eTous les sprays nasaux ne se valent pas. Ce qui distingue Quinton, c'est son engagement pour une formule 100 % naturelle, isotonique et micro-filtrée à froid, sans irradiation ni chauffage. L'eau de mer utilisée conserve ainsi l'intégralité de ses oligo-éléments et minéraux naturels, une richesse que vous ne retrouvez pas dans une simple solution saline de synthèse.\u003c\/p\u003e\n  \u003cp\u003eLa concentration en sel est identique à celle du plasma sanguin (9 g\/L), ce qui garantit une tolérance parfaite des muqueuses nasales des plus petits, même les nouveau-nés. Pas de picotements, pas d'irritations.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qnsp-section\"\u003e\n  \u003ch2\u003eQuand utiliser le spray nasal pédiatrique Quinton ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-qnsp-grid\"\u003e\n    \u003cdiv class=\"soi-qnsp-card\"\u003e\n      \u003ch3\u003e🤧 Rhume et congestion nasale\u003c\/h3\u003e\n      \u003cp\u003eDégage les narines en fluidifiant les sécrétions pour faciliter la respiration.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsp-card\"\u003e\n      \u003ch3\u003e🌿 Rhinite allergique\u003c\/h3\u003e\n      \u003cp\u003eÉlimine les allergènes et irritants déposés dans les fosses nasales.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsp-card\"\u003e\n      \u003ch3\u003e🩺 Rhinopharyngite et sinusite\u003c\/h3\u003e\n      \u003cp\u003eSoulage les épisodes ORL fréquents chez les enfants en crèche ou à l'école.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsp-card\"\u003e\n      \u003ch3\u003e💧 Hygiène nasale quotidienne\u003c\/h3\u003e\n      \u003cp\u003eEn prévention, tout au long de l'année, pour un nez propre et des muqueuses bien hydratées.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qnsp-section\"\u003e\n  \u003ch2\u003eComment utiliser le spray nasal Quinton pédiatrique ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-qnsp-timeline\"\u003e\n    \u003cdiv class=\"soi-qnsp-step\"\u003e\n      \u003cdiv class=\"soi-qnsp-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-qnsp-step-content\"\u003e\n        \u003ch3\u003ePositionnez l'enfant\u003c\/h3\u003e\n        \u003cp\u003eLégèrement incliné ou couché sur le côté pour un lavage optimal selon son âge.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsp-step\"\u003e\n      \u003cdiv class=\"soi-qnsp-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-qnsp-step-content\"\u003e\n        \u003ch3\u003eInsérez délicatement l'embout\u003c\/h3\u003e\n        \u003cp\u003eDans la narine et appuyez brièvement pour libérer une brumisation douce et homogène.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsp-step\"\u003e\n      \u003cdiv class=\"soi-qnsp-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-qnsp-step-content\"\u003e\n        \u003ch3\u003eRenouvelez sur l'autre narine\u003c\/h3\u003e\n        \u003cp\u003ePuis mouchez ou aspirez les sécrétions si nécessaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsp-step\"\u003e\n      \u003cdiv class=\"soi-qnsp-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-qnsp-step-content\"\u003e\n        \u003ch3\u003eRépétez 1 à 6 fois par jour\u003c\/h3\u003e\n        \u003cp\u003eSelon les besoins, sans contre-indication à une utilisation quotidienne prolongée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qnsp-section\"\u003e\n  \u003ch2\u003eComposition du spray nasal pédiatrique Quinton\u003c\/h2\u003e\n  \u003cdiv class=\"soi-qnsp-compo\"\u003e\n    \u003cdiv class=\"soi-qnsp-compo-row\"\u003e\n      \u003cspan class=\"soi-qnsp-compo-label\"\u003eEau de mer océanique\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsp-compo-value\"\u003eRécoltée en pleine mer, riche en oligo-éléments (magnésium, calcium, potassium, zinc…)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsp-compo-row\"\u003e\n      \u003cspan class=\"soi-qnsp-compo-label\"\u003eEau de source\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsp-compo-value\"\u003eDilution isotonique à 9 g\/L de chlorure de sodium\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsp-compo-row\"\u003e\n      \u003cspan class=\"soi-qnsp-compo-label\"\u003eAdditifs\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsp-compo-value\"\u003eAucun conservateur, aucun additif, aucun arôme ajouté\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsp-compo-row\"\u003e\n      \u003cspan class=\"soi-qnsp-compo-label\"\u003eStérilisation\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsp-compo-value\"\u003eMicro-filtration à froid, procédé breveté Quinton\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-qnsp-tip\"\u003e\n    \u003cdiv class=\"soi-qnsp-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eLa micro-filtration à froid préserve l'intégrité biologique de la solution sans recourir à la chaleur ni aux UV : tous les oligo-éléments et minéraux naturels restent intacts.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qnsp-section\"\u003e\n  \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n  \u003cdiv class=\"soi-qnsp-grid-compact\"\u003e\n    \u003cdiv class=\"soi-qnsp-card-mini\"\u003e\n      \u003cspan class=\"soi-qnsp-card-mini-icon\"\u003e📦\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsp-card-mini-label\"\u003eFormat\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsp-card-mini-value\"\u003eSpray 100 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsp-card-mini\"\u003e\n      \u003cspan class=\"soi-qnsp-card-mini-icon\"\u003e👶\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsp-card-mini-label\"\u003eÂge\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsp-card-mini-value\"\u003eDès la naissance à 6 ans\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsp-card-mini\"\u003e\n      \u003cspan class=\"soi-qnsp-card-mini-icon\"\u003e🌡️\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsp-card-mini-label\"\u003eConservation\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsp-card-mini-value\"\u003eTempérature ambiante\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnsp-card-mini\"\u003e\n      \u003cspan class=\"soi-qnsp-card-mini-icon\"\u003e👃\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsp-card-mini-label\"\u003eUsage\u003c\/span\u003e\n      \u003cspan class=\"soi-qnsp-card-mini-value\"\u003eExterne, voie nasale\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-qnsp-accordion\"\u003e\n    \u003cdetails class=\"soi-qnsp-accordion-item\"\u003e\n      \u003csummary class=\"soi-qnsp-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n      \u003cdiv class=\"soi-qnsp-accordion-content\"\u003e\n        \u003cp\u003eCe produit ne remplace pas un traitement médical. En cas de symptômes persistants, consultez un pédiatre. Conservez à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qnsp-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-qnsp-cta-box\"\u003e\n    \u003cp class=\"soi-qnsp-cta-tag\" style=\"color: white;\"\u003eLe réflexe naturel des parents attentifs\u003c\/p\u003e\n    \u003cp class=\"soi-qnsp-cta-text\" style=\"color: white;\"\u003eOffrez à votre enfant le geste d'hygiène le plus doux qui soit : une eau de mer vivante, micro-filtrée à froid, qui libère son petit nez avec une délicatesse adaptée à ses premières années.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-qnsp-marine: #1A2D3D;\n  --soi-qnsp-marine-dark: #0F1E2B;\n  --soi-qnsp-marine-light: #2C4458;\n  --soi-qnsp-pomme: #A1C544;\n  --soi-qnsp-pomme-dark: #84A636;\n  --soi-qnsp-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-qnsp-white: #FFFFFF;\n  --soi-qnsp-off-white: #F8FAFB;\n  --soi-qnsp-stone: #EFF4F8;\n  --soi-qnsp-line: #E0E8EE;\n\n  --soi-qnsp-primary: #4AAAD6;\n  --soi-qnsp-primary-soft: #D6EDF7;\n  --soi-qnsp-accent: #A8C8E0;\n\n  --soi-qnsp-text: #1A2D3D;\n  --soi-qnsp-text-soft: #4A5B6B;\n  --soi-qnsp-text-muted: #7B8693;\n\n  --soi-qnsp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-qnsp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-qnsp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-qnsp-radius: 12px;\n  --soi-qnsp-radius-sm: 8px;\n  --soi-qnsp-radius-pill: 999px;\n}\n\n.soi-qnsp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-qnsp-fiche img { max-width: 100%; height: auto; }\n\n.soi-qnsp-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-qnsp-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-qnsp-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-qnsp-hero {\n  position: relative;\n  background: var(--soi-qnsp-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-qnsp-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-qnsp-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-qnsp-pomme);\n}\n\n.soi-qnsp-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-qnsp-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-qnsp-pomme);\n  border-radius: 50%;\n}\n\n.soi-qnsp-hero-title {\n  display: block;\n  color: var(--soi-qnsp-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-qnsp-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-qnsp-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-qnsp-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-qnsp-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-qnsp-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-qnsp-label-accent {\n  background: var(--soi-qnsp-pomme);\n  border-color: var(--soi-qnsp-pomme);\n  color: var(--soi-qnsp-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-qnsp-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-qnsp-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-qnsp-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-qnsp-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-qnsp-pomme);\n  border-radius: 2px;\n}\n\n.soi-qnsp-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-qnsp-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-qnsp-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-qnsp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-qnsp-card {\n  background: var(--soi-qnsp-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-qnsp-radius);\n  border-left: 3px solid var(--soi-qnsp-pomme);\n}\n\n.soi-qnsp-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-qnsp-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-qnsp-card p {\n  font-size: 14px;\n  color: var(--soi-qnsp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-qnsp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-qnsp-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-qnsp-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-qnsp-radius);\n  border: 1px solid var(--soi-qnsp-line);\n  align-items: flex-start;\n}\n\n.soi-qnsp-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-qnsp-marine);\n  color: var(--soi-qnsp-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-qnsp-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-qnsp-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-qnsp-step-content p {\n  font-size: 14px;\n  color: var(--soi-qnsp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-qnsp-compo {\n  background: var(--soi-qnsp-off-white);\n  border-radius: var(--soi-qnsp-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-qnsp-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-qnsp-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-qnsp-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-qnsp-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-qnsp-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  flex-shrink: 0;\n}\n\n.soi-qnsp-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-qnsp-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-qnsp-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-qnsp-pomme-light);\n  border-left: 4px solid var(--soi-qnsp-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-qnsp-radius) var(--soi-qnsp-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-qnsp-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-qnsp-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-qnsp-marine);\n  margin-bottom: 4px;\n}\n\n.soi-qnsp-tip p {\n  font-size: 14px;\n  color: var(--soi-qnsp-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-qnsp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.25rem;\n}\n\n.soi-qnsp-card-mini {\n  background: var(--soi-qnsp-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-qnsp-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-qnsp-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-qnsp-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-qnsp-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-qnsp-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-qnsp-marine);\n}\n\n\/* === ACCORDÉON === *\/\n.soi-qnsp-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-qnsp-accordion-item {\n  background: var(--soi-qnsp-off-white);\n  border-radius: var(--soi-qnsp-radius-sm);\n  border: 1px solid var(--soi-qnsp-line);\n  overflow: hidden;\n}\n\n.soi-qnsp-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-qnsp-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-qnsp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-qnsp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-qnsp-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-qnsp-accordion-item[open] .soi-qnsp-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-qnsp-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-qnsp-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-qnsp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-qnsp-cta-box {\n  background: var(--soi-qnsp-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-qnsp-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-qnsp-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-qnsp-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-qnsp-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-qnsp-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-qnsp-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-qnsp-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-qnsp-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-qnsp-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-qnsp-compo-value {\n    text-align: left;\n  }\n\n  .soi-qnsp-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-qnsp-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-qnsp-fiche {\n    --soi-qnsp-text-soft: #2C3E50;\n    --soi-qnsp-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Quinton","offers":[{"title":"Default Title","offer_id":61603965141322,"sku":"QU0015","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/quinton-spray-nasal-pediatric-quinton-packshot.webp?v=1779957265"},{"product_id":"quinton-spray-nasal-hypertonic-quinton","title":"Quinton spray nasal Hypertonic - Quinton","description":"\u003cdiv class=\"soi-qnas-fiche\"\u003e\n\n\u003csection class=\"soi-qnas-hero\"\u003e\n  \u003cdiv class=\"soi-qnas-hero-tag\"\u003e\n    \u003cspan class=\"soi-qnas-tag-dot\"\u003e\u003c\/span\u003e\n    Thérapie marine · Quinton\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-qnas-hero-title\"\u003eLa force de l'eau de mer pour vos sinus\u003c\/span\u003e\n  \u003cp class=\"soi-qnas-hero-subtitle\"\u003eLa puissance minérale de l'océan au service de vos voies nasales : décongestion rapide, nettoyage en profondeur et soutien naturel de votre muqueuse.\u003c\/p\u003e\n  \u003cdiv class=\"soi-qnas-hero-labels\"\u003e\n    \u003cspan class=\"soi-qnas-label soi-qnas-label-accent\"\u003e100 % NATURELLE\u003c\/span\u003e\n    \u003cspan class=\"soi-qnas-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n    \u003cspan class=\"soi-qnas-label\"\u003eSANS ADDITIFS\u003c\/span\u003e\n    \u003cspan class=\"soi-qnas-label\"\u003eDISPOSITIF MÉDICAL\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qnas-section\"\u003e\n  \u003cp class=\"soi-qnas-section-intro\"\u003eVous ressentez le nez bouché, une sensation de lourdeur dans les sinus, ou vous cherchez simplement à entretenir vos voies nasales au quotidien ? Le \u003cstrong\u003eSpray Nasal Hypertonic Quinton\u003c\/strong\u003e est une solution d'eau de mer hypertonique micro-filtrée à froid, conçue pour nettoyer en profondeur, décongestionner efficacement et renforcer les défenses naturelles de votre muqueuse nasale. Un soin simple, naturel et reconnu.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qnas-section\"\u003e\n  \u003ch2\u003ePourquoi choisir la version hypertonique plutôt qu'isotonique ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-qnas-grid\"\u003e\n    \u003cdiv class=\"soi-qnas-card\"\u003e\n      \u003ch3\u003e💧 Solution isotonique\u003c\/h3\u003e\n      \u003cp\u003eSa concentration correspond à celle du sang (environ 9 g\/L de sel). Elle convient à l'hygiène nasale douce et quotidienne, pour un entretien régulier en douceur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnas-card\"\u003e\n      \u003ch3\u003e🌊 Solution hypertonique\u003c\/h3\u003e\n      \u003cp\u003ePlus concentrée en sels marins, elle exerce un effet osmotique : elle attire l'eau contenue dans les tissus enflammés, réduit le gonflement de la muqueuse, fluidifie le mucus épais et soulage la congestion nasale plus rapidement. C'est la formule à privilégier en cas de rhume, rhinite, sinusite ou forte congestion.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qnas-section\"\u003e\n  \u003ch2\u003eComposition du Spray Nasal Hypertonic Quinton\u003c\/h2\u003e\n  \u003cp class=\"soi-qnas-section-intro\"\u003eLa force de ce spray repose sur la qualité exceptionnelle de l'eau de mer Quinton, prélevée en plein océan dans des zones planctoniques riches en minéraux, puis traitée selon un protocole strict.\u003c\/p\u003e\n  \u003cdiv class=\"soi-qnas-benefits\"\u003e\n    \u003cdiv class=\"soi-qnas-benefit\"\u003e\n      \u003cdiv class=\"soi-qnas-benefit-icon\"\u003e\u003cspan\u003e🌊\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eEau de mer océanique\u003c\/h3\u003e\n      \u003cp\u003eMicro-filtrée à froid, riche en oligo-éléments et minéraux naturels (magnésium, calcium, potassium, sodium), préservés grâce à l'absence de chauffage ou d'irradiation.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnas-benefit\"\u003e\n      \u003cdiv class=\"soi-qnas-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eEau de source purifiée\u003c\/h3\u003e\n      \u003cp\u003ePour ajuster la concentration hypertonique à la valeur thérapeutique optimale.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnas-benefit\"\u003e\n      \u003cdiv class=\"soi-qnas-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eFormule 100 % naturelle\u003c\/h3\u003e\n      \u003cp\u003eSans conservateurs, sans additifs, sans colorants. Tolérance optimale, y compris pour les muqueuses sensibles. Stérile et prête à l'emploi.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-qnas-tip\"\u003e\n    \u003cdiv class=\"soi-qnas-tip-icon\"\u003e🔬\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n      \u003cp\u003eSa teneur en sel marin est supérieure à 9 g\/L, ce qui lui confère son action hypertonique et décongestionante caractéristique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qnas-section\"\u003e\n  \u003ch2\u003eÀ qui s'adresse ce spray nasal Quinton ?\u003c\/h2\u003e\n  \u003cp class=\"soi-qnas-section-intro\"\u003eCe spray convient à \u003cstrong\u003etoute personne adulte\u003c\/strong\u003e souhaitant un nettoyage nasal intensif ou un soulagement rapide de la congestion. Il est particulièrement recommandé dans les situations suivantes :\u003c\/p\u003e\n  \u003cdiv class=\"soi-qnas-grid\"\u003e\n    \u003cdiv class=\"soi-qnas-card\"\u003e\n      \u003ch3\u003e🤧 Rhume et rhinopharyngite\u003c\/h3\u003e\n      \u003cp\u003ePour accélérer l'élimination des sécrétions et retrouver plus rapidement une respiration libre.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnas-card\"\u003e\n      \u003ch3\u003e🌿 Rhinite allergique\u003c\/h3\u003e\n      \u003cp\u003ePollens, acariens, poils d'animaux : pour réduire l'inflammation locale et évacuer les allergènes de vos voies nasales.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnas-card\"\u003e\n      \u003ch3\u003e😮‍💨 Sinusite et rhinosinusite\u003c\/h3\u003e\n      \u003cp\u003ePour drainer les sinus et soulager la pression ressentie au niveau du visage.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnas-card\"\u003e\n      \u003ch3\u003e❄️ Période hivernale et environnements secs\u003c\/h3\u003e\n      \u003cp\u003eExposition fréquente à la pollution, à la climatisation ou aux voyages en avion : protégez votre muqueuse nasale.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnas-card\"\u003e\n      \u003ch3\u003e🏥 Pré et post-opératoire nasal\u003c\/h3\u003e\n      \u003cp\u003ePour réduire l'œdème et accompagner la cicatrisation après une chirurgie nasale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-qnas-tip\"\u003e\n    \u003cdiv class=\"soi-qnas-tip-icon\"\u003e👶\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003ePour les nourrissons et les jeunes enfants, préférez la version isotonique Quinton, mieux adaptée à leurs muqueuses délicates.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qnas-section\"\u003e\n  \u003ch2\u003eComment utiliser le Spray Nasal Hypertonic Quinton ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-qnas-timeline\"\u003e\n    \u003cdiv class=\"soi-qnas-step\"\u003e\n      \u003cdiv class=\"soi-qnas-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-qnas-step-content\"\u003e\n        \u003ch3\u003eInclinez la tête\u003c\/h3\u003e\n        \u003cp\u003eInclinez légèrement la tête sur le côté et introduisez délicatement l'embout dans la narine.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnas-step\"\u003e\n      \u003cdiv class=\"soi-qnas-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-qnas-step-content\"\u003e\n        \u003ch3\u003ePulvérisez la solution\u003c\/h3\u003e\n        \u003cp\u003eAppuyez sur le flacon pour diffuser la solution (1 à 2 pulvérisations par narine).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnas-step\"\u003e\n      \u003cdiv class=\"soi-qnas-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-qnas-step-content\"\u003e\n        \u003ch3\u003eMouchez-vous doucement\u003c\/h3\u003e\n        \u003cp\u003eÉliminez les sécrétions fluidifiées en vous mouchant avec douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnas-step\"\u003e\n      \u003cdiv class=\"soi-qnas-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-qnas-step-content\"\u003e\n        \u003ch3\u003eRenouvelez selon vos besoins\u003c\/h3\u003e\n        \u003cp\u003eRépétez l'opération 1 à 6 fois par jour selon l'intensité des symptômes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-qnas-tip\"\u003e\n    \u003cdiv class=\"soi-qnas-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003ePour une efficacité optimale, utilisez-le de préférence le matin au réveil et avant chaque repas ou coucher. Le flacon de 100 ml offre une utilisation confortable sur plusieurs semaines.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qnas-section\"\u003e\n  \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n  \u003cdiv class=\"soi-qnas-accordion\"\u003e\n    \u003cdetails class=\"soi-qnas-accordion-item\"\u003e\n      \u003csummary class=\"soi-qnas-accordion-header\"\u003e👤 Âge d'utilisation\u003c\/summary\u003e\n      \u003cdiv class=\"soi-qnas-accordion-content\"\u003e\n        \u003cp\u003eRéservé à l'usage adulte et enfant (à partir de 3 ans sous surveillance). Pour les nourrissons, consultez votre médecin.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-qnas-accordion-item\"\u003e\n      \u003csummary class=\"soi-qnas-accordion-header\"\u003e⚕️ Dispositif médical\u003c\/summary\u003e\n      \u003cdiv class=\"soi-qnas-accordion-content\"\u003e\n        \u003cp\u003eCe produit est un dispositif médical : il ne remplace pas un traitement médical prescrit.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-qnas-accordion-item\"\u003e\n      \u003csummary class=\"soi-qnas-accordion-header\"\u003e⏱️ Durée d'utilisation\u003c\/summary\u003e\n      \u003cdiv class=\"soi-qnas-accordion-content\"\u003e\n        \u003cp\u003eEn cas de symptômes persistants au-delà de 7 jours, consultez un professionnel de santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-qnas-accordion-item\"\u003e\n      \u003csummary class=\"soi-qnas-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n      \u003cdiv class=\"soi-qnas-accordion-content\"\u003e\n        \u003cp\u003eConserver à température ambiante, à l'abri de la chaleur excessive.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qnas-section\"\u003e\n  \u003cdiv class=\"soi-qnas-grid-compact\"\u003e\n    \u003cdiv class=\"soi-qnas-card-mini\"\u003e\n      \u003cspan class=\"soi-qnas-card-mini-icon\"\u003e💨\u003c\/span\u003e\n      \u003cspan class=\"soi-qnas-card-mini-label\"\u003eFormat\u003c\/span\u003e\n      \u003cspan class=\"soi-qnas-card-mini-value\"\u003eSpray 100 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnas-card-mini\"\u003e\n      \u003cspan class=\"soi-qnas-card-mini-icon\"\u003e🌊\u003c\/span\u003e\n      \u003cspan class=\"soi-qnas-card-mini-label\"\u003eType\u003c\/span\u003e\n      \u003cspan class=\"soi-qnas-card-mini-value\"\u003eHypertonique\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnas-card-mini\"\u003e\n      \u003cspan class=\"soi-qnas-card-mini-icon\"\u003e🧂\u003c\/span\u003e\n      \u003cspan class=\"soi-qnas-card-mini-label\"\u003eConcentration\u003c\/span\u003e\n      \u003cspan class=\"soi-qnas-card-mini-value\"\u003e\u0026gt; 9 g\/L de sel\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qnas-card-mini\"\u003e\n      \u003cspan class=\"soi-qnas-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n      \u003cspan class=\"soi-qnas-card-mini-label\"\u003eFormule\u003c\/span\u003e\n      \u003cspan class=\"soi-qnas-card-mini-value\"\u003e100 % naturelle\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qnas-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-qnas-cta-box\"\u003e\n    \u003cp class=\"soi-qnas-cta-tag\" style=\"color: white;\"\u003eRespirez librement, naturellement\u003c\/p\u003e\n    \u003cp class=\"soi-qnas-cta-text\" style=\"color: white;\"\u003eRetrouvez une respiration plus libre dès les premières utilisations. Le Spray Nasal Hypertonic Quinton, c'est la puissance minérale de l'océan mise au service de vos voies respiratoires. Parce que bien respirer, c'est déjà prendre soin de soi.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-qnas-marine: #1A2D3D;\n  --soi-qnas-marine-dark: #0F1E2B;\n  --soi-qnas-marine-light: #2C4458;\n  --soi-qnas-pomme: #A1C544;\n  --soi-qnas-pomme-dark: #84A636;\n  --soi-qnas-pomme-light: rgba(161,197,68,0.10);\n  --soi-qnas-white: #FFFFFF;\n  --soi-qnas-off-white: #F8FAF6;\n  --soi-qnas-stone: #F1F3EE;\n  --soi-qnas-line: #E5E8E0;\n  --soi-qnas-primary: #1B5FA0;\n  --soi-qnas-primary-soft: #E8F0F8;\n  --soi-qnas-accent: #3A8CC7;\n  --soi-qnas-text: #1A2D3D;\n  --soi-qnas-text-soft: #4A5B6B;\n  --soi-qnas-text-muted: #7B8693;\n  --soi-qnas-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-qnas-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-qnas-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-qnas-radius: 12px;\n  --soi-qnas-radius-sm: 8px;\n  --soi-qnas-radius-pill: 999px;\n}\n\n.soi-qnas-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-qnas-fiche img { max-width: 100%; height: auto; }\n\n.soi-qnas-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-qnas-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-qnas-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-qnas-hero {\n  position: relative;\n  background: var(--soi-qnas-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-qnas-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-qnas-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-qnas-pomme);\n}\n\n.soi-qnas-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-qnas-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-qnas-pomme);\n  border-radius: 50%;\n}\n\n.soi-qnas-hero-title {\n  display: block;\n  color: var(--soi-qnas-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-qnas-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-qnas-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-qnas-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-qnas-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-qnas-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-qnas-label-accent {\n  background: var(--soi-qnas-pomme);\n  border-color: var(--soi-qnas-pomme);\n  color: var(--soi-qnas-marine);\n  font-weight: 600;\n}\n\n.soi-qnas-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-qnas-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-qnas-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-qnas-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-qnas-pomme);\n  border-radius: 2px;\n}\n\n.soi-qnas-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-qnas-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-qnas-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-qnas-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-qnas-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-qnas-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-qnas-benefit {\n  background: var(--soi-qnas-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-qnas-radius);\n  border: 1px solid var(--soi-qnas-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-qnas-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-qnas-shadow-md);\n}\n\n.soi-qnas-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-qnas-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-qnas-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-qnas-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-qnas-benefit:hover .soi-qnas-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-qnas-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-qnas-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-qnas-benefit p {\n  font-size: 13px;\n  color: var(--soi-qnas-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-qnas-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-qnas-card {\n  background: var(--soi-qnas-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-qnas-radius);\n  border-left: 3px solid var(--soi-qnas-pomme);\n}\n\n.soi-qnas-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-qnas-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-qnas-card p {\n  font-size: 14px;\n  color: var(--soi-qnas-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-qnas-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-qnas-card-mini {\n  background: var(--soi-qnas-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-qnas-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-qnas-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-qnas-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-qnas-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-qnas-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-qnas-marine);\n}\n\n.soi-qnas-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-qnas-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-qnas-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-qnas-radius);\n  border: 1px solid var(--soi-qnas-line);\n  align-items: flex-start;\n}\n\n.soi-qnas-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-qnas-marine);\n  color: var(--soi-qnas-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-qnas-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-qnas-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-qnas-step-content p {\n  font-size: 14px;\n  color: var(--soi-qnas-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-qnas-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-qnas-pomme-light);\n  border-left: 4px solid var(--soi-qnas-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-qnas-radius) var(--soi-qnas-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-qnas-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-qnas-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-qnas-marine);\n  margin-bottom: 4px;\n}\n\n.soi-qnas-tip p {\n  font-size: 14px;\n  color: var(--soi-qnas-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-qnas-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-qnas-accordion-item {\n  background: var(--soi-qnas-off-white);\n  border-radius: var(--soi-qnas-radius-sm);\n  border: 1px solid var(--soi-qnas-line);\n  overflow: hidden;\n}\n\n.soi-qnas-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-qnas-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-qnas-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-qnas-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-qnas-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-qnas-accordion-item[open] .soi-qnas-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-qnas-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-qnas-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-qnas-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-qnas-cta-box {\n  background: var(--soi-qnas-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-qnas-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-qnas-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-qnas-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-qnas-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-qnas-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-qnas-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-qnas-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-qnas-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-qnas-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-qnas-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-qnas-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-qnas-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-qnas-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-qnas-fiche {\n    --soi-qnas-text-soft: #2C3E50;\n    --soi-qnas-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Quinton","offers":[{"title":"Default Title","offer_id":61603967205706,"sku":"QU0020","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/quinton-spray-nasal-hypertonic-quinton-packshot.webp?v=1779976133"},{"product_id":"quinton-isotonic-de-30-ampoules-quinton","title":"Quinton Isotonic - 30 ampoules - Quinton","description":"\u003cdiv class=\"soi-qiso-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-qiso-hero\"\u003e\n    \u003cdiv class=\"soi-qiso-hero-tag\"\u003e\n      \u003cspan class=\"soi-qiso-tag-dot\"\u003e\u003c\/span\u003e\n      Thérapie marine · Quinton\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-qiso-hero-title\"\u003ela puissance de l'océan à votre service\u003c\/span\u003e\n    \u003cp class=\"soi-qiso-hero-subtitle\"\u003eLa richesse minérale de l'océan en 30 ampoules buvables : plus de 78 minéraux et oligo-éléments biodisponibles pour soutenir votre équilibre intérieur au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-qiso-hero-labels\"\u003e\n      \u003cspan class=\"soi-qiso-label soi-qiso-label-accent\"\u003ePHARMACOPÉE EUROPÉENNE\u003c\/span\u003e\n      \u003cspan class=\"soi-qiso-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n      \u003cspan class=\"soi-qiso-label\"\u003eSANS COLORANTS\u003c\/span\u003e\n      \u003cspan class=\"soi-qiso-label\"\u003eSANS SUCRES AJOUTÉS\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"soi-qiso-section\"\u003e\n    \u003cp class=\"soi-qiso-section-intro\"\u003eL'eau de Quinton isotonique est l'une des rares solutions marines reconnues depuis plus d'un siècle pour sa richesse en minéraux et oligo-éléments biodisponibles. Ces 30 ampoules buvables vous offrent un geste quotidien simple, ancré dans une tradition scientifique solide, pour soutenir votre équilibre intérieur de façon naturelle.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 1 : Qu'est-ce que l'eau de Quinton isotonique ? --\u003e\n  \u003csection class=\"soi-qiso-section\"\u003e\n    \u003ch2\u003eQu'est-ce que l'eau de Quinton isotonique ?\u003c\/h2\u003e\n    \u003cp\u003eL'eau de Quinton isotonique est une eau de mer océanique prélevée en haute mer, dans des zones soigneusement sélectionnées pour leur richesse biologique. Elle est ensuite diluée à une concentration de 9 g de sels minéraux par litre, soit le niveau isotonique proche des liquides internes du corps humain. Cette isotonicité facilite son assimilation par l'organisme sans perturber l'équilibre cellulaire.\u003c\/p\u003e\n    \u003cp\u003eContrairement à l'eau de mer brute, le Quinton Isotonic est microfiltré à froid à 0,22 micron en salle blanche, selon les normes de la Pharmacopée Européenne. Ce procédé breveté, l'Advanced Quinton Protocol, élimine les impuretés et micro-organismes tout en préservant l'intégralité du spectre minéral originel.\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-qiso-grid-compact\"\u003e\n      \u003cdiv class=\"soi-qiso-card-mini\"\u003e\n        \u003cspan class=\"soi-qiso-card-mini-icon\"\u003e🌊\u003c\/span\u003e\n        \u003cspan class=\"soi-qiso-card-mini-label\"\u003eConcentration\u003c\/span\u003e\n        \u003cspan class=\"soi-qiso-card-mini-value\"\u003e9 g\/L isotonique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-qiso-card-mini\"\u003e\n        \u003cspan class=\"soi-qiso-card-mini-icon\"\u003e🔬\u003c\/span\u003e\n        \u003cspan class=\"soi-qiso-card-mini-label\"\u003eMicrofiltration\u003c\/span\u003e\n        \u003cspan class=\"soi-qiso-card-mini-value\"\u003e0,22 micron à froid\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-qiso-card-mini\"\u003e\n        \u003cspan class=\"soi-qiso-card-mini-icon\"\u003e🧪\u003c\/span\u003e\n        \u003cspan class=\"soi-qiso-card-mini-label\"\u003eMinéraux\u003c\/span\u003e\n        \u003cspan class=\"soi-qiso-card-mini-value\"\u003e78+ oligo-éléments\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-qiso-card-mini\"\u003e\n        \u003cspan class=\"soi-qiso-card-mini-icon\"\u003e📍\u003c\/span\u003e\n        \u003cspan class=\"soi-qiso-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-qiso-card-mini-value\"\u003eAtlantique Nord-Est\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : Les bienfaits de l'eau de Quinton isotonique --\u003e\n  \u003csection class=\"soi-qiso-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'eau de Quinton isotonique\u003c\/h2\u003e\n    \u003cp class=\"soi-qiso-section-intro\"\u003eLa composition minérale exceptionnelle de l'eau de Quinton repose sur plus de 78 minéraux et oligo-éléments naturellement présents dans l'océan. Voici les principaux actifs et leurs contributions reconnues.\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-qiso-benefits\"\u003e\n      \u003cdiv class=\"soi-qiso-benefit\"\u003e\n        \u003cdiv class=\"soi-qiso-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eChlorure\u003c\/h3\u003e\n        \u003cp\u003eContribue à une digestion normale en participant à la production d'acide chlorhydrique gastrique, essentiel à la dégradation des protéines.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-qiso-benefit\"\u003e\n        \u003cdiv class=\"soi-qiso-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMagnésium\u003c\/h3\u003e\n        \u003cp\u003eImpliqué dans la réduction de la fatigue et le bon fonctionnement musculaire au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-qiso-benefit\"\u003e\n        \u003cdiv class=\"soi-qiso-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eZinc et cuivre\u003c\/h3\u003e\n        \u003cp\u003eContribuent au fonctionnement normal du système immunitaire, pour vous aider à maintenir vos défenses naturelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-qiso-benefit\"\u003e\n        \u003cdiv class=\"soi-qiso-benefit-icon\"\u003e\u003cspan\u003e🔥\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFer\u003c\/h3\u003e\n        \u003cp\u003eParticipe au métabolisme énergétique normal, soutenant votre vitalité tout au long de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-qiso-tip\"\u003e\n      \u003cdiv class=\"soi-qiso-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eGrâce à sa concentration physiologique, l'eau de Quinton isotonique est souvent choisie pour accompagner les périodes de fatigue, les déséquilibres digestifs ou les phases de convalescence. Certains utilisateurs l'associent également à un soutien du foie et des fonctions d'élimination, dans le cadre d'une hygiène de vie globale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Quinton Isotonic ou Hypertonique : quelle différence ? --\u003e\n  \u003csection class=\"soi-qiso-section\"\u003e\n    \u003ch2\u003eQuinton Isotonic ou Hypertonique : quelle différence ?\u003c\/h2\u003e\n    \u003cp class=\"soi-qiso-section-intro\"\u003eLa gamme Quinton propose deux formulations complémentaires. Voici ce qui les distingue pour vous aider à choisir celle qui correspond le mieux à vos besoins.\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-qiso-grid\"\u003e\n      \u003cdiv class=\"soi-qiso-card\"\u003e\n        \u003ch3\u003e🌊 Quinton Isotonic\u003c\/h3\u003e\n        \u003cp\u003eEau de mer diluée à concentration physiologique (9 g\/L). Convient à un usage quotidien doux et prolongé, pour un rééquilibrage progressif de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-qiso-card\"\u003e\n        \u003ch3\u003e💎 Quinton Hypertonique\u003c\/h3\u003e\n        \u003cp\u003eEau de mer pure, non diluée, à forte concentration minérale. Plutôt utilisée en cure courte pour un effet stimulant et reminéralisant intense.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cp\u003eEn cas de doute sur le choix entre les deux formulations, n'hésitez pas à consulter un professionnel de santé qui saura vous orienter.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 4 : Composition et posologie --\u003e\n  \u003csection class=\"soi-qiso-section\"\u003e\n    \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n\n    \u003cdiv class=\"soi-qiso-compo\"\u003e\n      \u003cdiv class=\"soi-qiso-compo-row\"\u003e\n        \u003cspan class=\"soi-qiso-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n        \u003cspan class=\"soi-qiso-compo-value\"\u003eEau de mer océanique microfiltrée à froid (Atlantique Nord-Est), diluée en eau douce de source\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-qiso-compo-row\"\u003e\n        \u003cspan class=\"soi-qiso-compo-label\"\u003eConcentration\u003c\/span\u003e\n        \u003cspan class=\"soi-qiso-compo-value\"\u003eIsotonique à 9 ‰\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-qiso-compo-row\"\u003e\n        \u003cspan class=\"soi-qiso-compo-label\"\u003eDosage par ampoule\u003c\/span\u003e\n        \u003cspan class=\"soi-qiso-compo-value\"\u003e10 ml d'eau de mer isotonique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-qiso-compo-row\"\u003e\n        \u003cspan class=\"soi-qiso-compo-label\"\u003eContenu de la boîte\u003c\/span\u003e\n        \u003cspan class=\"soi-qiso-compo-value\"\u003e30 ampoules buvables (300 ml au total)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-qiso-compo-row\"\u003e\n        \u003cspan class=\"soi-qiso-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-qiso-compo-value\"\u003eConservateurs, édulcorants, sucres ajoutés, colorants\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-qiso-timeline\"\u003e\n      \u003cdiv class=\"soi-qiso-step\"\u003e\n        \u003cdiv class=\"soi-qiso-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-qiso-step-content\"\u003e\n          \u003ch3\u003ePosologie recommandée\u003c\/h3\u003e\n          \u003cp\u003e1 à 3 ampoules par jour, de préférence à distance des repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-qiso-step\"\u003e\n        \u003cdiv class=\"soi-qiso-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-qiso-step-content\"\u003e\n          \u003ch3\u003eMode de prise\u003c\/h3\u003e\n          \u003cp\u003eDirectement en bouche ou diluée dans un verre d'eau non gazeuse, selon votre préférence.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 5 : L'eau de Quinton est-elle sans danger ? --\u003e\n  \u003csection class=\"soi-qiso-section\"\u003e\n    \u003ch2\u003eL'eau de Quinton est-elle sans danger ?\u003c\/h2\u003e\n    \u003cp\u003eEn usage normal et aux doses recommandées, le Quinton Isotonic est considéré comme bien toléré. Sa concentration isotonique le rend compatible avec l'organisme. Ce complément ne se substitue en aucun cas à un traitement médical.\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-qiso-accordion\"\u003e\n      \u003cdetails class=\"soi-qiso-accordion-item\"\u003e\n        \u003csummary class=\"soi-qiso-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-qiso-accordion-content\"\u003e\n          \u003cp\u003eLe Quinton Isotonic est déconseillé en cas de régime hyposodé strict. Il est toujours préférable de demander l'avis d'un médecin si vous suivez un traitement médical, si vous êtes enceinte ou si vous allaitez.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 6 : Comment intégrer le Quinton Isotonic dans votre routine ? --\u003e\n  \u003csection class=\"soi-qiso-section\"\u003e\n    \u003ch2\u003eComment intégrer le Quinton Isotonic dans votre routine ?\u003c\/h2\u003e\n\n    \u003cdiv class=\"soi-qiso-timeline\"\u003e\n      \u003cdiv class=\"soi-qiso-step\"\u003e\n        \u003cdiv class=\"soi-qiso-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-qiso-step-content\"\u003e\n          \u003ch3\u003eLe matin à jeun\u003c\/h3\u003e\n          \u003cp\u003ePour un démarrage en douceur et une assimilation optimale des minéraux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-qiso-step\"\u003e\n        \u003cdiv class=\"soi-qiso-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-qiso-step-content\"\u003e\n          \u003ch3\u003eAvant ou après l'effort physique\u003c\/h3\u003e\n          \u003cp\u003ePour soutenir la reminéralisation de votre organisme après une activité sportive.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-qiso-step\"\u003e\n        \u003cdiv class=\"soi-qiso-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-qiso-step-content\"\u003e\n          \u003ch3\u003eEn cure de 30 jours\u003c\/h3\u003e\n          \u003cp\u003eRenouvelable selon vos besoins, pour un rééquilibrage progressif et durable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-qiso-step\"\u003e\n        \u003cdiv class=\"soi-qiso-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-qiso-step-content\"\u003e\n          \u003ch3\u003eConservation\u003c\/h3\u003e\n          \u003cp\u003eÀ conserver à l'abri de la chaleur et de la lumière directe pour préserver toute la qualité du produit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-qiso-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-qiso-cta-box\"\u003e\n      \u003cp class=\"soi-qiso-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement avec la puissance de l'océan\u003c\/p\u003e\n      \u003cp class=\"soi-qiso-cta-text\" style=\"color: white;\"\u003ePuisez directement dans la richesse minérale marine pour nourrir votre organisme en profondeur. Une solution authentique, pure, sans additifs, fidèle à un siècle de tradition.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* === Couleurs Soinat (FIXES) === *\/\n  --soi-qiso-marine: #1A2D3D;\n  --soi-qiso-marine-dark: #0F1E2B;\n  --soi-qiso-marine-light: #2C4458;\n  --soi-qiso-pomme: #A1C544;\n  --soi-qiso-pomme-dark: #84A636;\n  --soi-qiso-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-qiso-white: #FFFFFF;\n  --soi-qiso-off-white: #F8FAF6;\n  --soi-qiso-stone: #F1F3EE;\n  --soi-qiso-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (thérapie marine, bleu océan) === *\/\n  --soi-qiso-primary: #5BA4C9;\n  --soi-qiso-primary-soft: #89C4DE;\n  --soi-qiso-accent: #4A90B5;\n\n  \/* === Textes === *\/\n  --soi-qiso-text: #1A2D3D;\n  --soi-qiso-text-soft: #4A5B6B;\n  --soi-qiso-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-qiso-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-qiso-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-qiso-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-qiso-radius: 12px;\n  --soi-qiso-radius-sm: 8px;\n  --soi-qiso-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-qiso-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-qiso-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-qiso-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-qiso-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-qiso-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-qiso-hero {\n  position: relative;\n  background: var(--soi-qiso-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-qiso-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-qiso-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-qiso-pomme);\n}\n\n.soi-qiso-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-qiso-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-qiso-pomme);\n  border-radius: 50%;\n}\n\n.soi-qiso-hero-title {\n  display: block;\n  color: var(--soi-qiso-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-qiso-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-qiso-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-qiso-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-qiso-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-qiso-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-qiso-label-accent {\n  background: var(--soi-qiso-pomme);\n  border-color: var(--soi-qiso-pomme);\n  color: var(--soi-qiso-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-qiso-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-qiso-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-qiso-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-qiso-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-qiso-pomme);\n  border-radius: 2px;\n}\n\n.soi-qiso-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-qiso-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-qiso-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-qiso-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-qiso-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-qiso-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-qiso-benefit {\n  background: var(--soi-qiso-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-qiso-radius);\n  border: 1px solid var(--soi-qiso-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-qiso-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-qiso-shadow-md);\n}\n\n.soi-qiso-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-qiso-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-qiso-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-qiso-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-qiso-benefit:hover .soi-qiso-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-qiso-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-qiso-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-qiso-benefit p {\n  font-size: 13px;\n  color: var(--soi-qiso-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-qiso-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-qiso-card {\n  background: var(--soi-qiso-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-qiso-radius);\n  border-left: 3px solid var(--soi-qiso-pomme);\n}\n\n.soi-qiso-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-qiso-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-qiso-card p {\n  font-size: 14px;\n  color: var(--soi-qiso-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-qiso-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-top: 1.5rem;\n}\n\n.soi-qiso-card-mini {\n  background: var(--soi-qiso-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-qiso-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-qiso-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-qiso-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-qiso-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-qiso-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-qiso-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-qiso-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-top: 1.5rem;\n}\n\n.soi-qiso-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-qiso-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-qiso-radius);\n  border: 1px solid var(--soi-qiso-line);\n  align-items: flex-start;\n}\n\n.soi-qiso-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-qiso-marine);\n  color: var(--soi-qiso-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-qiso-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-qiso-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-qiso-step-content p {\n  font-size: 14px;\n  color: var(--soi-qiso-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-qiso-compo {\n  background: var(--soi-qiso-off-white);\n  border-radius: var(--soi-qiso-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-qiso-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-qiso-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-qiso-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-qiso-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-qiso-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-qiso-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-qiso-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-qiso-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-qiso-pomme-light);\n  border-left: 4px solid var(--soi-qiso-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-qiso-radius) var(--soi-qiso-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-qiso-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-qiso-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-qiso-marine);\n  margin-bottom: 4px;\n}\n\n.soi-qiso-tip p {\n  font-size: 14px;\n  color: var(--soi-qiso-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-qiso-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 1.25rem;\n}\n\n.soi-qiso-accordion-item {\n  background: var(--soi-qiso-off-white);\n  border-radius: var(--soi-qiso-radius-sm);\n  border: 1px solid var(--soi-qiso-line);\n  overflow: hidden;\n}\n\n.soi-qiso-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-qiso-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-qiso-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-qiso-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-qiso-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-qiso-accordion-item[open] .soi-qiso-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-qiso-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-qiso-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-qiso-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-qiso-cta-box {\n  background: var(--soi-qiso-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-qiso-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-qiso-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-qiso-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-qiso-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-qiso-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-qiso-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-qiso-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-qiso-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-qiso-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-qiso-compo-value {\n    text-align: left;\n  }\n\n  .soi-qiso-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-qiso-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-qiso-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-qiso-fiche {\n    --soi-qiso-text-soft: #2C3E50;\n    --soi-qiso-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Quinton","offers":[{"title":"Default Title","offer_id":61603969302858,"sku":"QU0030","price":31.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/quinton-isotonic-de-30-ampoules-quinton-packshot_97874fd1-4ede-4fc8-ac08-99bda0fb50bf.webp?v=1779903281"},{"product_id":"quinton-hypertonic-de-30-ampoules-quinton","title":"Quinton Hypertonic de 30 ampoules - Quinton","description":"\u003cdiv class=\"soi-qhyp-fiche\"\u003e\n\n\u003csection class=\"soi-qhyp-hero\"\u003e\n  \u003cdiv class=\"soi-qhyp-hero-tag\"\u003e\n    \u003cspan class=\"soi-qhyp-tag-dot\"\u003e\u003c\/span\u003e\n    Thérapie marine · Quinton\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-qhyp-hero-title\"\u003e78 minéraux marins biodisponible\u003c\/span\u003e\n  \u003cp class=\"soi-qhyp-hero-subtitle\"\u003ePlasma marin hypertonique microfiltré à froid : plus de 78 minéraux et oligo-éléments biodisponibles pour recharger votre organisme en profondeur.\u003c\/p\u003e\n  \u003cdiv class=\"soi-qhyp-hero-labels\"\u003e\n    \u003cspan class=\"soi-qhyp-label soi-qhyp-label-accent\"\u003ePLASMA MARIN PUR\u003c\/span\u003e\n    \u003cspan class=\"soi-qhyp-label\"\u003eMICROFILTRÉ À FROID\u003c\/span\u003e\n    \u003cspan class=\"soi-qhyp-label\"\u003eSANS CONSERVATEUR\u003c\/span\u003e\n    \u003cspan class=\"soi-qhyp-label\"\u003e30 AMPOULES BUVABLES\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qhyp-section\"\u003e\n  \u003ch2\u003eQu'est-ce que le plasma marin de Quinton ?\u003c\/h2\u003e\n  \u003cp\u003eLe plasma de Quinton est prélevé dans des vortex phytoplanctoniques, là où la biodiversité marine est la plus dense et la composition minérale la plus stable. L'eau de mer Quinton contient plus de 78 minéraux et oligo-éléments biodisponibles, dont du magnésium, du calcium, du sodium, du potassium et du zinc, dans des proportions proches du milieu intracellulaire humain. C'est cette ressemblance qui rend le plasma marin si intéressant pour la reminéralisation de l'organisme.\u003c\/p\u003e\n  \u003cp\u003eLa version hypertonic est concentrée à 3,3 g de sel par litre, soit une concentration supérieure à celle du sang, ce qui en fait une formule particulièrement adaptée aux périodes de fatigue intense, de récupération physique ou de besoins accrus en minéraux.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qhyp-section\"\u003e\n  \u003ch2\u003eQuinton Hypertonic bienfaits : ce que dit la science\u003c\/h2\u003e\n  \u003cp class=\"soi-qhyp-section-intro\"\u003eLe magnésium marin contenu dans chaque ampoule de plasma marin hypertonique contribue officiellement, selon la réglementation européenne, à :\u003c\/p\u003e\n  \u003cdiv class=\"soi-qhyp-benefits\"\u003e\n    \u003cdiv class=\"soi-qhyp-benefit\"\u003e\n      \u003cdiv class=\"soi-qhyp-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eÉnergie et vitalité\u003c\/h3\u003e\n      \u003cp\u003eContribue à réduire la fatigue et à soutenir un métabolisme énergétique normal.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qhyp-benefit\"\u003e\n      \u003cdiv class=\"soi-qhyp-benefit-icon\"\u003e\u003cspan\u003e🧠\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eSystème nerveux\u003c\/h3\u003e\n      \u003cp\u003eFavorise un fonctionnement normal du système nerveux et une fonction psychologique normale.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qhyp-benefit\"\u003e\n      \u003cdiv class=\"soi-qhyp-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eMuscles et ossature\u003c\/h3\u003e\n      \u003cp\u003eSoutient le fonctionnement musculaire normal et le maintien d'une ossature et d'une dentition normales.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qhyp-benefit\"\u003e\n      \u003cdiv class=\"soi-qhyp-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eÉquilibre cellulaire\u003c\/h3\u003e\n      \u003cp\u003eContribue à une synthèse protéique normale, à une division cellulaire saine et à l'équilibre électrolytique de l'organisme.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-qhyp-tip\"\u003e\n    \u003cdiv class=\"soi-qhyp-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eAu-delà du magnésium, la richesse globale en oligo-éléments du Quinton Hypertonic en fait un complément de reminéralisation difficile à égaler avec des formules synthétiques.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qhyp-section\"\u003e\n  \u003ch2\u003eComposition du Quinton Hypertonic® 30 ampoules\u003c\/h2\u003e\n  \u003cdiv class=\"soi-qhyp-compo\"\u003e\n    \u003cdiv class=\"soi-qhyp-compo-row\"\u003e\n      \u003cspan class=\"soi-qhyp-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n      \u003cspan class=\"soi-qhyp-compo-value\"\u003eEau de mer océanique totale microfiltrée à froid (100 %)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qhyp-compo-row\"\u003e\n      \u003cspan class=\"soi-qhyp-compo-label\"\u003eFormat\u003c\/span\u003e\n      \u003cspan class=\"soi-qhyp-compo-value\"\u003e30 ampoules de 10 ml buvables\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qhyp-compo-row\"\u003e\n      \u003cspan class=\"soi-qhyp-compo-label\"\u003eConcentration\u003c\/span\u003e\n      \u003cspan class=\"soi-qhyp-compo-value\"\u003ePlasma marin hypertonique à 3,3 g\/l de chlorure de sodium\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qhyp-compo-row\"\u003e\n      \u003cspan class=\"soi-qhyp-compo-label\"\u003eTraitement\u003c\/span\u003e\n      \u003cspan class=\"soi-qhyp-compo-value\"\u003eMicrofiltration à froid 0,22 micron, sans chaleur ni additif\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qhyp-compo-row\"\u003e\n      \u003cspan class=\"soi-qhyp-compo-label\"\u003eGaranties\u003c\/span\u003e\n      \u003cspan class=\"soi-qhyp-compo-value\"\u003eSans conservateur, sans colorant, sans arôme ajouté\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cp\u003eChaque ampoule apporte une dose précise et stable de minéraux marins biodisponibles, sans aucune altération thermique des actifs.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qhyp-section\"\u003e\n  \u003ch2\u003eComment prendre votre ampoule de Quinton Hypertonic ? Mode d'emploi\u003c\/h2\u003e\n  \u003cdiv class=\"soi-qhyp-timeline\"\u003e\n    \u003cdiv class=\"soi-qhyp-step\"\u003e\n      \u003cdiv class=\"soi-qhyp-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-qhyp-step-content\"\u003e\n        \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n        \u003cp\u003e1 à 6 ampoules par jour selon vos besoins et les conseils d'un professionnel de santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qhyp-step\"\u003e\n      \u003cdiv class=\"soi-qhyp-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-qhyp-step-content\"\u003e\n        \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n        \u003cp\u003eÀ distance des repas, de préférence le matin ou avant l'effort physique pour un effet énergisant optimal.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qhyp-step\"\u003e\n      \u003cdiv class=\"soi-qhyp-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-qhyp-step-content\"\u003e\n        \u003ch3\u003eDurée de cure conseillée\u003c\/h3\u003e\n        \u003cp\u003eUne boîte de 30 ampoules correspond à une cure de 1 mois (1 ampoule\/jour) ou à une cure intensive de 5 à 10 jours (3 à 6 ampoules\/jour).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qhyp-step\"\u003e\n      \u003cdiv class=\"soi-qhyp-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-qhyp-step-content\"\u003e\n        \u003ch3\u003eMode de consommation\u003c\/h3\u003e\n        \u003cp\u003eDirectement en sublinguale (sous la langue, 1 à 2 minutes avant d'avaler) pour une absorption optimale, ou dilué dans un verre d'eau froide.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-qhyp-tip\"\u003e\n    \u003cdiv class=\"soi-qhyp-tip-icon\"\u003e⚠️\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003ePrécaution\u003c\/strong\u003e\n      \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée, équilibrée et un mode de vie sain. En cas de traitement médical, consultez votre médecin avant toute cure.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qhyp-section\"\u003e\n  \u003ch2\u003ePour qui est recommandé l'eau de mer de Quinton hypertonique ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-qhyp-grid\"\u003e\n    \u003cdiv class=\"soi-qhyp-card\"\u003e\n      \u003ch3\u003e😴 Fatigue chronique ou surmenage\u003c\/h3\u003e\n      \u003cp\u003eLes personnes sujettes à la fatigue persistante ou au surmenage trouveront dans le plasma marin hypertonique un soutien reminéralisant concentré.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qhyp-card\"\u003e\n      \u003ch3\u003e🏃 Sportifs en récupération\u003c\/h3\u003e\n      \u003cp\u003eIdéal pour les sportifs souhaitant optimiser leur récupération et leurs performances grâce à un apport massif en minéraux biodisponibles.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qhyp-card\"\u003e\n      \u003ch3\u003e🩺 Convalescence et stress\u003c\/h3\u003e\n      \u003cp\u003eParticulièrement adapté aux personnes en période de convalescence ou de stress élevé, quand les besoins en minéraux sont accrus.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qhyp-card\"\u003e\n      \u003ch3\u003e🧬 Apports minéraux insuffisants\u003c\/h3\u003e\n      \u003cp\u003ePour les adultes souhaitant compléter des apports en minéraux insuffisants par l'alimentation quotidienne.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qhyp-section\"\u003e\n  \u003ch2\u003eQuinton Hypertonic ou Isotonique : quelle différence ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-qhyp-grid\"\u003e\n    \u003cdiv class=\"soi-qhyp-card\"\u003e\n      \u003ch3\u003e🌊 Quinton Isotonique\u003c\/h3\u003e\n      \u003cp\u003eDilué à 9 g\/l de sel, le plasma marin isotonique est davantage adapté à un usage quotidien doux, en entretien ou chez les personnes sensibles.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-qhyp-card\"\u003e\n      \u003ch3\u003e🔥 Quinton Hypertonic\u003c\/h3\u003e\n      \u003cp\u003ePlus concentré à 3,3 g\/l, le Quinton Hypertonic convient mieux aux phases de récupération active, de fatigue marquée ou d'effort intense.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cp\u003eLes deux formes partagent la même origine marine et la même qualité de filtration, mais s'adressent à des besoins différents.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-qhyp-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-qhyp-cta-box\"\u003e\n    \u003cp class=\"soi-qhyp-cta-tag\" style=\"color: white;\"\u003eLa puissance de l'océan, concentrée dans chaque ampoule\u003c\/p\u003e\n    \u003cp class=\"soi-qhyp-cta-text\" style=\"color: white;\"\u003eAvec le Quinton Hypertonic® 30 ampoules, vous faites le choix d'un minéral vivant, préservé dans toute sa pureté océanique. Une cure concentrée pour recharger votre organisme en profondeur et retrouver énergie et équilibre.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-qhyp-marine: #1A2D3D;\n  --soi-qhyp-marine-dark: #0F1E2B;\n  --soi-qhyp-marine-light: #2C4458;\n  --soi-qhyp-pomme: #A1C544;\n  --soi-qhyp-pomme-dark: #84A636;\n  --soi-qhyp-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-qhyp-white: #FFFFFF;\n  --soi-qhyp-off-white: #F8FAF6;\n  --soi-qhyp-stone: #F1F3EE;\n  --soi-qhyp-line: #E5E8E0;\n\n  --soi-qhyp-primary: #1B3F6B;\n  --soi-qhyp-primary-soft: #2A5A8F;\n  --soi-qhyp-accent: #5B8DB8;\n\n  --soi-qhyp-text: #1A2D3D;\n  --soi-qhyp-text-soft: #4A5B6B;\n  --soi-qhyp-text-muted: #7B8693;\n\n  --soi-qhyp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-qhyp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-qhyp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-qhyp-radius: 12px;\n  --soi-qhyp-radius-sm: 8px;\n  --soi-qhyp-radius-pill: 999px;\n}\n\n.soi-qhyp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-qhyp-fiche img { max-width: 100%; height: auto; }\n\n.soi-qhyp-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-qhyp-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-qhyp-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-qhyp-hero {\n  position: relative;\n  background: var(--soi-qhyp-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-qhyp-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-qhyp-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-qhyp-pomme);\n}\n\n.soi-qhyp-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-qhyp-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-qhyp-pomme);\n  border-radius: 50%;\n}\n\n.soi-qhyp-hero-title {\n  display: block;\n  color: var(--soi-qhyp-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-qhyp-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-qhyp-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-qhyp-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-qhyp-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-qhyp-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-qhyp-label-accent {\n  background: var(--soi-qhyp-pomme);\n  border-color: var(--soi-qhyp-pomme);\n  color: var(--soi-qhyp-marine);\n  font-weight: 600;\n}\n\n.soi-qhyp-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-qhyp-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-qhyp-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-qhyp-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-qhyp-pomme);\n  border-radius: 2px;\n}\n\n.soi-qhyp-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-qhyp-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-qhyp-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-qhyp-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-qhyp-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-qhyp-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-qhyp-benefit {\n  background: var(--soi-qhyp-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-qhyp-radius);\n  border: 1px solid var(--soi-qhyp-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-qhyp-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-qhyp-shadow-md);\n}\n\n.soi-qhyp-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-qhyp-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-qhyp-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-qhyp-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-qhyp-benefit:hover .soi-qhyp-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-qhyp-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-qhyp-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-qhyp-benefit p {\n  font-size: 13px;\n  color: var(--soi-qhyp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-qhyp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1rem;\n}\n\n.soi-qhyp-card {\n  background: var(--soi-qhyp-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-qhyp-radius);\n  border-left: 3px solid var(--soi-qhyp-pomme);\n}\n\n.soi-qhyp-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-qhyp-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-qhyp-card p {\n  font-size: 14px;\n  color: var(--soi-qhyp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-qhyp-compo {\n  background: var(--soi-qhyp-off-white);\n  border-radius: var(--soi-qhyp-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1rem;\n}\n\n.soi-qhyp-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-qhyp-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-qhyp-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-qhyp-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-qhyp-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-qhyp-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-qhyp-marine);\n  text-align: right;\n}\n\n.soi-qhyp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-qhyp-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-qhyp-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-qhyp-radius);\n  border: 1px solid var(--soi-qhyp-line);\n  align-items: flex-start;\n}\n\n.soi-qhyp-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-qhyp-marine);\n  color: var(--soi-qhyp-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-qhyp-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-qhyp-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-qhyp-step-content p {\n  font-size: 14px;\n  color: var(--soi-qhyp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-qhyp-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-qhyp-pomme-light);\n  border-left: 4px solid var(--soi-qhyp-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-qhyp-radius) var(--soi-qhyp-radius) 0;\n  align-items: flex-start;\n  margin-top: 1rem;\n}\n\n.soi-qhyp-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-qhyp-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-qhyp-marine);\n  margin-bottom: 4px;\n}\n\n.soi-qhyp-tip p {\n  font-size: 14px;\n  color: var(--soi-qhyp-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-qhyp-cta-box {\n  background: var(--soi-qhyp-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-qhyp-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-qhyp-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-qhyp-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-qhyp-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-qhyp-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-qhyp-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-qhyp-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-qhyp-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-qhyp-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-qhyp-compo-value {\n    text-align: left;\n  }\n\n  .soi-qhyp-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-qhyp-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-qhyp-fiche {\n    --soi-qhyp-text-soft: #2C3E50;\n    --soi-qhyp-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Quinton","offers":[{"title":"Default Title","offer_id":61603969827146,"sku":"QU0035","price":27.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/quinton-hypertonic-de-30-ampoules-quinton-packshot.webp?v=1779978781"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/therapie_marine.webp?v=1780312030","url":"https:\/\/www.soinature.com\/collections\/therapie-marine.oembed","provider":"Soinature","version":"1.0","type":"link"}