{"product_id":"gommes-miel-propolis-verte-bio-proposnature","title":"Gommes Miel \u0026 Propolis verte Bio – Propos'Nature","description":"\u003cdiv class=\"soi-gpv-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-gpv-hero\"\u003e\n    \u003cdiv class=\"soi-gpv-hero-tag\"\u003e\n      \u003cspan class=\"soi-gpv-tag-dot\"\u003e\u003c\/span\u003e\n      Apithérapie · Propos'Nature\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-gpv-hero-title\"\u003eLa générosité de la ruche, la puissance du vivant\u003c\/span\u003e\n    \u003cp class=\"soi-gpv-hero-subtitle\"\u003eLa douceur du miel et la puissance de la propolis verte du Brésil réunies dans une gomme savoureuse, pour apaiser votre gorge et soutenir vos défenses naturelles.\u003c\/p\u003e\n    \u003cdiv class=\"soi-gpv-hero-labels\"\u003e\n      \u003cspan class=\"soi-gpv-label soi-gpv-label-accent\"\u003eBIO – AB\u003c\/span\u003e\n      \u003cspan class=\"soi-gpv-label\"\u003eFABRIQUÉES EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-gpv-label\"\u003eSANS COLORANTS\u003c\/span\u003e\n      \u003cspan class=\"soi-gpv-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n      \u003cspan class=\"soi-gpv-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Pourquoi la propolis verte Bio --\u003e\n  \u003csection class=\"soi-gpv-section\"\u003e\n    \u003ch2\u003ePourquoi la propolis verte Bio ? Une résine aux bienfaits exceptionnels\u003c\/h2\u003e\n    \u003cp\u003eLa propolis verte est une substance naturelle produite par les abeilles à partir de bourgeons et de résines végétales. Originaire du Brésil, elle est considérée comme l'une des plus riches en principes actifs, notamment en artépilline C, un polyphénol aux propriétés purifiantes et protectrices reconnues.\u003c\/p\u003e\n    \u003cdiv class=\"soi-gpv-benefits\"\u003e\n      \u003cdiv class=\"soi-gpv-benefit\"\u003e\n        \u003cdiv class=\"soi-gpv-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eDéfenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eSoutient les défenses naturelles de l'organisme, particulièrement en période hivernale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gpv-benefit\"\u003e\n        \u003cdiv class=\"soi-gpv-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eGorge apaisée\u003c\/h3\u003e\n        \u003cp\u003eApaise la gorge irritée dès les premiers signes d'inconfort.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gpv-benefit\"\u003e\n        \u003cdiv class=\"soi-gpv-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAction purifiante\u003c\/h3\u003e\n        \u003cp\u003eAction purifiante sur les voies respiratoires, renforcée par l'eucalyptus.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gpv-benefit\"\u003e\n        \u003cdiv class=\"soi-gpv-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFraîcheur buccale\u003c\/h3\u003e\n        \u003cp\u003eConfort buccal prolongé grâce à l'arôme naturel miel et eucalyptus.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Composition --\u003e\n  \u003csection class=\"soi-gpv-section\"\u003e\n    \u003ch2\u003eComposition complète des Gommes Propolis verte Bio\u003c\/h2\u003e\n    \u003cp class=\"soi-gpv-section-intro\"\u003ePropos'Nature ne fait aucun compromis sur la qualité des ingrédients. Voici ce que contient chaque gomme :\u003c\/p\u003e\n    \u003cdiv class=\"soi-gpv-compo\"\u003e\n      \u003cdiv class=\"soi-gpv-compo-row\"\u003e\n        \u003cspan class=\"soi-gpv-compo-label\"\u003eActif principal\u003c\/span\u003e\n        \u003cspan class=\"soi-gpv-compo-value\"\u003ePropolis verte Bio (Brésil), titrée en polyphénols\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gpv-compo-row\"\u003e\n        \u003cspan class=\"soi-gpv-compo-label\"\u003eAdoucissant\u003c\/span\u003e\n        \u003cspan class=\"soi-gpv-compo-value\"\u003eMiel Bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gpv-compo-row\"\u003e\n        \u003cspan class=\"soi-gpv-compo-label\"\u003eTexture\u003c\/span\u003e\n        \u003cspan class=\"soi-gpv-compo-value\"\u003eSucre roux Bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gpv-compo-row\"\u003e\n        \u003cspan class=\"soi-gpv-compo-label\"\u003eArôme\u003c\/span\u003e\n        \u003cspan class=\"soi-gpv-compo-value\"\u003eArôme naturel miel-eucalyptus\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gpv-tip\"\u003e\n      \u003cdiv class=\"soi-gpv-tip-icon\"\u003e🐝\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eFormule responsable\u003c\/strong\u003e\n        \u003cp\u003eSans colorants, sans conservateurs, sans gluten et sans aucun ingrédient issu de la pétrochimie. Non testée sur les animaux, dans une démarche de commerce équitable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Comment consommer --\u003e\n  \u003csection class=\"soi-gpv-section\"\u003e\n    \u003ch2\u003eComment consommer ces gommes à la propolis ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-gpv-timeline\"\u003e\n      \u003cdiv class=\"soi-gpv-step\"\u003e\n        \u003cdiv class=\"soi-gpv-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-gpv-step-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003eConsommez 5 à 6 gommes par jour, réparties tout au long de la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gpv-step\"\u003e\n        \u003cdiv class=\"soi-gpv-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-gpv-step-content\"\u003e\n          \u003ch3\u003eMode de prise\u003c\/h3\u003e\n          \u003cp\u003eLaissez fondre lentement en bouche pour un contact prolongé avec la gorge.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gpv-step\"\u003e\n        \u003cdiv class=\"soi-gpv-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-gpv-step-content\"\u003e\n          \u003ch3\u003eQuand les prendre ?\u003c\/h3\u003e\n          \u003cp\u003eIdéales dès les premiers signes d'irritation ou en prévention lors des périodes à risque.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gpv-step\"\u003e\n        \u003cdiv class=\"soi-gpv-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-gpv-step-content\"\u003e\n          \u003ch3\u003ePraticité\u003c\/h3\u003e\n          \u003cp\u003eÀ emporter partout grâce au sachet refermable pratique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gpv-accordion\"\u003e\n      \u003cdetails class=\"soi-gpv-accordion-item\"\u003e\n        \u003csummary class=\"soi-gpv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-gpv-accordion-content\"\u003e\n          \u003cp\u003eCes gommes conviennent aux adultes et aux enfants à partir de 3 ans. Elles ne remplacent pas un traitement médical et sont déconseillées aux personnes allergiques aux produits de la ruche.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Ce qui distingue --\u003e\n  \u003csection class=\"soi-gpv-section\"\u003e\n    \u003ch2\u003eCe qui distingue vraiment ces gommes propolis des autres\u003c\/h2\u003e\n    \u003cdiv class=\"soi-gpv-grid\"\u003e\n      \u003cdiv class=\"soi-gpv-card\"\u003e\n        \u003ch3\u003e🇧🇷 Propolis verte du Brésil certifiée Bio\u003c\/h3\u003e\n        \u003cp\u003eUne origine traçable et une concentration en actifs supérieure à la propolis brune classique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gpv-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriquées en France\u003c\/h3\u003e\n        \u003cp\u003eDans le respect des engagements éthiques et environnementaux de Propos'Nature.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gpv-card\"\u003e\n        \u003ch3\u003e🏅 Certification AB\u003c\/h3\u003e\n        \u003cp\u003eVérifiée par un organisme indépendant, garantissant le respect du cahier des charges biologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gpv-card\"\u003e\n        \u003ch3\u003e🍃 Saveur naturelle miel-eucalyptus\u003c\/h3\u003e\n        \u003cp\u003eUne expérience gustative réconfortante et fraîche, loin des bonbons artificiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gpv-card\"\u003e\n        \u003ch3\u003e🌱 Marque engagée\u003c\/h3\u003e\n        \u003cp\u003ePlus de 30 ans d'expertise en phytothérapie et aromathérapie naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Pour qui --\u003e\n  \u003csection class=\"soi-gpv-section\"\u003e\n    \u003ch2\u003ePour qui sont faites ces gommes à la propolis verte Bio ?\u003c\/h2\u003e\n    \u003cp class=\"soi-gpv-section-intro\"\u003eCes gommes s'adressent à toute la famille, dès que la gorge en a besoin :\u003c\/p\u003e\n    \u003cdiv class=\"soi-gpv-grid\"\u003e\n      \u003cdiv class=\"soi-gpv-card\"\u003e\n        \u003ch3\u003e❄️ Exposé au froid\u003c\/h3\u003e\n        \u003cp\u003eVous êtes souvent confronté aux courants d'air, aux transports en commun ou aux changements de température.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gpv-card\"\u003e\n        \u003ch3\u003e🌿 En quête de naturel\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez une alternative naturelle et Bio aux pastilles pharmaceutiques classiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gpv-card\"\u003e\n        \u003ch3\u003e🛡️ Prévention hivernale\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez soutenir vos défenses naturelles tout au long de l'hiver sans médicament.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gpv-card\"\u003e\n        \u003ch3\u003e🎤 Voix sollicitée\u003c\/h3\u003e\n        \u003cp\u003eVous êtes enseignant, chanteur ou toute personne qui sollicite beaucoup sa voix au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-gpv-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-gpv-cta-box\"\u003e\n      \u003cp class=\"soi-gpv-cta-text\" style=\"color: white;\"\u003eUn geste simple, savoureux et responsable pour votre gorge et votre bien-être, qui vous accompagne à 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  \/* === Couleurs Soinat (FIXES) === *\/\n  --soi-gpv-marine: #1A2D3D;\n  --soi-gpv-marine-dark: #0F1E2B;\n  --soi-gpv-marine-light: #2C4458;\n  --soi-gpv-pomme: #A1C544;\n  --soi-gpv-pomme-dark: #84A636;\n  --soi-gpv-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-gpv-white: #FFFFFF;\n  --soi-gpv-off-white: #F8FAF6;\n  --soi-gpv-stone: #F1F3EE;\n  --soi-gpv-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (apithérapie – or miel, vert packaging) === *\/\n  --soi-gpv-primary: #D4A82A;\n  --soi-gpv-primary-soft: rgba(212,168,42,0.12);\n  --soi-gpv-accent: #6B9E3A;\n\n  \/* === Textes === *\/\n  --soi-gpv-text: #1A2D3D;\n  --soi-gpv-text-soft: #4A5B6B;\n  --soi-gpv-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-gpv-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-gpv-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-gpv-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-gpv-radius: 12px;\n  --soi-gpv-radius-sm: 8px;\n  --soi-gpv-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-gpv-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gpv-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-gpv-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-gpv-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-gpv-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gpv-hero {\n  position: relative;\n  background: var(--soi-gpv-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-gpv-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-gpv-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-gpv-pomme);\n}\n\n.soi-gpv-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-gpv-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-gpv-pomme);\n  border-radius: 50%;\n}\n\n.soi-gpv-hero-title {\n  display: block;\n  color: var(--soi-gpv-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-gpv-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-gpv-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-gpv-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-gpv-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-gpv-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-gpv-label-accent {\n  background: var(--soi-gpv-pomme);\n  border-color: var(--soi-gpv-pomme);\n  color: var(--soi-gpv-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gpv-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gpv-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-gpv-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-gpv-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-gpv-pomme);\n  border-radius: 2px;\n}\n\n.soi-gpv-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-gpv-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-gpv-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-gpv-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-gpv-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-gpv-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-gpv-benefit {\n  background: var(--soi-gpv-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-gpv-radius);\n  border: 1px solid var(--soi-gpv-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gpv-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-gpv-shadow-md);\n}\n\n.soi-gpv-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-gpv-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-gpv-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-gpv-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-gpv-benefit:hover .soi-gpv-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-gpv-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gpv-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-gpv-benefit p {\n  font-size: 13px;\n  color: var(--soi-gpv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gpv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-gpv-card {\n  background: var(--soi-gpv-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gpv-radius);\n  border-left: 3px solid var(--soi-gpv-pomme);\n}\n\n.soi-gpv-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gpv-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-gpv-card p {\n  font-size: 14px;\n  color: var(--soi-gpv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-gpv-compo {\n  background: var(--soi-gpv-off-white);\n  border-radius: var(--soi-gpv-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-gpv-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-gpv-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-gpv-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-gpv-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-gpv-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-gpv-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-gpv-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-gpv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-gpv-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-gpv-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gpv-radius);\n  border: 1px solid var(--soi-gpv-line);\n  align-items: flex-start;\n}\n\n.soi-gpv-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-gpv-marine);\n  color: var(--soi-gpv-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-gpv-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-gpv-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-gpv-step-content p {\n  font-size: 14px;\n  color: var(--soi-gpv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-gpv-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-gpv-pomme-light);\n  border-left: 4px solid var(--soi-gpv-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-gpv-radius) var(--soi-gpv-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-gpv-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-gpv-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-gpv-marine);\n  margin-bottom: 4px;\n}\n\n.soi-gpv-tip p {\n  font-size: 14px;\n  color: var(--soi-gpv-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gpv-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-gpv-accordion-item {\n  background: var(--soi-gpv-off-white);\n  border-radius: var(--soi-gpv-radius-sm);\n  border: 1px solid var(--soi-gpv-line);\n  overflow: hidden;\n}\n\n.soi-gpv-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-gpv-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-gpv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-gpv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-gpv-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-gpv-accordion-item[open] .soi-gpv-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-gpv-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-gpv-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-gpv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gpv-cta-box {\n  background: var(--soi-gpv-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-gpv-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-gpv-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-gpv-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-gpv-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-gpv-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-gpv-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-gpv-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-gpv-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-gpv-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-gpv-compo-value {\n    text-align: left;\n  }\n\n  .soi-gpv-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-gpv-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-gpv-fiche {\n    --soi-gpv-text-soft: #2C3E50;\n    --soi-gpv-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Propos'Nature","offers":[{"title":"Default Title","offer_id":61603746906442,"sku":"PO0010","price":5.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gommes-miel-propolis-verte-bio-proposnature-packshot.webp?v=1787416621","url":"https:\/\/firmtoaromatherapy.com\/products\/gommes-miel-propolis-verte-bio-proposnature","provider":"Soinature","version":"1.0","type":"link"}