{"product_id":"gommes-propolis-verte-bio-oligoelements-proposnature","title":"Gommes à la Propolis Verte Bio, Pin \u0026 Oligoéléments - 45 g - Propos'Nature","description":"\u003cdiv class=\"pv-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pv-hero\"\u003e\n\u003cdiv class=\"pv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pv-hero-content\"\u003e\n\u003cdiv class=\"pv-badges-top\"\u003e\n\u003cspan class=\"pv-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e \u003cspan class=\"pv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"pv-badge\"\u003e🚫 Sans sucres ajoutés\u003c\/span\u003e \u003cspan class=\"pv-badge\"\u003e👨👩👧 Dès 6 ans\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pv-hero-title\"\u003eLe pouvoir naturel de la ruche à portée de main\u003c\/span\u003e\n\u003cp class=\"pv-subtitle\"\u003ePropolis verte bio · Pin · Oligoéléments\u003c\/p\u003e\n\u003cp class=\"pv-description\"\u003eUne synergie unique entre propolis verte bio du Brésil, arôme naturel de pin et minéraux essentiels pour soutenir vos défenses naturelles et votre confort respiratoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 : Pourquoi choisir ces gommes à la propolis verte bio ? --\u003e\n\u003csection class=\"pv-section\"\u003e\n\u003ch2\u003ePourquoi choisir ces gommes à la propolis verte bio ?\u003c\/h2\u003e\n\u003cp class=\"pv-section-intro\"\u003eIssues du savoir-faire de Propos'Nature, ces gommes allient le meilleur de la ruche à des oligoéléments ciblés, pour vous accompagner lors des changements de saison.\u003c\/p\u003e\n\u003cdiv class=\"pv-grid\"\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e🐝 Propolis verte du Brésil\u003c\/h3\u003e\n\u003cp\u003eRécoltée sur les bourgeons d'Alecrim, riche en flavonoïdes et artépilline-C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e🛡️ Cuivre \u0026amp; Zinc\u003c\/h3\u003e\n\u003cp\u003eContribuent au système immunitaire et à la protection contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e⚡ Manganèse \u0026amp; Magnésium\u003c\/h3\u003e\n\u003cp\u003eSoutiennent le métabolisme énergétique et réduisent la fatigue passagère.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e🌲 Arôme naturel de pin\u003c\/h3\u003e\n\u003cp\u003eFraîcheur boisée qui accompagne le confort des voies respiratoires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 : À qui s'adressent ces gommes de propolis ? --\u003e\n\u003csection class=\"pv-section\"\u003e\n\u003ch2\u003eÀ qui s'adressent ces gommes de propolis ?\u003c\/h2\u003e\n\u003cdiv class=\"pv-grid\"\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e👨👩👧 Famille dès 6 ans\u003c\/h3\u003e\n\u003cp\u003eFormat pratique et goût agréable, avec un cœur actif 100 % issu de la ruche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e❄️ Hiver \u0026amp; changements de saison\u003c\/h3\u003e\n\u003cp\u003eIdéales en cas de gorge irritée ou de premiers signes de refroidissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e🎒 Nomades et actifs\u003c\/h3\u003e\n\u003cp\u003eÀ glisser dans votre sac pour une prise facile au bureau ou en déplacement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 : Composition --\u003e\n\u003csection class=\"pv-section\"\u003e\n\u003ch2\u003eComposition et conseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"pv-timeline\"\u003e\n\u003cdiv class=\"pv-timeline-item\"\u003e\n\u003cdiv class=\"pv-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pv-timeline-content\"\u003e\n\u003ch3\u003eIngrédients\u003c\/h3\u003e\n\u003cp\u003eSirop de maltitol, propolis verte bio (0,8 %), gomme arabique, arôme naturel de pin, gluconates de zinc, cuivre, manganèse et magnésium.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-timeline-item\"\u003e\n\u003cdiv class=\"pv-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pv-timeline-content\"\u003e\n\u003ch3\u003eFormat\u003c\/h3\u003e\n\u003cp\u003eSachet refermable de 45 g.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-timeline-item\"\u003e\n\u003cdiv class=\"pv-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pv-timeline-content\"\u003e\n\u003ch3\u003ePosologie\u003c\/h3\u003e\n\u003cp\u003e5 à 6 gommes par jour, à sucer lentement pour profiter pleinement des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-timeline-item\"\u003e\n\u003cdiv class=\"pv-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pv-timeline-content\"\u003e\n\u003ch3\u003eCure conseillée\u003c\/h3\u003e\n\u003cp\u003e3 à 4 semaines, à renouveler aux périodes à risque (automne, hiver).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-timeline-item\"\u003e\n\u003cdiv class=\"pv-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"pv-timeline-content\"\u003e\n\u003ch3\u003eFabrication\u003c\/h3\u003e\n\u003cp\u003eFrance · Certifié bio · Savoir-faire apicole exigeant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-tip\"\u003e\n\u003cspan class=\"pv-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePrécautions d'emploi :\u003c\/strong\u003e Déconseillé aux personnes allergiques aux produits de la ruche et aux femmes enceintes ou allaitantes sans avis médical. Ne remplace pas une alimentation variée. En cas de symptômes persistants, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 : FAQ --\u003e\n\u003csection class=\"pv-section\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"pv-accordion\"\u003e\n\u003cdetails class=\"pv-accordion-item\"\u003e\n\u003csummary class=\"pv-accordion-header\"\u003eDifférence avec les gommes propolis eucalyptus ou miel ?\u003c\/summary\u003e\n\u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n\u003cp\u003eCette version mise sur l'arôme de pin, plus doux et boisé, et ajoute 4 oligoéléments (zinc, cuivre, manganèse, magnésium) pour une action globale sur l'immunité et la vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pv-accordion-item\"\u003e\n\u003csummary class=\"pv-accordion-header\"\u003ePeut-on en prendre tous les jours ?\u003c\/summary\u003e\n\u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n\u003cp\u003eOui, 5 à 6 gommes par jour sur une cure de 3 à 4 semaines, à renouveler aux périodes à risque.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pv-accordion-item\"\u003e\n\u003csummary class=\"pv-accordion-header\"\u003eContiennent-elles du sucre ?\u003c\/summary\u003e\n\u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n\u003cp\u003eNon, elles sont édulcorées au sirop de maltitol : zéro sucre ajouté, pour un plaisir sain au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pv-accordion-item\"\u003e\n\u003csummary class=\"pv-accordion-header\"\u003eD'où provient la propolis verte ?\u003c\/summary\u003e\n\u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n\u003cp\u003eLa propolis verte est récoltée au Brésil, sur les bourgeons d'Alecrim (Baccharis dracunculifolia), une plante qui lui confère sa teinte caractéristique et sa richesse en artépilline-C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"pv-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"pv-cta-box\"\u003e\n\u003cp\u003e🐝 Le pouvoir naturel de la ruche, en gommes délicieuses et actives. Prenez soin de vous avec douceur, naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --pv-cream: #F4FAFC;\n  --pv-white: #ffffff;\n  --pv-primary: #7EC8D9;\n  --pv-primary-dark: #1A4B5C;\n  --pv-primary-light: #E6F4F8;\n  --pv-secondary: #A1C544;\n  --pv-accent: #D4A82A;\n  --pv-text: #1a2d3d;\n  --pv-text-light: #5a6b7a;\n  --pv-border: #d8e6ec;\n  --pv-shadow: 0 4px 24px rgba(26,75,92,.08);\n  --pv-shadow-lg: 0 12px 48px rgba(26,75,92,.15);\n  --pv-radius: 20px;\n  --pv-radius-sm: 12px;\n}\n\n.pv-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pv-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.pv-premium * { box-sizing: border-box; }\n\n\/* === HERO === *\/\n.pv-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7EC8D9 0%, #4FA8BE 50%, #1A4B5C 100%);\n  border-radius: var(--pv-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--pv-shadow-lg);\n}\n\n.pv-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .08;\n  background-image: \n    radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n    radial-gradient(circle at 80% 70%, white 2px, transparent 2px),\n    radial-gradient(circle at 50% 50%, white 1px, transparent 1px);\n  background-size: 60px 60px, 80px 80px, 40px 40px;\n}\n\n.pv-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pv-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 7vw, 42px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.15;\n}\n\n.pv-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  letter-spacing: .05em;\n  margin: 0 0 1rem 0;\n  text-transform: uppercase;\n}\n\n.pv-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 16px);\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.pv-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pv-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--pv-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pv-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pv-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pv-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pv-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.pv-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--pv-primary), var(--pv-secondary));\n  border-radius: 2px;\n}\n\n.pv-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pv-text-light);\n  margin-bottom: 2rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pv-card {\n  background: var(--pv-white);\n  border-radius: var(--pv-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pv-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pv-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pv-shadow-lg);\n  border-color: var(--pv-primary);\n}\n\n.pv-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pv-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pv-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pv-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRID === *\/\n.pv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.pv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pv-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pv-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pv-primary), var(--pv-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(126,200,217,.4);\n}\n\n.pv-timeline-content {\n  flex: 1;\n  background: var(--pv-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pv-radius-sm);\n  box-shadow: var(--pv-shadow);\n}\n\n.pv-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pv-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pv-timeline-content p {\n  font-size: 14px;\n  color: var(--pv-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.pv-accordion {\n  background: var(--pv-white);\n  border-radius: var(--pv-radius);\n  box-shadow: var(--pv-shadow);\n  overflow: hidden;\n}\n\n.pv-accordion-item {\n  border-bottom: 1px solid var(--pv-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pv-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pv-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pv-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.pv-accordion-header:hover {\n  background: var(--pv-primary-light);\n}\n\n.pv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pv-accordion-header::after {\n  content: '+';\n  font-size: 24px;\n  font-weight: 400;\n  color: var(--pv-primary);\n  transition: transform .2s ease;\n  line-height: 1;\n}\n\n.pv-accordion-item[open] .pv-accordion-header::after {\n  content: '−';\n}\n\n.pv-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pv-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.pv-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.pv-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--pv-primary-light);\n  border-radius: var(--pv-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--pv-accent);\n}\n\n.pv-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.pv-tip p {\n  font-size: 14px;\n  color: var(--pv-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pv-tip strong {\n  color: var(--pv-primary-dark);\n  font-weight: 800;\n}\n\n\/* === CTA === *\/\n.pv-cta-box {\n  background: linear-gradient(135deg, var(--pv-primary) 0%, var(--pv-primary-dark) 100%);\n  border-radius: var(--pv-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--pv-shadow-lg);\n}\n\n.pv-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 80px;\n  height: 4px;\n  background: var(--pv-secondary);\n  border-radius: 0 0 4px 4px;\n}\n\n.pv-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .pv-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .pv-card {\n    padding: 1.125rem;\n  }\n\n  .pv-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .pv-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pv-radius-sm);\n  }\n\n  .pv-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .pv-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .pv-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .pv-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .pv-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .pv-timeline-content p {\n    font-size: 13px;\n  }\n\n  .pv-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .pv-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .pv-tip {\n    flex-direction: column;\n    gap: .5rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .pv-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .pv-card:nth-child(1) { animation-delay: .05s; }\n  .pv-card:nth-child(2) { animation-delay: .1s; }\n  .pv-card:nth-child(3) { animation-delay: .15s; }\n  .pv-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .pv-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"PROPOS NATURE","offers":[{"title":"Default Title","offer_id":64766348099961,"sku":"PO0020","price":5.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gommes-propolis-verte-bio-oligoelementspin-proposnature-packshothd.webp?v=1790929188","url":"https:\/\/www.naturellement-bio.com\/products\/gommes-propolis-verte-bio-oligoelements-proposnature","provider":"Naturellement Bio","version":"1.0","type":"link"}