{"product_id":"propolis-pure","title":"Propolis pure à mâcher Bio - Propolia","description":"\n\u003cdiv class=\"soi-prop-fiche\"\u003e\n\n  \u003csection class=\"soi-prop-hero\"\u003e\n    \u003cdiv class=\"soi-prop-hero-tag\"\u003e\n      \u003cspan class=\"soi-prop-tag-dot\"\u003e\u003c\/span\u003e\n      Apithérapie · Propolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-prop-hero-title\"\u003ePropolis pure à mâcher Bio\u003c\/span\u003e\n    \u003cp class=\"soi-prop-hero-subtitle\"\u003eLa force brute de la ruche dans votre poche : une propolis 100 % naturelle, à mâcher lentement pour une action directe sur la gorge, les gencives et vos défenses naturelles.\u003c\/p\u003e\n    \u003cdiv class=\"soi-prop-hero-labels\"\u003e\n      \u003cspan class=\"soi-prop-label soi-prop-label-accent\"\u003eBIO · AB\u003c\/span\u003e\n      \u003cspan class=\"soi-prop-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-prop-label\"\u003e100 % NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-prop-label\"\u003eSANS ADDITIFS\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-prop-section\"\u003e\n    \u003ch2\u003eQu'est-ce que la propolis pure bio et pourquoi la mâcher ?\u003c\/h2\u003e\n    \u003cp\u003eVous connaissez peut-être la propolis en spray ou en gélules, mais avez-vous déjà essayé de la mâcher à l'état brut ? Ce geste, presque instinctif, est pourtant l'un des plus efficaces : la propolis se libère lentement en bouche, là où elle agit directement.\u003c\/p\u003e\n    \u003cp\u003eLa propolis est une résine naturelle récoltée par les abeilles sur les bourgeons et l'écorce des arbres. Elles l'utilisent pour protéger et assainir leur ruche. Riche en \u003cstrong\u003eflavonoïdes, acides phénoliques et composés aromatiques\u003c\/strong\u003e, elle est reconnue pour ses propriétés antiseptiques, antioxydantes et immunostimulantes.\u003c\/p\u003e\n    \u003cp\u003eMâcher la propolis brute présente un avantage concret : elle agit en contact direct sur la \u003cstrong\u003emuqueuse buccale, les gencives et la gorge\u003c\/strong\u003e, dès les premières minutes. Un réflexe particulièrement apprécié en période hivernale, lors d'une irritation de la gorge ou pour entretenir votre santé bucco-dentaire au quotidien.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-prop-section\"\u003e\n    \u003ch2\u003eComposition : que contient cette propolis à mâcher ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-prop-compo\"\u003e\n      \u003cdiv class=\"soi-prop-compo-row\"\u003e\n        \u003cspan class=\"soi-prop-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n        \u003cspan class=\"soi-prop-compo-value\"\u003ePropolis pure biologique (certifiée AB)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-prop-compo-row\"\u003e\n        \u003cspan class=\"soi-prop-compo-label\"\u003eAdditifs\u003c\/span\u003e\n        \u003cspan class=\"soi-prop-compo-value\"\u003eSans additifs, sans conservateurs, sans arômes artificiels\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-prop-compo-row\"\u003e\n        \u003cspan class=\"soi-prop-compo-label\"\u003eActifs naturels\u003c\/span\u003e\n        \u003cspan class=\"soi-prop-compo-value\"\u003eFlavonoïdes et polyphénols (teneur naturelle selon la récolte)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-prop-compo-row\"\u003e\n        \u003cspan class=\"soi-prop-compo-label\"\u003ePoids par barrette\u003c\/span\u003e\n        \u003cspan class=\"soi-prop-compo-value\"\u003eEnviron 1 g de propolis pure\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-prop-compo-row\"\u003e\n        \u003cspan class=\"soi-prop-compo-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-prop-compo-value\"\u003e10 g (plaquette prédécoupée, soit 10 barrettes)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-prop-tip\"\u003e\n      \u003cdiv class=\"soi-prop-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eLe conditionnement de 10 g correspond à une cure de 10 jours à raison d'1 g par jour. Pour une cure prolongée de 20 jours, prévoyez deux plaquettes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-prop-section\"\u003e\n    \u003ch2\u003eComment utiliser la propolis pure à mâcher Propolia ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-prop-timeline\"\u003e\n      \u003cdiv class=\"soi-prop-step\"\u003e\n        \u003cdiv class=\"soi-prop-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-prop-step-content\"\u003e\n          \u003ch3\u003eDétachez une barrette\u003c\/h3\u003e\n          \u003cp\u003eSéparez une barrette prédécoupée (environ 1 g) ou une demi-barrette selon votre sensibilité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-prop-step\"\u003e\n        \u003cdiv class=\"soi-prop-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-prop-step-content\"\u003e\n          \u003ch3\u003eMâchez lentement\u003c\/h3\u003e\n          \u003cp\u003ePlacez la barrette en bouche et mâchez lentement pendant \u003cstrong\u003e10 à 15 minutes\u003c\/strong\u003e jusqu'à obtenir une pâte homogène.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-prop-step\"\u003e\n        \u003cdiv class=\"soi-prop-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-prop-step-content\"\u003e\n          \u003ch3\u003eLibérez les actifs\u003c\/h3\u003e\n          \u003cp\u003ePlus vous mâchez longtemps, plus les principes actifs se libèrent. Vous pouvez ensuite avaler ou cracher le résidu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-prop-step\"\u003e\n        \u003cdiv class=\"soi-prop-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-prop-step-content\"\u003e\n          \u003ch3\u003eRenouvelez chaque jour\u003c\/h3\u003e\n          \u003cp\u003eConsommez \u003cstrong\u003e1 à 2 barrettes par jour\u003c\/strong\u003e, de préférence entre les repas, pendant \u003cstrong\u003e10 à 20 jours\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eCe format convient aux adultes comme aux enfants. Pour les plus jeunes, commencez par une demi-barrette sous surveillance.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-prop-section\"\u003e\n    \u003ch2\u003eLes bienfaits de la propolis bio à mâcher\u003c\/h2\u003e\n    \u003cdiv class=\"soi-prop-benefits\"\u003e\n      \u003cdiv class=\"soi-prop-benefit\"\u003e\n        \u003cdiv class=\"soi-prop-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSoutien immunitaire\u003c\/h3\u003e\n        \u003cp\u003eLes flavonoïdes de la propolis contribuent à stimuler vos défenses naturelles, particulièrement en automne et en hiver.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-prop-benefit\"\u003e\n        \u003cdiv class=\"soi-prop-benefit-icon\"\u003e\u003cspan\u003e😊\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSanté buccale\u003c\/h3\u003e\n        \u003cp\u003eAction directe sur les gencives, la muqueuse buccale et la gorge. Appréciée en cas d'irritations légères ou d'aphtes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-prop-benefit\"\u003e\n        \u003cdiv class=\"soi-prop-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAntiseptique naturel\u003c\/h3\u003e\n        \u003cp\u003eLa propolis brute agit comme un bouclier naturel contre les agents pathogènes, sans agresser la flore buccale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-prop-benefit\"\u003e\n        \u003cdiv class=\"soi-prop-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAntioxydant\u003c\/h3\u003e\n        \u003cp\u003eLes polyphénols aident à lutter contre le stress oxydatif cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-prop-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la propolis Propolia plutôt qu'une autre ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-prop-grid\"\u003e\n      \u003cdiv class=\"soi-prop-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n        \u003cp\u003eÉlaborée en Occitanie avec un savoir-faire apicole reconnu depuis plus de 30 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-prop-card\"\u003e\n        \u003ch3\u003e🌱 Certifiée Agriculture Biologique\u003c\/h3\u003e\n        \u003cp\u003eLabel AB garanti : aucun pesticide, aucun résidu chimique dans la propolis.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-prop-card\"\u003e\n        \u003ch3\u003e📐 Format plaquette prédécoupée\u003c\/h3\u003e\n        \u003cp\u003eDosage précis et pratique, facile à emporter même en déplacement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-prop-card\"\u003e\n        \u003ch3\u003e🔥 Propolis brute non chauffée\u003c\/h3\u003e\n        \u003cp\u003eAucun traitement thermique, pour préserver l'intégralité des actifs naturels.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-prop-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"soi-prop-accordion\"\u003e\n      \u003cdetails class=\"soi-prop-accordion-item\"\u003e\n        \u003csummary class=\"soi-prop-accordion-header\"\u003e⚠️ Allergies et contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"soi-prop-accordion-content\"\u003e\n          \u003cp\u003eLa propolis est déconseillée aux personnes allergiques aux produits de la ruche (miel, cire, pollen). En cas de doute, consultez un médecin ou un pharmacien avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-prop-accordion-item\"\u003e\n        \u003csummary class=\"soi-prop-accordion-header\"\u003e💊 Complément alimentaire\u003c\/summary\u003e\n        \u003cdiv class=\"soi-prop-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical ni à une alimentation variée et équilibrée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-prop-accordion-item\"\u003e\n        \u003csummary class=\"soi-prop-accordion-header\"\u003e📦 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-prop-accordion-content\"\u003e\n          \u003cp\u003eConservez le produit à l'abri de la chaleur et de l'humidité pour préserver toutes les qualités de la propolis.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-prop-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-prop-cta-box\"\u003e\n      \u003cp class=\"soi-prop-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, un geste à la fois\u003c\/p\u003e\n      \u003cp class=\"soi-prop-cta-text\" style=\"color: white;\"\u003eLa propolis pure à mâcher bio Propolia : un soutien immunitaire naturel, certifié bio et fabriqué en France, pour toute la famille dès les premiers frimas.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-prop-marine: #1A2D3D;\n  --soi-prop-marine-dark: #0F1E2B;\n  --soi-prop-marine-light: #2C4458;\n  --soi-prop-pomme: #A1C544;\n  --soi-prop-pomme-dark: #84A636;\n  --soi-prop-pomme-light: rgba(161,197,68,0.10);\n  --soi-prop-white: #FFFFFF;\n  --soi-prop-off-white: #F8FAF6;\n  --soi-prop-stone: #F1F3EE;\n  --soi-prop-line: #E5E8E0;\n  --soi-prop-primary: #D4A82A;\n  --soi-prop-primary-soft: rgba(212,168,42,0.12);\n  --soi-prop-accent: #B5503A;\n  --soi-prop-text: #1A2D3D;\n  --soi-prop-text-soft: #4A5B6B;\n  --soi-prop-text-muted: #7B8693;\n  --soi-prop-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-prop-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-prop-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-prop-radius: 12px;\n  --soi-prop-radius-sm: 8px;\n  --soi-prop-radius-pill: 999px;\n}\n\n.soi-prop-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-prop-fiche img { max-width: 100%; height: auto; }\n\n.soi-prop-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-prop-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-prop-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-prop-hero {\n  position: relative;\n  background: var(--soi-prop-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-prop-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-prop-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-prop-primary);\n}\n\n.soi-prop-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-prop-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-prop-primary);\n  border-radius: 50%;\n}\n\n.soi-prop-hero-title {\n  display: block;\n  color: var(--soi-prop-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-prop-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-prop-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-prop-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-prop-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-prop-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-prop-label-accent {\n  background: var(--soi-prop-primary);\n  border-color: var(--soi-prop-primary);\n  color: var(--soi-prop-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-prop-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-prop-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-prop-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-prop-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-prop-pomme);\n  border-radius: 2px;\n}\n\n.soi-prop-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-prop-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-prop-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-prop-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-prop-benefit {\n  background: var(--soi-prop-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-prop-radius);\n  border: 1px solid var(--soi-prop-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-prop-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-prop-shadow-md);\n}\n\n.soi-prop-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-prop-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-prop-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-prop-primary);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-prop-benefit:hover .soi-prop-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-prop-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-prop-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-prop-benefit p {\n  font-size: 13px;\n  color: var(--soi-prop-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-prop-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-prop-card {\n  background: var(--soi-prop-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-prop-radius);\n  border-left: 3px solid var(--soi-prop-primary);\n}\n\n.soi-prop-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-prop-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-prop-card p {\n  font-size: 14px;\n  color: var(--soi-prop-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-prop-compo {\n  background: var(--soi-prop-off-white);\n  border-radius: var(--soi-prop-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-prop-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-prop-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-prop-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-prop-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-prop-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-prop-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-prop-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-prop-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-prop-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-prop-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-prop-radius);\n  border: 1px solid var(--soi-prop-line);\n  align-items: flex-start;\n}\n\n.soi-prop-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-prop-marine);\n  color: var(--soi-prop-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-prop-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-prop-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-prop-step-content p {\n  font-size: 14px;\n  color: var(--soi-prop-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-prop-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-prop-primary-soft);\n  border-left: 4px solid var(--soi-prop-primary);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-prop-radius) var(--soi-prop-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-prop-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-prop-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-prop-marine);\n  margin-bottom: 4px;\n}\n\n.soi-prop-tip p {\n  font-size: 14px;\n  color: var(--soi-prop-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-prop-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-prop-accordion-item {\n  background: var(--soi-prop-off-white);\n  border-radius: var(--soi-prop-radius-sm);\n  border: 1px solid var(--soi-prop-line);\n  overflow: hidden;\n}\n\n.soi-prop-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-prop-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-prop-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-prop-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-prop-primary);\n  transition: transform 0.2s ease;\n}\n\n.soi-prop-accordion-item[open] .soi-prop-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-prop-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-prop-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-prop-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-prop-cta-box {\n  background: var(--soi-prop-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-prop-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-prop-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-prop-primary);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-prop-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-prop-primary);\n  margin-bottom: 0.75rem;\n}\n\n.soi-prop-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-prop-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-prop-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-prop-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-prop-compo-value {\n    text-align: left;\n  }\n\n  .soi-prop-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-prop-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-prop-fiche {\n    --soi-prop-text-soft: #2C3E50;\n    --soi-prop-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603178152266,"sku":"AP0101","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/propolis-pure-a-macher-bio-propolia-packshot_7101065b-baa7-4aaa-9d65-f63cf1836ea8.webp?v=1782577248","url":"https:\/\/firmtoaromatherapy.com\/products\/propolis-pure","provider":"Soinature","version":"1.0","type":"link"}