{"product_id":"oculo-gouttes-bio-alphagem","title":"Oculo Gouttes bio - Alphagem","description":"\u003cdiv class=\"soi-ocul-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-ocul-hero\"\u003e\n    \u003cdiv class=\"soi-ocul-hero-tag\"\u003e\n      \u003cspan class=\"soi-ocul-tag-dot\"\u003e\u003c\/span\u003e\n      Gemmothérapie · Alphagem\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-ocul-hero-title\"\u003eLe confort de vos yeux, naturellement\u003c\/span\u003e\n    \u003cp class=\"soi-ocul-hero-subtitle\"\u003eFormulées à base d'hydrolat de bleuet biologique, les Oculo Gouttes apaisent, hydratent et soulagent vos yeux au quotidien, en toute douceur.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ocul-hero-labels\"\u003e\n      \u003cspan class=\"soi-ocul-label soi-ocul-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-ocul-label\"\u003eSANS CONSERVATEURS SYNTHÉTIQUES\u003c\/span\u003e\n      \u003cspan class=\"soi-ocul-label\"\u003eSANS PARFUM\u003c\/span\u003e\n      \u003cspan class=\"soi-ocul-label\"\u003eSANS ALCOOL\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Des gouttes oculaires naturelles... --\u003e\n  \u003csection class=\"soi-ocul-section\"\u003e\n    \u003ch2\u003eDes gouttes oculaires naturelles pour soulager, hydrater et apaiser vos yeux au quotidien\u003c\/h2\u003e\n    \u003cp\u003eVous passez de longues heures devant un écran ? Vous souffrez d'yeux secs, irrités ou sensibles aux allergies saisonnières ? Les \u003cstrong\u003eOculo Gouttes bio d'Alphagem\u003c\/strong\u003e ont été formulées pour répondre à ces besoins concrets, avec une approche 100 % naturelle et douce pour vos yeux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi choisir des gouttes oculaires... --\u003e\n  \u003csection class=\"soi-ocul-section\"\u003e\n    \u003ch2\u003ePourquoi choisir des gouttes oculaires à base de bleuet bio ?\u003c\/h2\u003e\n    \u003cp\u003eAu cœur de cette formule se trouve l'\u003cstrong\u003ehydrolat de bleuet biologique\u003c\/strong\u003e, obtenu par distillation traditionnelle à la vapeur de fleurs fraîches. Cette eau florale est réputée depuis des siècles pour ses propriétés apaisantes, décongestionnantes et légèrement astringentes sur les yeux fatigués ou rouges.\u003c\/p\u003e\n    \u003cp\u003eContrairement à de nombreuses gouttes oculaires hydratantes du commerce qui contiennent des conservateurs ou des agents synthétiques, les Oculo Gouttes misent sur la pureté d'un ingrédient végétal certifié bio, respectueux des muqueuses oculaires les plus sensibles.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pour qui sont faites ces gouttes... --\u003e\n  \u003csection class=\"soi-ocul-section\"\u003e\n    \u003ch2\u003ePour qui sont faites ces gouttes oculaires bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ocul-grid\"\u003e\n      \u003cdiv class=\"soi-ocul-card\"\u003e\n        \u003ch3\u003e💻 Travailleurs sur écran\u003c\/h3\u003e\n        \u003cp\u003eOrdinateurs, tablettes, smartphones : la fatigue visuelle s'accumule vite au fil de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocul-card\"\u003e\n        \u003ch3\u003e💧 Personnes aux yeux secs\u003c\/h3\u003e\n        \u003cp\u003eAir conditionné, chauffage, lentilles de contact : tous ces facteurs assèchent le film lacrymal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocul-card\"\u003e\n        \u003ch3\u003e🌿 Sensibilités saisonnières\u003c\/h3\u003e\n        \u003cp\u003eCes gouttes oculaires offrent un rinçage doux et apaisant en cas d'allergie au pollen ou à la poussière.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocul-card\"\u003e\n        \u003ch3\u003e🛡️ Muqueuses réactives\u003c\/h3\u003e\n        \u003cp\u003eLa formule bio, sans conservateurs agressifs, convient aux yeux les plus délicats.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition et caractéristiques --\u003e\n  \u003csection class=\"soi-ocul-section\"\u003e\n    \u003ch2\u003eComposition et caractéristiques du produit\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ocul-compo\"\u003e\n      \u003cdiv class=\"soi-ocul-compo-row\"\u003e\n        \u003cspan class=\"soi-ocul-compo-label\"\u003eIngrédient principal\u003c\/span\u003e\n        \u003cspan class=\"soi-ocul-compo-value\"\u003eHydrolat de Centaurea Cyanus (bleuet) issu de l'agriculture biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocul-compo-row\"\u003e\n        \u003cspan class=\"soi-ocul-compo-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-ocul-compo-value\"\u003eFlacon compte-gouttes ambré de 10 ml, embout précision\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocul-compo-row\"\u003e\n        \u003cspan class=\"soi-ocul-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-ocul-compo-value\"\u003eCosmétique bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocul-compo-row\"\u003e\n        \u003cspan class=\"soi-ocul-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-ocul-compo-value\"\u003eConservateurs synthétiques, parfum ajouté, alcool\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocul-compo-row\"\u003e\n        \u003cspan class=\"soi-ocul-compo-label\"\u003eFlacon\u003c\/span\u003e\n        \u003cspan class=\"soi-ocul-compo-value\"\u003eVerre ambré protégeant l'hydrolat de la lumière\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment utiliser les Oculo Gouttes --\u003e\n  \u003csection class=\"soi-ocul-section\"\u003e\n    \u003ch2\u003eComment utiliser les Oculo Gouttes Alphagem ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ocul-timeline\"\u003e\n      \u003cdiv class=\"soi-ocul-step\"\u003e\n        \u003cdiv class=\"soi-ocul-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-ocul-step-content\"\u003e\n          \u003ch3\u003ePréparation\u003c\/h3\u003e\n          \u003cp\u003eLavez-vous soigneusement les mains avant toute manipulation du flacon.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocul-step\"\u003e\n        \u003cdiv class=\"soi-ocul-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-ocul-step-content\"\u003e\n          \u003ch3\u003eApplication\u003c\/h3\u003e\n          \u003cp\u003ePenchez légèrement la tête en arrière, tirez doucement la paupière inférieure et instillez \u003cstrong\u003e1 à 2 gouttes\u003c\/strong\u003e dans chaque œil.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocul-step\"\u003e\n        \u003cdiv class=\"soi-ocul-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-ocul-step-content\"\u003e\n          \u003ch3\u003eRépartition\u003c\/h3\u003e\n          \u003cp\u003eClignez des yeux doucement pour bien répartir la solution. Répétez \u003cstrong\u003e2 à 3 fois par jour\u003c\/strong\u003e selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ocul-tip\"\u003e\n      \u003cdiv class=\"soi-ocul-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eConservez le flacon à l'abri de la chaleur et de la lumière directe. Après ouverture, utilisez dans les \u003cstrong\u003e3 mois\u003c\/strong\u003e pour garantir la fraîcheur du produit.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Questions fréquentes --\u003e\n  \u003csection class=\"soi-ocul-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes sur les gouttes oculaires bio\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ocul-accordion\"\u003e\n      \u003cdetails class=\"soi-ocul-accordion-item\"\u003e\n        \u003csummary class=\"soi-ocul-accordion-header\"\u003e👁️ Les Oculo Gouttes sont-elles compatibles avec des lentilles de contact ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ocul-accordion-content\"\u003e\n          \u003cp\u003eIl est conseillé de retirer vos lentilles avant l'application et d'attendre quelques minutes avant de les remettre. En cas de doute, demandez conseil à votre opticien ou ophtalmologiste.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-ocul-accordion-item\"\u003e\n        \u003csummary class=\"soi-ocul-accordion-header\"\u003e⚕️ Ces gouttes oculaires remplacent-elles un traitement médical ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ocul-accordion-content\"\u003e\n          \u003cp\u003eNon. Les Oculo Gouttes sont un soin cosmétique de confort. Elles ne se substituent pas à un avis médical ni à un traitement prescrit pour une pathologie oculaire diagnostiquée (glaucome, conjonctivite infectieuse, etc.).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-ocul-accordion-item\"\u003e\n        \u003csummary class=\"soi-ocul-accordion-header\"\u003e🌾 Peut-on les utiliser en cas d'allergie au pollen ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ocul-accordion-content\"\u003e\n          \u003cp\u003eL'hydrolat de bleuet apporte un effet apaisant et rafraîchissant en cas d'irritation liée aux allergies saisonnières, mais ne constitue pas un antihistaminique. En cas de symptômes persistants, consultez un spécialiste.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Ce que vous apportent concrètement... --\u003e\n  \u003csection class=\"soi-ocul-section\"\u003e\n    \u003ch2\u003eCe que vous apportent concrètement les Oculo Gouttes bio\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ocul-benefits\"\u003e\n      \u003cdiv class=\"soi-ocul-benefit\"\u003e\n        \u003cdiv class=\"soi-ocul-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHydratation immédiate\u003c\/h3\u003e\n        \u003cp\u003eLe film lacrymal est soutenu dès l'application pour des yeux secs soulagés rapidement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocul-benefit\"\u003e\n        \u003cdiv class=\"soi-ocul-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eEffet apaisant\u003c\/h3\u003e\n        \u003cp\u003eRougeurs et irritations oculaires sont calmées grâce aux propriétés du bleuet bio.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocul-benefit\"\u003e\n        \u003cdiv class=\"soi-ocul-benefit-icon\"\u003e\u003cspan\u003e❄️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSensation de fraîcheur\u003c\/h3\u003e\n        \u003cp\u003eUn confort durable après chaque application, pour un regard plus frais et lumineux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ocul-benefit\"\u003e\n        \u003cdiv class=\"soi-ocul-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFormule douce et bio\u003c\/h3\u003e\n        \u003cp\u003eAdaptée à un usage quotidien, sans dépendance, dans le respect de l'environnement grâce à la certification biologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-ocul-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-ocul-cta-box\"\u003e\n      \u003cp class=\"soi-ocul-cta-tag\" style=\"color: white;\"\u003eLe bleuet au service de votre regard\u003c\/p\u003e\n      \u003cp class=\"soi-ocul-cta-text\" style=\"color: white;\"\u003eVos yeux méritent une attention aussi naturelle que quotidienne. Quelques gouttes d'hydrolat de bleuet bio suffisent pour retrouver un regard apaisé, frais et lumineux.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-ocul-marine: #1A2D3D;\n  --soi-ocul-marine-dark: #0F1E2B;\n  --soi-ocul-marine-light: #2C4458;\n  --soi-ocul-pomme: #A1C544;\n  --soi-ocul-pomme-dark: #84A636;\n  --soi-ocul-pomme-light: rgba(161,197,68,0.10);\n  --soi-ocul-white: #FFFFFF;\n  --soi-ocul-off-white: #F8FAF6;\n  --soi-ocul-stone: #F1F3EE;\n  --soi-ocul-line: #E5E8E0;\n  --soi-ocul-primary: #4A7AB8;\n  --soi-ocul-primary-soft: #E8F0FA;\n  --soi-ocul-accent: #6A9BD6;\n  --soi-ocul-text: #1A2D3D;\n  --soi-ocul-text-soft: #4A5B6B;\n  --soi-ocul-text-muted: #7B8693;\n  --soi-ocul-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-ocul-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-ocul-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-ocul-radius: 12px;\n  --soi-ocul-radius-sm: 8px;\n  --soi-ocul-radius-pill: 999px;\n}\n\n.soi-ocul-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ocul-fiche img { max-width: 100%; height: auto; }\n\n.soi-ocul-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-ocul-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-ocul-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-ocul-hero {\n  position: relative;\n  background: var(--soi-ocul-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-ocul-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-ocul-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-ocul-pomme);\n}\n\n.soi-ocul-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-ocul-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-ocul-pomme);\n  border-radius: 50%;\n}\n\n.soi-ocul-hero-title {\n  display: block;\n  color: var(--soi-ocul-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-ocul-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-ocul-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-ocul-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-ocul-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-ocul-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-ocul-label-accent {\n  background: var(--soi-ocul-pomme);\n  border-color: var(--soi-ocul-pomme);\n  color: var(--soi-ocul-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-ocul-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-ocul-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-ocul-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-ocul-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-ocul-pomme);\n  border-radius: 2px;\n}\n\n.soi-ocul-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-ocul-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-ocul-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-ocul-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-ocul-benefit {\n  background: var(--soi-ocul-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-ocul-radius);\n  border: 1px solid var(--soi-ocul-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-ocul-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-ocul-shadow-md);\n}\n\n.soi-ocul-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-ocul-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-ocul-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-ocul-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-ocul-benefit:hover .soi-ocul-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-ocul-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-ocul-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-ocul-benefit p {\n  font-size: 13px;\n  color: var(--soi-ocul-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-ocul-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-ocul-card {\n  background: var(--soi-ocul-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ocul-radius);\n  border-left: 3px solid var(--soi-ocul-pomme);\n}\n\n.soi-ocul-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-ocul-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-ocul-card p {\n  font-size: 14px;\n  color: var(--soi-ocul-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-ocul-compo {\n  background: var(--soi-ocul-off-white);\n  border-radius: var(--soi-ocul-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-ocul-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-ocul-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-ocul-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-ocul-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-ocul-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-ocul-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-ocul-marine);\n  text-align: right;\n}\n\n\/* TIMELINE *\/\n.soi-ocul-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-ocul-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-ocul-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ocul-radius);\n  border: 1px solid var(--soi-ocul-line);\n  align-items: flex-start;\n}\n\n.soi-ocul-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-ocul-marine);\n  color: var(--soi-ocul-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-ocul-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-ocul-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-ocul-step-content p {\n  font-size: 14px;\n  color: var(--soi-ocul-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* TIP *\/\n.soi-ocul-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-ocul-pomme-light);\n  border-left: 4px solid var(--soi-ocul-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-ocul-radius) var(--soi-ocul-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-ocul-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-ocul-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-ocul-marine);\n  margin-bottom: 4px;\n}\n\n.soi-ocul-tip p {\n  font-size: 14px;\n  color: var(--soi-ocul-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDION *\/\n.soi-ocul-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-ocul-accordion-item {\n  background: var(--soi-ocul-off-white);\n  border-radius: var(--soi-ocul-radius-sm);\n  border: 1px solid var(--soi-ocul-line);\n  overflow: hidden;\n}\n\n.soi-ocul-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-ocul-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-ocul-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-ocul-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-ocul-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-ocul-accordion-item[open] .soi-ocul-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-ocul-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-ocul-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-ocul-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-ocul-cta-box {\n  background: var(--soi-ocul-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-ocul-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-ocul-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-ocul-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-ocul-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-ocul-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-ocul-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-ocul-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-ocul-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-ocul-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-ocul-compo-value {\n    text-align: left;\n  }\n\n  .soi-ocul-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-ocul-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-ocul-fiche {\n    --soi-ocul-text-soft: #2C3E50;\n    --soi-ocul-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Alphagem","offers":[{"title":"Default Title","offer_id":61603795829066,"sku":"GE0065","price":11.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/oculo-gouttes-bio-alphagem-packshot.webp?v=1780052759","url":"https:\/\/www.soinature.com\/products\/oculo-gouttes-bio-alphagem","provider":"Soinature","version":"1.0","type":"link"}