{"product_id":"propolis-originel-50-ml-dioter","title":"Propolis Brune sans alcool - 50 ml - Dioter","description":"\u003cdiv class=\"po-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"po-hero\"\u003e\n\u003cdiv class=\"po-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"po-hero-content\"\u003e\n\u003cdiv class=\"po-badges-top\"\u003e\n\u003cspan class=\"po-badge\"\u003e🐝 Propolis brune européenne\u003c\/span\u003e \u003cspan class=\"po-badge\"\u003e🍯 Sans alcool\u003c\/span\u003e \u003cspan class=\"po-badge\"\u003e🌿 Sans conservateur\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"po-hero-title\"\u003ePropolis Originel\u003c\/span\u003e\n\u003cp class=\"po-subtitle\"\u003eLaboratoire Dioter · Flacon 50 ml\u003c\/p\u003e\n\u003cp class=\"po-description\"\u003eExtrait précieux de propolis brute brune d'origine européenne, obtenu par macération unique pour une concentration optimale en principes actifs. Efficacité naturelle et authentique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"po-section\"\u003e\n\u003ch2\u003eUn trésor de la nature au service de votre vitalité\u003c\/h2\u003e\n\u003cp class=\"po-section-intro\"\u003eUtilisée par les abeilles pour assainir leur ruche, la propolis est un véritable bouclier naturel. Ce complément est formulé sans alcool ni conservateurs, pour une assimilation douce et respectueuse de l'organisme.\u003c\/p\u003e\n\u003cdiv class=\"po-grid\"\u003e\n\u003cdiv class=\"po-card\"\u003e\n\u003ch3\u003e🛡️ Sphère ORL renforcée\u003c\/h3\u003e\n\u003cp\u003eRiche en flavonoïdes et huiles essentielles, la propolis soutient activement les défenses de la sphère ORL face aux agressions saisonnières.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"po-card\"\u003e\n\u003ch3\u003e⚡ Vitalité générale\u003c\/h3\u003e\n\u003cp\u003eSes acides aromatiques, vitamines et minéraux contribuent à renforcer la vitalité globale de l'organisme, jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"po-card\"\u003e\n\u003ch3\u003e😁 Hygiène buccale\u003c\/h3\u003e\n\u003cp\u003eLa propolis favorise une bonne hygiène buccale grâce à ses propriétés assainissantes reconnues depuis des millénaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"po-section\"\u003e\n\u003ch2\u003eUne formule pure et puissante\u003c\/h2\u003e\n\u003cdiv class=\"po-grid-compact\"\u003e\n\u003cdiv class=\"po-card\"\u003e\n\u003ch3\u003e🧪 Extrait hydro-glycériné\u003c\/h3\u003e\n\u003cp\u003ePropolis brute concentrée par macération unique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"po-card\"\u003e\n\u003ch3\u003e🔴 Vitamine B12\u003c\/h3\u003e\n\u003cp\u003eSource naturelle de vitamine B12 pour votre vitalité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"po-card\"\u003e\n\u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n\u003cp\u003eAucun alcool ni conservateur dans la formule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"po-card\"\u003e\n\u003ch3\u003e💧 Usage polyvalent\u003c\/h3\u003e\n\u003cp\u003eConvient en usage interne ou externe selon vos besoins\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"po-tip\"\u003e\n\u003cspan class=\"po-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eFlacon doseur pratique de 50 ml pour un dosage précis, goutte par goutte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"po-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"po-timeline\"\u003e\n\u003cdiv class=\"po-timeline-item\"\u003e\n\u003cdiv class=\"po-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"po-timeline-content\"\u003e\n\u003ch3\u003eDosez vos gouttes\u003c\/h3\u003e\n\u003cp\u003ePrendre de \u003cstrong\u003e10 à 20 gouttes\u003c\/strong\u003e à l'aide du flacon doseur intégré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"po-timeline-item\"\u003e\n\u003cdiv class=\"po-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"po-timeline-content\"\u003e\n\u003ch3\u003e3 prises par jour\u003c\/h3\u003e\n\u003cp\u003eRenouvelez la prise \u003cstrong\u003e3 fois par jour\u003c\/strong\u003e, pures ou diluées dans un peu d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"po-timeline-item\"\u003e\n\u003cdiv class=\"po-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"po-timeline-content\"\u003e\n\u003ch3\u003eUsage interne ou externe\u003c\/h3\u003e\n\u003cp\u003ePeut être utilisé en \u003cstrong\u003eusage interne ou externe\u003c\/strong\u003e, selon vos besoins spécifiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 \u0026 #5 regroupés en accordéon --\u003e\n\u003csection class=\"po-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"po-accordion\"\u003e\n\u003cdetails class=\"po-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"po-accordion-header\"\u003e⚠️ Précautions importantes\u003c\/summary\u003e\n\u003cdiv class=\"po-accordion-content mt-3\"\u003e\n\u003cp\u003eComplément alimentaire à base de propolis – ne se substitue pas à une alimentation variée. \u003cstrong\u003eDéconseillé aux personnes allergiques aux produits de la ruche.\u003c\/strong\u003e Tenir hors de portée des jeunes enfants. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"po-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"po-cta-box\"\u003e\n\u003cp\u003e🐝 Offrez à votre organisme la protection millénaire de la propolis — un bouclier naturel, pur et sans alcool, directement issu du savoir-faire des abeilles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"po-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Déconseillé aux personnes allergiques aux produits de la ruche.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n:root {\n  --po-cream: #FFF9EF;\n  --po-white: #ffffff;\n  --po-primary: #D4920A;\n  --po-primary-dark: #8B5E0A;\n  --po-primary-light: #FFF3DA;\n  --po-secondary: #C17A08;\n  --po-accent: #5A8A2A;\n  --po-text: #1a1a1a;\n  --po-text-light: #5a5a5a;\n  --po-border: #e8dcc8;\n  --po-shadow: 0 4px 24px rgba(139, 94, 10, .08);\n  --po-shadow-lg: 0 12px 48px rgba(139, 94, 10, .15);\n  --po-radius: 20px;\n  --po-radius-sm: 12px;\n}\n\n.po-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--po-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.po-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8B5E0A 0%, #D4920A 50%, #C17A08 100%);\n  border-radius: var(--po-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(--po-shadow-lg);\n}\n\n.po-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66ZM28 100L0 84L0 50L28 34L56 50L56 84L28 100Z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n  opacity: .3;\n}\n\n.po-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.po-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\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}\n\n.po-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.po-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.po-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.po-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(--po-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.po-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.po-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.po-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--po-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}\n\n.po-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(--po-primary), var(--po-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.po-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--po-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.po-card {\n  background: var(--po-white);\n  border-radius: var(--po-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--po-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.po-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--po-shadow-lg);\n  border-color: var(--po-primary);\n}\n\n.po-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--po-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.po-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--po-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.po-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.po-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.po-grid-compact .po-card {\n  padding: 1rem;\n}\n\n.po-grid-compact .po-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.po-grid-compact .po-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.po-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.po-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.po-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--po-primary), var(--po-accent));\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}\n\n.po-timeline-content {\n  flex: 1;\n  background: var(--po-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--po-radius-sm);\n  box-shadow: var(--po-shadow);\n}\n\n.po-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--po-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.po-timeline-content p {\n  font-size: 14px;\n  color: var(--po-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.po-accordion {\n  background: var(--po-white);\n  border-radius: var(--po-radius);\n  box-shadow: var(--po-shadow);\n  overflow: hidden;\n}\n\n.po-accordion-item {\n  border-bottom: 1px solid var(--po-border);\n  margin: 0;\n  padding: 0;\n}\n\n.po-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.po-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--po-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.po-accordion-header:hover {\n  background: var(--po-primary-light);\n}\n\n.po-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.po-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--po-primary);\n  transition: transform .2s ease;\n}\n\n.po-accordion-item[open] .po-accordion-header::after {\n  content: '−';\n}\n\n.po-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--po-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.po-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.po-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--po-primary-light);\n  border-radius: var(--po-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.po-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.po-tip p {\n  font-size: 14px;\n  color: var(--po-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.po-cta-box {\n  background: linear-gradient(135deg, var(--po-primary) 0%, var(--po-primary-dark) 100%);\n  border-radius: var(--po-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.po-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\/* === DISCLAIMER === *\/\n.po-disclaimer {\n  font-size: 12px;\n  color: var(--po-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .po-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .po-card {\n    padding: 1.125rem;\n  }\n\n  .po-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .po-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--po-radius-sm);\n  }\n\n  .po-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .po-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .po-grid-compact {\n    gap: .625rem;\n  }\n\n  .po-grid-compact .po-card {\n    padding: .75rem;\n  }\n\n  .po-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .po-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .po-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .po-timeline-content p {\n    font-size: 13px;\n  }\n\n  .po-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .po-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .po-card {\n    animation: poFadeInUp .5s ease backwards;\n  }\n  .po-card:nth-child(1) { animation-delay: .05s; }\n  .po-card:nth-child(2) { animation-delay: .1s; }\n  .po-card:nth-child(3) { animation-delay: .15s; }\n  .po-card:nth-child(4) { animation-delay: .2s; }\n  .po-card:nth-child(5) { animation-delay: .25s; }\n  .po-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes poFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .po-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55118157742457,"sku":"DI5010","price":22.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/propolis-originel-50-ml-dioter-packshothd.webp?v=1787383266","url":"https:\/\/www.naturellement-bio.com\/products\/propolis-originel-50-ml-dioter","provider":"Naturellement Bio","version":"1.0","type":"link"}