{"product_id":"sirop-respiration-bio-250-ml-herbalgem","title":"Sirop Respiration bio – 250 ml – HerbalGem","description":"\u003cdiv class=\"soi-resp-fiche\"\u003e\n\n  \u003csection class=\"soi-resp-hero\"\u003e\n    \u003cdiv class=\"soi-resp-hero-tag\"\u003e\n      \u003cspan class=\"soi-resp-tag-dot\"\u003e\u003c\/span\u003e\n      Gemmothérapie · HerbalGem\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-resp-hero-title\"\u003eLibérez vos voies respiratoires naturellement\u003c\/span\u003e\n    \u003cp class=\"soi-resp-hero-subtitle\"\u003eUn sirop bio alliant bourgeons frais, plantes médicinales, propolis et miel pour accompagner votre confort respiratoire au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-resp-hero-labels\"\u003e\n      \u003cspan class=\"soi-resp-label soi-resp-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-resp-label\"\u003e100 % NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-resp-label\"\u003eGEMMOTHÉRAPIE\u003c\/span\u003e\n      \u003cspan class=\"soi-resp-label\"\u003e250 ML\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-resp-section\"\u003e\n    \u003cp class=\"soi-resp-section-intro\"\u003eQuand le nez coule, la gorge gratte et les bronches s'alourdissent dès les premiers froids, vous cherchez une solution naturelle, efficace et bien tolérée. Le Sirop Respiration bio HerbalGem répond exactement à ce besoin : une formule 100 % naturelle et certifiée bio, pensée pour accompagner vos voies respiratoires au quotidien.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-resp-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le Sirop Respiration HerbalGem ?\u003c\/h2\u003e\n    \u003cp class=\"soi-resp-section-intro\"\u003eCe sirop se distingue par son approche globale de la sphère respiratoire. Plutôt que d'agir sur un seul symptôme, il combine bourgeons frais de gemmothérapie, plantes médicinales bio, propolis et miel pour travailler à plusieurs niveaux.\u003c\/p\u003e\n    \u003cdiv class=\"soi-resp-benefits\"\u003e\n      \u003cdiv class=\"soi-resp-benefit\"\u003e\n        \u003cdiv class=\"soi-resp-benefit-icon\"\u003e\u003cspan\u003e🌬️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFluidifier et dégager\u003c\/h3\u003e\n        \u003cp\u003eLe Marrube, l'Inule grande aunée et l'Hysope sont traditionnellement reconnus pour soutenir le confort bronchique et faciliter l'expectoration.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-resp-benefit\"\u003e\n        \u003cdiv class=\"soi-resp-benefit-icon\"\u003e\u003cspan\u003e🌲\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRespiration plus libre\u003c\/h3\u003e\n        \u003cp\u003eLe macérat glycériné de bourgeons de Pin des montagnes agit en profondeur sur les muqueuses respiratoires, caractéristique propre à la gemmothérapie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-resp-benefit\"\u003e\n        \u003cdiv class=\"soi-resp-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eDéfenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eLe Sureau, l'Échinacée et le Romarin participent à renforcer les défenses de l'organisme, particulièrement sollicitées en période froide ou humide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-resp-benefit\"\u003e\n        \u003cdiv class=\"soi-resp-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eGorge apaisée\u003c\/h3\u003e\n        \u003cp\u003eLa Propolis verte et brune, associée au miel bio, enveloppe les muqueuses d'une protection naturelle douce et réconfortante.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-resp-section\"\u003e\n    \u003ch2\u003eComposition complète du Sirop Respiration HerbalGem\u003c\/h2\u003e\n    \u003cp class=\"soi-resp-section-intro\"\u003eChaque flacon de 250 ml contient, par dose de 5 ml :\u003c\/p\u003e\n    \u003cdiv class=\"soi-resp-compo\"\u003e\n      \u003cdiv class=\"soi-resp-compo-row\"\u003e\n        \u003cspan class=\"soi-resp-compo-label\"\u003eBaies de Sureau bio \u003cem\u003e(Sambucus nigra)\u003c\/em\u003e\u003c\/span\u003e\n        \u003cspan class=\"soi-resp-compo-value\"\u003e3,7 g de plante mise en œuvre\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-resp-compo-row\"\u003e\n        \u003cspan class=\"soi-resp-compo-label\"\u003eMiel bio\u003c\/span\u003e\n        \u003cspan class=\"soi-resp-compo-value\"\u003e1,9 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-resp-compo-row\"\u003e\n        \u003cspan class=\"soi-resp-compo-label\"\u003eExtrait aqueux de Romarin bio \u003cem\u003e(Rosmarinus officinalis)\u003c\/em\u003e\u003c\/span\u003e\n        \u003cspan class=\"soi-resp-compo-value\"\u003e687 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-resp-compo-row\"\u003e\n        \u003cspan class=\"soi-resp-compo-label\"\u003eExtrait aqueux d'Inule grande aunée bio \u003cem\u003e(Inula helenium)\u003c\/em\u003e\u003c\/span\u003e\n        \u003cspan class=\"soi-resp-compo-value\"\u003e412 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-resp-compo-row\"\u003e\n        \u003cspan class=\"soi-resp-compo-label\"\u003eExtrait aqueux de Marrube bio \u003cem\u003e(Marrubium vulgare)\u003c\/em\u003e\u003c\/span\u003e\n        \u003cspan class=\"soi-resp-compo-value\"\u003e412 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-resp-compo-row\"\u003e\n        \u003cspan class=\"soi-resp-compo-label\"\u003eTeinture mère d'Échinacée bio \u003cem\u003e(Echinacea purpurea)\u003c\/em\u003e\u003c\/span\u003e\n        \u003cspan class=\"soi-resp-compo-value\"\u003e299 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-resp-compo-row\"\u003e\n        \u003cspan class=\"soi-resp-compo-label\"\u003eExtrait aqueux d'Hysope bio \u003cem\u003e(Hysopus officinalis)\u003c\/em\u003e\u003c\/span\u003e\n        \u003cspan class=\"soi-resp-compo-value\"\u003e165 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-resp-compo-row\"\u003e\n        \u003cspan class=\"soi-resp-compo-label\"\u003eMacérat glycériné de bourgeons d'Aulne noir bio \u003cem\u003e(Alnus glutinosa)\u003c\/em\u003e\u003c\/span\u003e\n        \u003cspan class=\"soi-resp-compo-value\"\u003e18 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-resp-compo-row\"\u003e\n        \u003cspan class=\"soi-resp-compo-label\"\u003eMacérat glycériné de bourgeons de Pin des montagnes bio \u003cem\u003e(Pinus montana)\u003c\/em\u003e\u003c\/span\u003e\n        \u003cspan class=\"soi-resp-compo-value\"\u003e13 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-resp-compo-row\"\u003e\n        \u003cspan class=\"soi-resp-compo-label\"\u003eTeinture mère de Propolis verte et brune bio\u003c\/span\u003e\n        \u003cspan class=\"soi-resp-compo-value\"\u003e10 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-resp-compo-row\"\u003e\n        \u003cspan class=\"soi-resp-compo-label\"\u003eAutres\u003c\/span\u003e\n        \u003cspan class=\"soi-resp-compo-value\"\u003eEau, sucre de canne bio, alcool bio (\u0026lt; 5 %), glycérol bio\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-resp-tip\"\u003e\n      \u003cdiv class=\"soi-resp-tip-icon\"\u003e🌿\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n        \u003cp\u003eTous les ingrédients sont issus de l'Agriculture Biologique. La formule est 100 % naturelle, sans arômes artificiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-resp-section\"\u003e\n    \u003ch2\u003eComment prendre le Sirop Respiration HerbalGem ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-resp-timeline\"\u003e\n      \u003cdiv class=\"soi-resp-step\"\u003e\n        \u003cdiv class=\"soi-resp-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-resp-step-content\"\u003e\n          \u003ch3\u003eAgiter le flacon\u003c\/h3\u003e\n          \u003cp\u003ePensez à bien agiter le flacon avant chaque utilisation pour homogénéiser la préparation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-resp-step\"\u003e\n        \u003cdiv class=\"soi-resp-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-resp-step-content\"\u003e\n          \u003ch3\u003eDoser avec le bouchon\u003c\/h3\u003e\n          \u003cp\u003eDès 12 ans : 5 ml (1 bouchon doseur), de 1 à 5 fois par jour selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-resp-step\"\u003e\n        \u003cdiv class=\"soi-resp-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-resp-step-content\"\u003e\n          \u003ch3\u003eCure ponctuelle\u003c\/h3\u003e\n          \u003cp\u003eCe sirop s'utilise généralement en cure ponctuelle lors des périodes d'inconfort respiratoire (toux grasse, bronches encombrées, rhume, épisodes froids). Il peut être pris seul ou intégré dans votre routine bien-être hivernale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-resp-section\"\u003e\n    \u003ch2\u003ePrécautions et contre-indications à connaître\u003c\/h2\u003e\n    \u003cdiv class=\"soi-resp-accordion\"\u003e\n      \u003cdetails class=\"soi-resp-accordion-item\"\u003e\n        \u003csummary class=\"soi-resp-accordion-header\"\u003e⚠️ Personnes concernées par les contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"soi-resp-accordion-content\"\u003e\n          \u003cp\u003eLe Sirop Respiration HerbalGem est déconseillé dans les cas suivants : grossesse et allaitement, enfants de moins de 12 ans, pathologies du système immunitaire ou prise de médicaments immunosuppresseurs, obstruction biliaire ou troubles de la fonction biliaire, ulcère gastro-duodénal.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-resp-accordion-item\"\u003e\n        \u003csummary class=\"soi-resp-accordion-header\"\u003e🌼 Allergies connues\u003c\/summary\u003e\n        \u003cdiv class=\"soi-resp-accordion-content\"\u003e\n          \u003cp\u003eCe sirop est également déconseillé en cas d'allergie connue aux plantes des familles Asteraceae ou Lamiaceae, ou aux produits de la ruche.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-resp-accordion-item\"\u003e\n        \u003csummary class=\"soi-resp-accordion-header\"\u003e💊 Rappel important\u003c\/summary\u003e\n        \u003cdiv class=\"soi-resp-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire 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\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-resp-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-resp-grid-compact\"\u003e\n      \u003cdiv class=\"soi-resp-card-mini\"\u003e\n        \u003cspan class=\"soi-resp-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-resp-card-mini-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-resp-card-mini-value\"\u003eFlacon 250 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-resp-card-mini\"\u003e\n        \u003cspan class=\"soi-resp-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-resp-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-resp-card-mini-value\"\u003eBio, 100 % naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-resp-card-mini\"\u003e\n        \u003cspan class=\"soi-resp-card-mini-icon\"\u003e📏\u003c\/span\u003e\n        \u003cspan class=\"soi-resp-card-mini-label\"\u003eDoseur\u003c\/span\u003e\n        \u003cspan class=\"soi-resp-card-mini-value\"\u003eBouchon doseur inclus\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-resp-card-mini\"\u003e\n        \u003cspan class=\"soi-resp-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n        \u003cspan class=\"soi-resp-card-mini-label\"\u003eTri sélectif\u003c\/span\u003e\n        \u003cspan class=\"soi-resp-card-mini-value\"\u003eBoîte bac jaune, flacon bac verre\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-resp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-resp-cta-box\"\u003e\n      \u003cp class=\"soi-resp-cta-tag\" style=\"color: white;\"\u003eRespirez plus librement, naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-resp-cta-text\" style=\"color: white;\"\u003eQuand les bronches réclament de l'attention, ce sirop bio HerbalGem associe le meilleur de la gemmothérapie, des plantes et du miel pour vous accompagner vers une respiration plus légère, saison après 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-resp-marine: #1A2D3D;\n  --soi-resp-marine-dark: #0F1E2B;\n  --soi-resp-marine-light: #2C4458;\n  --soi-resp-pomme: #A1C544;\n  --soi-resp-pomme-dark: #84A636;\n  --soi-resp-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-resp-white: #FFFFFF;\n  --soi-resp-off-white: #F8FAF6;\n  --soi-resp-stone: #F1F3EE;\n  --soi-resp-line: #E5E8E0;\n\n  --soi-resp-primary: #D4A52A;\n  --soi-resp-primary-soft: #F5EDD4;\n  --soi-resp-accent: #C4872A;\n\n  --soi-resp-text: #1A2D3D;\n  --soi-resp-text-soft: #4A5B6B;\n  --soi-resp-text-muted: #7B8693;\n\n  --soi-resp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-resp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-resp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-resp-radius: 12px;\n  --soi-resp-radius-sm: 8px;\n  --soi-resp-radius-pill: 999px;\n}\n\n.soi-resp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-resp-fiche img { max-width: 100%; height: auto; }\n\n.soi-resp-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-resp-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-resp-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-resp-hero {\n  position: relative;\n  background: var(--soi-resp-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-resp-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-resp-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-resp-pomme);\n}\n\n.soi-resp-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-resp-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-resp-pomme);\n  border-radius: 50%;\n}\n\n.soi-resp-hero-title {\n  display: block;\n  color: var(--soi-resp-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(24px, 5vw, 35px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-resp-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-resp-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-resp-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-resp-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-resp-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-resp-label-accent {\n  background: var(--soi-resp-pomme);\n  border-color: var(--soi-resp-pomme);\n  color: var(--soi-resp-marine);\n  font-weight: 600;\n}\n\n.soi-resp-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-resp-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-resp-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-resp-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-resp-pomme);\n  border-radius: 2px;\n}\n\n.soi-resp-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-resp-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.soi-resp-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-resp-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-resp-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-resp-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-resp-benefit {\n  background: var(--soi-resp-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-resp-radius);\n  border: 1px solid var(--soi-resp-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-resp-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-resp-shadow-md);\n}\n\n.soi-resp-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-resp-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-resp-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-resp-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-resp-benefit:hover .soi-resp-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-resp-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-resp-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-resp-benefit p {\n  font-size: 15px;\n  color: var(--soi-resp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-resp-compo {\n  background: var(--soi-resp-off-white);\n  border-radius: var(--soi-resp-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-resp-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-resp-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-resp-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-resp-compo-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--soi-resp-text-soft);\n  line-height: 1.4;\n}\n\n.soi-resp-compo-label em {\n  font-weight: 400;\n  color: var(--soi-resp-text-muted);\n  font-size: 12px;\n}\n\n.soi-resp-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-resp-marine);\n  text-align: right;\n}\n\n.soi-resp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-resp-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-resp-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-resp-radius);\n  border: 1px solid var(--soi-resp-line);\n  align-items: flex-start;\n}\n\n.soi-resp-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-resp-marine);\n  color: var(--soi-resp-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-resp-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-resp-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-resp-step-content p {\n  font-size: 15px;\n  color: var(--soi-resp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-resp-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-resp-pomme-light);\n  border-left: 4px solid var(--soi-resp-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-resp-radius) var(--soi-resp-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-resp-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-resp-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-resp-marine);\n  margin-bottom: 4px;\n}\n\n.soi-resp-tip p {\n  font-size: 15px;\n  color: var(--soi-resp-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-resp-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-resp-accordion-item {\n  background: var(--soi-resp-off-white);\n  border-radius: var(--soi-resp-radius-sm);\n  border: 1px solid var(--soi-resp-line);\n  overflow: hidden;\n}\n\n.soi-resp-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-resp-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-resp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-resp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-resp-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-resp-accordion-item[open] .soi-resp-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-resp-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-resp-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-resp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-resp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-resp-card-mini {\n  background: var(--soi-resp-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-resp-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-resp-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-resp-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-resp-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-resp-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-resp-marine);\n}\n\n.soi-resp-cta-box {\n  background: var(--soi-resp-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-resp-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-resp-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-resp-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-resp-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-resp-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-resp-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-resp-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-resp-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-resp-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-resp-compo-value {\n    text-align: left;\n  }\n\n  .soi-resp-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-resp-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-resp-fiche {\n    --soi-resp-text-soft: #2C3E50;\n    --soi-resp-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Herbalgem","offers":[{"title":"Default Title","offer_id":62333278880074,"sku":"HG0070","price":15.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/sirop-respiration-bio-250-ml-herbalgem-packshot.webp?v=1791531824","url":"https:\/\/firmtoaromatherapy.com\/products\/sirop-respiration-bio-250-ml-herbalgem","provider":"Soinature","version":"1.0","type":"link"}