{"product_id":"roller-apres-piqures-bio-pranarom","title":"Roller après-piqures Bio - Pranarom","description":"\u003cdiv class=\"soi-rpiq-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-rpiq-hero\"\u003e\n    \u003cdiv class=\"soi-rpiq-hero-tag\"\u003e\n      \u003cspan class=\"soi-rpiq-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie · Pranarôm\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-rpiq-hero-title\"\u003eRoller Après-Piqûres Bio\u003c\/span\u003e\n    \u003cp class=\"soi-rpiq-hero-subtitle\"\u003eUn gel apaisant aux huiles essentielles 100 % biologiques pour calmer rapidement l'inconfort cutané après une piqûre d'insecte. Format roller pratique et hygiénique, à glisser dans votre sac dès les beaux jours.\u003c\/p\u003e\n    \u003cdiv class=\"soi-rpiq-hero-labels\"\u003e\n      \u003cspan class=\"soi-rpiq-label soi-rpiq-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-rpiq-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-rpiq-label\"\u003eDÈS 3 ANS\u003c\/span\u003e\n      \u003cspan class=\"soi-rpiq-label\"\u003eNON PHOTOSENSIBILISANT\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Pourquoi choisir --\u003e\n  \u003csection class=\"soi-rpiq-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le Roller Après-Piqûres Pranarôm ?\u003c\/h2\u003e\n    \u003cp class=\"soi-rpiq-section-intro\"\u003eCe que vous attendez après une piqûre, c'est un soulagement rapide, sans produits chimiques agressifs. Le Roller Après-Piqûres Pranarôm répond exactement à cela.\u003c\/p\u003e\n    \u003cdiv class=\"soi-rpiq-benefits\"\u003e\n      \u003cdiv class=\"soi-rpiq-benefit\"\u003e\n        \u003cdiv class=\"soi-rpiq-benefit-icon\"\u003e\u003cspan\u003e❄️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaisement immédiat\u003c\/h3\u003e\n        \u003cp\u003eLa sensation de fraîcheur procurée par la Menthe des champs calme instantanément les démangeaisons.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-benefit\"\u003e\n        \u003cdiv class=\"soi-rpiq-benefit-icon\"\u003e\u003cspan\u003e🕐\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAction durable\u003c\/h3\u003e\n        \u003cp\u003eLe Curcuma et la Tanaisie aident à réduire l'inconfort cutané sur la durée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-benefit\"\u003e\n        \u003cdiv class=\"soi-rpiq-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTexture gel légère\u003c\/h3\u003e\n        \u003cp\u003eNon grasse, non photosensibilisante : vous pouvez l'appliquer même avant de vous exposer au soleil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-benefit\"\u003e\n        \u003cdiv class=\"soi-rpiq-benefit-icon\"\u003e\u003cspan\u003e🎯\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFormat roller hygiénique\u003c\/h3\u003e\n        \u003cp\u003eApplication précise et ciblée, sans toucher la zone avec les doigts.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Composition --\u003e\n  \u003csection class=\"soi-rpiq-section\"\u003e\n    \u003ch2\u003eComposition : des huiles essentielles biologiques soigneusement choisies\u003c\/h2\u003e\n    \u003cp class=\"soi-rpiq-section-intro\"\u003eLa force de ce roller repose sur une synergie d'huiles essentielles certifiées biologiques, chacune jouant un rôle précis.\u003c\/p\u003e\n    \u003cdiv class=\"soi-rpiq-grid\"\u003e\n      \u003cdiv class=\"soi-rpiq-card\"\u003e\n        \u003ch3\u003e💜 Lavande aspic bio\u003c\/h3\u003e\n        \u003cp\u003eHuile essentielle emblématique pour apaiser la peau irritée après une piqûre.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-card\"\u003e\n        \u003ch3\u003e🧊 Menthe des champs bio\u003c\/h3\u003e\n        \u003cp\u003eEffet rafraîchissant quasi immédiat, idéal pour stopper la sensation de brûlure ou de démangeaison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-card\"\u003e\n        \u003ch3\u003e🟡 Curcuma bio\u003c\/h3\u003e\n        \u003cp\u003eSoutient l'apaisement cutané en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-card\"\u003e\n        \u003ch3\u003e🌼 Tanaisie annuelle bio\u003c\/h3\u003e\n        \u003cp\u003eComplète l'action apaisante et contribue à limiter la réaction cutanée visible.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-card\"\u003e\n        \u003ch3\u003e🌱 Gel d'aloe vera\u003c\/h3\u003e\n        \u003cp\u003eBase douce et hydratante qui favorise la pénétration du soin sans assécher la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rpiq-tip\"\u003e\n      \u003cdiv class=\"soi-rpiq-tip-icon\"\u003e✅\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eBonne nouvelle\u003c\/strong\u003e\n        \u003cp\u003eLa formule est non photosensibilisante et convient aux peaux sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Utilisation --\u003e\n  \u003csection class=\"soi-rpiq-section\"\u003e\n    \u003ch2\u003eComment utiliser le Roller Après-Piqûres Pranarôm ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rpiq-timeline\"\u003e\n      \u003cdiv class=\"soi-rpiq-step\"\u003e\n        \u003cdiv class=\"soi-rpiq-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-rpiq-step-content\"\u003e\n          \u003ch3\u003eAppliquez sans attendre\u003c\/h3\u003e\n          \u003cp\u003eAppliquez le roller directement sur la piqûre dès que possible après la morsure ou la piqûre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-step\"\u003e\n        \u003cdiv class=\"soi-rpiq-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-rpiq-step-content\"\u003e\n          \u003ch3\u003eFaites rouler la bille\u003c\/h3\u003e\n          \u003cp\u003eFaites rouler la bille sur la zone concernée pendant quelques secondes pour diffuser le gel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-step\"\u003e\n        \u003cdiv class=\"soi-rpiq-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-rpiq-step-content\"\u003e\n          \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n          \u003cp\u003eRenouvelez l'application 2 à 4 fois par jour selon le besoin, jusqu'à disparition de l'inconfort.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-step\"\u003e\n        \u003cdiv class=\"soi-rpiq-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-rpiq-step-content\"\u003e\n          \u003ch3\u003eZone à éviter\u003c\/h3\u003e\n          \u003cp\u003eÉvitez le contour des yeux et les muqueuses.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Femme enceinte --\u003e\n  \u003csection class=\"soi-rpiq-section\"\u003e\n    \u003ch2\u003eRoller Après-Piqûres et femme enceinte : ce qu'il faut savoir\u003c\/h2\u003e\n    \u003cp\u003eLa question revient souvent : ce roller est-il compatible avec la grossesse ? La formule contient des huiles essentielles, dont certaines sont déconseillées durant le premier trimestre. Demandez toujours l'avis de votre médecin ou pharmacien avant utilisation si vous êtes enceinte ou allaitante. Ce produit ne remplace en aucun cas un avis médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Pour qui --\u003e\n  \u003csection class=\"soi-rpiq-section\"\u003e\n    \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rpiq-grid\"\u003e\n      \u003cdiv class=\"soi-rpiq-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eConvient aux adultes et aux enfants dès 3 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-card\"\u003e\n        \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n        \u003cp\u003ePensé pour les personnes qui recherchent des solutions naturelles et certifiées BIO.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-card\"\u003e\n        \u003ch3\u003e🏕️ Aventuriers du plein air\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour les voyageurs, randonneurs, campeurs et amateurs d'activités en extérieur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-card\"\u003e\n        \u003ch3\u003e🦟 Peaux réactives\u003c\/h3\u003e\n        \u003cp\u003eParticulièrement adapté à ceux qui réagissent fortement aux piqûres de moustiques ou d'insectes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rpiq-tip\"\u003e\n      \u003cdiv class=\"soi-rpiq-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eSon format de 15 ml le rend idéal en trousse de voyage ou dans un sac à dos. Compact, léger, discret : il est là quand vous en avez besoin.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 : Informations pratiques --\u003e\n  \u003csection class=\"soi-rpiq-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rpiq-grid-compact\"\u003e\n      \u003cdiv class=\"soi-rpiq-card-mini\"\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-icon\"\u003e📏\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-value\"\u003e15 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-card-mini\"\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-value\"\u003eBIO\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-card-mini\"\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-label\"\u003eVegan\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-value\"\u003eOui\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-card-mini\"\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-icon\"\u003e☀️\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-label\"\u003ePhotosensibilisant\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-card-mini-value\"\u003eNon\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rpiq-compo\"\u003e\n      \u003cdiv class=\"soi-rpiq-compo-row\"\u003e\n        \u003cspan class=\"soi-rpiq-compo-label\"\u003eConvient à\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-compo-value\"\u003eAdultes et enfants dès 3 ans\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-compo-row\"\u003e\n        \u003cspan class=\"soi-rpiq-compo-label\"\u003eHuiles essentielles\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-compo-value\"\u003e100 % biologiques\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rpiq-compo-row\"\u003e\n        \u003cspan class=\"soi-rpiq-compo-label\"\u003eGamme\u003c\/span\u003e\n        \u003cspan class=\"soi-rpiq-compo-value\"\u003eAromapic, Pranarôm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 : Précautions --\u003e\n  \u003csection class=\"soi-rpiq-section\"\u003e\n    \u003cdiv class=\"soi-rpiq-accordion\"\u003e\n      \u003cdetails class=\"soi-rpiq-accordion-item\"\u003e\n        \u003csummary class=\"soi-rpiq-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-rpiq-accordion-content\"\u003e\n          \u003cp\u003eÉvitez le contour des yeux et les muqueuses. La formule contient des huiles essentielles : demandez toujours l'avis de votre médecin ou pharmacien si vous êtes enceinte ou allaitante, notamment durant le premier trimestre. Ce produit ne remplace en aucun cas un avis médical. Convient dès 3 ans.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-rpiq-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-rpiq-cta-box\"\u003e\n      \u003cp class=\"soi-rpiq-cta-tag\" style=\"color: white;\"\u003eL'indispensable de votre été\u003c\/p\u003e\n      \u003cp class=\"soi-rpiq-cta-text\" style=\"color: white;\"\u003eFini le temps où une piqûre gâchait votre soirée ou votre randonnée. Le Roller Après-Piqûres Bio Aromapic de Pranarôm vous offre un apaisement rapide, naturel et certifié BIO, à portée de main en toutes circonstances.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* === Couleurs Soinat (FIXES) === *\/\n  --soi-rpiq-marine: #1A2D3D;\n  --soi-rpiq-marine-dark: #0F1E2B;\n  --soi-rpiq-marine-light: #2C4458;\n  --soi-rpiq-pomme: #A1C544;\n  --soi-rpiq-pomme-dark: #84A636;\n  --soi-rpiq-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-rpiq-white: #FFFFFF;\n  --soi-rpiq-off-white: #F8FAF6;\n  --soi-rpiq-stone: #F1F3EE;\n  --soi-rpiq-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (packaging : vert-jaune Aromapic + blanc) === *\/\n  --soi-rpiq-primary: #7A9A8E;\n  --soi-rpiq-primary-soft: #E8F0EC;\n  --soi-rpiq-accent: #C8B830;\n\n  \/* === Textes === *\/\n  --soi-rpiq-text: #1A2D3D;\n  --soi-rpiq-text-soft: #4A5B6B;\n  --soi-rpiq-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-rpiq-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-rpiq-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-rpiq-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-rpiq-radius: 12px;\n  --soi-rpiq-radius-sm: 8px;\n  --soi-rpiq-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-rpiq-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-rpiq-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-rpiq-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-rpiq-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-rpiq-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-rpiq-hero {\n  position: relative;\n  background: var(--soi-rpiq-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-rpiq-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-rpiq-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-rpiq-pomme);\n}\n\n.soi-rpiq-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-rpiq-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-rpiq-pomme);\n  border-radius: 50%;\n}\n\n.soi-rpiq-hero-title {\n  display: block;\n  color: var(--soi-rpiq-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-rpiq-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-rpiq-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-rpiq-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-rpiq-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-rpiq-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-rpiq-label-accent {\n  background: var(--soi-rpiq-pomme);\n  border-color: var(--soi-rpiq-pomme);\n  color: var(--soi-rpiq-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-rpiq-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-rpiq-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-rpiq-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-rpiq-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-rpiq-pomme);\n  border-radius: 2px;\n}\n\n.soi-rpiq-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-rpiq-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-rpiq-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-rpiq-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-rpiq-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-rpiq-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-rpiq-benefit {\n  background: var(--soi-rpiq-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-rpiq-radius);\n  border: 1px solid var(--soi-rpiq-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-rpiq-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-rpiq-shadow-md);\n}\n\n.soi-rpiq-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-rpiq-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-rpiq-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-rpiq-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-rpiq-benefit:hover .soi-rpiq-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-rpiq-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-rpiq-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-rpiq-benefit p {\n  font-size: 13px;\n  color: var(--soi-rpiq-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-rpiq-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-rpiq-card {\n  background: var(--soi-rpiq-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-rpiq-radius);\n  border-left: 3px solid var(--soi-rpiq-pomme);\n}\n\n.soi-rpiq-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-rpiq-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-rpiq-card p {\n  font-size: 14px;\n  color: var(--soi-rpiq-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-rpiq-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-rpiq-card-mini {\n  background: var(--soi-rpiq-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-rpiq-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-rpiq-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-rpiq-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-rpiq-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-rpiq-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-rpiq-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-rpiq-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-rpiq-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-rpiq-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-rpiq-radius);\n  border: 1px solid var(--soi-rpiq-line);\n  align-items: flex-start;\n}\n\n.soi-rpiq-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-rpiq-marine);\n  color: var(--soi-rpiq-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-rpiq-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-rpiq-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-rpiq-step-content p {\n  font-size: 14px;\n  color: var(--soi-rpiq-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-rpiq-compo {\n  background: var(--soi-rpiq-off-white);\n  border-radius: var(--soi-rpiq-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-rpiq-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-rpiq-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-rpiq-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-rpiq-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-rpiq-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-rpiq-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-rpiq-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-rpiq-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-rpiq-pomme-light);\n  border-left: 4px solid var(--soi-rpiq-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-rpiq-radius) var(--soi-rpiq-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-rpiq-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-rpiq-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-rpiq-marine);\n  margin-bottom: 4px;\n}\n\n.soi-rpiq-tip p {\n  font-size: 14px;\n  color: var(--soi-rpiq-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-rpiq-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-rpiq-accordion-item {\n  background: var(--soi-rpiq-off-white);\n  border-radius: var(--soi-rpiq-radius-sm);\n  border: 1px solid var(--soi-rpiq-line);\n  overflow: hidden;\n}\n\n.soi-rpiq-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-rpiq-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-rpiq-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-rpiq-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-rpiq-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-rpiq-accordion-item[open] .soi-rpiq-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-rpiq-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-rpiq-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-rpiq-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-rpiq-cta-box {\n  background: var(--soi-rpiq-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-rpiq-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-rpiq-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-rpiq-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-rpiq-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-rpiq-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-rpiq-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-rpiq-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-rpiq-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-rpiq-step-num {\n    text-align: center;\n    margin: 0 auto 0 0;\n  }\n\n  .soi-rpiq-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-rpiq-compo-value {\n    text-align: left;\n  }\n\n  .soi-rpiq-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-rpiq-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-rpiq-benefits {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n@media (max-width: 420px) {\n  .soi-rpiq-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-rpiq-grid-compact {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-rpiq-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-rpiq-fiche {\n    --soi-rpiq-text-soft: #2C3E50;\n    --soi-rpiq-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603935420746,"sku":"RA0240","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/roller-apres-piqures-bio-pranarom-packshot.webp?v=1779458100","url":"https:\/\/www.soinature.com\/products\/roller-apres-piqures-bio-pranarom","provider":"Soinature","version":"1.0","type":"link"}