{"product_id":"creme-propolis-certifiee-bio-en-tube-proposnature","title":"Crème Propolis certifiée bio en tube – Propos'Nature","description":"\n\n\u003cdiv class=\"soi-apip-fiche\"\u003e\n\n  \u003csection class=\"soi-apip-hero\"\u003e\n    \u003cdiv class=\"soi-apip-hero-tag\"\u003e\n      \u003cspan class=\"soi-apip-tag-dot\"\u003e\u003c\/span\u003e\n      Apithérapie · Soin corps \u0026amp; mains · Propos'Nature\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-apip-hero-title\"\u003eLa force de la ruche dans un tube\u003c\/span\u003e\n    \u003cp class=\"soi-apip-hero-subtitle\"\u003eLa force purifiante et réparatrice de la ruche au service de votre peau : 99,19 % d'ingrédients d'origine naturelle, formulée en Provence avec une synergie d'actifs végétaux et minéraux.\u003c\/p\u003e\n    \u003cdiv class=\"soi-apip-hero-labels\"\u003e\n      \u003cspan class=\"soi-apip-label soi-apip-label-accent\"\u003eCERTIFIÉE BIO\u003c\/span\u003e\n      \u003cspan class=\"soi-apip-label\"\u003e99,19 % D'ORIGINE NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-apip-label\"\u003eFABRIQUÉE EN FRANCE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-apip-section\"\u003e\n    \u003ch2\u003ePourquoi la propolis est-elle si précieuse pour la peau ?\u003c\/h2\u003e\n    \u003cp\u003eLa propolis verte bio est une résine naturelle produite par les abeilles pour protéger et assainir la ruche. Reconnue depuis des siècles pour ses propriétés purifiantes, réparatrices et apaisantes, elle constitue aujourd'hui un actif de choix en cosmétique naturelle.\u003c\/p\u003e\n    \u003cp\u003eAppliquée sur la peau, elle contribue à réduire les imperfections, à calmer les zones irritées et à soutenir le processus de régénération cutanée. La Crème Api'Propolis de Propos'Nature en concentre une dose significative pour un résultat visible dès les premières applications.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-apip-section\"\u003e\n    \u003ch2\u003eLa composition complète : des actifs qui font vraiment la différence\u003c\/h2\u003e\n    \u003cp class=\"soi-apip-section-intro\"\u003eChaque ingrédient de cette crème à la propolis a été sélectionné pour son utilité réelle. Voici ce que vous y trouverez :\u003c\/p\u003e\n    \u003cdiv class=\"soi-apip-grid\"\u003e\n      \u003cdiv class=\"soi-apip-card\"\u003e\n        \u003ch3\u003e🐝 Propolis brute biologique\u003c\/h3\u003e\n        \u003cp\u003ePurifiante, apaisante et régénérante, elle constitue le cœur de la formule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apip-card\"\u003e\n        \u003ch3\u003e🍊 Extrait de pépins de pamplemousse\u003c\/h3\u003e\n        \u003cp\u003eAntioxydant naturel aux propriétés antimicrobiennes reconnues.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apip-card\"\u003e\n        \u003ch3\u003e🌰 Huile d'amande douce bio\u003c\/h3\u003e\n        \u003cp\u003eAdoucissante et réparatrice, idéale pour les peaux sensibles et sèches.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apip-card\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n        \u003cp\u003eNourrissant intense, il protège la barrière cutanée du dessèchement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apip-card\"\u003e\n        \u003ch3\u003e🪨 Argile verte\u003c\/h3\u003e\n        \u003cp\u003eAbsorbe les impuretés, régule le sébum et reminéralise en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apip-card\"\u003e\n        \u003ch3\u003e⚙️ Zinc et cuivre\u003c\/h3\u003e\n        \u003cp\u003eDeux oligoéléments essentiels pour purifier et soutenir la cicatrisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apip-card\"\u003e\n        \u003ch3\u003e💜 Hydrolat de lavande\u003c\/h3\u003e\n        \u003cp\u003eCalmant et antiseptique naturel, il apaise les irritations au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apip-card\"\u003e\n        \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n        \u003cp\u003eHygrophile, elle retient l'eau dans l'épiderme pour une hydratation durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-apip-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse cette crème propolis ?\u003c\/h2\u003e\n    \u003cp class=\"soi-apip-section-intro\"\u003eCette crème convient à toutes celles et ceux qui souhaitent prendre soin de leur peau avec des actifs naturels et certifiés. Elle est particulièrement recommandée pour :\u003c\/p\u003e\n    \u003cdiv class=\"soi-apip-benefits\"\u003e\n      \u003cdiv class=\"soi-apip-benefit\"\u003e\n        \u003cdiv class=\"soi-apip-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeaux sèches à très sèches\u003c\/h3\u003e\n        \u003cp\u003eMains, coudes, genoux ou talons abîmés retrouvent confort et souplesse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apip-benefit\"\u003e\n        \u003cdiv class=\"soi-apip-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeaux à imperfections\u003c\/h3\u003e\n        \u003cp\u003ePour les peaux sujettes à des déséquilibres cutanés récurrents.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apip-benefit\"\u003e\n        \u003cdiv class=\"soi-apip-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeaux sensibles et réactives\u003c\/h3\u003e\n        \u003cp\u003ePour celles qui tolèrent mal les formules conventionnelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apip-benefit\"\u003e\n        \u003cdiv class=\"soi-apip-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAlternative naturelle certifiée\u003c\/h3\u003e\n        \u003cp\u003ePour remplacer votre soin corps ou mains habituel par une formule bio et transparente.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-apip-section\"\u003e\n    \u003ch2\u003eComment utiliser la crème à la propolis bio Propos'Nature ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-apip-timeline\"\u003e\n      \u003cdiv class=\"soi-apip-step\"\u003e\n        \u003cdiv class=\"soi-apip-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-apip-step-content\"\u003e\n          \u003ch3\u003eAppliquez une noisette de crème\u003c\/h3\u003e\n          \u003cp\u003eSur la zone souhaitée (visage, mains, corps, pieds) en massant doucement jusqu'à absorption complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apip-step\"\u003e\n        \u003cdiv class=\"soi-apip-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-apip-step-content\"\u003e\n          \u003ch3\u003eRenouvelez 1 à 3 fois par jour\u003c\/h3\u003e\n          \u003cp\u003eSelon l'intensité du besoin, notamment après le lavage des mains ou le soir avant le coucher.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apip-step\"\u003e\n        \u003cdiv class=\"soi-apip-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-apip-step-content\"\u003e\n          \u003ch3\u003eEmportez-la partout avec vous\u003c\/h3\u003e\n          \u003cp\u003eSon format tube hygiénique permet une application précise sur les zones ciblées, où que vous soyez.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-apip-tip\"\u003e\n      \u003cdiv class=\"soi-apip-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour les zones très sollicitées (mains, talons), appliquez une couche généreuse le soir avant le coucher et laissez agir toute la nuit pour un soin intensif.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-apip-section\"\u003e\n    \u003ch2\u003eCe qu'il faut retenir avant d'acheter\u003c\/h2\u003e\n    \u003cdiv class=\"soi-apip-grid-compact\"\u003e\n      \u003cdiv class=\"soi-apip-card-mini\"\u003e\n        \u003cspan class=\"soi-apip-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n        \u003cspan class=\"soi-apip-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-apip-card-mini-value\"\u003eBio certifiée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apip-card-mini\"\u003e\n        \u003cspan class=\"soi-apip-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-apip-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n        \u003cspan class=\"soi-apip-card-mini-value\"\u003e99,19 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apip-card-mini\"\u003e\n        \u003cspan class=\"soi-apip-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-apip-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-apip-card-mini-value\"\u003eFrance, Provence\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apip-card-mini\"\u003e\n        \u003cspan class=\"soi-apip-card-mini-icon\"\u003e🐝\u003c\/span\u003e\n        \u003cspan class=\"soi-apip-card-mini-label\"\u003eSavoir-faire\u003c\/span\u003e\n        \u003cspan class=\"soi-apip-card-mini-value\"\u003ePlus de 30 ans\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-apip-accordion\"\u003e\n      \u003cdetails class=\"soi-apip-accordion-item\"\u003e\n        \u003csummary class=\"soi-apip-accordion-header\"\u003e🧴 Sans ingrédients controversés\u003c\/summary\u003e\n        \u003cdiv class=\"soi-apip-accordion-content\"\u003e\n          \u003cp\u003eCette crème ne contient pas d'ingrédients controversés et convient aux peaux les plus exigeantes. Sa composition a été vérifiée par un organisme certificateur indépendant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-apip-accordion-item\"\u003e\n        \u003csummary class=\"soi-apip-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-apip-accordion-content\"\u003e\n          \u003cp\u003eCe soin cosmétique ne remplace pas un avis ou un traitement médical en cas de pathologie cutanée avérée. Consultez un professionnel de santé si nécessaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-apip-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-apip-cta-box\"\u003e\n      \u003cp class=\"soi-apip-cta-tag\" style=\"color: white;\"\u003eLa force de la ruche pour votre peau\u003c\/p\u003e\n      \u003cp class=\"soi-apip-cta-text\" style=\"color: white;\"\u003eQuand votre peau réclame de l'attention, elle mérite ce qu'il y a de mieux. Purifiante, nourrissante, apaisante : un geste simple, une formule honnête, pour une peau visiblement plus douce et plus saine.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-apip-marine: #1A2D3D;\n  --soi-apip-marine-dark: #0F1E2B;\n  --soi-apip-marine-light: #2C4458;\n  --soi-apip-pomme: #A1C544;\n  --soi-apip-pomme-dark: #84A636;\n  --soi-apip-pomme-light: rgba(161,197,68,0.10);\n  --soi-apip-white: #FFFFFF;\n  --soi-apip-off-white: #F8FAF6;\n  --soi-apip-stone: #F1F3EE;\n  --soi-apip-line: #E5E8E0;\n  --soi-apip-primary: #D4A82A;\n  --soi-apip-primary-soft: #F5ECD4;\n  --soi-apip-accent: #8B7B65;\n  --soi-apip-text: #1A2D3D;\n  --soi-apip-text-soft: #4A5B6B;\n  --soi-apip-text-muted: #7B8693;\n  --soi-apip-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-apip-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-apip-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-apip-radius: 12px;\n  --soi-apip-radius-sm: 8px;\n  --soi-apip-radius-pill: 999px;\n}\n\n.soi-apip-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-apip-fiche img { max-width: 100%; height: auto; }\n\n.soi-apip-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-apip-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-apip-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-apip-hero {\n  position: relative;\n  background: var(--soi-apip-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-apip-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-apip-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-apip-pomme);\n}\n\n.soi-apip-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-apip-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-apip-pomme);\n  border-radius: 50%;\n}\n\n.soi-apip-hero-title {\n  display: block;\n  color: var(--soi-apip-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-apip-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-apip-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-apip-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-apip-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-apip-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-apip-label-accent {\n  background: var(--soi-apip-pomme);\n  border-color: var(--soi-apip-pomme);\n  color: var(--soi-apip-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-apip-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-apip-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-apip-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-apip-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-apip-pomme);\n  border-radius: 2px;\n}\n\n.soi-apip-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-apip-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-apip-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-apip-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-apip-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-apip-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-apip-benefit {\n  background: var(--soi-apip-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-apip-radius);\n  border: 1px solid var(--soi-apip-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-apip-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-apip-shadow-md);\n}\n\n.soi-apip-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-apip-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-apip-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-apip-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-apip-benefit:hover .soi-apip-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-apip-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-apip-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-apip-benefit p {\n  font-size: 13px;\n  color: var(--soi-apip-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-apip-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-apip-card {\n  background: var(--soi-apip-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-apip-radius);\n  border-left: 3px solid var(--soi-apip-pomme);\n}\n\n.soi-apip-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-apip-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-apip-card p {\n  font-size: 14px;\n  color: var(--soi-apip-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-apip-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.25rem;\n}\n\n.soi-apip-card-mini {\n  background: var(--soi-apip-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-apip-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-apip-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-apip-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-apip-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-apip-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-apip-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-apip-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-apip-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-apip-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-apip-radius);\n  border: 1px solid var(--soi-apip-line);\n  align-items: flex-start;\n}\n\n.soi-apip-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-apip-marine);\n  color: var(--soi-apip-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-apip-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-apip-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-apip-step-content p {\n  font-size: 14px;\n  color: var(--soi-apip-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-apip-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-apip-pomme-light);\n  border-left: 4px solid var(--soi-apip-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-apip-radius) var(--soi-apip-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-apip-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-apip-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-apip-marine);\n  margin-bottom: 4px;\n}\n\n.soi-apip-tip p {\n  font-size: 14px;\n  color: var(--soi-apip-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-apip-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-apip-accordion-item {\n  background: var(--soi-apip-off-white);\n  border-radius: var(--soi-apip-radius-sm);\n  border: 1px solid var(--soi-apip-line);\n  overflow: hidden;\n}\n\n.soi-apip-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-apip-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-apip-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-apip-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-apip-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-apip-accordion-item[open] .soi-apip-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-apip-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-apip-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-apip-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-apip-cta-box {\n  background: var(--soi-apip-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-apip-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-apip-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-apip-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-apip-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-apip-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-apip-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-apip-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-apip-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-apip-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-apip-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-apip-benefits {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .soi-apip-grid-compact {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n@media (max-width: 400px) {\n  .soi-apip-benefits {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-apip-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-apip-fiche {\n    --soi-apip-text-soft: #2C3E50;\n    --soi-apip-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Propos'Nature","offers":[{"title":"Default Title","offer_id":61603749200202,"sku":"PO0045","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-propolis-certifiee-bio-en-tube-proposnature-packshot_8a62c7ce-74a2-4fd6-87f8-055f13532d4f.webp?v=1780371180","url":"https:\/\/www.soinature.com\/products\/creme-propolis-certifiee-bio-en-tube-proposnature","provider":"Soinature","version":"1.0","type":"link"}