{"product_id":"astaxanthine-bio","title":"Astaxanthine bio et vegan en gélules","description":"\n\u003cdiv class=\"soi-asta-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-asta-hero\"\u003e\n    \u003cdiv class=\"soi-asta-hero-tag\"\u003e\n      \u003cspan class=\"soi-asta-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · AOSA Véritable\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-asta-hero-title\"\u003eLe bouclier antioxydant né des microalgues\u003c\/span\u003e\n    \u003cp class=\"soi-asta-hero-subtitle\"\u003eIssue de la microalgue \u003cem\u003eHaematococcus pluvialis\u003c\/em\u003e, l'astaxanthine bio offre un pouvoir antioxydant jusqu'à 6 000 fois supérieur à la vitamine C. Une protection cellulaire profonde, de l'intérieur, là où les soins topiques ne peuvent pas agir seuls.\u003c\/p\u003e\n    \u003cdiv class=\"soi-asta-hero-labels\"\u003e\n      \u003cspan class=\"soi-asta-label soi-asta-label-accent\"\u003eBIO CERTIFIÉ AB\u003c\/span\u003e\n      \u003cspan class=\"soi-asta-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-asta-label\"\u003eSANS OGM\u003c\/span\u003e\n      \u003cspan class=\"soi-asta-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-asta-label\"\u003e8 MG PAR GÉLULE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Pourquoi choisir --\u003e\n  \u003csection class=\"soi-asta-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'astaxanthine bio en gélules ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-asta-benefits\"\u003e\n      \u003cdiv class=\"soi-asta-benefit\"\u003e\n        \u003cdiv class=\"soi-asta-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eBio certifié AB\u003c\/h3\u003e\n        \u003cp\u003eCertifiée Agriculture Biologique, sans OGM, sans allergènes, sans intrant de synthèse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-asta-benefit\"\u003e\n        \u003cdiv class=\"soi-asta-benefit-icon\"\u003e\u003cspan\u003e💊\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003e8 mg par gélule\u003c\/h3\u003e\n        \u003cp\u003eUn dosage élevé, en accord avec les études scientifiques, pour une efficacité réelle dès la première cure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-asta-benefit\"\u003e\n        \u003cdiv class=\"soi-asta-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eProduit et contrôlé en laboratoire français, avec une traçabilité complète de la culture à la gélule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-asta-benefit\"\u003e\n        \u003cdiv class=\"soi-asta-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003e100 % vegan\u003c\/h3\u003e\n        \u003cp\u003eGélules végétales, adaptées aux végétariens, végétaliens et à tous les régimes alimentaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Bienfaits --\u003e\n  \u003csection class=\"soi-asta-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'astaxanthine bio 8 mg\u003c\/h2\u003e\n    \u003cp class=\"soi-asta-section-intro\"\u003eCe caroténoïde rouge-orangé agit sur plusieurs fronts simultanément, ce qui le distingue de la grande majorité des antioxydants disponibles sur le marché.\u003c\/p\u003e\n    \u003cdiv class=\"soi-asta-grid\"\u003e\n      \u003cdiv class=\"soi-asta-card\"\u003e\n        \u003ch3\u003e🛡️ Anti-vieillissement cellulaire\u003c\/h3\u003e\n        \u003cp\u003eElle neutralise les radicaux libres responsables du vieillissement prématuré de la peau, des articulations et des cellules en général.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-asta-card\"\u003e\n        \u003ch3\u003e☀️ Protection solaire de l'intérieur\u003c\/h3\u003e\n        \u003cp\u003eElle contribue à limiter les dommages induits par les rayons UV, en complément d'une protection solaire topique. Idéale avant l'exposition estivale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-asta-card\"\u003e\n        \u003ch3\u003e👁️ Santé des yeux\u003c\/h3\u003e\n        \u003cp\u003eGrâce à sa capacité à traverser la barrière hémato-rétinienne, elle contribue à protéger la rétine contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-asta-card\"\u003e\n        \u003ch3\u003e✨ Éclat et fermeté de la peau\u003c\/h3\u003e\n        \u003cp\u003ePlusieurs études suggèrent une amélioration visible de l'élasticité cutanée après 6 à 8 semaines de prise régulière.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Composition et posologie --\u003e\n  \u003csection class=\"soi-asta-section\"\u003e\n    \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n    \u003cp class=\"soi-asta-section-intro\"\u003eUne formule pure et transparente, concentrée sur un seul actif d'exception.\u003c\/p\u003e\n    \u003cdiv class=\"soi-asta-compo\"\u003e\n      \u003cdiv class=\"soi-asta-compo-row\"\u003e\n        \u003cspan class=\"soi-asta-compo-label\"\u003eActif principal (par gélule)\u003c\/span\u003e\n        \u003cspan class=\"soi-asta-compo-value\"\u003eExtrait d'\u003cem\u003eHaematococcus pluvialis\u003c\/em\u003e : 8 mg d'astaxanthine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-asta-compo-row\"\u003e\n        \u003cspan class=\"soi-asta-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n        \u003cspan class=\"soi-asta-compo-value\"\u003eGélule végétale (pullulane ou HPMC)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-asta-compo-row\"\u003e\n        \u003cspan class=\"soi-asta-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-asta-compo-value\"\u003eExcipient de synthèse, colorant, conservateur\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-asta-compo-row\"\u003e\n        \u003cspan class=\"soi-asta-compo-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-asta-compo-value\"\u003e30 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-asta-timeline\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cdiv class=\"soi-asta-step\"\u003e\n        \u003cdiv class=\"soi-asta-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-asta-step-content\"\u003e\n          \u003ch3\u003ePosologie\u003c\/h3\u003e\n          \u003cp\u003e1 gélule par jour, de préférence au cours d'un repas contenant un peu de matière grasse (l'astaxanthine est liposoluble, cela favorise son absorption).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-asta-step\"\u003e\n        \u003cdiv class=\"soi-asta-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-asta-step-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eUne cure de 4 à 8 semaines est recommandée pour constater les premiers effets.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-asta-tip\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cdiv class=\"soi-asta-tip-icon\"\u003e⚠️\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003ePrécaution importante\u003c\/strong\u003e\n        \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical. Consultez votre médecin en cas de doute ou de traitement en cours.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Origine --\u003e\n  \u003csection class=\"soi-asta-section\"\u003e\n    \u003ch2\u003eOrigine : une algue cultivée avec soin\u003c\/h2\u003e\n    \u003cp\u003eL'\u003cem\u003eHaematococcus pluvialis\u003c\/em\u003e utilisée par AOSA Véritable est cultivée en photobioréacteurs fermés, avec de l'eau de source de montagne recyclée et surveillée en continu. Ce procédé garantit une algue pure, sans contamination extérieure, et une teneur en astaxanthine reproductible d'un lot à l'autre.\u003c\/p\u003e\n    \u003cp\u003eUne approche artisanale et rigoureuse, à l'opposé des productions industrielles standardisées.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : FAQ --\u003e\n  \u003csection class=\"soi-asta-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes sur l'astaxanthine bio\u003c\/h2\u003e\n    \u003cdiv class=\"soi-asta-accordion\"\u003e\n      \u003cdetails class=\"soi-asta-accordion-item\"\u003e\n        \u003csummary class=\"soi-asta-accordion-header\"\u003e⏳ Combien de temps pour voir les effets ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-asta-accordion-content\"\u003e\n          \u003cp\u003eLa plupart des utilisateurs rapportent des améliorations (teint plus lumineux, moins de fatigue visuelle) après 4 à 6 semaines de prise quotidienne.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-asta-accordion-item\"\u003e\n        \u003csummary class=\"soi-asta-accordion-header\"\u003e🌸 L'astaxanthine bio convient-elle aux peaux sensibles ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-asta-accordion-content\"\u003e\n          \u003cp\u003eOui, sa tolérance est généralement très bonne. Aucun allergène majeur n'est présent dans cette formule.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-asta-accordion-item\"\u003e\n        \u003csummary class=\"soi-asta-accordion-header\"\u003e🍊 Peut-on combiner astaxanthine et crème vitamine C ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-asta-accordion-content\"\u003e\n          \u003cp\u003eAbsolument. Les deux approches, orale et topique, se complètent pour un soin anti-âge plus complet.\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-asta-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-asta-cta-box\"\u003e\n      \u003cp class=\"soi-asta-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, de l'intérieur\u003c\/p\u003e\n      \u003cp class=\"soi-asta-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau, vos yeux et vos cellules la protection antioxydante la plus puissante que la nature ait créée. Une formule pure, certifiée bio, dosée à 8 mg, fabriquée en France avec passion et rigueur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-asta-marine: #1A2D3D;\n  --soi-asta-marine-dark: #0F1E2B;\n  --soi-asta-marine-light: #2C4458;\n  --soi-asta-pomme: #A1C544;\n  --soi-asta-pomme-dark: #84A636;\n  --soi-asta-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-asta-white: #FFFFFF;\n  --soi-asta-off-white: #F8FAF6;\n  --soi-asta-stone: #F1F3EE;\n  --soi-asta-line: #E5E8E0;\n\n  --soi-asta-primary: #3A8A5C;\n  --soi-asta-primary-soft: #E8F3ED;\n  --soi-asta-accent: #C75A3A;\n\n  --soi-asta-text: #1A2D3D;\n  --soi-asta-text-soft: #4A5B6B;\n  --soi-asta-text-muted: #7B8693;\n\n  --soi-asta-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-asta-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-asta-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-asta-radius: 12px;\n  --soi-asta-radius-sm: 8px;\n  --soi-asta-radius-pill: 999px;\n}\n\n.soi-asta-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-asta-fiche img { max-width: 100%; height: auto; }\n\n.soi-asta-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-asta-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-asta-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-asta-hero {\n  position: relative;\n  background: var(--soi-asta-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-asta-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-asta-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-asta-pomme);\n}\n\n.soi-asta-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-asta-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-asta-pomme);\n  border-radius: 50%;\n}\n\n.soi-asta-hero-title {\n  display: block;\n  color: var(--soi-asta-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-asta-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-asta-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-asta-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-asta-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-asta-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-asta-label-accent {\n  background: var(--soi-asta-pomme);\n  border-color: var(--soi-asta-pomme);\n  color: var(--soi-asta-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-asta-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-asta-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-asta-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-asta-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-asta-pomme);\n  border-radius: 2px;\n}\n\n.soi-asta-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-asta-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-asta-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-asta-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-asta-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-asta-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-asta-benefit {\n  background: var(--soi-asta-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-asta-radius);\n  border: 1px solid var(--soi-asta-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-asta-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-asta-shadow-md);\n}\n\n.soi-asta-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-asta-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-asta-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-asta-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-asta-benefit:hover .soi-asta-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-asta-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-asta-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-asta-benefit p {\n  font-size: 13px;\n  color: var(--soi-asta-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-asta-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-asta-card {\n  background: var(--soi-asta-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-asta-radius);\n  border-left: 3px solid var(--soi-asta-pomme);\n}\n\n.soi-asta-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-asta-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-asta-card p {\n  font-size: 14px;\n  color: var(--soi-asta-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-asta-compo {\n  background: var(--soi-asta-off-white);\n  border-radius: var(--soi-asta-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-asta-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-asta-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-asta-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-asta-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-asta-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-asta-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-asta-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-asta-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-asta-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-asta-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-asta-radius);\n  border: 1px solid var(--soi-asta-line);\n  align-items: flex-start;\n}\n\n.soi-asta-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-asta-marine);\n  color: var(--soi-asta-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-asta-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-asta-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-asta-step-content p {\n  font-size: 14px;\n  color: var(--soi-asta-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-asta-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-asta-pomme-light);\n  border-left: 4px solid var(--soi-asta-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-asta-radius) var(--soi-asta-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-asta-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-asta-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-asta-marine);\n  margin-bottom: 4px;\n}\n\n.soi-asta-tip p {\n  font-size: 14px;\n  color: var(--soi-asta-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-asta-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-asta-accordion-item {\n  background: var(--soi-asta-off-white);\n  border-radius: var(--soi-asta-radius-sm);\n  border: 1px solid var(--soi-asta-line);\n  overflow: hidden;\n}\n\n.soi-asta-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-asta-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-asta-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-asta-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-asta-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-asta-accordion-item[open] .soi-asta-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-asta-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-asta-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-asta-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-asta-cta-box {\n  background: var(--soi-asta-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-asta-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-asta-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-asta-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-asta-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-asta-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-asta-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-asta-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-asta-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-asta-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-asta-compo-value {\n    text-align: left;\n  }\n\n  .soi-asta-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-asta-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-asta-fiche {\n    --soi-asta-text-soft: #2C3E50;\n    --soi-asta-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Aosa Veritable","offers":[{"title":"Default Title","offer_id":61603326722378,"sku":"AV3000","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/astaxanthine-bio-et-vegan-en-gelules-packshot_fcf95ee2-85a5-4b39-8134-ba71f18529ef.webp?v=1779987901","url":"https:\/\/www.soinature.com\/products\/astaxanthine-bio","provider":"Soinature","version":"1.0","type":"link"}