{"product_id":"gommes-propolis-miel-eucalyptus","title":"Gommes de Propolis Miel et Eucalyptus - Propolia","description":"\n\u003cdiv class=\"soi-gmpro-fiche\"\u003e\n\n  \u003csection class=\"soi-gmpro-hero\"\u003e\n    \u003cdiv class=\"soi-gmpro-hero-tag\"\u003e\n      \u003cspan class=\"soi-gmpro-tag-dot\"\u003e\u003c\/span\u003e\n      Apithérapie · Propolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-gmpro-hero-title\"\u003eLe réflexe naturel pour apaiser votre gorge\u003c\/span\u003e\n    \u003cp class=\"soi-gmpro-hero-subtitle\"\u003eQuand la gorge gratte ou que le nez se bouche, une gomme à sucer suffit : propolis, miel et eucalyptus associés en une formule trois-en-un, fabriquée en France.\u003c\/p\u003e\n    \u003cdiv class=\"soi-gmpro-hero-labels\"\u003e\n      \u003cspan class=\"soi-gmpro-label soi-gmpro-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-gmpro-label\"\u003e100 % NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-gmpro-label\"\u003eSANS COLORANTS\u003c\/span\u003e\n      \u003cspan class=\"soi-gmpro-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n      \u003cspan class=\"soi-gmpro-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-gmpro-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ces gommes à la propolis ?\u003c\/h2\u003e\n    \u003cp class=\"soi-gmpro-section-intro\"\u003eLa propolis, résine naturelle produite par les abeilles, est reconnue depuis des siècles pour ses vertus apaisantes sur la gorge et les voies respiratoires. Associée au miel et à l'eucalyptus, cette formule offre un soutien complet aux premiers signes d'inconfort respiratoire.\u003c\/p\u003e\n    \u003cdiv class=\"soi-gmpro-benefits\"\u003e\n      \u003cdiv class=\"soi-gmpro-benefit\"\u003e\n        \u003cdiv class=\"soi-gmpro-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaise la gorge irritée\u003c\/h3\u003e\n        \u003cp\u003eGrâce aux propriétés combinées de la propolis et du miel, adoucissant naturel par excellence.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gmpro-benefit\"\u003e\n        \u003cdiv class=\"soi-gmpro-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eDégage les voies respiratoires\u003c\/h3\u003e\n        \u003cp\u003eL'eucalyptus, actif naturel bien toléré, contribue à un effet décongestionnant appréciable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gmpro-benefit\"\u003e\n        \u003cdiv class=\"soi-gmpro-benefit-icon\"\u003e\u003cspan\u003e💨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRafraîchit l'haleine\u003c\/h3\u003e\n        \u003cp\u003ePour un confort tout au long de la journée, au bureau comme en déplacement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gmpro-benefit\"\u003e\n        \u003cdiv class=\"soi-gmpro-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eToute la famille dès 6 ans\u003c\/h3\u003e\n        \u003cp\u003eUne solution familiale simple, adaptée aux adultes et aux enfants dès 6 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-gmpro-section\"\u003e\n    \u003ch2\u003eComposition des gommes de propolis Propolia\u003c\/h2\u003e\n    \u003cp class=\"soi-gmpro-section-intro\"\u003eChaque gomme est formulée à partir d'ingrédients 100 % d'origine naturelle, sans colorants, sans arômes artificiels et sans conservateurs.\u003c\/p\u003e\n    \u003cdiv class=\"soi-gmpro-grid\"\u003e\n      \u003cdiv class=\"soi-gmpro-card\"\u003e\n        \u003ch3\u003e🐝 Propolis\u003c\/h3\u003e\n        \u003cp\u003eExtrait naturel de la ruche, actif clé reconnu pour ses vertus apaisantes sur la gorge.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gmpro-card\"\u003e\n        \u003ch3\u003e🍯 Miel\u003c\/h3\u003e\n        \u003cp\u003eAdoucissant et enrobant naturel, il contribue au confort des muqueuses irritées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gmpro-card\"\u003e\n        \u003ch3\u003e🌿 Eucalyptus\u003c\/h3\u003e\n        \u003cp\u003eHuile essentielle ou extrait végétal aux effets décongestionnants, pour libérer les voies respiratoires.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gmpro-compo\"\u003e\n      \u003cdiv class=\"soi-gmpro-compo-row\"\u003e\n        \u003cspan class=\"soi-gmpro-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-gmpro-compo-value\"\u003e45 g (environ 45 gommes)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gmpro-compo-row\"\u003e\n        \u003cspan class=\"soi-gmpro-compo-label\"\u003eForme\u003c\/span\u003e\n        \u003cspan class=\"soi-gmpro-compo-value\"\u003eGommes à sucer\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gmpro-compo-row\"\u003e\n        \u003cspan class=\"soi-gmpro-compo-label\"\u003eOrigine de fabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-gmpro-compo-value\"\u003eOccitanie, France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gmpro-compo-row\"\u003e\n        \u003cspan class=\"soi-gmpro-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-gmpro-compo-value\"\u003eGluten, colorants, conservateurs, arômes artificiels\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gmpro-tip\"\u003e\n      \u003cdiv class=\"soi-gmpro-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eSucez 5 à 6 gommes par jour, de préférence en dehors des repas, à répartir sur la journée selon vos besoins.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-gmpro-section\"\u003e\n    \u003ch2\u003eComment utiliser les gommes pour la gorge au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-gmpro-timeline\"\u003e\n      \u003cdiv class=\"soi-gmpro-step\"\u003e\n        \u003cdiv class=\"soi-gmpro-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-gmpro-step-content\"\u003e\n          \u003ch3\u003eEn prévention\u003c\/h3\u003e\n          \u003cp\u003eAux changements de saison, consommez 2 à 3 gommes par jour pour soutenir votre gorge et vos défenses naturelles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gmpro-step\"\u003e\n        \u003cdiv class=\"soi-gmpro-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-gmpro-step-content\"\u003e\n          \u003ch3\u003eEn période d'inconfort\u003c\/h3\u003e\n          \u003cp\u003eMontez jusqu'à 5 à 6 gommes par jour, réparties matin, après-midi et soir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gmpro-step\"\u003e\n        \u003cdiv class=\"soi-gmpro-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-gmpro-step-content\"\u003e\n          \u003ch3\u003eEn déplacement\u003c\/h3\u003e\n          \u003cp\u003eLe format boîte de 45 g glisse facilement dans un sac ou une poche. Pratique au bureau, en voyage ou en randonnée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gmpro-tip\"\u003e\n      \u003cdiv class=\"soi-gmpro-tip-icon\"\u003e⚠️\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003ePrécaution\u003c\/strong\u003e\n        \u003cp\u003eCe produit est un complément alimentaire et ne remplace pas un traitement médical. En cas de symptômes persistants, consultez un professionnel de santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-gmpro-section\"\u003e\n    \u003ch2\u003eLes engagements qualité Propolia\u003c\/h2\u003e\n    \u003cdiv class=\"soi-gmpro-grid\"\u003e\n      \u003cdiv class=\"soi-gmpro-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eProduit en Occitanie, dans le respect des normes françaises de qualité alimentaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gmpro-card\"\u003e\n        \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003eSans colorants, sans conservateurs, sans arômes artificiels. Juste le meilleur de la ruche.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gmpro-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eAdapté aux adultes et aux enfants dès 6 ans. Sans gluten.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-gmpro-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes sur les gommes propolis et miel\u003c\/h2\u003e\n    \u003cdiv class=\"soi-gmpro-accordion\"\u003e\n      \u003cdetails class=\"soi-gmpro-accordion-item\"\u003e\n        \u003csummary class=\"soi-gmpro-accordion-header\"\u003e🍯 Les gommes propolis sont-elles efficaces contre le mal de gorge ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-gmpro-accordion-content\"\u003e\n          \u003cp\u003eElles ne soignent pas au sens médical du terme, mais la propolis et le miel sont reconnus pour leur action apaisante sur les muqueuses. Elles soulagent l'inconfort rapidement et de façon naturelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-gmpro-accordion-item\"\u003e\n        \u003csummary class=\"soi-gmpro-accordion-header\"\u003e👶 À partir de quel âge peut-on donner ces gommes à un enfant ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-gmpro-accordion-content\"\u003e\n          \u003cp\u003eDès 6 ans, sous surveillance d'un adulte. Évitez de les donner à de très jeunes enfants en raison du risque de fausse route.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-gmpro-accordion-item\"\u003e\n        \u003csummary class=\"soi-gmpro-accordion-header\"\u003e📅 Peut-on consommer ces gommes en cure longue ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-gmpro-accordion-content\"\u003e\n          \u003cp\u003eOui, elles sont bien tolérées sur la durée. Une cure de 3 à 4 semaines est classique, à renouveler selon les besoins saisonniers.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-gmpro-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-gmpro-cta-box\"\u003e\n      \u003cp class=\"soi-gmpro-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, en toute simplicité\u003c\/p\u003e\n      \u003cp class=\"soi-gmpro-cta-text\" style=\"color: white;\"\u003eLa nature concentrée en une seule petite gomme. Glissez Propolia dans votre poche et retrouvez le confort de votre gorge, en famille, à chaque 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-gmpro-marine: #1A2D3D;\n  --soi-gmpro-marine-dark: #0F1E2B;\n  --soi-gmpro-marine-light: #2C4458;\n  --soi-gmpro-pomme: #A1C544;\n  --soi-gmpro-pomme-dark: #84A636;\n  --soi-gmpro-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-gmpro-white: #FFFFFF;\n  --soi-gmpro-off-white: #F8FAF6;\n  --soi-gmpro-stone: #F1F3EE;\n  --soi-gmpro-line: #E5E8E0;\n\n  --soi-gmpro-primary: #D4A82A;\n  --soi-gmpro-primary-soft: #F5EFE3;\n  --soi-gmpro-accent: #8FBFAA;\n\n  --soi-gmpro-text: #1A2D3D;\n  --soi-gmpro-text-soft: #4A5B6B;\n  --soi-gmpro-text-muted: #7B8693;\n\n  --soi-gmpro-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-gmpro-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-gmpro-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-gmpro-radius: 12px;\n  --soi-gmpro-radius-sm: 8px;\n  --soi-gmpro-radius-pill: 999px;\n}\n\n.soi-gmpro-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gmpro-fiche img { max-width: 100%; height: auto; }\n\n.soi-gmpro-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-gmpro-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-gmpro-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gmpro-hero {\n  position: relative;\n  background: var(--soi-gmpro-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-gmpro-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-gmpro-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-gmpro-pomme);\n}\n\n.soi-gmpro-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-gmpro-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-gmpro-pomme);\n  border-radius: 50%;\n}\n\n.soi-gmpro-hero-title {\n  display: block;\n  color: var(--soi-gmpro-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-gmpro-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-gmpro-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-gmpro-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-gmpro-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-gmpro-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-gmpro-label-accent {\n  background: var(--soi-gmpro-pomme);\n  border-color: var(--soi-gmpro-pomme);\n  color: var(--soi-gmpro-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gmpro-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gmpro-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-gmpro-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-gmpro-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-gmpro-pomme);\n  border-radius: 2px;\n}\n\n.soi-gmpro-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-gmpro-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-gmpro-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-gmpro-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-gmpro-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-gmpro-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-gmpro-benefit {\n  background: var(--soi-gmpro-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-gmpro-radius);\n  border: 1px solid var(--soi-gmpro-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gmpro-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-gmpro-shadow-md);\n}\n\n.soi-gmpro-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-gmpro-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-gmpro-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-gmpro-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-gmpro-benefit:hover .soi-gmpro-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-gmpro-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gmpro-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-gmpro-benefit p {\n  font-size: 13px;\n  color: var(--soi-gmpro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gmpro-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-gmpro-card {\n  background: var(--soi-gmpro-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gmpro-radius);\n  border-left: 3px solid var(--soi-gmpro-pomme);\n}\n\n.soi-gmpro-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gmpro-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-gmpro-card p {\n  font-size: 14px;\n  color: var(--soi-gmpro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-gmpro-compo {\n  background: var(--soi-gmpro-off-white);\n  border-radius: var(--soi-gmpro-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-gmpro-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-gmpro-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-gmpro-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-gmpro-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-gmpro-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-gmpro-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-gmpro-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-gmpro-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-gmpro-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-gmpro-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gmpro-radius);\n  border: 1px solid var(--soi-gmpro-line);\n  align-items: flex-start;\n}\n\n.soi-gmpro-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-gmpro-marine);\n  color: var(--soi-gmpro-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-gmpro-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-gmpro-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-gmpro-step-content p {\n  font-size: 14px;\n  color: var(--soi-gmpro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-gmpro-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-gmpro-pomme-light);\n  border-left: 4px solid var(--soi-gmpro-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-gmpro-radius) var(--soi-gmpro-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-gmpro-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-gmpro-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-gmpro-marine);\n  margin-bottom: 4px;\n}\n\n.soi-gmpro-tip p {\n  font-size: 14px;\n  color: var(--soi-gmpro-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gmpro-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-gmpro-accordion-item {\n  background: var(--soi-gmpro-off-white);\n  border-radius: var(--soi-gmpro-radius-sm);\n  border: 1px solid var(--soi-gmpro-line);\n  overflow: hidden;\n}\n\n.soi-gmpro-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-gmpro-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-gmpro-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-gmpro-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-gmpro-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-gmpro-accordion-item[open] .soi-gmpro-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-gmpro-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-gmpro-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-gmpro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gmpro-cta-box {\n  background: var(--soi-gmpro-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-gmpro-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-gmpro-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-gmpro-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-gmpro-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-gmpro-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-gmpro-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-gmpro-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-gmpro-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-gmpro-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-gmpro-compo-value {\n    text-align: left;\n  }\n\n  .soi-gmpro-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-gmpro-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-gmpro-fiche {\n    --soi-gmpro-text-soft: #2C3E50;\n    --soi-gmpro-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61602789654858,"sku":"AP0002","price":5.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gommes-de-propolis-miel-et-eucalyptus-propolia-packshot.webp?v=1788685433","url":"https:\/\/firmtoaromatherapy.com\/products\/gommes-propolis-miel-eucalyptus","provider":"Soinature","version":"1.0","type":"link"}