{"product_id":"infusion-confort-respiratoire-bio-sachets-propolia","title":"Infusion Confort respiratoire Bio - 20 sachets - Propolia","description":"\u003cdiv class=\"prop-premium\"\u003e\n\u003cdiv class=\"prop-hero\"\u003e\n\u003cdiv class=\"prop-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"prop-hero-content\"\u003e\n\u003cdiv class=\"prop-badges-top\"\u003e\n\u003cspan class=\"prop-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e \u003cspan class=\"prop-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"prop-badge\"\u003e🍯 Signature Propolia\u003c\/span\u003e \u003cspan class=\"prop-badge\"\u003e☕ Sans théine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"prop-hero-title\"\u003eLe souffle frais des plantes et de la ruche\u003c\/span\u003e\n\u003cp class=\"prop-subtitle\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eInfusion confort respiratoire · 20 sachets · 30 g\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"prop-description\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eUne synergie végétale et apicole certifiée bio, pensée pour accompagner naturellement le confort des voies respiratoires et vous offrir une sensation de fraîcheur mentholée réconfortante.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"prop-section\"\u003e\n\u003ch2\u003ePourquoi choisir cette tisane pour la respiration ?\u003c\/h2\u003e\n\u003cp class=\"prop-section-intro\"\u003eLorsque l'air se fait sec, que la saison froide s'installe ou que vous recherchez simplement un moment de bien-être, cette \u003cstrong\u003etisane thym eucalyptus\u003c\/strong\u003e Propolia s'invite dans votre tasse comme une véritable bouffée de fraîcheur. Elle associe des plantes aromatiques bio à la précieuse propolis bio, signature de la marque.\u003c\/p\u003e\n\u003cdiv class=\"prop-grid\"\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003ch3\u003e🌱 Thym bio (50 %)\u003c\/h3\u003e\n\u003cp\u003eIngrédient principal de la formule, le thym contribue au confort des voies respiratoires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003ch3\u003e🍃 Eucalyptus bio\u003c\/h3\u003e\n\u003cp\u003eReconnu pour ses notes aromatiques puissantes qui participent à la sensation de fraîcheur caractéristique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003ch3\u003e❄️ Menthe poivrée\u003c\/h3\u003e\n\u003cp\u003eApporte une fraîcheur mentholée dès les premières gorgées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003ch3\u003e🍋 Citron, cannelle \u0026amp; propolis\u003c\/h3\u003e\n\u003cp\u003eUne touche acidulée et une pointe de cannelle équilibrent l'ensemble, pendant que la propolis bio signe l'identité apicole Propolia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"prop-section\"\u003e\n\u003ch2\u003e📋 Composition complète\u003c\/h2\u003e\n\u003cp class=\"prop-section-intro\"\u003eUn mélange 100 % d'origine naturelle, dont 100 % des ingrédients sont issus de l'agriculture biologique :\u003c\/p\u003e\n\u003cdiv class=\"prop-compo\"\u003e\n\u003cdiv class=\"prop-compo-row\"\u003e\n\u003cspan class=\"prop-compo-label\"\u003eThym (feuille)\u003c\/span\u003e\u003cspan class=\"prop-compo-value\"\u003e50 %*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-compo-row\"\u003e\n\u003cspan class=\"prop-compo-label\"\u003eCannelle (écorce)\u003c\/span\u003e\u003cspan class=\"prop-compo-value\"\u003eBio*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-compo-row\"\u003e\n\u003cspan class=\"prop-compo-label\"\u003eEucalyptus (feuille)\u003c\/span\u003e\u003cspan class=\"prop-compo-value\"\u003e12 %*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-compo-row\"\u003e\n\u003cspan class=\"prop-compo-label\"\u003eMenthe poivrée (partie aérienne)\u003c\/span\u003e\u003cspan class=\"prop-compo-value\"\u003e9 %*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-compo-row prop-compo-highlight\"\u003e\n\u003cspan class=\"prop-compo-label\"\u003eExtrait de propolis\u003c\/span\u003e\u003cspan class=\"prop-compo-value\"\u003e6,5 %*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-compo-row\"\u003e\n\u003cspan class=\"prop-compo-label\"\u003eCitron déshydraté (écorce)\u003c\/span\u003e\u003cspan class=\"prop-compo-value\"\u003e6 %*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-compo-row\"\u003e\n\u003cspan class=\"prop-compo-label\"\u003eArôme naturel de citron – citron vert\u003c\/span\u003e\u003cspan class=\"prop-compo-value\"\u003eBio*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"prop-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. Format : 20 sachets fraîcheur de 1,5 g (30 g).\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"prop-section\"\u003e\n\u003ch2\u003e☕ Comment préparer votre infusion ?\u003c\/h2\u003e\n\u003cdiv class=\"prop-timeline\"\u003e\n\u003cdiv class=\"prop-timeline-item\"\u003e\n\u003cdiv class=\"prop-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"prop-timeline-content\"\u003e\n\u003ch3\u003eChauffez l'eau à 80 °C\u003c\/h3\u003e\n\u003cp\u003eComptez 200 ml d'eau par tasse et évitez l'eau bouillante pour préserver les arômes délicats des plantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-timeline-item\"\u003e\n\u003cdiv class=\"prop-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"prop-timeline-content\"\u003e\n\u003ch3\u003eInfusez 3 à 5 minutes\u003c\/h3\u003e\n\u003cp\u003ePlongez un sachet dans votre tasse et laissez les plantes libérer leurs arômes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-timeline-item\"\u003e\n\u003cdiv class=\"prop-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"prop-timeline-content\"\u003e\n\u003ch3\u003eDégustez\u003c\/h3\u003e\n\u003cp\u003eNature ou avec une cuillerée de miel pour un délicieux combo \u003cstrong\u003ethym-eucalyptus-miel\u003c\/strong\u003e, au fil de la journée, jusqu'à 4 tasses par jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-tip\"\u003e\n\u003cspan class=\"prop-tip-icon\"\u003e⚕️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePrécautions d'usage :\u003c\/strong\u003e Ne pas utiliser en cas d'allergie aux produits de la ruche. Femmes enceintes ou allaitantes : demandez l'avis de votre médecin. Ne pas dépasser la dose journalière conseillée. Cette infusion ne remplace pas une alimentation variée et équilibrée, un mode de vie sain ni un traitement médical. À conserver hors de portée des jeunes enfants, dans un endroit frais et sec.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"prop-section\"\u003e\u003c\/section\u003e\n\u003csection class=\"prop-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"prop-cta-box\"\u003e\n\u003cp\u003eUne infusion fabriquée en France qui réunit le meilleur des plantes et de la ruche pour prendre soin de votre souffle au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --prop-cream: #F4F8FB;\n  --prop-white: #ffffff;\n  --prop-primary: #1E6FB8;\n  --prop-primary-dark: #0F4C85;\n  --prop-primary-light: #E3F0FA;\n  --prop-secondary: #5BB8E8;\n  --prop-accent: #F2A93B;\n  --prop-text: #1a2a3a;\n  --prop-text-light: #5a6a7a;\n  --prop-border: #d8e4ee;\n  --prop-shadow: 0 4px 24px rgba(15,76,133,.08);\n  --prop-shadow-lg: 0 12px 48px rgba(15,76,133,.18);\n  --prop-radius: 20px;\n  --prop-radius-sm: 12px;\n}\n\n.prop-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--prop-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--prop-text);\n  line-height: 1.6;\n}\n\n.prop-premium p {\n  color: var(--prop-text);\n}\n\n\/* === HERO === *\/\n.prop-hero {\n  position: relative;\n  background: linear-gradient(135deg, #0F4C85 0%, #1E6FB8 50%, #5BB8E8 100%);\n  border-radius: var(--prop-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(--prop-shadow-lg);\n}\n\n.prop-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .12;\n  background-image: 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 1.5px, transparent 1.5px);\n  background-size: 80px 80px, 100px 100px, 60px 60px;\n}\n\n.prop-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.prop-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(24px, 7vw, 44px);\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.prop-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.prop-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 16px);\n  max-width: 680px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.prop-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.prop-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(--prop-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.prop-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.prop-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.prop-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--prop-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.prop-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(--prop-primary), var(--prop-secondary));\n  border-radius: 2px;\n}\n\n.prop-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--prop-text-light);\n  margin: 0 auto 1.75rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.prop-card {\n  background: var(--prop-white);\n  border-radius: var(--prop-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--prop-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.prop-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--prop-shadow-lg);\n  border-color: var(--prop-primary);\n}\n\n.prop-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--prop-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.prop-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--prop-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.prop-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === COMPOSITION === *\/\n.prop-compo {\n  background: var(--prop-white);\n  border-radius: var(--prop-radius);\n  padding: 1.5rem;\n  box-shadow: var(--prop-shadow);\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n.prop-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: .9rem 1rem;\n  border-bottom: 1px solid var(--prop-border);\n  transition: background .2s ease;\n}\n\n.prop-compo-row:last-child {\n  border-bottom: none;\n}\n\n.prop-compo-row:hover {\n  background: var(--prop-primary-light);\n  border-radius: 8px;\n}\n\n.prop-compo-label {\n  font-weight: 700;\n  color: var(--prop-text);\n  font-size: 15px;\n}\n\n.prop-compo-value {\n  font-weight: 800;\n  color: var(--prop-primary);\n  font-size: 15px;\n  background: var(--prop-primary-light);\n  padding: 4px 12px;\n  border-radius: 999px;\n}\n\n.prop-compo-highlight .prop-compo-value {\n  background: var(--prop-accent);\n  color: white;\n}\n\n\/* === TIMELINE === *\/\n.prop-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.prop-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.prop-timeline-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--prop-primary), var(--prop-secondary));\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: 18px;\n  box-shadow: 0 4px 12px rgba(30,111,184,.3);\n}\n\n.prop-timeline-content {\n  flex: 1;\n  background: var(--prop-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--prop-radius-sm);\n  box-shadow: var(--prop-shadow);\n}\n\n.prop-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--prop-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.prop-timeline-content p {\n  font-size: 14px;\n  color: var(--prop-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.prop-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--prop-primary-light);\n  border-left: 4px solid var(--prop-accent);\n  border-radius: var(--prop-radius-sm);\n  padding: 1.1rem 1.25rem;\n  margin-top: 1.5rem;\n  max-width: 760px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.prop-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.prop-tip p {\n  font-size: 13.5px;\n  color: var(--prop-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.prop-accordion {\n  background: var(--prop-white);\n  border-radius: var(--prop-radius);\n  box-shadow: var(--prop-shadow);\n  overflow: hidden;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.prop-accordion-item {\n  border-bottom: 1px solid var(--prop-border);\n}\n\n.prop-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.prop-accordion-header {\n  padding: 1.1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--prop-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}\n\n.prop-accordion-header:hover {\n  background: var(--prop-primary-light);\n}\n\n.prop-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.prop-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--prop-primary);\n  transition: transform .2s ease;\n}\n\n.prop-accordion-item[open] .prop-accordion-header::after {\n  content: '−';\n}\n\n.prop-accordion-content {\n  padding: 0 1.25rem 1.1rem;\n  color: var(--prop-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.prop-accordion-content p {\n  margin: 0;\n  color: var(--prop-text-light);\n}\n\n\/* === CTA === *\/\n.prop-cta-box {\n  background: linear-gradient(135deg, var(--prop-primary) 0%, var(--prop-primary-dark) 100%);\n  border-radius: var(--prop-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--prop-shadow-lg);\n}\n\n.prop-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -20%;\n  width: 300px;\n  height: 300px;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n  border-radius: 50%;\n}\n\n.prop-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  font-weight: 600;\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.prop-disclaimer {\n  font-size: 12px;\n  color: var(--prop-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .prop-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .prop-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .prop-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--prop-radius-sm);\n  }\n\n  .prop-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .prop-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .prop-timeline-number {\n    width: 36px;\n    height: 36px;\n    font-size: 15px;\n  }\n\n  .prop-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .prop-accordion-header {\n    padding: .95rem 1rem;\n    font-size: 14px;\n  }\n\n  .prop-accordion-content {\n    padding: 0 1rem .95rem;\n    font-size: 13px;\n  }\n\n  .prop-compo {\n    padding: 1rem;\n  }\n\n  .prop-compo-label,\n  .prop-compo-value {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .prop-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .prop-card:nth-child(1) { animation-delay: .05s; }\n  .prop-card:nth-child(2) { animation-delay: .1s; }\n  .prop-card:nth-child(3) { animation-delay: .15s; }\n  .prop-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  .prop-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"PROPOLIA","offers":[{"title":"Default Title","offer_id":64766810620281,"sku":"AP0245","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tisane-respiration-bio-au-thym-eucalyptus-propolis-propolia-packshothd.webp?v=1790933794","url":"https:\/\/www.naturellement-bio.com\/products\/infusion-confort-respiratoire-bio-sachets-propolia","provider":"Naturellement Bio","version":"1.0","type":"link"}