{"product_id":"roll-on-apres-piqures-bio","title":"Roll ’On après piqures Bio","description":"\u003cdiv class=\"soi-rolp-fiche\"\u003e\n\n  \u003csection class=\"soi-rolp-hero\"\u003e\n    \u003cdiv class=\"soi-rolp-hero-tag\"\u003e\n      \u003cspan class=\"soi-rolp-tag-dot\"\u003e\u003c\/span\u003e\n      Soin après piqûres · MoustiCare\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-rolp-hero-title\"\u003eRoll'On Après Piqûres Bio\u003c\/span\u003e\n    \u003cp class=\"soi-rolp-hero-subtitle\"\u003eVotre allié naturel aux huiles essentielles biologiques pour calmer démangeaisons, rougeurs et irritations en quelques minutes, où que vous soyez.\u003c\/p\u003e\n    \u003cdiv class=\"soi-rolp-hero-labels\"\u003e\n      \u003cspan class=\"soi-rolp-label soi-rolp-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-rolp-label\"\u003eECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-rolp-label\"\u003e100 % NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-rolp-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-rolp-section\"\u003e\n    \u003ch2\u003eÀ quoi sert ce roll-on après piqûres ?\u003c\/h2\u003e\n    \u003cp class=\"soi-rolp-section-intro\"\u003eCe soin ciblé est conçu pour apaiser les réactions cutanées liées aux agressions du quotidien en extérieur. Il agit sur les démangeaisons, les rougeurs et les irritations en quelques minutes grâce à la synergie de ses huiles essentielles biologiques.\u003c\/p\u003e\n    \u003cdiv class=\"soi-rolp-grid\"\u003e\n      \u003cdiv class=\"soi-rolp-card\"\u003e\n        \u003ch3\u003e🦟 Piqûres d'insectes\u003c\/h3\u003e\n        \u003cp\u003eMoustiques, guêpes, taons, puces : le roll-on apaise rapidement les démangeaisons et rougeurs causées par les piqûres d'insectes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rolp-card\"\u003e\n        \u003ch3\u003e🌿 Piqûres de végétaux\u003c\/h3\u003e\n        \u003cp\u003eContact avec des orties ou d'autres plantes urticantes : la formule calme les irritations cutanées liées aux végétaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rolp-card\"\u003e\n        \u003ch3\u003e🌊 Brûlures de méduses\u003c\/h3\u003e\n        \u003cp\u003eLors de vos baignades en mer, ce soin contribue à soulager les sensations de brûlure provoquées par les méduses.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-rolp-section\"\u003e\n    \u003ch2\u003eComposition : des ingrédients naturels et biologiques\u003c\/h2\u003e\n    \u003cp class=\"soi-rolp-section-intro\"\u003eLa force de ce roll-on réside dans sa formule soigneusement élaborée, sans compromis sur la qualité. Chaque actif a été sélectionné pour ses propriétés complémentaires.\u003c\/p\u003e\n    \u003cdiv class=\"soi-rolp-grid\"\u003e\n      \u003cdiv class=\"soi-rolp-card\"\u003e\n        \u003ch3\u003e🫧 Huile essentielle de Tea Tree bio\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour ses propriétés antiseptiques et purifiantes, elle limite le risque de surinfection de la zone irritée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rolp-card\"\u003e\n        \u003ch3\u003e💜 Huile essentielle de Lavande Aspic bio\u003c\/h3\u003e\n        \u003cp\u003eApaisante et réparatrice, elle soulage rapidement les sensations de brûlure et de démangeaison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rolp-card\"\u003e\n        \u003ch3\u003e🌼 Huile essentielle de Camomille bio\u003c\/h3\u003e\n        \u003cp\u003eRéputée pour ses vertus calmantes, elle contribue à réduire les rougeurs et l'inflammation cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rolp-card\"\u003e\n        \u003ch3\u003e🌺 Huile essentielle de Géranium Rosat bio\u003c\/h3\u003e\n        \u003cp\u003eTonifiante et cicatrisante, elle contribue à restaurer l'équilibre de la peau agressée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rolp-card\"\u003e\n        \u003ch3\u003e🥜 Huile d'Amande Douce et huile d'Abricot\u003c\/h3\u003e\n        \u003cp\u003eNourrissantes et adoucissantes, elles protègent la peau tout en favorisant la pénétration des actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rolp-card\"\u003e\n        \u003ch3\u003e🪴 Jus d'Aloé Véra bio\u003c\/h3\u003e\n        \u003cp\u003eHydratant et apaisant, il apporte une sensation de fraîcheur immédiate dès l'application.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rolp-tip\"\u003e\n      \u003cdiv class=\"soi-rolp-tip-icon\"\u003e✅\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eCertification\u003c\/strong\u003e\n        \u003cp\u003eFormule certifiée Cosmétique Écologique et Biologique par Ecocert, fabriquée en France.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-rolp-section\"\u003e\n    \u003ch2\u003eComment utiliser le roll-on après piqûres MoustiCare ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rolp-timeline\"\u003e\n      \u003cdiv class=\"soi-rolp-step\"\u003e\n        \u003cdiv class=\"soi-rolp-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-rolp-step-content\"\u003e\n          \u003ch3\u003eAppliquez directement\u003c\/h3\u003e\n          \u003cp\u003ePassez la bille roll-on sur la zone irritée, piquée ou brûlée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rolp-step\"\u003e\n        \u003cdiv class=\"soi-rolp-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-rolp-step-content\"\u003e\n          \u003ch3\u003eMassez doucement\u003c\/h3\u003e\n          \u003cp\u003eEffectuez de légers mouvements circulaires pendant quelques secondes pour favoriser l'absorption.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rolp-step\"\u003e\n        \u003cdiv class=\"soi-rolp-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-rolp-step-content\"\u003e\n          \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n          \u003cp\u003eAppliquez de manière ponctuelle selon les besoins, pendant 1 à 3 jours si nécessaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rolp-accordion\"\u003e\n      \u003cdetails class=\"soi-rolp-accordion-item\"\u003e\n        \u003csummary class=\"soi-rolp-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-rolp-accordion-content\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes avant 3 mois, aux nourrissons et aux personnes allergiques aux composants. Tenir hors de portée des enfants. En cas de réaction cutanée, cessez l'utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-rolp-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le Roll-On MoustiCare plutôt qu'un produit classique ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rolp-benefits\"\u003e\n      \u003cdiv class=\"soi-rolp-benefit\"\u003e\n        \u003cdiv class=\"soi-rolp-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFormule 100 % naturelle\u003c\/h3\u003e\n        \u003cp\u003eCertifiée bio Ecocert, sans composés chimiques agressifs pour votre peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rolp-benefit\"\u003e\n        \u003cdiv class=\"soi-rolp-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eAvec des matières premières sélectionnées avec soin pour une qualité irréprochable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rolp-benefit\"\u003e\n        \u003cdiv class=\"soi-rolp-benefit-icon\"\u003e\u003cspan\u003e🎒\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFormat ultra-compact\u003c\/h3\u003e\n        \u003cp\u003eSeulement 5 ml : il se glisse dans une poche, un sac à dos ou une trousse de voyage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rolp-benefit\"\u003e\n        \u003cdiv class=\"soi-rolp-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eToute la famille\u003c\/h3\u003e\n        \u003cp\u003eConvient aux adultes et aux enfants à partir de 3 ans, en montagne, à la mer, en forêt ou au jardin.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-rolp-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rolp-compo\"\u003e\n      \u003cdiv class=\"soi-rolp-compo-row\"\u003e\n        \u003cspan class=\"soi-rolp-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-rolp-compo-value\"\u003e5 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rolp-compo-row\"\u003e\n        \u003cspan class=\"soi-rolp-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-rolp-compo-value\"\u003eEcocert, Cosmétique Écologique et Biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rolp-compo-row\"\u003e\n        \u003cspan class=\"soi-rolp-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-rolp-compo-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rolp-compo-row\"\u003e\n        \u003cspan class=\"soi-rolp-compo-label\"\u003eDurée d'utilisation conseillée\u003c\/span\u003e\n        \u003cspan class=\"soi-rolp-compo-value\"\u003e1 à 3 jours par épisode\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-rolp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-rolp-cta-box\"\u003e\n      \u003cp class=\"soi-rolp-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, même en plein air\u003c\/p\u003e\n      \u003cp class=\"soi-rolp-cta-text\" style=\"color: white;\"\u003eUne piqûre ne devrait pas gâcher votre journée. Avec le Roll'On Après Piqûres Bio MoustiCare, vous avez dans la poche une réponse naturelle, rapide et certifiée bio pour profiter du plein air sereinement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-rolp-marine: #1A2D3D;\n  --soi-rolp-marine-dark: #0F1E2B;\n  --soi-rolp-marine-light: #2C4458;\n  --soi-rolp-pomme: #A1C544;\n  --soi-rolp-pomme-dark: #84A636;\n  --soi-rolp-pomme-light: rgba(161,197,68,0.10);\n  --soi-rolp-white: #FFFFFF;\n  --soi-rolp-off-white: #F8FAF6;\n  --soi-rolp-stone: #F1F3EE;\n  --soi-rolp-line: #E5E8E0;\n  --soi-rolp-primary: #4A8C3A;\n  --soi-rolp-primary-soft: rgba(74,140,58,0.08);\n  --soi-rolp-accent: #D4A82A;\n  --soi-rolp-text: #1A2D3D;\n  --soi-rolp-text-soft: #4A5B6B;\n  --soi-rolp-text-muted: #7B8693;\n  --soi-rolp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-rolp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-rolp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-rolp-radius: 12px;\n  --soi-rolp-radius-sm: 8px;\n  --soi-rolp-radius-pill: 999px;\n}\n\n.soi-rolp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-rolp-fiche img { max-width: 100%; height: auto; }\n\n.soi-rolp-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-rolp-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-rolp-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-rolp-hero {\n  position: relative;\n  background: var(--soi-rolp-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-rolp-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-rolp-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-rolp-pomme);\n}\n\n.soi-rolp-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-rolp-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-rolp-pomme);\n  border-radius: 50%;\n}\n\n.soi-rolp-hero-title {\n  display: block;\n  color: var(--soi-rolp-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-rolp-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-rolp-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-rolp-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-rolp-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-rolp-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-rolp-label-accent {\n  background: var(--soi-rolp-pomme);\n  border-color: var(--soi-rolp-pomme);\n  color: var(--soi-rolp-marine);\n  font-weight: 600;\n}\n\n.soi-rolp-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-rolp-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-rolp-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-rolp-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-rolp-pomme);\n  border-radius: 2px;\n}\n\n.soi-rolp-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-rolp-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-rolp-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-rolp-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-rolp-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-rolp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-rolp-card {\n  background: var(--soi-rolp-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-rolp-radius);\n  border-left: 3px solid var(--soi-rolp-pomme);\n}\n\n.soi-rolp-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-rolp-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-rolp-card p {\n  font-size: 14px;\n  color: var(--soi-rolp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-rolp-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-rolp-benefit {\n  background: var(--soi-rolp-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-rolp-radius);\n  border: 1px solid var(--soi-rolp-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-rolp-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-rolp-shadow-md);\n}\n\n.soi-rolp-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-rolp-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-rolp-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-rolp-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-rolp-benefit:hover .soi-rolp-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-rolp-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-rolp-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-rolp-benefit p {\n  font-size: 13px;\n  color: var(--soi-rolp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-rolp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-rolp-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-rolp-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-rolp-radius);\n  border: 1px solid var(--soi-rolp-line);\n  align-items: flex-start;\n}\n\n.soi-rolp-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-rolp-marine);\n  color: var(--soi-rolp-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-rolp-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-rolp-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-rolp-step-content p {\n  font-size: 14px;\n  color: var(--soi-rolp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-rolp-compo {\n  background: var(--soi-rolp-off-white);\n  border-radius: var(--soi-rolp-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-rolp-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-rolp-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-rolp-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-rolp-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-rolp-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-rolp-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-rolp-marine);\n  text-align: right;\n}\n\n.soi-rolp-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-rolp-pomme-light);\n  border-left: 4px solid var(--soi-rolp-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-rolp-radius) var(--soi-rolp-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-rolp-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-rolp-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-rolp-marine);\n  margin-bottom: 4px;\n}\n\n.soi-rolp-tip p {\n  font-size: 14px;\n  color: var(--soi-rolp-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-rolp-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-rolp-accordion-item {\n  background: var(--soi-rolp-off-white);\n  border-radius: var(--soi-rolp-radius-sm);\n  border: 1px solid var(--soi-rolp-line);\n  overflow: hidden;\n}\n\n.soi-rolp-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-rolp-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-rolp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-rolp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-rolp-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-rolp-accordion-item[open] .soi-rolp-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-rolp-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-rolp-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-rolp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-rolp-cta-box {\n  background: var(--soi-rolp-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-rolp-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-rolp-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-rolp-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-rolp-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-rolp-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-rolp-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-rolp-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-rolp-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-rolp-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-rolp-compo-value {\n    text-align: left;\n  }\n\n  .soi-rolp-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-rolp-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-rolp-fiche {\n    --soi-rolp-text-soft: #2C3E50;\n    --soi-rolp-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"MoustiCare","offers":[{"title":"Default Title","offer_id":61603452092746,"sku":"MC0030","price":4.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/mousticare_rollon_mc0030_43d0aca8-6a2b-499c-a992-f837e6a4011f.jpg?v=1778842998","url":"https:\/\/www.soinature.com\/products\/roll-on-apres-piqures-bio","provider":"Soinature","version":"1.0","type":"link"}