{"title":"Propos'Nature","description":"","products":[{"product_id":"propolis-verte-bio-en-gelules-proposnature","title":"Propolis verte Bio en gélules – Propos'Nature","description":"\n\u003cdiv class=\"soi-prop-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-prop-hero\"\u003e\n \u003cdiv class=\"soi-prop-hero-tag\"\u003e\n \u003cspan class=\"soi-prop-tag-dot\"\u003e\u003c\/span\u003e\n Apithérapie · Propos'Nature\n \u003c\/div\u003e\n \u003cspan class=\"soi-prop-hero-title\"\u003eToutes les vertues de la Propolis Verte en gélules\u003c\/span\u003e\n \u003cp class=\"soi-prop-hero-subtitle\"\u003eLe trésor de la ruche brésilienne, riche en artépilline C et en flavonoïdes, pour un soutien naturel de vos défenses au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-prop-hero-labels\"\u003e\n \u003cspan class=\"soi-prop-label soi-prop-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-prop-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-prop-label\"\u003eCOMMERCE ÉQUITABLE\u003c\/span\u003e\n \u003cspan class=\"soi-prop-label\"\u003eGÉLULE 100 % VÉGÉTALE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Pourquoi choisir la propolis verte --\u003e\n \u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003ePourquoi choisir la propolis verte du Brésil plutôt qu'une propolis classique ?\u003c\/h2\u003e\n \u003cp\u003eToutes les propolis ne se valent pas. La propolis verte du Brésil bio se distingue par une concentration en artépilline C bien supérieure à celle des propolis brunes ou noires européennes. Ce composé phénolique unique, propre à cette variété, confère à la propolis verte des propriétés particulièrement intéressantes pour soutenir l'immunité, notamment lors des changements de saison ou des périodes de fatigue passagère.\u003c\/p\u003e\n \u003cp\u003eC'est cette spécificité qui en fait un complément alimentaire à part, plébiscité bien au-delà des rayons de pharmacie ou des boutiques bio.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Composition et posologie --\u003e\n \u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003eComposition et posologie : ce que contient chaque gélule\u003c\/h2\u003e\n \u003cp class=\"soi-prop-section-intro\"\u003eLa transparence fait partie des valeurs de Propos'Nature. Voici exactement ce que vous ingérez à chaque prise.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-prop-compo\"\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003eExtrait de propolis verte bio (Baccharis dracunculifolia)\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003e200 mg \/ gélule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003eEnveloppe de la gélule\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003eHypromellose (HPMC, 100 % végétale)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003eDosage recommandé\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003e2 gélules \/ jour (400 mg)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003eContenu du flacon\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003e60 gélules (1 mois de cure)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003eDurée de cure conseillée\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003e1 à 2 mois, renouvelable après une pause\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003eColorant, conservateur, sucre ajouté, dérivé pétrochimique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-prop-tip\"\u003e\n \u003cdiv class=\"soi-prop-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eEn usage préventif hivernal, une cure de 6 à 8 semaines avant la saison froide est souvent recommandée pour préparer vos défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Bienfaits --\u003e\n \u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003eLes bienfaits de la propolis verte bio : ce que dit la recherche\u003c\/h2\u003e\n \u003cdiv class=\"soi-prop-benefits\"\u003e\n \u003cdiv class=\"soi-prop-benefit\"\u003e\n \u003cdiv class=\"soi-prop-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eLes flavonoïdes et l'artépilline C contribuent à renforcer les défenses naturelles de l'organisme face aux agressions saisonnières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-benefit\"\u003e\n \u003cdiv class=\"soi-prop-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAction antioxydante\u003c\/h3\u003e\n \u003cp\u003eLa propolis verte neutralise les radicaux libres, participant ainsi à la protection cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-benefit\"\u003e\n \u003cdiv class=\"soi-prop-benefit-icon\"\u003e\u003cspan\u003e😁\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSanté bucco-dentaire\u003c\/h3\u003e\n \u003cp\u003eUtilisée depuis des décennies en complément des soins dentaires, elle est appréciée pour son action sur la flore buccale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-benefit\"\u003e\n \u003cdiv class=\"soi-prop-benefit-icon\"\u003e\u003cspan\u003e🌬️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eConfort ORL\u003c\/h3\u003e\n \u003cp\u003eIdéale en période hivernale pour accompagner nez, gorge et bronches lors des petits inconforts passagers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 13px; color: var(--soi-prop-text-muted); margin-top: 1.25rem;\"\u003eCes indications sont issues de la tradition et de travaux scientifiques préliminaires. Ce produit ne se substitue en aucun cas à un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Engagements --\u003e\n \u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003eLes engagements Propos'Nature qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-prop-grid\"\u003e\n \u003cdiv class=\"soi-prop-card\"\u003e\n \u003ch3\u003e🌿 Certifié Agriculture Biologique\u003c\/h3\u003e\n \u003cp\u003ePropolis issue d'une filière bio contrôlée, sans pesticides ni résidus chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eTraçabilité totale, savoir-faire local et contrôles qualité rigoureux à chaque étape.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-card\"\u003e\n \u003ch3\u003e🐝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eSoutien aux apiculteurs brésiliens engagés dans une apiculture durable et respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-card\"\u003e\n \u003ch3\u003e🌱 Gélule 100 % végétale\u003c\/h3\u003e\n \u003cp\u003eConvient aux végétariens. Sans gélatine animale, sans alcool, sans excipient superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Comment prendre --\u003e\n \u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003eComment prendre la propolis verte bio en gélules ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-prop-timeline\"\u003e\n \u003cdiv class=\"soi-prop-step\"\u003e\n \u003cdiv class=\"soi-prop-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-prop-step-content\"\u003e\n \u003ch3\u003eVotre prise quotidienne\u003c\/h3\u003e\n \u003cp\u003eAvalez vos 2 gélules le matin avec un grand verre d'eau, au cours du petit-déjeuner. Évitez de les prendre à jeun si vous avez un estomac sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-step\"\u003e\n \u003cdiv class=\"soi-prop-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-prop-step-content\"\u003e\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cp\u003eConservez le flacon à l'abri de la chaleur et de l'humidité, hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-prop-accordion\"\u003e\n \u003cdetails class=\"soi-prop-accordion-item\"\u003e\n \u003csummary class=\"soi-prop-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-prop-accordion-content\"\u003e\n \u003cp\u003eEn cas de grossesse, d'allaitement ou d'allergie aux produits de la ruche, demandez l'avis de votre médecin avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-prop-accordion-item\"\u003e\n \u003csummary class=\"soi-prop-accordion-header\"\u003e📋 Mentions réglementaires\u003c\/summary\u003e\n \u003cdiv class=\"soi-prop-accordion-content\"\u003e\n \u003cp\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-prop-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-prop-cta-box\"\u003e\n \u003cp class=\"soi-prop-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, saison après saison\u003c\/p\u003e\n \u003cp class=\"soi-prop-cta-text\" style=\"color: white;\"\u003eAvec la Propolis Verte Bio Propos'Nature, vous faites confiance à un trésor naturel brésilien, encapsulé avec soin en France, pour accompagner vos défenses naturelles exactement quand vous en avez besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-prop-marine: #1A2D3D;\n --soi-prop-marine-dark: #0F1E2B;\n --soi-prop-marine-light: #2C4458;\n --soi-prop-pomme: #A1C544;\n --soi-prop-pomme-dark: #84A636;\n --soi-prop-pomme-light: rgba(161,197,68,0.10);\n --soi-prop-white: #FFFFFF;\n --soi-prop-off-white: #F8FAF6;\n --soi-prop-stone: #F1F3EE;\n --soi-prop-line: #E5E8E0;\n --soi-prop-primary: #D4A82A;\n --soi-prop-primary-soft: rgba(212,168,42,0.12);\n --soi-prop-accent: #7CA86E;\n --soi-prop-text: #1A2D3D;\n --soi-prop-text-soft: #4A5B6B;\n --soi-prop-text-muted: #7B8693;\n --soi-prop-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-prop-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-prop-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-prop-radius: 12px;\n --soi-prop-radius-sm: 8px;\n --soi-prop-radius-pill: 999px;\n}\n\n.soi-prop-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-prop-fiche img { max-width: 100%; height: auto; }\n\n.soi-prop-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-prop-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-prop-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-prop-hero {\n position: relative;\n background: var(--soi-prop-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-prop-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-prop-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-prop-pomme);\n}\n\n.soi-prop-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-prop-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-prop-pomme);\n border-radius: 50%;\n}\n\n.soi-prop-hero-title {\n display: block;\n color: var(--soi-prop-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-prop-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-prop-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-prop-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-prop-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-prop-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-prop-label-accent {\n background: var(--soi-prop-pomme);\n border-color: var(--soi-prop-pomme);\n color: var(--soi-prop-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-prop-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-prop-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-prop-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-prop-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-prop-pomme);\n border-radius: 2px;\n}\n\n.soi-prop-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-prop-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-prop-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-prop-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-prop-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-prop-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-prop-benefit {\n background: var(--soi-prop-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-prop-radius);\n border: 1px solid var(--soi-prop-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-prop-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-prop-shadow-md);\n}\n\n.soi-prop-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-prop-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-prop-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-prop-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-prop-benefit:hover .soi-prop-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-prop-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-prop-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-prop-benefit p {\n font-size: 13px;\n color: var(--soi-prop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-prop-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-prop-card {\n background: var(--soi-prop-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-prop-radius);\n border-left: 3px solid var(--soi-prop-pomme);\n}\n\n.soi-prop-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-prop-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-prop-card p {\n font-size: 14px;\n color: var(--soi-prop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-prop-compo {\n background: var(--soi-prop-off-white);\n border-radius: var(--soi-prop-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.soi-prop-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-prop-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-prop-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-prop-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-prop-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-prop-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-prop-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-prop-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-prop-pomme-light);\n border-left: 4px solid var(--soi-prop-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-prop-radius) var(--soi-prop-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-prop-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-prop-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-prop-marine);\n margin-bottom: 4px;\n}\n\n.soi-prop-tip p {\n font-size: 14px;\n color: var(--soi-prop-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-prop-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-prop-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-prop-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-prop-radius);\n border: 1px solid var(--soi-prop-line);\n align-items: flex-start;\n}\n\n.soi-prop-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-prop-marine);\n color: var(--soi-prop-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-prop-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-prop-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-prop-step-content p {\n font-size: 14px;\n color: var(--soi-prop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-prop-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-prop-accordion-item {\n background: var(--soi-prop-off-white);\n border-radius: var(--soi-prop-radius-sm);\n border: 1px solid var(--soi-prop-line);\n overflow: hidden;\n}\n\n.soi-prop-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-prop-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-prop-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-prop-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-prop-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-prop-accordion-item[open] .soi-prop-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-prop-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-prop-accordion-content p {\n font-size: 14px;\n color: var(--soi-prop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-prop-cta-box {\n background: var(--soi-prop-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-prop-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-prop-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-prop-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-prop-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-prop-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-prop-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-prop-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-prop-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-prop-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-prop-compo-value {\n text-align: left;\n }\n\n .soi-prop-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-prop-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-prop-fiche {\n --soi-prop-text-soft: #2C3E50;\n --soi-prop-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propos'Nature","offers":[{"title":"Default Title","offer_id":61603746185546,"sku":"PO0005","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/propolis-verte-bio-en-gelules-proposnature-packshot.webp?v=1779800986"},{"product_id":"gommes-miel-propolis-verte-bio-proposnature","title":"Gommes Miel \u0026 Propolis verte Bio – Propos'Nature","description":"\u003cdiv class=\"soi-gpv-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-gpv-hero\"\u003e\n \u003cdiv class=\"soi-gpv-hero-tag\"\u003e\n \u003cspan class=\"soi-gpv-tag-dot\"\u003e\u003c\/span\u003e\n Apithérapie · Propos'Nature\n \u003c\/div\u003e\n \u003cspan class=\"soi-gpv-hero-title\"\u003eLa générosité de la ruche, la puissance du vivant\u003c\/span\u003e\n \u003cp class=\"soi-gpv-hero-subtitle\"\u003eLa douceur du miel et la puissance de la propolis verte du Brésil réunies dans une gomme savoureuse, pour apaiser votre gorge et soutenir vos défenses naturelles.\u003c\/p\u003e\n \u003cdiv class=\"soi-gpv-hero-labels\"\u003e\n \u003cspan class=\"soi-gpv-label soi-gpv-label-accent\"\u003eBIO – AB\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-label\"\u003eFABRIQUÉES EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-label\"\u003eSANS COLORANTS\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Pourquoi la propolis verte Bio --\u003e\n \u003csection class=\"soi-gpv-section\"\u003e\n \u003ch2\u003ePourquoi la propolis verte Bio ? Une résine aux bienfaits exceptionnels\u003c\/h2\u003e\n \u003cp\u003eLa propolis verte est une substance naturelle produite par les abeilles à partir de bourgeons et de résines végétales. Originaire du Brésil, elle est considérée comme l'une des plus riches en principes actifs, notamment en artépilline C, un polyphénol aux propriétés purifiantes et protectrices reconnues.\u003c\/p\u003e\n \u003cdiv class=\"soi-gpv-benefits\"\u003e\n \u003cdiv class=\"soi-gpv-benefit\"\u003e\n \u003cdiv class=\"soi-gpv-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDéfenses naturelles\u003c\/h3\u003e\n \u003cp\u003eSoutient les défenses naturelles de l'organisme, particulièrement en période hivernale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-benefit\"\u003e\n \u003cdiv class=\"soi-gpv-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eGorge apaisée\u003c\/h3\u003e\n \u003cp\u003eApaise la gorge irritée dès les premiers signes d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-benefit\"\u003e\n \u003cdiv class=\"soi-gpv-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAction purifiante\u003c\/h3\u003e\n \u003cp\u003eAction purifiante sur les voies respiratoires, renforcée par l'eucalyptus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-benefit\"\u003e\n \u003cdiv class=\"soi-gpv-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFraîcheur buccale\u003c\/h3\u003e\n \u003cp\u003eConfort buccal prolongé grâce à l'arôme naturel miel et eucalyptus.\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-gpv-section\"\u003e\n \u003ch2\u003eComposition complète des Gommes Propolis verte Bio\u003c\/h2\u003e\n \u003cp class=\"soi-gpv-section-intro\"\u003ePropos'Nature ne fait aucun compromis sur la qualité des ingrédients. Voici ce que contient chaque gomme :\u003c\/p\u003e\n \u003cdiv class=\"soi-gpv-compo\"\u003e\n \u003cdiv class=\"soi-gpv-compo-row\"\u003e\n \u003cspan class=\"soi-gpv-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-compo-value\"\u003ePropolis verte Bio (Brésil), titrée en polyphénols\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-compo-row\"\u003e\n \u003cspan class=\"soi-gpv-compo-label\"\u003eAdoucissant\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-compo-value\"\u003eMiel Bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-compo-row\"\u003e\n \u003cspan class=\"soi-gpv-compo-label\"\u003eTexture\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-compo-value\"\u003eSucre roux Bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-compo-row\"\u003e\n \u003cspan class=\"soi-gpv-compo-label\"\u003eArôme\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-compo-value\"\u003eArôme naturel miel-eucalyptus\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-tip\"\u003e\n \u003cdiv class=\"soi-gpv-tip-icon\"\u003e🐝\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormule responsable\u003c\/strong\u003e\n \u003cp\u003eSans colorants, sans conservateurs, sans gluten et sans aucun ingrédient issu de la pétrochimie. Non testée sur les animaux, dans une démarche de commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Comment consommer --\u003e\n \u003csection class=\"soi-gpv-section\"\u003e\n \u003ch2\u003eComment consommer ces gommes à la propolis ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gpv-timeline\"\u003e\n \u003cdiv class=\"soi-gpv-step\"\u003e\n \u003cdiv class=\"soi-gpv-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-step-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003eConsommez 5 à 6 gommes par jour, réparties tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-step\"\u003e\n \u003cdiv class=\"soi-gpv-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-step-content\"\u003e\n \u003ch3\u003eMode de prise\u003c\/h3\u003e\n \u003cp\u003eLaissez fondre lentement en bouche pour un contact prolongé avec la gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-step\"\u003e\n \u003cdiv class=\"soi-gpv-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-step-content\"\u003e\n \u003ch3\u003eQuand les prendre ?\u003c\/h3\u003e\n \u003cp\u003eIdéales dès les premiers signes d'irritation ou en prévention lors des périodes à risque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-step\"\u003e\n \u003cdiv class=\"soi-gpv-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-step-content\"\u003e\n \u003ch3\u003ePraticité\u003c\/h3\u003e\n \u003cp\u003eÀ emporter partout grâce au sachet refermable pratique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-accordion\"\u003e\n \u003cdetails class=\"soi-gpv-accordion-item\"\u003e\n \u003csummary class=\"soi-gpv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-gpv-accordion-content\"\u003e\n \u003cp\u003eCes gommes conviennent aux adultes et aux enfants à partir de 3 ans. Elles ne remplacent pas un traitement médical et sont déconseillées aux personnes allergiques aux produits de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Ce qui distingue --\u003e\n \u003csection class=\"soi-gpv-section\"\u003e\n \u003ch2\u003eCe qui distingue vraiment ces gommes propolis des autres\u003c\/h2\u003e\n \u003cdiv class=\"soi-gpv-grid\"\u003e\n \u003cdiv class=\"soi-gpv-card\"\u003e\n \u003ch3\u003e🇧🇷 Propolis verte du Brésil certifiée Bio\u003c\/h3\u003e\n \u003cp\u003eUne origine traçable et une concentration en actifs supérieure à la propolis brune classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriquées en France\u003c\/h3\u003e\n \u003cp\u003eDans le respect des engagements éthiques et environnementaux de Propos'Nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-card\"\u003e\n \u003ch3\u003e🏅 Certification AB\u003c\/h3\u003e\n \u003cp\u003eVérifiée par un organisme indépendant, garantissant le respect du cahier des charges biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-card\"\u003e\n \u003ch3\u003e🍃 Saveur naturelle miel-eucalyptus\u003c\/h3\u003e\n \u003cp\u003eUne expérience gustative réconfortante et fraîche, loin des bonbons artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-card\"\u003e\n \u003ch3\u003e🌱 Marque engagée\u003c\/h3\u003e\n \u003cp\u003ePlus de 30 ans d'expertise en phytothérapie et aromathérapie naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Pour qui --\u003e\n \u003csection class=\"soi-gpv-section\"\u003e\n \u003ch2\u003ePour qui sont faites ces gommes à la propolis verte Bio ?\u003c\/h2\u003e\n \u003cp class=\"soi-gpv-section-intro\"\u003eCes gommes s'adressent à toute la famille, dès que la gorge en a besoin :\u003c\/p\u003e\n \u003cdiv class=\"soi-gpv-grid\"\u003e\n \u003cdiv class=\"soi-gpv-card\"\u003e\n \u003ch3\u003e❄️ Exposé au froid\u003c\/h3\u003e\n \u003cp\u003eVous êtes souvent confronté aux courants d'air, aux transports en commun ou aux changements de température.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-card\"\u003e\n \u003ch3\u003e🌿 En quête de naturel\u003c\/h3\u003e\n \u003cp\u003eVous cherchez une alternative naturelle et Bio aux pastilles pharmaceutiques classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-card\"\u003e\n \u003ch3\u003e🛡️ Prévention hivernale\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez soutenir vos défenses naturelles tout au long de l'hiver sans médicament.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-card\"\u003e\n \u003ch3\u003e🎤 Voix sollicitée\u003c\/h3\u003e\n \u003cp\u003eVous êtes enseignant, chanteur ou toute personne qui sollicite beaucoup sa voix au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-gpv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gpv-cta-box\"\u003e\n \u003cp class=\"soi-gpv-cta-text\" style=\"color: white;\"\u003eUn geste simple, savoureux et responsable pour votre gorge et votre bien-être, qui vous accompagne à chaque saison.\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-gpv-marine: #1A2D3D;\n --soi-gpv-marine-dark: #0F1E2B;\n --soi-gpv-marine-light: #2C4458;\n --soi-gpv-pomme: #A1C544;\n --soi-gpv-pomme-dark: #84A636;\n --soi-gpv-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-gpv-white: #FFFFFF;\n --soi-gpv-off-white: #F8FAF6;\n --soi-gpv-stone: #F1F3EE;\n --soi-gpv-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (apithérapie – or miel, vert packaging) === *\/\n --soi-gpv-primary: #D4A82A;\n --soi-gpv-primary-soft: rgba(212,168,42,0.12);\n --soi-gpv-accent: #6B9E3A;\n\n \/* === Textes === *\/\n --soi-gpv-text: #1A2D3D;\n --soi-gpv-text-soft: #4A5B6B;\n --soi-gpv-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-gpv-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gpv-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gpv-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gpv-radius: 12px;\n --soi-gpv-radius-sm: 8px;\n --soi-gpv-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-gpv-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gpv-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-gpv-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gpv-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gpv-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gpv-hero {\n position: relative;\n background: var(--soi-gpv-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-gpv-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gpv-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gpv-pomme);\n}\n\n.soi-gpv-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-gpv-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gpv-pomme);\n border-radius: 50%;\n}\n\n.soi-gpv-hero-title {\n display: block;\n color: var(--soi-gpv-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-gpv-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-gpv-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gpv-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-gpv-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gpv-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gpv-label-accent {\n background: var(--soi-gpv-pomme);\n border-color: var(--soi-gpv-pomme);\n color: var(--soi-gpv-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gpv-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gpv-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gpv-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-gpv-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gpv-pomme);\n border-radius: 2px;\n}\n\n.soi-gpv-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gpv-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-gpv-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gpv-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gpv-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-gpv-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-gpv-benefit {\n background: var(--soi-gpv-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gpv-radius);\n border: 1px solid var(--soi-gpv-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gpv-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gpv-shadow-md);\n}\n\n.soi-gpv-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gpv-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-gpv-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gpv-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gpv-benefit:hover .soi-gpv-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gpv-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gpv-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gpv-benefit p {\n font-size: 13px;\n color: var(--soi-gpv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gpv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-gpv-card {\n background: var(--soi-gpv-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gpv-radius);\n border-left: 3px solid var(--soi-gpv-pomme);\n}\n\n.soi-gpv-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gpv-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gpv-card p {\n font-size: 14px;\n color: var(--soi-gpv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-gpv-compo {\n background: var(--soi-gpv-off-white);\n border-radius: var(--soi-gpv-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.soi-gpv-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-gpv-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-gpv-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-gpv-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-gpv-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-gpv-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-gpv-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-gpv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-gpv-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gpv-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gpv-radius);\n border: 1px solid var(--soi-gpv-line);\n align-items: flex-start;\n}\n\n.soi-gpv-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gpv-marine);\n color: var(--soi-gpv-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-gpv-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gpv-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gpv-step-content p {\n font-size: 14px;\n color: var(--soi-gpv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-gpv-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gpv-pomme-light);\n border-left: 4px solid var(--soi-gpv-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gpv-radius) var(--soi-gpv-radius) 0;\n align-items: flex-start;\n}\n\n.soi-gpv-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gpv-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gpv-marine);\n margin-bottom: 4px;\n}\n\n.soi-gpv-tip p {\n font-size: 14px;\n color: var(--soi-gpv-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gpv-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gpv-accordion-item {\n background: var(--soi-gpv-off-white);\n border-radius: var(--soi-gpv-radius-sm);\n border: 1px solid var(--soi-gpv-line);\n overflow: hidden;\n}\n\n.soi-gpv-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gpv-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-gpv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gpv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gpv-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gpv-accordion-item[open] .soi-gpv-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gpv-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gpv-accordion-content p {\n font-size: 14px;\n color: var(--soi-gpv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gpv-cta-box {\n background: var(--soi-gpv-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gpv-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gpv-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-gpv-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gpv-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-gpv-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gpv-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gpv-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-gpv-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gpv-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-gpv-compo-value {\n text-align: left;\n }\n\n .soi-gpv-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-gpv-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gpv-fiche {\n --soi-gpv-text-soft: #2C3E50;\n --soi-gpv-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propos'Nature","offers":[{"title":"Default Title","offer_id":61603746906442,"sku":"PO0010","price":5.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gommes-miel-propolis-verte-bio-proposnature-packshot.webp?v=1787416621"},{"product_id":"gommes-propolis-verte-bio-oligoelements-pin-proposnature","title":"Gommes Propolis Verte bio Oligoéléments\/Pin – Propos'Nature","description":"\n\n\u003cdiv class=\"soi-gpv-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-gpv-hero\"\u003e\n \u003cdiv class=\"soi-gpv-hero-tag\"\u003e\n \u003cspan class=\"soi-gpv-tag-dot\"\u003e\u003c\/span\u003e\n Apithérapie · Propos'Nature\n \u003c\/div\u003e\n \u003cspan class=\"soi-gpv-hero-title\"\u003eDes gommes qui soutiennent la respiration et l'immunité\u003c\/span\u003e\n \u003cp class=\"soi-gpv-hero-subtitle\"\u003eUne formule active associant propolis verte bio du Brésil, oligoéléments essentiels et arôme naturel de pin pour soutenir votre confort respiratoire et vos défenses naturelles.\u003c\/p\u003e\n \u003cdiv class=\"soi-gpv-hero-labels\"\u003e\n \u003cspan class=\"soi-gpv-label soi-gpv-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-label\"\u003eSANS SUCRES AJOUTÉS\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-label\"\u003eNON TESTÉ SUR LES ANIMAUX\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi choisir ces gommes à la propolis verte bio ? --\u003e\n \u003csection class=\"soi-gpv-section\"\u003e\n \u003ch2\u003ePourquoi choisir ces gommes à la propolis verte bio ?\u003c\/h2\u003e\n \u003cp class=\"soi-gpv-section-intro\"\u003eBien plus qu'une simple pastille, ces gommes de propolis misent sur une synergie d'actifs complémentaires, soigneusement dosés pour un effet ressenti dès les premières utilisations.\u003c\/p\u003e\n \u003cdiv class=\"soi-gpv-benefits\"\u003e\n \u003cdiv class=\"soi-gpv-benefit\"\u003e\n \u003cdiv class=\"soi-gpv-benefit-icon\"\u003e\u003cspan\u003e🐝\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePropolis verte bio du Brésil\u003c\/h3\u003e\n \u003cp\u003eRécoltée par les abeilles à partir de résines végétales, elle est reconnue pour ses propriétés apaisantes, antimicrobiennes et protectrices. Le cœur actif de chaque gomme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-benefit\"\u003e\n \u003cdiv class=\"soi-gpv-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCuivre\u003c\/h3\u003e\n \u003cp\u003eContribue au fonctionnement normal du système immunitaire et protège les cellules contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-benefit\"\u003e\n \u003cdiv class=\"soi-gpv-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eManganèse\u003c\/h3\u003e\n \u003cp\u003eParticipe au métabolisme énergétique normal et à la protection antioxydante de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-benefit\"\u003e\n \u003cdiv class=\"soi-gpv-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eZinc\u003c\/h3\u003e\n \u003cp\u003eSoutient les défenses naturelles et contribue au maintien d'une fonction immunitaire normale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-benefit\"\u003e\n \u003cdiv class=\"soi-gpv-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMagnésium\u003c\/h3\u003e\n \u003cp\u003eAide à réduire la fatigue et contribue à l'équilibre nerveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-benefit\"\u003e\n \u003cdiv class=\"soi-gpv-benefit-icon\"\u003e\u003cspan\u003e🌲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eArôme naturel de pin\u003c\/h3\u003e\n \u003cp\u003eProcure une sensation immédiate de fraîcheur et accompagne le confort des voies respiratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pour qui sont faites ces gommes propolis et oligoéléments ? --\u003e\n \u003csection class=\"soi-gpv-section\"\u003e\n \u003ch2\u003ePour qui sont faites ces gommes propolis et oligoéléments ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gpv-grid\"\u003e\n \u003cdiv class=\"soi-gpv-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille dès 6 ans\u003c\/h3\u003e\n \u003cp\u003eCes gommes conviennent aux adultes comme aux enfants à partir de 6 ans, pour un usage quotidien simple et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-card\"\u003e\n \u003ch3\u003e❄️ Périodes hivernales et changements de saison\u003c\/h3\u003e\n \u003cp\u003eParticulièrement appréciées dès que vous ressentez une gorge irritée, une voix fatiguée ou un nez encombré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-card\"\u003e\n \u003ch3\u003e🎒 Pratiques à emporter partout\u003c\/h3\u003e\n \u003cp\u003eFaciles à glisser dans un sac ou une poche, elles s'utilisent à tout moment de la journée, où que vous soyez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-tip\"\u003e\n \u003cdiv class=\"soi-gpv-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eÉdulcorées au sirop de maltitol, ces gommes ne contiennent pas de sucres ajoutés. Elles conviennent parfaitement si vous souhaitez limiter votre consommation de sucre sans faire de compromis sur le goût.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition et informations pratiques --\u003e\n \u003csection class=\"soi-gpv-section\"\u003e\n \u003ch2\u003eComposition et informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-gpv-compo\"\u003e\n \u003cdiv class=\"soi-gpv-compo-row\"\u003e\n \u003cspan class=\"soi-gpv-compo-label\"\u003eIngrédients principaux\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-compo-value\"\u003eSirop de maltitol, propolis verte biologique, arôme naturel de pin, gluconate de cuivre, gluconate de manganèse, gluconate de zinc, gluconate de magnésium, gomme arabique (gélifiant)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-compo-row\"\u003e\n \u003cspan class=\"soi-gpv-compo-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-compo-value\"\u003eSachet de 45 g (environ 45 gommes)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-compo-row\"\u003e\n \u003cspan class=\"soi-gpv-compo-label\"\u003eOrigine propolis\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-compo-value\"\u003eBrésil (certifiée biologique)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-compo-row\"\u003e\n \u003cspan class=\"soi-gpv-compo-label\"\u003eOrigine maltitol\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-compo-value\"\u003eUE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-compo-row\"\u003e\n \u003cspan class=\"soi-gpv-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-timeline\"\u003e\n \u003cdiv class=\"soi-gpv-step\"\u003e\n \u003cdiv class=\"soi-gpv-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-step-content\"\u003e\n \u003ch3\u003eDosage conseillé\u003c\/h3\u003e\n \u003cp\u003e5 à 6 gommes par jour, à sucer lentement, de préférence réparties dans la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-step\"\u003e\n \u003cdiv class=\"soi-gpv-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-step-content\"\u003e\n \u003ch3\u003eMode de prise\u003c\/h3\u003e\n \u003cp\u003eLaissez fondre en bouche pour profiter pleinement des actifs de la propolis verte et des oligoéléments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-step\"\u003e\n \u003cdiv class=\"soi-gpv-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-step-content\"\u003e\n \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003e3 à 4 semaines, notamment pendant les périodes à risque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-tip\"\u003e\n \u003cdiv class=\"soi-gpv-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePrécaution\u003c\/strong\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical. En cas de doute ou de symptômes persistants, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Une fabrication éthique et responsable --\u003e\n \u003csection class=\"soi-gpv-section\"\u003e\n \u003ch2\u003eUne fabrication éthique et responsable\u003c\/h2\u003e\n \u003cp class=\"soi-gpv-section-intro\"\u003eChez Propos'Nature, l'engagement va au-delà du produit. Les matières premières sont sélectionnées dans le respect des exigences environnementales, avec un soutien aux petits producteurs et au commerce équitable.\u003c\/p\u003e\n \u003cdiv class=\"soi-gpv-grid-compact\"\u003e\n \u003cdiv class=\"soi-gpv-card-mini\"\u003e\n \u003cspan class=\"soi-gpv-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-card-mini\"\u003e\n \u003cspan class=\"soi-gpv-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-card-mini-label\"\u003ePropolis\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-card-mini-value\"\u003eCertifiée bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-card-mini\"\u003e\n \u003cspan class=\"soi-gpv-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-card-mini-value\"\u003eSans colorants ni conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gpv-card-mini\"\u003e\n \u003cspan class=\"soi-gpv-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-gpv-card-mini-value\"\u003eNon testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Questions fréquentes sur les gommes de propolis --\u003e\n \u003csection class=\"soi-gpv-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur les gommes de propolis\u003c\/h2\u003e\n \u003cdiv class=\"soi-gpv-accordion\"\u003e\n \u003cdetails class=\"soi-gpv-accordion-item\"\u003e\n \u003csummary class=\"soi-gpv-accordion-header\"\u003e🔄 Quelle différence avec les gommes propolis eucalyptus ou miel ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gpv-accordion-content\"\u003e\n \u003cp\u003eLa version Pin et Oligoéléments apporte une dimension supplémentaire grâce aux minéraux essentiels (cuivre, zinc, manganèse, magnésium), qui viennent renforcer l'action de la propolis verte sur l'immunité et la vitalité. L'arôme de pin remplace l'eucalyptus pour une sensation de fraîcheur boisée, idéale si vous n'appréciez pas les notes mentholées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-gpv-accordion-item\"\u003e\n \u003csummary class=\"soi-gpv-accordion-header\"\u003e📅 Peut-on prendre ces gommes propolis tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gpv-accordion-content\"\u003e\n \u003cp\u003eOui, elles sont conçues pour un usage quotidien, notamment en cure pendant les périodes à risque. Une cure de 3 à 4 semaines est généralement recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-gpv-accordion-item\"\u003e\n \u003csummary class=\"soi-gpv-accordion-header\"\u003e🍬 Sont-elles compatibles avec une alimentation sans sucre ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gpv-accordion-content\"\u003e\n \u003cp\u003eTout à fait. Édulcorées au maltitol, elles ne contiennent pas de sucres ajoutés. Vous profitez d'un goût agréable sans compromis sur vos choix alimentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-gpv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gpv-cta-box\"\u003e\n \u003cp class=\"soi-gpv-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, avec gourmandise\u003c\/p\u003e\n \u003cp class=\"soi-gpv-cta-text\" style=\"color: white;\"\u003eDouce, active et engagée, cette gomme à la propolis verte bio accompagne votre bien-être respiratoire et immunitaire avec un vrai plaisir de dégustation. Un allié naturel à adopter dès les premiers frimas.\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-gpv-marine: #1A2D3D;\n --soi-gpv-marine-dark: #0F1E2B;\n --soi-gpv-marine-light: #2C4458;\n --soi-gpv-pomme: #A1C544;\n --soi-gpv-pomme-dark: #84A636;\n --soi-gpv-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-gpv-white: #FFFFFF;\n --soi-gpv-off-white: #F8FAF6;\n --soi-gpv-stone: #F1F3EE;\n --soi-gpv-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging : bleu alvéole + or miel) === *\/\n --soi-gpv-primary: #7EC8D9;\n --soi-gpv-primary-soft: rgba(126,200,217,0.12);\n --soi-gpv-accent: #D4A82A;\n\n \/* === Textes === *\/\n --soi-gpv-text: #1A2D3D;\n --soi-gpv-text-soft: #4A5B6B;\n --soi-gpv-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-gpv-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gpv-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gpv-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gpv-radius: 12px;\n --soi-gpv-radius-sm: 8px;\n --soi-gpv-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-gpv-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gpv-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-gpv-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gpv-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gpv-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gpv-hero {\n position: relative;\n background: var(--soi-gpv-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-gpv-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gpv-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gpv-pomme);\n}\n\n.soi-gpv-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-gpv-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gpv-pomme);\n border-radius: 50%;\n}\n\n.soi-gpv-hero-title {\n display: block;\n color: var(--soi-gpv-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-gpv-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-gpv-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gpv-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-gpv-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gpv-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gpv-label-accent {\n background: var(--soi-gpv-pomme);\n border-color: var(--soi-gpv-pomme);\n color: var(--soi-gpv-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gpv-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gpv-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gpv-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-gpv-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gpv-pomme);\n border-radius: 2px;\n}\n\n.soi-gpv-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gpv-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-gpv-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gpv-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gpv-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-gpv-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-gpv-benefit {\n background: var(--soi-gpv-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gpv-radius);\n border: 1px solid var(--soi-gpv-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gpv-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gpv-shadow-md);\n}\n\n.soi-gpv-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gpv-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-gpv-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gpv-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gpv-benefit:hover .soi-gpv-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gpv-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gpv-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gpv-benefit p {\n font-size: 13px;\n color: var(--soi-gpv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gpv-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-gpv-card {\n background: var(--soi-gpv-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gpv-radius);\n border-left: 3px solid var(--soi-gpv-pomme);\n}\n\n.soi-gpv-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gpv-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gpv-card p {\n font-size: 14px;\n color: var(--soi-gpv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-gpv-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-gpv-card-mini {\n background: var(--soi-gpv-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-gpv-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-gpv-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-gpv-card-mini-label {\n font-size: 11px;\n color: var(--soi-gpv-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-gpv-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gpv-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-gpv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-top: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-gpv-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gpv-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gpv-radius);\n border: 1px solid var(--soi-gpv-line);\n align-items: flex-start;\n}\n\n.soi-gpv-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gpv-marine);\n color: var(--soi-gpv-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-gpv-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gpv-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gpv-step-content p {\n font-size: 14px;\n color: var(--soi-gpv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-gpv-compo {\n background: var(--soi-gpv-off-white);\n border-radius: var(--soi-gpv-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-gpv-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-gpv-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-gpv-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-gpv-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-gpv-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-gpv-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-gpv-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-gpv-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gpv-pomme-light);\n border-left: 4px solid var(--soi-gpv-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gpv-radius) var(--soi-gpv-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-gpv-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gpv-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gpv-marine);\n margin-bottom: 4px;\n}\n\n.soi-gpv-tip p {\n font-size: 14px;\n color: var(--soi-gpv-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gpv-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gpv-accordion-item {\n background: var(--soi-gpv-off-white);\n border-radius: var(--soi-gpv-radius-sm);\n border: 1px solid var(--soi-gpv-line);\n overflow: hidden;\n}\n\n.soi-gpv-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gpv-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-gpv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gpv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gpv-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gpv-accordion-item[open] .soi-gpv-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gpv-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gpv-accordion-content p {\n font-size: 14px;\n color: var(--soi-gpv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gpv-cta-box {\n background: var(--soi-gpv-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gpv-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gpv-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-gpv-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gpv-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-gpv-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gpv-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gpv-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-gpv-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gpv-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-gpv-compo-value {\n text-align: left;\n }\n\n .soi-gpv-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-gpv-tip {\n flex-direction: column;\n gap: 0.5rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-gpv-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gpv-fiche {\n --soi-gpv-text-soft: #2C3E50;\n --soi-gpv-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propos'Nature","offers":[{"title":"Default Title","offer_id":61603747201354,"sku":"PO0020","price":5.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gommes-propolis-verte-bio-oligoelementspin-proposnature-packshot.webp?v=1787416462"},{"product_id":"extrait-de-propolis-verte-bio-hydroalcoolique-proposnature","title":"Extrait de Propolis verte Bio Hydroalcoolique – Propos'Nature","description":"\u003cdiv class=\"soi-prop-fiche\"\u003e\n\n\u003csection class=\"soi-prop-hero\"\u003e\n \u003cdiv class=\"soi-prop-hero-tag\"\u003e\n \u003cspan class=\"soi-prop-tag-dot\"\u003e\u003c\/span\u003e\n Apithérapie · Propos'Nature\n \u003c\/div\u003e\n \u003cspan class=\"soi-prop-hero-title\"\u003eLa ruche brésilienne au service de votre immunité\u003c\/span\u003e\n \u003cp class=\"soi-prop-hero-subtitle\"\u003eLe concentré pur de la ruche brésilienne, riche en artépilline C et en flavonoïdes, pour soutenir vos défenses naturelles saison après saison.\u003c\/p\u003e\n \u003cdiv class=\"soi-prop-hero-labels\"\u003e\n \u003cspan class=\"soi-prop-label soi-prop-label-accent\"\u003eBIO CERTIFIÉ\u003c\/span\u003e\n \u003cspan class=\"soi-prop-label\"\u003eFR-BIO-10\u003c\/span\u003e\n \u003cspan class=\"soi-prop-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-prop-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n \u003cspan class=\"soi-prop-label\"\u003eNON TESTÉ SUR LES ANIMAUX\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003ePropolis verte bio du Brésil : le concentré naturel de la ruche\u003c\/h2\u003e\n \u003cp\u003eLa \u003cstrong\u003epropolis verte\u003c\/strong\u003e est une substance rare, récoltée uniquement au Brésil par les abeilles butinant le \u003cem\u003eBaccharis Dracunculifolia\u003c\/em\u003e, une plante sauvage aux propriétés exceptionnelles. Cet extrait hydroalcoolique signé \u003cstrong\u003ePropos'Nature\u003c\/strong\u003e en capture toute la richesse à l'état pur, dans une formule \u003cstrong\u003ecertifiée bio\u003c\/strong\u003e, fabriquée en France, sans conservateurs ni colorants ajoutés.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003eLes bienfaits de la propolis verte : pourquoi elle se distingue\u003c\/h2\u003e\n \u003cp class=\"soi-prop-section-intro\"\u003eLes bienfaits de la propolis verte sont reconnus depuis des siècles dans les traditions naturelles brésiliennes. Sa composition unique, riche en artépilline C et en flavonoïdes, lui confère des propriétés particulièrement intéressantes.\u003c\/p\u003e\n \u003cdiv class=\"soi-prop-benefits\"\u003e\n \u003cdiv class=\"soi-prop-benefit\"\u003e\n \u003cdiv class=\"soi-prop-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoutien des défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eElle accompagne votre organisme face aux agressions saisonnières : rhumes, refroidissements, baisse de forme hivernale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-benefit\"\u003e\n \u003cdiv class=\"soi-prop-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAction antioxydante puissante\u003c\/h3\u003e\n \u003cp\u003eRéputée pour sa capacité à neutraliser les radicaux libres, elle contribue à protéger vos cellules au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-benefit\"\u003e\n \u003cdiv class=\"soi-prop-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eConfort digestif\u003c\/h3\u003e\n \u003cp\u003eUtilisée en soutien de la sphère digestive, notamment pour l'estomac sensible, c'est une association fréquemment citée par les utilisateurs réguliers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-benefit\"\u003e\n \u003cdiv class=\"soi-prop-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUsage cutané\u003c\/h3\u003e\n \u003cp\u003eEn application locale, elle peut s'intégrer à vos soins naturels maison ou être appliquée directement sur une zone ciblée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003eComposition et dosage précis\u003c\/h2\u003e\n \u003cp class=\"soi-prop-section-intro\"\u003eChaque flacon de 20 ml contient un extrait concentré de propolis verte bio du Brésil. Voici la composition pour 65 gouttes (3 g), soit la dose journalière recommandée.\u003c\/p\u003e\n \u003cdiv class=\"soi-prop-compo\"\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003eVolume du flacon\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003e20 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003eTitrage alcoolique\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003e65 % vol.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003eAlcool (pour 65 gouttes \/ 3 g)\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003e546 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003eEau (pour 65 gouttes \/ 3 g)\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003e193 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003ePropolis bio (pour 65 gouttes \/ 3 g)\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003e101 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-tip\"\u003e\n \u003cdiv class=\"soi-prop-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLa formule hydroalcoolique garantit une extraction optimale des principes actifs et une excellente conservation dans le temps, sans additif superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003eComment utiliser l'extrait de propolis verte bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-prop-timeline\"\u003e\n \u003cdiv class=\"soi-prop-step\"\u003e\n \u003cdiv class=\"soi-prop-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-prop-step-content\"\u003e\n \u003ch3\u003eUsage interne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e20 gouttes, 1 fois par jour\u003c\/strong\u003e, diluées dans un peu d'eau, de miel ou de jus de fruit. Ne dépassez pas la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-step\"\u003e\n \u003cdiv class=\"soi-prop-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-prop-step-content\"\u003e\n \u003ch3\u003eUsage externe\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes peuvent être appliquées directement sur la zone souhaitée ou intégrées à une préparation cosmétique naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-step\"\u003e\n \u003cdiv class=\"soi-prop-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-prop-step-content\"\u003e\n \u003ch3\u003eCure hivernale\u003c\/h3\u003e\n \u003cp\u003ePour une cure hivernale efficace, comptez \u003cstrong\u003e6 à 8 semaines\u003c\/strong\u003e d'utilisation régulière. Commencez dès les premiers signes de fatigue ou en prévention dès l'automne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003eCertifications et engagements Propos'Nature\u003c\/h2\u003e\n \u003cdiv class=\"soi-prop-grid\"\u003e\n \u003cdiv class=\"soi-prop-card\"\u003e\n \u003ch3\u003e🌱 Agriculture Biologique\u003c\/h3\u003e\n \u003cp\u003eCertifié bio par l'organisme FR-BIO-10, garantissant une propolis issue de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-card\"\u003e\n \u003ch3\u003e🇧🇷 Origine Brésil\u003c\/h3\u003e\n \u003cp\u003ePropolis issue d'une région préservée du Brésil, en soutien aux petits producteurs locaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eExtraction et mise en flacon réalisées en France, avec un titrage à 65 % vol. d'alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-card\"\u003e\n \u003ch3\u003e🐇 Respect animal\u003c\/h3\u003e\n \u003cp\u003eSans conservateurs, sans colorants, non testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-prop-accordion\"\u003e\n \u003cdetails class=\"soi-prop-accordion-item\"\u003e\n \u003csummary class=\"soi-prop-accordion-header\"\u003e⚠️ Précautions et contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"soi-prop-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical. Déconseillé aux personnes allergiques aux produits de la ruche. Tenez hors de portée des enfants. Réservé à l'adulte. Consultez un professionnel de santé en cas de doute ou de traitement en cours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-prop-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-prop-cta-box\"\u003e\n \u003cp class=\"soi-prop-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement avec la ruche\u003c\/p\u003e\n \u003cp class=\"soi-prop-cta-text\" style=\"color: white;\"\u003eLa propolis verte bio du Brésil, concentrée à l'état pur dans une formule certifiée : quelques gouttes suffisent pour retrouver un soutien doux, efficace et respectueux de votre corps, 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-prop-marine: #1A2D3D;\n --soi-prop-marine-dark: #0F1E2B;\n --soi-prop-marine-light: #2C4458;\n --soi-prop-pomme: #A1C544;\n --soi-prop-pomme-dark: #84A636;\n --soi-prop-pomme-light: rgba(161,197,68,0.10);\n --soi-prop-white: #FFFFFF;\n --soi-prop-off-white: #F8FAF6;\n --soi-prop-stone: #F1F3EE;\n --soi-prop-line: #E5E8E0;\n --soi-prop-primary: #D4A82A;\n --soi-prop-primary-soft: rgba(212,168,42,0.12);\n --soi-prop-accent: #6B8C42;\n --soi-prop-text: #1A2D3D;\n --soi-prop-text-soft: #4A5B6B;\n --soi-prop-text-muted: #7B8693;\n --soi-prop-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-prop-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-prop-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-prop-radius: 12px;\n --soi-prop-radius-sm: 8px;\n --soi-prop-radius-pill: 999px;\n}\n\n.soi-prop-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-prop-fiche img { max-width: 100%; height: auto; }\n\n.soi-prop-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-prop-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-prop-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-prop-hero {\n position: relative;\n background: var(--soi-prop-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-prop-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-prop-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-prop-pomme);\n}\n\n.soi-prop-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-prop-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-prop-pomme);\n border-radius: 50%;\n}\n\n.soi-prop-hero-title {\n display: block;\n color: var(--soi-prop-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-prop-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-prop-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-prop-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-prop-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-prop-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-prop-label-accent {\n background: var(--soi-prop-pomme);\n border-color: var(--soi-prop-pomme);\n color: var(--soi-prop-marine);\n font-weight: 600;\n}\n\n.soi-prop-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-prop-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-prop-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-prop-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-prop-pomme);\n border-radius: 2px;\n}\n\n.soi-prop-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-prop-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-prop-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-prop-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-prop-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-prop-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-prop-benefit {\n background: var(--soi-prop-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-prop-radius);\n border: 1px solid var(--soi-prop-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-prop-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-prop-shadow-md);\n}\n\n.soi-prop-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-prop-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-prop-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-prop-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-prop-benefit:hover .soi-prop-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-prop-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-prop-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-prop-benefit p {\n font-size: 13px;\n color: var(--soi-prop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-prop-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-prop-card {\n background: var(--soi-prop-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-prop-radius);\n border-left: 3px solid var(--soi-prop-pomme);\n}\n\n.soi-prop-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-prop-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-prop-card p {\n font-size: 14px;\n color: var(--soi-prop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-prop-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-prop-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-prop-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-prop-radius);\n border: 1px solid var(--soi-prop-line);\n align-items: flex-start;\n}\n\n.soi-prop-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-prop-marine);\n color: var(--soi-prop-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-prop-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-prop-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-prop-step-content p {\n font-size: 14px;\n color: var(--soi-prop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-prop-compo {\n background: var(--soi-prop-off-white);\n border-radius: var(--soi-prop-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-prop-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-prop-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-prop-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-prop-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-prop-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-prop-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-prop-marine);\n text-align: right;\n}\n\n.soi-prop-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-prop-pomme-light);\n border-left: 4px solid var(--soi-prop-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-prop-radius) var(--soi-prop-radius) 0;\n align-items: flex-start;\n}\n\n.soi-prop-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-prop-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-prop-marine);\n margin-bottom: 4px;\n}\n\n.soi-prop-tip p {\n font-size: 14px;\n color: var(--soi-prop-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-prop-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-prop-accordion-item {\n background: var(--soi-prop-off-white);\n border-radius: var(--soi-prop-radius-sm);\n border: 1px solid var(--soi-prop-line);\n overflow: hidden;\n}\n\n.soi-prop-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-prop-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-prop-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-prop-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-prop-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-prop-accordion-item[open] .soi-prop-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-prop-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-prop-accordion-content p {\n font-size: 14px;\n color: var(--soi-prop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-prop-cta-box {\n background: var(--soi-prop-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-prop-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-prop-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-prop-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-prop-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-prop-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-prop-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-prop-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-prop-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-prop-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-prop-compo-value {\n text-align: left;\n }\n\n .soi-prop-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-prop-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-prop-fiche {\n --soi-prop-text-soft: #2C3E50;\n --soi-prop-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propos'Nature","offers":[{"title":"Default Title","offer_id":61603747299658,"sku":"PO0025","price":9.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/extrait-de-propolis-verte-bio-hydroalcoolique-proposnature-packshot.webp?v=1785766509"},{"product_id":"extrait-de-propolis-verte-bio-sans-alcool-proposnature","title":"Extrait de Propolis verte Bio sans alcool – Propos'Nature","description":"\n\u003cdiv class=\"soi-prop-fiche\"\u003e\n\n\u003csection class=\"soi-prop-hero\"\u003e\n \u003cdiv class=\"soi-prop-hero-tag\"\u003e\n \u003cspan class=\"soi-prop-tag-dot\"\u003e\u003c\/span\u003e\n Apithérapie · Propos'Nature\n \u003c\/div\u003e\n \u003cspan class=\"soi-prop-hero-title\"\u003eUn trésor de la ruche brésilienne\u003c\/span\u003e\n \u003cp class=\"soi-prop-hero-subtitle\"\u003ePropolis pure du Brésil, riche en artépilline C et en flavonoïdes. Une formule douce sans alcool, adaptée à toute la famille, pour soutenir vos défenses naturelles à chaque saison.\u003c\/p\u003e\n \u003cdiv class=\"soi-prop-hero-labels\"\u003e\n \u003cspan class=\"soi-prop-label soi-prop-label-accent\"\u003eBIO CERTIFIÉ\u003c\/span\u003e\n \u003cspan class=\"soi-prop-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-prop-label\"\u003eSANS ALCOOL\u003c\/span\u003e\n \u003cspan class=\"soi-prop-label\"\u003eNON TESTÉ SUR LES ANIMAUX\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003ePourquoi choisir un extrait de propolis verte plutôt qu'une autre forme ?\u003c\/h2\u003e\n \u003cp\u003eIl existe plusieurs variétés de propolis : la propolis brune classique, la propolis blanche de Nouvelle-Zélande, la propolis noire des régions tempérées. Chacune possède ses spécificités. La propolis verte du Brésil se distingue par sa richesse unique en \u003cstrong\u003eartépilline C\u003c\/strong\u003e, un polyphénol propre à cette variété, et par sa teneur élevée en flavonoïdes. L'extrait liquide offre quant à lui une absorption rapide et un dosage précis, contrairement aux gélules où la biodisponibilité peut varier.\u003c\/p\u003e\n \u003cp\u003eLa formule sans alcool de Propos'Nature constitue un véritable atout : elle convient aux enfants, aux personnes sensibles à l'alcool et à celles qui privilégient une alternative douce au quotidien.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003eComposition et dosage précis\u003c\/h2\u003e\n \u003cp\u003eDeux ingrédients, rien de plus. C'est la force de cet extrait de propolis : une formule épurée, sans conservateur, sans colorant, sans additif. La propolis brute représente \u003cstrong\u003e15 % de la formule totale\u003c\/strong\u003e, un dosage soigneusement calibré pour allier efficacité et tolérance optimale.\u003c\/p\u003e\n \u003cdiv class=\"soi-prop-compo\"\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003eDose journalière recommandée\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003e45 gouttes (3 g)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003eGlycérine végétale biologique\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003e2 500 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003ePropolis verte biologique du Brésil\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003e450 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003ePropolis dans la formule\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003e15 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003eVolume du flacon\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003e15 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003eForme\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003eExtrait liquide compte-gouttes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-compo-row\"\u003e\n \u003cspan class=\"soi-prop-compo-label\"\u003eOrigine de la propolis\u003c\/span\u003e\n \u003cspan class=\"soi-prop-compo-value\"\u003eBrésil (Baccharis dracunculifolia)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003eComment utiliser cet extrait de propolis au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-prop-timeline\"\u003e\n \u003cdiv class=\"soi-prop-step\"\u003e\n \u003cdiv class=\"soi-prop-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-prop-step-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eAvant chaque utilisation, agitez le flacon pour homogénéiser la solution.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-step\"\u003e\n \u003cdiv class=\"soi-prop-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-prop-step-content\"\u003e\n \u003ch3\u003ePrenez 15 gouttes, 1 à 3 fois par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence dans un peu d'eau ou de jus de fruit, pour faciliter la prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-step\"\u003e\n \u003cdiv class=\"soi-prop-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-prop-step-content\"\u003e\n \u003ch3\u003eCure de 4 à 6 semaines\u003c\/h3\u003e\n \u003cp\u003eUne cure de 4 à 6 semaines est généralement conseillée, notamment en période de fragilité saisonnière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-tip\"\u003e\n \u003cdiv class=\"soi-prop-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLes bienfaits de cet extrait de propolis sont particulièrement appréciés lors des changements de saison, en période de fatigue passagère ou pour soutenir les défenses naturelles de l'organisme. Ce complément ne remplace pas un traitement médical et ne constitue pas un médicament.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003eLes engagements Propos'Nature qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-prop-grid-compact\"\u003e\n \u003cdiv class=\"soi-prop-card-mini\"\u003e\n \u003cspan class=\"soi-prop-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-prop-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-prop-card-mini-value\"\u003eAgriculture Biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-card-mini\"\u003e\n \u003cspan class=\"soi-prop-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-prop-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-prop-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-card-mini\"\u003e\n \u003cspan class=\"soi-prop-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-prop-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-prop-card-mini-value\"\u003eSans alcool\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-card-mini\"\u003e\n \u003cspan class=\"soi-prop-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-prop-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-prop-card-mini-value\"\u003eNon testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-prop-card-mini\"\u003e\n \u003cspan class=\"soi-prop-card-mini-icon\"\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\n \u003cspan class=\"soi-prop-card-mini-label\"\u003eAdapté\u003c\/span\u003e\n \u003cspan class=\"soi-prop-card-mini-value\"\u003eToute la famille\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003ePropos'Nature travaille avec des petits producteurs engagés et soutient des pratiques agricoles respectueuses de l'environnement. La traçabilité de la propolis verte brésilienne est garantie de la ruche jusqu'au flacon.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-prop-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur la propolis verte bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-prop-accordion\"\u003e\n \u003cdetails class=\"soi-prop-accordion-item\"\u003e\n \u003csummary class=\"soi-prop-accordion-header\"\u003e🐝 Quelle est la différence entre propolis verte, noire et blanche ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-prop-accordion-content\"\u003e\n \u003cp\u003eLa propolis verte est unique au Brésil et riche en artépilline C. La propolis noire, issue des régions tempérées, contient davantage de résines de peuplier. La propolis blanche, originaire de Nouvelle-Zélande, est quant à elle connue pour ses composés spécifiques comme le persin. Chaque variété possède son profil actif particulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-prop-accordion-item\"\u003e\n \u003csummary class=\"soi-prop-accordion-header\"\u003e👶 Peut-on donner cet extrait de propolis à un enfant ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-prop-accordion-content\"\u003e\n \u003cp\u003eGrâce à sa formulation sans alcool, ce produit est adapté aux enfants. Consultez toutefois un professionnel de santé pour adapter le dosage selon l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-prop-accordion-item\"\u003e\n \u003csummary class=\"soi-prop-accordion-header\"\u003e📦 Comment conserver le flacon ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-prop-accordion-content\"\u003e\n \u003cp\u003eConservez le flacon dans un endroit frais, sec et à l'abri de la lumière. Tenez hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-prop-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-prop-cta-box\"\u003e\n \u003cp class=\"soi-prop-cta-text\" style=\"color: white;\"\u003ePure, certifiée bio et sans compromis, cette propolis verte vous accompagne avec douceur et efficacité à chaque saison. Faites confiance au savoir-faire Propos'Nature pour prendre soin de vous, naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-prop-marine: #1A2D3D;\n --soi-prop-marine-dark: #0F1E2B;\n --soi-prop-marine-light: #2C4458;\n --soi-prop-pomme: #A1C544;\n --soi-prop-pomme-dark: #84A636;\n --soi-prop-pomme-light: rgba(161,197,68,0.10);\n --soi-prop-white: #FFFFFF;\n --soi-prop-off-white: #F8FAF6;\n --soi-prop-stone: #F1F3EE;\n --soi-prop-line: #E5E8E0;\n --soi-prop-primary: #5A7A3C;\n --soi-prop-primary-soft: #EAF2E0;\n --soi-prop-accent: #D4A82A;\n --soi-prop-text: #1A2D3D;\n --soi-prop-text-soft: #4A5B6B;\n --soi-prop-text-muted: #7B8693;\n --soi-prop-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-prop-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-prop-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-prop-radius: 12px;\n --soi-prop-radius-sm: 8px;\n --soi-prop-radius-pill: 999px;\n}\n\n.soi-prop-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-prop-fiche img { max-width: 100%; height: auto; }\n\n.soi-prop-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-prop-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-prop-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-prop-hero {\n position: relative;\n background: var(--soi-prop-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-prop-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-prop-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-prop-pomme);\n}\n\n.soi-prop-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-prop-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-prop-pomme);\n border-radius: 50%;\n}\n\n.soi-prop-hero-title {\n display: block;\n color: var(--soi-prop-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-prop-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-prop-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-prop-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-prop-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-prop-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-prop-label-accent {\n background: var(--soi-prop-pomme);\n border-color: var(--soi-prop-pomme);\n color: var(--soi-prop-marine);\n font-weight: 600;\n}\n\n.soi-prop-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-prop-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-prop-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-prop-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-prop-pomme);\n border-radius: 2px;\n}\n\n.soi-prop-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-prop-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-prop-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-prop-compo {\n background: var(--soi-prop-off-white);\n border-radius: var(--soi-prop-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-prop-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-prop-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-prop-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-prop-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-prop-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-prop-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-prop-marine);\n text-align: right;\n}\n\n.soi-prop-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-prop-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-prop-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-prop-radius);\n border: 1px solid var(--soi-prop-line);\n align-items: flex-start;\n}\n\n.soi-prop-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-prop-marine);\n color: var(--soi-prop-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-prop-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-prop-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-prop-step-content p {\n font-size: 14px;\n color: var(--soi-prop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-prop-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-prop-pomme-light);\n border-left: 4px solid var(--soi-prop-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-prop-radius) var(--soi-prop-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-prop-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-prop-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-prop-marine);\n margin-bottom: 4px;\n}\n\n.soi-prop-tip p {\n font-size: 14px;\n color: var(--soi-prop-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-prop-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-prop-card-mini {\n background: var(--soi-prop-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-prop-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-prop-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-prop-card-mini-label {\n font-size: 11px;\n color: var(--soi-prop-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-prop-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-prop-marine);\n}\n\n.soi-prop-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-prop-accordion-item {\n background: var(--soi-prop-off-white);\n border-radius: var(--soi-prop-radius-sm);\n border: 1px solid var(--soi-prop-line);\n overflow: hidden;\n}\n\n.soi-prop-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-prop-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-prop-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-prop-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-prop-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-prop-accordion-item[open] .soi-prop-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-prop-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-prop-accordion-content p {\n font-size: 14px;\n color: var(--soi-prop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-prop-cta-box {\n background: var(--soi-prop-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-prop-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-prop-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-prop-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-prop-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-prop-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-prop-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-prop-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-prop-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-prop-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-prop-compo-value {\n text-align: left;\n }\n\n .soi-prop-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-prop-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-prop-fiche {\n --soi-prop-text-soft: #2C3E50;\n --soi-prop-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propos'Nature","offers":[{"title":"Default Title","offer_id":61603748512074,"sku":"PO0030","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/extrait-de-propolis-verte-bio-sans-alcool-proposnature-packshot_b495749e-10e8-43af-81aa-918139b071ec.webp?v=1786453284"},{"product_id":"spray-nasal-propolis-verte-bio-et-hydrolat-de-lavande-bio-proposnature","title":"Spray Nasal Propolis Verte \u0026 Lavande Bio – Propos'Nature","description":"\n\n\u003cdiv class=\"soi-snpl-fiche\"\u003e\n\n \u003csection class=\"soi-snpl-hero\"\u003e\n \u003cdiv class=\"soi-snpl-hero-tag\"\u003e\n \u003cspan class=\"soi-snpl-tag-dot\"\u003e\u003c\/span\u003e\n Apithérapie · Hygiène nasale · Propos'Nature\n \u003c\/div\u003e\n \u003cspan class=\"soi-snpl-hero-title\"\u003eSpray Nasal Propolis Verte Bio et Hydrolat de Lavande Bio\u003c\/span\u003e\n \u003cp class=\"soi-snpl-hero-subtitle\"\u003eLa douceur apaisante de la lavande bio et la puissance purifiante de la propolis verte réunies dans un spray nasal nettoyant, doux et efficace pour vos muqueuses sensibles.\u003c\/p\u003e\n \u003cdiv class=\"soi-snpl-hero-labels\"\u003e\n \u003cspan class=\"soi-snpl-label soi-snpl-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-snpl-label\"\u003eDISPOSITIF MÉDICAL CE\u003c\/span\u003e\n \u003cspan class=\"soi-snpl-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-snpl-label\"\u003e100 % VÉGÉTAL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-snpl-section\"\u003e\n \u003ch2\u003ePropolis verte bio et lavande : une synergie pensée pour vos voies nasales\u003c\/h2\u003e\n \u003cp class=\"soi-snpl-section-intro\"\u003eCe spray nasal à la propolis tire sa force de deux actifs complémentaires soigneusement sélectionnés, pour une hygiène nasale quotidienne naturelle et réellement efficace.\u003c\/p\u003e\n \u003cdiv class=\"soi-snpl-benefits\"\u003e\n \u003cdiv class=\"soi-snpl-benefit\"\u003e\n \u003cdiv class=\"soi-snpl-benefit-icon\"\u003e\u003cspan\u003e🐝\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePropolis Verte Bio\u003c\/h3\u003e\n \u003cp\u003eRécoltée sur des ruches en agriculture biologique, la propolis est reconnue pour ses propriétés purifiantes et nettoyantes. Elle aide à dégager les voies nasales en profondeur, même en période de congestion ou de sensibilité accrue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snpl-benefit\"\u003e\n \u003cdiv class=\"soi-snpl-benefit-icon\"\u003e\u003cspan\u003e💜\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydrolat de Lavande Bio\u003c\/h3\u003e\n \u003cp\u003eObtenu par distillation à la vapeur d'eau de lavande certifiée bio, il apporte une action apaisante et rafraîchissante sur les muqueuses irritées, pour une sensation de confort immédiat après chaque pulvérisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1.25rem;\"\u003eEnsemble, ces deux actifs naturels forment une formule douce pour les muqueuses sensibles, bien supérieure aux sprays conventionnels à base de solutions salines seules ou d'additifs synthétiques.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-snpl-section\"\u003e\n \u003ch2\u003eComposition complète du spray nasal propolis Propos'Nature\u003c\/h2\u003e\n \u003cp class=\"soi-snpl-section-intro\"\u003eLa formulation repose sur des ingrédients simples et traçables, issus de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"soi-snpl-compo\"\u003e\n \u003cdiv class=\"soi-snpl-compo-row\"\u003e\n \u003cspan class=\"soi-snpl-compo-label\"\u003eLavandula Angustifolia Water*\u003c\/span\u003e\n \u003cspan class=\"soi-snpl-compo-value\"\u003eHydrolat de Lavande vraie Bio, base aqueuse apaisante (composant principal)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snpl-compo-row\"\u003e\n \u003cspan class=\"soi-snpl-compo-label\"\u003eAqua\u003c\/span\u003e\n \u003cspan class=\"soi-snpl-compo-value\"\u003eEau purifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snpl-compo-row\"\u003e\n \u003cspan class=\"soi-snpl-compo-label\"\u003ePropolis Extract*\u003c\/span\u003e\n \u003cspan class=\"soi-snpl-compo-value\"\u003eExtrait de Propolis Verte Bio, actif purifiant et nettoyant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snpl-compo-row\"\u003e\n \u003cspan class=\"soi-snpl-compo-label\"\u003ePotassium Sorbate\u003c\/span\u003e\n \u003cspan class=\"soi-snpl-compo-value\"\u003eConservateur d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snpl-compo-row\"\u003e\n \u003cspan class=\"soi-snpl-compo-label\"\u003eAlcohol\u003c\/span\u003e\n \u003cspan class=\"soi-snpl-compo-value\"\u003eAlcool\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snpl-compo-row\"\u003e\n \u003cspan class=\"soi-snpl-compo-label\"\u003eLinalol\u003c\/span\u003e\n \u003cspan class=\"soi-snpl-compo-value\"\u003eConstituant naturel de l'hydrolat de lavande\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1rem;\"\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique. Sans pétrochimie, sans parabènes, non testé sur les animaux.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-snpl-section\"\u003e\n \u003ch2\u003eComment utiliser ce spray nasal à la propolis ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-snpl-timeline\"\u003e\n \u003cdiv class=\"soi-snpl-step\"\u003e\n \u003cdiv class=\"soi-snpl-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-snpl-step-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eAvant chaque utilisation, agitez le flacon pour homogénéiser la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snpl-step\"\u003e\n \u003cdiv class=\"soi-snpl-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-snpl-step-content\"\u003e\n \u003ch3\u003ePulvérisez dans chaque narine\u003c\/h3\u003e\n \u003cp\u003eEffectuez 3 à 4 pulvérisations par narine, en inclinant légèrement la tête.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snpl-step\"\u003e\n \u003cdiv class=\"soi-snpl-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-snpl-step-content\"\u003e\n \u003ch3\u003eRenouvelez selon vos besoins\u003c\/h3\u003e\n \u003cp\u003eVous pouvez renouveler l'application 2 à 3 fois par jour. Pensez à nettoyer l'embout après chaque usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snpl-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"soi-snpl-accordion-item\"\u003e\n \u003csummary class=\"soi-snpl-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-snpl-accordion-content\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Certains composants naturels de l'hydrolat de lavande (linalol) peuvent présenter un risque allergique chez les personnes sensibles : faites un test préalable si vous êtes sujet aux réactions cutanées ou respiratoires. Les personnes allergiques à la propolis ou au pollen de peuplier doivent éviter ce produit. Ce produit est un dispositif médical et ne remplace pas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-snpl-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce spray nasal propolis plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-snpl-grid\"\u003e\n \u003cdiv class=\"soi-snpl-card\"\u003e\n \u003ch3\u003e🏥 Dispositif médical certifié CE\u003c\/h3\u003e\n \u003cp\u003eUn gage de qualité, de sécurité et de traçabilité supérieures aux simples cosmétiques nasaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snpl-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003ePar le laboratoire Propos'Nature, expert en formulations naturelles depuis plus de 30 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snpl-card\"\u003e\n \u003ch3\u003e🌿 100 % végétal et bio\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient pétrochimique, non testé sur les animaux, un engagement éthique fort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snpl-card\"\u003e\n \u003ch3\u003e✈️ Flacon compact de 15 ml\u003c\/h3\u003e\n \u003cp\u003eFacile à glisser dans un sac, parfait pour une utilisation à la maison comme en déplacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-snpl-section\"\u003e\n \u003ch2\u003ePour qui est fait ce spray nasal à la propolis ?\u003c\/h2\u003e\n \u003cp\u003eCe spray nasal à la propolis convient aux adultes souhaitant entretenir leur hygiène nasale au quotidien, notamment en période hivernale, lors d'exposition à la pollution, ou en cas de nez encombré passager. Les personnes allergiques à la propolis ou au pollen de peuplier doivent éviter ce produit.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-snpl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-snpl-cta-box\"\u003e\n \u003cp class=\"soi-snpl-cta-tag\" style=\"color: white;\"\u003eRespirez mieux, naturellement\u003c\/p\u003e\n \u003cp class=\"soi-snpl-cta-text\" style=\"color: white;\"\u003eLa douceur de la lavande bio et la puissance purifiante de la propolis verte, réunies dans un flacon certifié médical et fabriqué en France. Un geste simple pour vos voies nasales, chaque jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-snpl-marine: #1A2D3D;\n --soi-snpl-marine-dark: #0F1E2B;\n --soi-snpl-marine-light: #2C4458;\n --soi-snpl-pomme: #A1C544;\n --soi-snpl-pomme-dark: #84A636;\n --soi-snpl-pomme-light: rgba(161,197,68,0.10);\n\n --soi-snpl-white: #FFFFFF;\n --soi-snpl-off-white: #F8FAF6;\n --soi-snpl-stone: #F1F3EE;\n --soi-snpl-line: #E5E8E0;\n\n --soi-snpl-primary: #7B5EA7;\n --soi-snpl-primary-soft: rgba(123,94,167,0.08);\n --soi-snpl-accent: #D4A82A;\n\n --soi-snpl-text: #1A2D3D;\n --soi-snpl-text-soft: #4A5B6B;\n --soi-snpl-text-muted: #7B8693;\n\n --soi-snpl-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-snpl-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-snpl-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-snpl-radius: 12px;\n --soi-snpl-radius-sm: 8px;\n --soi-snpl-radius-pill: 999px;\n}\n\n.soi-snpl-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-snpl-fiche img { max-width: 100%; height: auto; }\n\n.soi-snpl-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-snpl-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-snpl-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-snpl-hero {\n position: relative;\n background: var(--soi-snpl-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-snpl-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-snpl-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-snpl-pomme);\n}\n\n.soi-snpl-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-snpl-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-snpl-pomme);\n border-radius: 50%;\n}\n\n.soi-snpl-hero-title {\n display: block;\n color: var(--soi-snpl-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-snpl-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-snpl-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-snpl-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-snpl-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-snpl-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-snpl-label-accent {\n background: var(--soi-snpl-pomme);\n border-color: var(--soi-snpl-pomme);\n color: var(--soi-snpl-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-snpl-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-snpl-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-snpl-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-snpl-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-snpl-pomme);\n border-radius: 2px;\n}\n\n.soi-snpl-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-snpl-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-snpl-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-snpl-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-snpl-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-snpl-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-snpl-benefit {\n background: var(--soi-snpl-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-snpl-radius);\n border: 1px solid var(--soi-snpl-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-snpl-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-snpl-shadow-md);\n}\n\n.soi-snpl-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-snpl-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-snpl-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-snpl-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-snpl-benefit:hover .soi-snpl-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-snpl-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-snpl-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-snpl-benefit p {\n font-size: 13px;\n color: var(--soi-snpl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-snpl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-snpl-card {\n background: var(--soi-snpl-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-snpl-radius);\n border-left: 3px solid var(--soi-snpl-pomme);\n}\n\n.soi-snpl-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-snpl-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-snpl-card p {\n font-size: 14px;\n color: var(--soi-snpl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-snpl-compo {\n background: var(--soi-snpl-off-white);\n border-radius: var(--soi-snpl-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-snpl-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-snpl-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-snpl-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-snpl-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-snpl-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-snpl-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-snpl-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-snpl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-snpl-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-snpl-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-snpl-radius);\n border: 1px solid var(--soi-snpl-line);\n align-items: flex-start;\n}\n\n.soi-snpl-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-snpl-marine);\n color: var(--soi-snpl-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-snpl-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-snpl-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-snpl-step-content p {\n font-size: 14px;\n color: var(--soi-snpl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-snpl-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-snpl-accordion-item {\n background: var(--soi-snpl-off-white);\n border-radius: var(--soi-snpl-radius-sm);\n border: 1px solid var(--soi-snpl-line);\n overflow: hidden;\n}\n\n.soi-snpl-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-snpl-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-snpl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-snpl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-snpl-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-snpl-accordion-item[open] .soi-snpl-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-snpl-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-snpl-accordion-content p {\n font-size: 14px;\n color: var(--soi-snpl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-snpl-cta-box {\n background: var(--soi-snpl-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-snpl-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-snpl-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-snpl-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-snpl-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-snpl-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-snpl-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-snpl-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-snpl-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-snpl-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-snpl-compo-value {\n text-align: left;\n }\n\n .soi-snpl-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-snpl-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-snpl-fiche {\n --soi-snpl-text-soft: #2C3E50;\n --soi-snpl-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propos'Nature","offers":[{"title":"Default Title","offer_id":61603748872522,"sku":"PO0035","price":11.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-nasal-propolis-verte-bio-et-hydrolat-de-lavande-bio-pr-packshot.webp?v=1779187534"},{"product_id":"dentifrice-beefresh-certifie-bio-proposnature","title":"Dentifrice BEE'FRESH certifié bio – Propos'Nature","description":"\n\u003cdiv class=\"soi-bfre-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-bfre-hero\"\u003e\n \u003cdiv class=\"soi-bfre-hero-tag\"\u003e\n \u003cspan class=\"soi-bfre-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène bucco-dentaire · Propos'Nature\n \u003c\/div\u003e\n \u003cspan class=\"soi-bfre-hero-title\"\u003eLe duo menthe poivrée \u0026amp; propolis au service de votre sourire\u003c\/span\u003e\n \u003cp class=\"soi-bfre-hero-subtitle\"\u003eLa fraîcheur de la menthe poivrée et le pouvoir purifiant de la propolis bio réunis dans un dentifrice certifié, formulé à froid en Provence.\u003c\/p\u003e\n \u003cdiv class=\"soi-bfre-hero-labels\"\u003e\n \u003cspan class=\"soi-bfre-label soi-bfre-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-bfre-label\"\u003e99,55 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-bfre-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-bfre-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-bfre-label\"\u003eSANS FLUOR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 1 : INTRO --\u003e\n \u003csection class=\"soi-bfre-section\"\u003e\n \u003ch2\u003eLe dentifrice bio qui prend soin de votre bouche, du premier au dernier brossage\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un dentifrice naturel vraiment efficace, sans compromis sur la composition ? Le dentifrice BEE'FRESH de Propos'Nature est certifié COSMOS ORGANIC et formulé à 99,55 % d'ingrédients d'origine naturelle. Fabriqué dans un laboratoire provençal, il allie propolis bio du Brésil, hydrolat de menthe poivrée bio et menthol bio pour une hygiène bucco-dentaire complète, saine et agréable au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 : COMPOSITION --\u003e\n \u003csection class=\"soi-bfre-section\"\u003e\n \u003ch2\u003eCe que contient vraiment ce dentifrice bio : la composition complète\u003c\/h2\u003e\n \u003cp class=\"soi-bfre-section-intro\"\u003eLà où beaucoup de dentifrices bio restent vagues sur leur formule, celui-ci joue la transparence totale.\u003c\/p\u003e\n \u003cdiv class=\"soi-bfre-grid\"\u003e\n \u003cdiv class=\"soi-bfre-card\"\u003e\n \u003ch3\u003e🌿 Hydrolat de menthe poivrée bio\u003c\/h3\u003e\n \u003cp\u003eRemplace l'eau dans la base, pour une fraîcheur immédiate et durable dès le premier brossage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-card\"\u003e\n \u003ch3\u003e🐝 Propolis bio (Brésil)\u003c\/h3\u003e\n \u003cp\u003eActif purificateur naturel reconnu, il assainit la cavité buccale et apaise les gencives irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-card\"\u003e\n \u003ch3\u003e❄️ Menthol bio\u003c\/h3\u003e\n \u003cp\u003eRenforce la sensation de fraîcheur et contribue à une haleine agréable entre les brossages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-card\"\u003e\n \u003ch3\u003e✨ Silice\u003c\/h3\u003e\n \u003cp\u003eAgent nettoyant et légèrement polissant, pour des dents propres sans agresser l'émail.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-card\"\u003e\n \u003ch3\u003e🌱 Gomme xanthane\u003c\/h3\u003e\n \u003cp\u003eÉpaississant naturel d'origine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-bfre-tip-icon\"\u003e🚫\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormule propre\u003c\/strong\u003e\n \u003cp\u003eSans fluor, sans sulfates (SLS), sans dioxyde de titane, sans triclosan, sans PEG, sans aluminium, sans parabènes, sans colorants, sans nanoparticules et non testée sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 : POURQUOI CHOISIR --\u003e\n \u003csection class=\"soi-bfre-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce dentifrice plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp\u003eBeaucoup de dentifrices naturels affichent une belle liste d'arguments, mais peu proposent une formulation à froid avec un hydrolat en base. Ici, la fabrication à froid préserve l'intégrité des actifs sensibles, notamment la propolis, dont les propriétés seraient altérées par la chaleur.\u003c\/p\u003e\n \u003cp\u003eRésultat concret : chaque brossage vous apporte :\u003c\/p\u003e\n \u003cdiv class=\"soi-bfre-benefits\"\u003e\n \u003cdiv class=\"soi-bfre-benefit\"\u003e\n \u003cdiv class=\"soi-bfre-benefit-icon\"\u003e\u003cspan\u003e🪥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage doux et efficace\u003c\/h3\u003e\n \u003cp\u003eSans irriter les muqueuses, pour un brossage respectueux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-benefit\"\u003e\n \u003cdiv class=\"soi-bfre-benefit-icon\"\u003e\u003cspan\u003e🐝\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eGencives apaisées\u003c\/h3\u003e\n \u003cp\u003eGrâce à la propolis bio, vos gencives retrouvent confort et sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-benefit\"\u003e\n \u003cdiv class=\"soi-bfre-benefit-icon\"\u003e\u003cspan\u003e🌬️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHaleine fraîche durablement\u003c\/h3\u003e\n \u003cp\u003ePortée par la menthe poivrée bio, la fraîcheur vous accompagne entre les brossages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-benefit\"\u003e\n \u003cdiv class=\"soi-bfre-benefit-icon\"\u003e\u003cspan\u003e🦷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉmail respecté\u003c\/h3\u003e\n \u003cp\u003ePas d'abrasif agressif, pas d'agents chimiques controversés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-bfre-tip-icon\"\u003e👨‍👩‍👧‍👦\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePour toute la famille\u003c\/strong\u003e\n \u003cp\u003eLe dentifrice BEE'FRESH convient à toute la famille dès 3 ans, y compris aux personnes à gencives sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 : MODE D'EMPLOI --\u003e\n \u003csection class=\"soi-bfre-section\"\u003e\n \u003ch2\u003eComment l'utiliser pour en tirer le meilleur ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-bfre-timeline\"\u003e\n \u003cdiv class=\"soi-bfre-step\"\u003e\n \u003cdiv class=\"soi-bfre-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de dentifrice sur une brosse à dents humide (manuelle ou électrique).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-step\"\u003e\n \u003cdiv class=\"soi-bfre-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-step-content\"\u003e\n \u003ch3\u003eBrosser\u003c\/h3\u003e\n \u003cp\u003eBrossez pendant 2 minutes minimum, en effectuant des mouvements circulaires doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-step\"\u003e\n \u003cdiv class=\"soi-bfre-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment. Pour un résultat optimal, brossez-vous les dents 2 à 3 fois par jour, notamment après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-step\"\u003e\n \u003cdiv class=\"soi-bfre-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-step-content\"\u003e\n \u003ch3\u003eEn cas de gencives sensibles\u003c\/h3\u003e\n \u003cp\u003eUne utilisation régulière permettra à la propolis bio d'exercer progressivement son action apaisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-bfre-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eAssociez ce dentifrice à un fil dentaire ou à un bain de bouche naturel pour une hygiène bucco-dentaire complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 5 : GARANTIES --\u003e\n \u003csection class=\"soi-bfre-section\"\u003e\n \u003ch2\u003eLes garanties du dentifrice BEE'FRESH en un coup d'œil\u003c\/h2\u003e\n \u003cdiv class=\"soi-bfre-grid-compact\"\u003e\n \u003cdiv class=\"soi-bfre-card-mini\"\u003e\n \u003cspan class=\"soi-bfre-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n \u003cspan class=\"soi-bfre-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-bfre-card-mini-value\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-card-mini\"\u003e\n \u003cspan class=\"soi-bfre-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-bfre-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-bfre-card-mini-value\"\u003e99,55 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-card-mini\"\u003e\n \u003cspan class=\"soi-bfre-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-bfre-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-bfre-card-mini-value\"\u003eProvence, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-card-mini\"\u003e\n \u003cspan class=\"soi-bfre-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-bfre-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-bfre-card-mini-value\"\u003eVegan, non testé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-card-mini\"\u003e\n \u003cspan class=\"soi-bfre-card-mini-icon\"\u003e🧊\u003c\/span\u003e\n \u003cspan class=\"soi-bfre-card-mini-label\"\u003eProcédé\u003c\/span\u003e\n \u003cspan class=\"soi-bfre-card-mini-value\"\u003eFormulé à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bfre-card-mini\"\u003e\n \u003cspan class=\"soi-bfre-card-mini-icon\"\u003e👶\u003c\/span\u003e\n \u003cspan class=\"soi-bfre-card-mini-label\"\u003eConvient\u003c\/span\u003e\n \u003cspan class=\"soi-bfre-card-mini-value\"\u003eDès 3 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 6 : FAQ --\u003e\n \u003csection class=\"soi-bfre-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le dentifrice naturel BEE'FRESH\u003c\/h2\u003e\n \u003cdiv class=\"soi-bfre-accordion\"\u003e\n \u003cdetails class=\"soi-bfre-accordion-item\"\u003e\n \u003csummary class=\"soi-bfre-accordion-header\"\u003e🦷 Ce dentifrice bio blanchit-il vraiment les dents ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-bfre-accordion-content\"\u003e\n \u003cp\u003eLa silice assure un effet polissant doux qui aide à révéler l'éclat naturel des dents. Il ne s'agit pas d'un agent blanchissant chimique intensif, mais utilisé régulièrement, il contribue à des dents visuellement plus nettes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-bfre-accordion-item\"\u003e\n \u003csummary class=\"soi-bfre-accordion-header\"\u003e👶 Convient-il aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-bfre-accordion-content\"\u003e\n \u003cp\u003eOui, dès 3 ans, sous surveillance d'un adulte. La formule douce et sans fluor en fait un choix sûr pour les plus jeunes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-bfre-accordion-item\"\u003e\n \u003csummary class=\"soi-bfre-accordion-header\"\u003e🩹 Peut-on l'utiliser si l'on a des gencives sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-bfre-accordion-content\"\u003e\n \u003cp\u003eAbsolument. La propolis bio et l'absence d'agents irritants (SLS, alcool) en font l'un des rares dentifrices naturels adaptés aux bouches réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-bfre-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-bfre-cta-box\"\u003e\n \u003cp class=\"soi-bfre-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, sourire compris\u003c\/p\u003e\n \u003cp class=\"soi-bfre-cta-text\" style=\"color: white;\"\u003eDeux minutes de brossage, un tube certifié bio, et une bouche qui respire enfin la fraîcheur naturelle. Propolis bio, menthe poivrée, fabrication française : votre routine bucco-dentaire méritait mieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-bfre-marine: #1A2D3D;\n --soi-bfre-marine-dark: #0F1E2B;\n --soi-bfre-marine-light: #2C4458;\n --soi-bfre-pomme: #A1C544;\n --soi-bfre-pomme-dark: #84A636;\n --soi-bfre-pomme-light: rgba(161,197,68,0.10);\n\n --soi-bfre-white: #FFFFFF;\n --soi-bfre-off-white: #F8FAF6;\n --soi-bfre-stone: #F1F3EE;\n --soi-bfre-line: #E5E8E0;\n\n --soi-bfre-primary: #D4A82A;\n --soi-bfre-primary-soft: #F5EDD4;\n --soi-bfre-accent: #94C5A8;\n\n --soi-bfre-text: #1A2D3D;\n --soi-bfre-text-soft: #4A5B6B;\n --soi-bfre-text-muted: #7B8693;\n\n --soi-bfre-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-bfre-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-bfre-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-bfre-radius: 12px;\n --soi-bfre-radius-sm: 8px;\n --soi-bfre-radius-pill: 999px;\n}\n\n.soi-bfre-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-bfre-fiche img { max-width: 100%; height: auto; }\n\n.soi-bfre-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-bfre-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-bfre-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-bfre-hero {\n position: relative;\n background: var(--soi-bfre-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-bfre-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-bfre-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-bfre-pomme);\n}\n\n.soi-bfre-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-bfre-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-bfre-pomme);\n border-radius: 50%;\n}\n\n.soi-bfre-hero-title {\n display: block;\n color: var(--soi-bfre-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-bfre-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-bfre-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-bfre-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-bfre-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-bfre-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-bfre-label-accent {\n background: var(--soi-bfre-pomme);\n border-color: var(--soi-bfre-pomme);\n color: var(--soi-bfre-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-bfre-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-bfre-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-bfre-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-bfre-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-bfre-pomme);\n border-radius: 2px;\n}\n\n.soi-bfre-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-bfre-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-bfre-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-bfre-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-bfre-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-bfre-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-bfre-benefit {\n background: var(--soi-bfre-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-bfre-radius);\n border: 1px solid var(--soi-bfre-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-bfre-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-bfre-shadow-md);\n}\n\n.soi-bfre-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-bfre-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-bfre-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-bfre-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-bfre-benefit:hover .soi-bfre-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-bfre-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-bfre-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-bfre-benefit p {\n font-size: 13px;\n color: var(--soi-bfre-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-bfre-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-bfre-card {\n background: var(--soi-bfre-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-bfre-radius);\n border-left: 3px solid var(--soi-bfre-pomme);\n}\n\n.soi-bfre-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-bfre-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-bfre-card p {\n font-size: 14px;\n color: var(--soi-bfre-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-bfre-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-bfre-card-mini {\n background: var(--soi-bfre-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-bfre-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-bfre-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-bfre-card-mini-label {\n font-size: 11px;\n color: var(--soi-bfre-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-bfre-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-bfre-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-bfre-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-bfre-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-bfre-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-bfre-radius);\n border: 1px solid var(--soi-bfre-line);\n align-items: flex-start;\n}\n\n.soi-bfre-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-bfre-marine);\n color: var(--soi-bfre-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-bfre-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-bfre-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-bfre-step-content p {\n font-size: 14px;\n color: var(--soi-bfre-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-bfre-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-bfre-pomme-light);\n border-left: 4px solid var(--soi-bfre-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-bfre-radius) var(--soi-bfre-radius) 0;\n align-items: flex-start;\n}\n\n.soi-bfre-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-bfre-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-bfre-marine);\n margin-bottom: 4px;\n}\n\n.soi-bfre-tip p {\n font-size: 14px;\n color: var(--soi-bfre-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-bfre-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-bfre-accordion-item {\n background: var(--soi-bfre-off-white);\n border-radius: var(--soi-bfre-radius-sm);\n border: 1px solid var(--soi-bfre-line);\n overflow: hidden;\n}\n\n.soi-bfre-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-bfre-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-bfre-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-bfre-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-bfre-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-bfre-accordion-item[open] .soi-bfre-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-bfre-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-bfre-accordion-content p {\n font-size: 14px;\n color: var(--soi-bfre-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-bfre-cta-box {\n background: var(--soi-bfre-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-bfre-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-bfre-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-bfre-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-bfre-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-bfre-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-bfre-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-bfre-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-bfre-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-bfre-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-bfre-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-bfre-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-bfre-fiche {\n --soi-bfre-text-soft: #2C3E50;\n --soi-bfre-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propos'Nature","offers":[{"title":"Default Title","offer_id":61603749003594,"sku":"PO0040","price":6.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dentifrice-beefresh-certifie-bio-proposnature-packshot.webp?v=1779902802"},{"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":13.99,"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"},{"product_id":"creme-visage-purimmortelle-jour-certifiee-bio-proposnature","title":"Crème Jour Visage Bio Pur'Immortelle – Propos'Nature","description":"\u003cdiv class=\"soi-immo-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-immo-hero\"\u003e\n \u003cdiv class=\"soi-immo-hero-tag\"\u003e\n \u003cspan class=\"soi-immo-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique visage · Propos'Nature\n \u003c\/div\u003e\n \u003cspan class=\"soi-immo-hero-title\"\u003eCrème de Jour visage Pur'Immortelle bio\u003c\/span\u003e\n \u003cp class=\"soi-immo-hero-subtitle\"\u003eUne cure végétale de jouvence formulée à 99,24 % d'ingrédients d'origine naturelle, pour hydrater, raffermir et redonner de l'éclat à votre visage dès les premières applications.\u003c\/p\u003e\n \u003cdiv class=\"soi-immo-hero-labels\"\u003e\n \u003cspan class=\"soi-immo-label soi-immo-label-accent\"\u003eBIO CERTIFIÉE\u003c\/span\u003e\n \u003cspan class=\"soi-immo-label\"\u003e99,24 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-immo-label\"\u003eFABRIQUÉE EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-immo-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003cspan class=\"soi-immo-label\"\u003eTESTÉE DERMATOLOGIQUEMENT\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Intro --\u003e\n \u003csection class=\"soi-immo-section\"\u003e\n \u003ch2\u003eLa crème de jour visage bio qui redonne jeunesse et éclat au quotidien\u003c\/h2\u003e\n \u003cp\u003eChaque matin, votre peau mérite un soin à la hauteur de ses besoins. La Crème visage Pur'Immortelle Jour certifiée bio de Propos'Nature est bien plus qu'une simple crème hydratante visage bio : c'est une véritable cure végétale de jouvence, formulée à 99,24 % d'ingrédients d'origine naturelle, pensée pour les peaux matures, fatiguées ou aux premiers signes du temps.\u003c\/p\u003e\n \u003cp\u003eSa force repose sur une synergie d'actifs nobles soigneusement sélectionnés : huile essentielle d'immortelle bio, double acide hyaluronique, huiles végétales bio d'argan et d'onagre. Ensemble, ils agissent pour hydrater, raffermir et redonner de l'éclat à votre visage, dès les premières applications.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Pourquoi choisir --\u003e\n \u003csection class=\"soi-immo-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème bio pour le visage ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-immo-benefits\"\u003e\n \u003cdiv class=\"soi-immo-benefit\"\u003e\n \u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e🌼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eImmortelle bio, l'or végétal anti-âge\u003c\/h3\u003e\n \u003cp\u003eL'huile essentielle d'immortelle (Helichrysum italicum) est réputée pour ses vertus régénérantes et réparatrices exceptionnelles. Elle aide à atténuer les rides et à raviver l'éclat naturel du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-benefit\"\u003e\n \u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDouble acide hyaluronique\u003c\/h3\u003e\n \u003cp\u003eDeux fractions d'acide hyaluronique agissent en complémentarité : l'une en surface pour lisser les traits, l'autre en profondeur pour repulper durablement et restaurer la fermeté cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-benefit\"\u003e\n \u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eArgan et onagre bio\u003c\/h3\u003e\n \u003cp\u003eL'huile d'argan, riche en vitamine E et stérols végétaux, nourrit et protège. L'huile d'onagre, source d'acide gamma-linolénique (GLA), favorise le renouvellement cellulaire et assouplit les peaux sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-benefit\"\u003e\n \u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e✅\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormule clean, certifiée et testée\u003c\/h3\u003e\n \u003cp\u003eCertifiée bio, fabriquée en France, sans parabènes, sans phénoxyéthanol, sans colorants, sans pétrochimie. Testée dermatologiquement pour une tolérance optimale, même sur les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Pour qui --\u003e\n \u003csection class=\"soi-immo-section\"\u003e\n \u003ch2\u003ePour qui est faite cette crème de jour visage bio ?\u003c\/h2\u003e\n \u003cp class=\"soi-immo-section-intro\"\u003eCette crème hydratante bio visage est particulièrement adaptée aux profils suivants :\u003c\/p\u003e\n \u003cdiv class=\"soi-immo-grid\"\u003e\n \u003cdiv class=\"soi-immo-card\"\u003e\n \u003ch3\u003e🌸 Peaux matures ou à partir de 40 ans\u003c\/h3\u003e\n \u003cp\u003eVous cherchez à atténuer les rides et la perte de fermeté ? Cette formule concentrée en actifs régénérants répond à ces besoins spécifiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-card\"\u003e\n \u003ch3\u003e✨ Peaux ternes ou fatiguées\u003c\/h3\u003e\n \u003cp\u003eEn manque d'éclat et de vitalité, votre peau retrouve sa luminosité naturelle grâce à l'immortelle et au double acide hyaluronique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-card\"\u003e\n \u003ch3\u003e🤍 Peaux sèches à normales\u003c\/h3\u003e\n \u003cp\u003eLes huiles d'argan et d'onagre apportent nutrition et confort durable aux peaux qui réclament un soin riche sans film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-card\"\u003e\n \u003ch3\u003e🌱 Exigence de qualité bio\u003c\/h3\u003e\n \u003cp\u003ePour toute personne souhaitant une crème visage bio efficace, sans compromis sur la qualité des ingrédients.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Mode d'emploi --\u003e\n \u003csection class=\"soi-immo-section\"\u003e\n \u003ch2\u003eComment utiliser la Crème Pur'Immortelle Jour ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-immo-timeline\"\u003e\n \u003cdiv class=\"soi-immo-step\"\u003e\n \u003cdiv class=\"soi-immo-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-immo-step-content\"\u003e\n \u003ch3\u003eNettoyez votre visage et votre cou\u003c\/h3\u003e\n \u003cp\u003eUtilisez un soin doux adapté à votre type de peau pour préparer l'épiderme à recevoir les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-step\"\u003e\n \u003cdiv class=\"soi-immo-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-immo-step-content\"\u003e\n \u003ch3\u003eAppliquez une noisette de crème\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de crème et appliquez-la en massages circulaires doux sur le visage et le cou.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-step\"\u003e\n \u003cdiv class=\"soi-immo-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-immo-step-content\"\u003e\n \u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n \u003cp\u003eLa texture légère ne laisse aucun film gras. Vous pouvez appliquer votre maquillage par-dessus si besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-tip\"\u003e\n \u003cdiv class=\"soi-immo-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eÀ utiliser chaque matin pour des résultats visibles après 4 à 6 semaines d'utilisation régulière. Ce soin cosmétique ne se substitue pas à un suivi médical dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Composition --\u003e\n \u003csection class=\"soi-immo-section\"\u003e\n \u003ch2\u003eComposition de la Crème Pur'Immortelle Jour (INCI)\u003c\/h2\u003e\n \u003cp class=\"soi-immo-section-intro\"\u003ePrincipaux ingrédients actifs de cette formule à 99,24 % d'origine naturelle :\u003c\/p\u003e\n \u003cdiv class=\"soi-immo-compo\"\u003e\n \u003cdiv class=\"soi-immo-compo-row\"\u003e\n \u003cspan class=\"soi-immo-compo-label\"\u003eHelichrysum Italicum Flower Oil\u003c\/span\u003e\n \u003cspan class=\"soi-immo-compo-value\"\u003eHE d'immortelle bio : régénération, anti-âge\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-compo-row\"\u003e\n \u003cspan class=\"soi-immo-compo-label\"\u003eArgania Spinosa Kernel Oil\u003c\/span\u003e\n \u003cspan class=\"soi-immo-compo-value\"\u003eHuile d'argan bio : nutrition, protection, anti-oxydant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-compo-row\"\u003e\n \u003cspan class=\"soi-immo-compo-label\"\u003eOenothera Biennis Oil\u003c\/span\u003e\n \u003cspan class=\"soi-immo-compo-value\"\u003eHuile d'onagre bio : acide GLA, renouvellement cellulaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-compo-row\"\u003e\n \u003cspan class=\"soi-immo-compo-label\"\u003eSodium Hyaluronate\u003c\/span\u003e\n \u003cspan class=\"soi-immo-compo-value\"\u003eAcide hyaluronique double poids moléculaire : hydratation profonde et surface, repulpant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-grid-compact\"\u003e\n \u003cdiv class=\"soi-immo-card-mini\"\u003e\n \u003cspan class=\"soi-immo-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-value\"\u003e99,24 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-card-mini\"\u003e\n \u003cspan class=\"soi-immo-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-card-mini\"\u003e\n \u003cspan class=\"soi-immo-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-label\"\u003eType de soin\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-value\"\u003eCrème jour visage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-card-mini\"\u003e\n \u003cspan class=\"soi-immo-card-mini-icon\"\u003e🔬\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-label\"\u003eTest\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-value\"\u003eDermatologiquement testé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-accordion\"\u003e\n \u003cdetails class=\"soi-immo-accordion-item\"\u003e\n \u003csummary class=\"soi-immo-accordion-header\"\u003e🚫 Formule sans\u003c\/summary\u003e\n \u003cdiv class=\"soi-immo-accordion-content\"\u003e\n \u003cp\u003eSans parabènes, sans phénoxyéthanol, sans colorants, sans ingrédients pétrochimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-immo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-immo-cta-box\"\u003e\n \u003cp class=\"soi-immo-cta-tag\" style=\"color: white;\"\u003eVotre cure végétale de jouvence, chaque matin\u003c\/p\u003e\n \u003cp class=\"soi-immo-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau le meilleur de la nature avec la Crème Pur'Immortelle Jour de Propos'Nature. Une formule certifiée bio, propre et sensoriellement agréable, pour retrouver un visage visiblement plus lumineux et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-immo-marine: #1A2D3D;\n --soi-immo-marine-dark: #0F1E2B;\n --soi-immo-marine-light: #2C4458;\n --soi-immo-pomme: #A1C544;\n --soi-immo-pomme-dark: #84A636;\n --soi-immo-pomme-light: rgba(161,197,68,0.10);\n --soi-immo-white: #FFFFFF;\n --soi-immo-off-white: #F8FAF6;\n --soi-immo-stone: #F1F3EE;\n --soi-immo-line: #E5E8E0;\n --soi-immo-primary: #C9A84C;\n --soi-immo-primary-soft: #F5EDD4;\n --soi-immo-accent: #D4A82A;\n --soi-immo-text: #1A2D3D;\n --soi-immo-text-soft: #4A5B6B;\n --soi-immo-text-muted: #7B8693;\n --soi-immo-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-immo-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-immo-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-immo-radius: 12px;\n --soi-immo-radius-sm: 8px;\n --soi-immo-radius-pill: 999px;\n}\n\n.soi-immo-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-immo-fiche img { max-width: 100%; height: auto; }\n\n.soi-immo-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-immo-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-immo-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-immo-hero {\n position: relative;\n background: var(--soi-immo-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-immo-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-immo-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-immo-primary);\n}\n\n.soi-immo-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-immo-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-immo-primary);\n border-radius: 50%;\n}\n\n.soi-immo-hero-title {\n display: block;\n color: var(--soi-immo-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-immo-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-immo-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-immo-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-immo-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-immo-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-immo-label-accent {\n background: var(--soi-immo-primary);\n border-color: var(--soi-immo-primary);\n color: var(--soi-immo-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-immo-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-immo-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-immo-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-immo-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-immo-primary);\n border-radius: 2px;\n}\n\n.soi-immo-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-immo-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-immo-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-immo-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-immo-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-immo-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-immo-benefit {\n background: var(--soi-immo-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-immo-radius);\n border: 1px solid var(--soi-immo-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-immo-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-immo-shadow-md);\n}\n\n.soi-immo-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-immo-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-immo-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-immo-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-immo-benefit:hover .soi-immo-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-immo-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-immo-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-immo-benefit p {\n font-size: 13px;\n color: var(--soi-immo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-immo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-immo-card {\n background: var(--soi-immo-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-immo-radius);\n border-left: 3px solid var(--soi-immo-primary);\n}\n\n.soi-immo-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-immo-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-immo-card p {\n font-size: 14px;\n color: var(--soi-immo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-immo-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-immo-card-mini {\n background: var(--soi-immo-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-immo-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-immo-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-immo-card-mini-label {\n font-size: 11px;\n color: var(--soi-immo-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-immo-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-immo-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-immo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-immo-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-immo-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-immo-radius);\n border: 1px solid var(--soi-immo-line);\n align-items: flex-start;\n}\n\n.soi-immo-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-immo-primary);\n color: var(--soi-immo-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-immo-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-immo-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-immo-step-content p {\n font-size: 14px;\n color: var(--soi-immo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-immo-compo {\n background: var(--soi-immo-off-white);\n border-radius: var(--soi-immo-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-immo-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-immo-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-immo-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-immo-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-immo-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-immo-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-immo-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-immo-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-immo-primary-soft);\n border-left: 4px solid var(--soi-immo-primary);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-immo-radius) var(--soi-immo-radius) 0;\n align-items: flex-start;\n}\n\n.soi-immo-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-immo-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-immo-marine);\n margin-bottom: 4px;\n}\n\n.soi-immo-tip p {\n font-size: 14px;\n color: var(--soi-immo-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-immo-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-immo-accordion-item {\n background: var(--soi-immo-off-white);\n border-radius: var(--soi-immo-radius-sm);\n border: 1px solid var(--soi-immo-line);\n overflow: hidden;\n}\n\n.soi-immo-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-immo-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-immo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-immo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-immo-primary);\n transition: transform 0.2s ease;\n}\n\n.soi-immo-accordion-item[open] .soi-immo-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-immo-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-immo-accordion-content p {\n font-size: 14px;\n color: var(--soi-immo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-immo-cta-box {\n background: var(--soi-immo-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-immo-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-immo-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-immo-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-immo-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-immo-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-immo-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-immo-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-immo-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-immo-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-immo-compo-value {\n text-align: left;\n }\n\n .soi-immo-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-immo-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-immo-fiche {\n --soi-immo-text-soft: #2C3E50;\n --soi-immo-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propos'Nature","offers":[{"title":"Default Title","offer_id":61603749396810,"sku":"PO0050","price":14.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-visage-purimmortelle-jour-certifiee-bio-proposnature-lifestyle_963fd4c8-0a26-4a3e-b5a1-69f223f6feca.webp?v=1779714713"},{"product_id":"creme-visage-purimmortelle-nuit-certifiee-bio-proposnature","title":"Crème Nuit Visage Bio Pur'Immortelle – Propos'Nature","description":"\u003cdiv class=\"soi-immo-fiche\"\u003e\n\n\u003csection class=\"soi-immo-hero\"\u003e\n\u003cdiv class=\"soi-immo-hero-tag\"\u003e\n\u003cspan class=\"soi-immo-tag-dot\"\u003e\u003c\/span\u003e\nCosmétique visage · Propos'Nature\n\u003c\/div\u003e\n\u003cspan class=\"soi-immo-hero-title\"\u003eCrème visage Pur'Immortelle Nuit\u003c\/span\u003e\n\u003cp class=\"soi-immo-hero-subtitle\"\u003eUne cure végétale de jouvence certifiée bio pour régénérer votre peau pendant votre sommeil, à 99,24 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n\u003cdiv class=\"soi-immo-hero-labels\"\u003e\n\u003cspan class=\"soi-immo-label soi-immo-label-accent\"\u003eBIO CERTIFIÉE\u003c\/span\u003e\n\u003cspan class=\"soi-immo-label\"\u003e99,24 % NATUREL\u003c\/span\u003e\n\u003cspan class=\"soi-immo-label\"\u003eFABRIQUÉE EN FRANCE\u003c\/span\u003e\n\u003cspan class=\"soi-immo-label\"\u003eTESTÉE DERMATOLOGIQUEMENT\u003c\/span\u003e\n\u003cspan class=\"soi-immo-label\"\u003eNON TESTÉE SUR LES ANIMAUX\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-immo-section\"\u003e\n\u003ch2\u003eUne crème de nuit visage bio pour régénérer votre peau pendant votre sommeil\u003c\/h2\u003e\n\u003cp\u003eLa nuit, votre peau travaille. Elle se répare, se renouvelle, se ressource. La \u003cstrong\u003eCrème visage Pur'Immortelle Nuit certifiée bio\u003c\/strong\u003e de \u003cstrong\u003ePropos'Nature\u003c\/strong\u003e est conçue précisément pour accompagner ce processus naturel, avec une formule riche à \u003cstrong\u003e99,24 % d'ingrédients d'origine naturelle\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eIdéale pour les \u003cstrong\u003epeaux matures, sèches, fatiguées ou dévitalisées\u003c\/strong\u003e, c'est la crème bio pour le visage que vous glissez dans votre routine du soir et dont vous ne pouvez plus vous passer.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-immo-section\"\u003e\n\u003ch2\u003eLes actifs clés : pourquoi cette crème hydratante visage bio est différente\u003c\/h2\u003e\n\u003cdiv class=\"soi-immo-benefits\"\u003e\n\u003cdiv class=\"soi-immo-benefit\"\u003e\n\u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e🌼\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eHuile essentielle d'immortelle bio\u003c\/h3\u003e\n\u003cp\u003eVéritable star anti-âge naturelle, elle stimule la régénération cellulaire, atténue les ridules et redonne de l'éclat au teint terne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-immo-benefit\"\u003e\n\u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e🌰\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eHuile végétale d'argan bio\u003c\/h3\u003e\n\u003cp\u003eRiche en stérols et en vitamine E, elle nourrit profondément, assouplit et renforce la barrière cutanée affaiblie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-immo-benefit\"\u003e\n\u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eHuile d'onagre bio\u003c\/h3\u003e\n\u003cp\u003eConcentrée en acides gamma-linoléniques, elle est particulièrement appréciée pour les peaux matures : elle repulpe et raffermit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-immo-benefit\"\u003e\n\u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eAcide hyaluronique\u003c\/h3\u003e\n\u003cp\u003eIl hydrate en profondeur et repulpe visiblement la peau, pour un effet lissant et rebondi dès le réveil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-immo-section\"\u003e\n\u003ch2\u003eComment utiliser votre crème de nuit visage bio Pur'Immortelle\u003c\/h2\u003e\n\u003cdiv class=\"soi-immo-timeline\"\u003e\n\u003cdiv class=\"soi-immo-step\"\u003e\n\u003cdiv class=\"soi-immo-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-immo-step-content\"\u003e\n\u003ch3\u003eNettoyez votre visage\u003c\/h3\u003e\n\u003cp\u003eEn douceur, éliminez le maquillage et les impuretés de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-immo-step\"\u003e\n\u003cdiv class=\"soi-immo-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-immo-step-content\"\u003e\n\u003ch3\u003ePrélevez une noisette de crème\u003c\/h3\u003e\n\u003cp\u003eRéchauffez-la entre vos doigts quelques secondes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-immo-step\"\u003e\n\u003cdiv class=\"soi-immo-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-immo-step-content\"\u003e\n\u003ch3\u003eAppliquez en massages circulaires\u003c\/h3\u003e\n\u003cp\u003eSur le visage et le cou, en évitant le contour des yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-immo-step\"\u003e\n\u003cdiv class=\"soi-immo-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"soi-immo-step-content\"\u003e\n\u003ch3\u003eLaissez agir toute la nuit\u003c\/h3\u003e\n\u003cp\u003eSa texture onctueuse pénètre sans laisser de résidu gras sur l'oreiller.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-immo-section\"\u003e\n\u003ch2\u003eUne crème visage bio certifiée, fabriquée en France\u003c\/h2\u003e\n\u003cp\u003eAu-delà de l'efficacité, cette crème hydratante visage bio incarne des valeurs concrètes :\u003c\/p\u003e\n\u003cdiv class=\"soi-immo-grid\"\u003e\n\u003cdiv class=\"soi-immo-card\"\u003e\n\u003ch3\u003e✅ Certifiée Bio\u003c\/h3\u003e\n\u003cp\u003eFormulée à 99,24 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-immo-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n\u003cp\u003ePar Propos'Nature, laboratoire engagé depuis plus de 30 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-immo-card\"\u003e\n\u003ch3\u003e🔬 Testée dermatologiquement\u003c\/h3\u003e\n\u003cp\u003eSans colorants, sans parabènes, sans phénoxyéthanol, sans dérivés pétrochimiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-immo-card\"\u003e\n\u003ch3\u003e🐰 Non testée sur les animaux\u003c\/h3\u003e\n\u003cp\u003eMatières premières issues en priorité de petits producteurs et du commerce équitable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-immo-section\"\u003e\n\u003ch2\u003eComposition complète de la crème de nuit Pur'Immortelle\u003c\/h2\u003e\n\u003cdiv class=\"soi-immo-compo\"\u003e\n\u003cdiv class=\"soi-immo-compo-row\"\u003e\n\u003cspan class=\"soi-immo-compo-label\"\u003eListe INCI\u003c\/span\u003e\n\u003cspan class=\"soi-immo-compo-value soi-immo-compo-inci\"\u003eAqua, Argania Spinosa Kernel Oil*, Cetearyl Alcohol, Glycerin*, Oenothera Biennis Oil*, Sodium Stearoyl Glutamate, Glyceryl Stearate, Sodium Hyaluronate, Helichrysum Italicum Flower Oil*, Tocopherol, Helianthus Annuus Seed Oil*, Parfum (naturel), Citric Acid, Sodium Benzoate, Potassium Sorbate\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-immo-compo-row\"\u003e\n\u003cspan class=\"soi-immo-compo-label\"\u003eNote\u003c\/span\u003e\n\u003cspan class=\"soi-immo-compo-value\"\u003e*Ingrédient issu de l'agriculture biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-immo-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-immo-cta-box\"\u003e\n\u003cp class=\"soi-immo-cta-tag\" style=\"color: white;\"\u003eVotre rituel de nuit, naturellement\u003c\/p\u003e\n\u003cp class=\"soi-immo-cta-text\" style=\"color: white;\"\u003eChaque matin, votre peau mérite un vrai réveil. La Crème Pur'Immortelle Nuit travaille en silence pendant votre sommeil : elle nourrit, repulpe et régénère avec la force de l'immortelle et des meilleures huiles végétales bio. Vous vous endormez fatiguée, vous vous réveillez lumineuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-immo-marine: #1A2D3D;\n --soi-immo-marine-dark: #0F1E2B;\n --soi-immo-marine-light: #2C4458;\n --soi-immo-pomme: #A1C544;\n --soi-immo-pomme-dark: #84A636;\n --soi-immo-pomme-light: rgba(161,197,68,0.10);\n\n --soi-immo-white: #FFFFFF;\n --soi-immo-off-white: #F8FAF6;\n --soi-immo-stone: #F1F3EE;\n --soi-immo-line: #E5E8E0;\n\n --soi-immo-primary: #D4A52A;\n --soi-immo-primary-soft: #FDF6E3;\n --soi-immo-accent: #C9A84C;\n\n --soi-immo-text: #1A2D3D;\n --soi-immo-text-soft: #4A5B6B;\n --soi-immo-text-muted: #7B8693;\n\n --soi-immo-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-immo-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-immo-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-immo-radius: 12px;\n --soi-immo-radius-sm: 8px;\n --soi-immo-radius-pill: 999px;\n}\n\n.soi-immo-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-immo-fiche img { max-width: 100%; height: auto; }\n\n.soi-immo-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-immo-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-immo-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-immo-hero {\n position: relative;\n background: var(--soi-immo-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-immo-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-immo-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-immo-primary);\n}\n\n.soi-immo-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-immo-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-immo-primary);\n border-radius: 50%;\n}\n\n.soi-immo-hero-title {\n display: block;\n color: var(--soi-immo-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-immo-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-immo-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-immo-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-immo-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-immo-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-immo-label-accent {\n background: var(--soi-immo-primary);\n border-color: var(--soi-immo-primary);\n color: var(--soi-immo-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-immo-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-immo-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-immo-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-immo-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-immo-pomme);\n border-radius: 2px;\n}\n\n.soi-immo-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-immo-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-immo-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-immo-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-immo-benefit {\n background: var(--soi-immo-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-immo-radius);\n border: 1px solid var(--soi-immo-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-immo-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-immo-shadow-md);\n}\n\n.soi-immo-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-immo-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-immo-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-immo-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-immo-benefit:hover .soi-immo-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-immo-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-immo-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-immo-benefit p {\n font-size: 13px;\n color: var(--soi-immo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-immo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-immo-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-immo-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-immo-radius);\n border: 1px solid var(--soi-immo-line);\n align-items: flex-start;\n}\n\n.soi-immo-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-immo-marine);\n color: var(--soi-immo-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-immo-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-immo-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-immo-step-content p {\n font-size: 14px;\n color: var(--soi-immo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-immo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-immo-card {\n background: var(--soi-immo-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-immo-radius);\n border-left: 3px solid var(--soi-immo-pomme);\n}\n\n.soi-immo-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-immo-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-immo-card p {\n font-size: 14px;\n color: var(--soi-immo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-immo-compo {\n background: var(--soi-immo-off-white);\n border-radius: var(--soi-immo-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-immo-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-immo-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-immo-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-immo-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-immo-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-immo-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-immo-marine);\n text-align: right;\n}\n\n.soi-immo-compo-inci {\n font-size: 13px;\n font-weight: 400;\n line-height: 1.6;\n color: var(--soi-immo-text-soft);\n font-family: 'Inter', sans-serif;\n text-align: left;\n flex: 1;\n min-width: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-immo-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-immo-accordion-item {\n background: var(--soi-immo-off-white);\n border-radius: var(--soi-immo-radius-sm);\n border: 1px solid var(--soi-immo-line);\n overflow: hidden;\n}\n\n.soi-immo-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-immo-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-immo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-immo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-immo-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-immo-accordion-item[open] .soi-immo-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-immo-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-immo-accordion-content p {\n font-size: 14px;\n color: var(--soi-immo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-immo-cta-box {\n background: var(--soi-immo-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-immo-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-immo-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-immo-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-immo-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-immo-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-immo-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 500;\n color: var(--soi-immo-white);\n line-height: 1.5;\n margin: 0;\n max-width: 620px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-immo-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-immo-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-immo-compo-value {\n text-align: left;\n }\n\n .soi-immo-compo-inci {\n text-align: left;\n }\n\n .soi-immo-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-immo-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-immo-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-immo-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-immo-fiche {\n --soi-immo-text-soft: #2C3E50;\n --soi-immo-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propos'Nature","offers":[{"title":"Default Title","offer_id":61603749691722,"sku":"PO0055","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-visage-purimmortelle-nuit-certifiee-bio-proposnature-lifestyle_fc1ce184-e60b-4b73-a9ac-8d241237c2aa.webp?v=1779714612"},{"product_id":"absolu-purimmortelle-certifie-bio-proposnature","title":"Absolu Pur'Immortelle - Sérum Anti-Âge bio - Propos'Nature","description":"\n\u003cdiv class=\"soi-immo-fiche\"\u003e\n\n \u003csection class=\"soi-immo-hero\"\u003e\n \u003cdiv class=\"soi-immo-hero-tag\"\u003e\n \u003cspan class=\"soi-immo-tag-dot\"\u003e\u003c\/span\u003e\n Oléo-sérum visage · Propos'Nature\n \u003c\/div\u003e\n \u003cspan class=\"soi-immo-hero-title\"\u003eSérum Anti-Âge certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-immo-hero-subtitle\"\u003eCure végétale de jouvence : deux extraits d'immortelle bio et du coenzyme Q10 pour une peau visiblement plus jeune, nuit après nuit.\u003c\/p\u003e\n \u003cdiv class=\"soi-immo-hero-labels\"\u003e\n \u003cspan class=\"soi-immo-label soi-immo-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-immo-label\"\u003e100 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-immo-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-immo-label\"\u003eNON TESTÉ SUR LES ANIMAUX\u003c\/span\u003e\n \u003cspan class=\"soi-immo-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-immo-section\"\u003e\n \u003ch2\u003eUn oléo-sérum à l'immortelle bio, pour une peau visiblement plus jeune\u003c\/h2\u003e\n \u003cp\u003eSi vous cherchez un sérum à l'immortelle vraiment concentré, sans compromis sur la naturalité, l'Absolu Pur'Immortelle certifié bio de Propos'Nature mérite toute votre attention. Cet oléo-sérum de jouvence réunit deux extraits complémentaires de la fleur d'immortelle bio : l'huile essentielle et le macérât huileux, pour une action anti-âge à la fois en surface et en profondeur. Il est enrichi en coenzyme Q10, antioxydant puissant qui protège les cellules cutanées du vieillissement prématuré.\u003c\/p\u003e\n \u003cp\u003eFormulé et fabriqué en Provence, dans un laboratoire engagé pour les circuits courts et le commerce équitable, ce soin est certifié Cosmos Organic et composé à 100 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"soi-immo-grid-compact\"\u003e\n \u003cdiv class=\"soi-immo-card-mini\"\u003e\n \u003cspan class=\"soi-immo-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-card-mini\"\u003e\n \u003cspan class=\"soi-immo-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-value\"\u003eProvence, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-card-mini\"\u003e\n \u003cspan class=\"soi-immo-card-mini-icon\"\u003e🌼\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-value\"\u003e100 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-card-mini\"\u003e\n \u003cspan class=\"soi-immo-card-mini-icon\"\u003e⚗️\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-label\"\u003eDouble extrait\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-value\"\u003eHE + macérât\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-immo-section\"\u003e\n \u003ch2\u003eCe que l'immortelle fait réellement pour votre peau\u003c\/h2\u003e\n \u003cp class=\"soi-immo-section-intro\"\u003eL'immortelle corse (Helichrysum italicum) est l'une des plantes les plus étudiées en cosmétique naturelle. Ses molécules actives lui confèrent des propriétés remarquables.\u003c\/p\u003e\n \u003cdiv class=\"soi-immo-benefits\"\u003e\n \u003cdiv class=\"soi-immo-benefit\"\u003e\n \u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAnti-âge et antioxydante\u003c\/h3\u003e\n \u003cp\u003eElle neutralise les radicaux libres responsables du relâchement et des rides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-benefit\"\u003e\n \u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisante et anti-inflammatoire\u003c\/h3\u003e\n \u003cp\u003eElle calme les irritations, les rougeurs et les inconforts cutanés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-benefit\"\u003e\n \u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRégénérante\u003c\/h3\u003e\n \u003cp\u003eElle soutient le renouvellement cellulaire et favorise la cicatrisation légère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-benefit\"\u003e\n \u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRepulpante\u003c\/h3\u003e\n \u003cp\u003eAssociée au coenzyme Q10, elle aide à restaurer l'élasticité et le rebond de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-tip\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdiv class=\"soi-immo-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eContrairement à de nombreux sérums à l'immortelle, celui-ci combine deux formes de l'actif (huile essentielle et macérât huileux) pour une synergie optimale, sans dilution dans des bases synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-immo-section\"\u003e\n \u003ch2\u003eComment utiliser ce sérum anti-âge Absolu Pur'Immortelle ?\u003c\/h2\u003e\n \u003cp class=\"soi-immo-section-intro\"\u003eSon utilisation est simple et rapide à intégrer dans votre routine quotidienne.\u003c\/p\u003e\n \u003cdiv class=\"soi-immo-timeline\"\u003e\n \u003cdiv class=\"soi-immo-step\"\u003e\n \u003cdiv class=\"soi-immo-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-immo-step-content\"\u003e\n \u003ch3\u003eAppliquez le sérum\u003c\/h3\u003e\n \u003cp\u003eDéposez 2 à 3 gouttes chaque soir sur un visage propre et sec.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-step\"\u003e\n \u003cdiv class=\"soi-immo-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-immo-step-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eRéchauffez l'huile entre vos paumes, puis massez en mouvements circulaires ascendants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-step\"\u003e\n \u003cdiv class=\"soi-immo-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-immo-step-content\"\u003e\n \u003ch3\u003eIntensifiez les effets\u003c\/h3\u003e\n \u003cp\u003ePour décupler les résultats, utilisez-le avec un Gua Sha ou par un léger tapotement du bout des doigts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-step\"\u003e\n \u003cdiv class=\"soi-immo-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-immo-step-content\"\u003e\n \u003ch3\u003eÉtendez le soin\u003c\/h3\u003e\n \u003cp\u003eIl peut également être appliqué sur le décolleté ou le contour des yeux (en évitant la muqueuse).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-tip\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdiv class=\"soi-immo-tip-icon\"\u003e🌙\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSa texture fluide et sèche pénètre rapidement sans film gras. Parfait en soin de nuit, il agit pendant votre sommeil pour une peau régénérée au réveil. Des résultats visibles apparaissent généralement après 4 à 6 semaines d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-immo-section\"\u003e\n \u003ch2\u003eComposition et certification\u003c\/h2\u003e\n \u003cp class=\"soi-immo-section-intro\"\u003eCe que vous mettez sur votre peau compte autant que ce que vous excluez. L'Absolu Pur'Immortelle est formulé sans parabènes, sans colorants, sans conservateurs synthétiques, sans dérivés pétrochimiques, et n'est pas testé sur les animaux.\u003c\/p\u003e\n \u003cdiv class=\"soi-immo-compo\"\u003e\n \u003cdiv class=\"soi-immo-compo-row\"\u003e\n \u003cspan class=\"soi-immo-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-immo-compo-value\"\u003eMacérât huileux d'immortelle bio (Helichrysum italicum)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-compo-row\"\u003e\n \u003cspan class=\"soi-immo-compo-label\"\u003eActif concentré\u003c\/span\u003e\n \u003cspan class=\"soi-immo-compo-value\"\u003eHuile essentielle d'immortelle corse bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-compo-row\"\u003e\n \u003cspan class=\"soi-immo-compo-label\"\u003eAntioxydant\u003c\/span\u003e\n \u003cspan class=\"soi-immo-compo-value\"\u003eCoenzyme Q10\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-compo-row\"\u003e\n \u003cspan class=\"soi-immo-compo-label\"\u003eBase nourrissante\u003c\/span\u003e\n \u003cspan class=\"soi-immo-compo-value\"\u003eHuiles végétales bio complémentaires\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-compo-row\"\u003e\n \u003cspan class=\"soi-immo-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-immo-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-compo-row\"\u003e\n \u003cspan class=\"soi-immo-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-immo-compo-value\"\u003e100 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-compo-row\"\u003e\n \u003cspan class=\"soi-immo-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-immo-compo-value\"\u003eFrance (Provence)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-immo-section\"\u003e\n \u003ch2\u003ePour qui est fait ce sérum anti-âge bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-immo-grid\"\u003e\n \u003cdiv class=\"soi-immo-card\"\u003e\n \u003ch3\u003e🌺 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eVous cherchez un soin anti-âge naturel et efficace pour accompagner votre peau au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-card\"\u003e\n \u003ch3\u003e✨ Premières rides\u003c\/h3\u003e\n \u003cp\u003eVotre peau présente un manque d'éclat ou de fermeté, et vous souhaitez agir dès les premiers signes de l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-card\"\u003e\n \u003ch3\u003e🌱 Peaux sensibles aux formules conventionnelles\u003c\/h3\u003e\n \u003cp\u003eVous êtes en quête d'un soin 100 % naturel et certifié bio, exempt de substances controversées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-card\"\u003e\n \u003ch3\u003e🔄 En transition vers le naturel\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez remplacer un sérum conventionnel par une alternative propre et engagée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-immo-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur ce soin\u003c\/h2\u003e\n \u003cdiv class=\"soi-immo-accordion\"\u003e\n \u003cdetails class=\"soi-immo-accordion-item\"\u003e\n \u003csummary class=\"soi-immo-accordion-header\"\u003e☀️ Peut-on l'utiliser le matin ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-immo-accordion-content\"\u003e\n \u003cp\u003eOui, mais il est particulièrement recommandé le soir pour profiter de la régénération nocturne de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-immo-accordion-item\"\u003e\n \u003csummary class=\"soi-immo-accordion-header\"\u003e📅 Quelle est la durée d'une cure ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-immo-accordion-content\"\u003e\n \u003cp\u003eDes résultats visibles apparaissent généralement après 4 à 6 semaines d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-immo-accordion-item\"\u003e\n \u003csummary class=\"soi-immo-accordion-header\"\u003e🧴 Ce sérum convient-il aux peaux mixtes ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-immo-accordion-content\"\u003e\n \u003cp\u003eSa texture sèche le rend adapté à la plupart des types de peau, y compris les peaux mixtes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-immo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-immo-cta-box\"\u003e\n \u003cp class=\"soi-immo-cta-tag\" style=\"color: white;\"\u003eVotre rituel de jouvence provençal\u003c\/p\u003e\n \u003cp class=\"soi-immo-cta-text\" style=\"color: white;\"\u003eChaque soir, offrez à votre peau le meilleur de la nature provençale : deux extraits d'immortelle bio, du coenzyme Q10, et une peau qui retrouve, nuit après nuit, sa souplesse, son éclat et sa jeunesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-immo-marine: #1A2D3D;\n --soi-immo-marine-dark: #0F1E2B;\n --soi-immo-marine-light: #2C4458;\n --soi-immo-pomme: #A1C544;\n --soi-immo-pomme-dark: #84A636;\n --soi-immo-pomme-light: rgba(161,197,68,0.10);\n\n --soi-immo-white: #FFFFFF;\n --soi-immo-off-white: #F8FAF6;\n --soi-immo-stone: #F1F3EE;\n --soi-immo-line: #E5E8E0;\n\n --soi-immo-primary: #D4A82A;\n --soi-immo-primary-soft: #F5ECD0;\n --soi-immo-accent: #E8C55A;\n\n --soi-immo-text: #1A2D3D;\n --soi-immo-text-soft: #4A5B6B;\n --soi-immo-text-muted: #7B8693;\n\n --soi-immo-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-immo-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-immo-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-immo-radius: 12px;\n --soi-immo-radius-sm: 8px;\n --soi-immo-radius-pill: 999px;\n}\n\n.soi-immo-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-immo-fiche img { max-width: 100%; height: auto; }\n\n.soi-immo-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-immo-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-immo-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-immo-hero {\n position: relative;\n background: var(--soi-immo-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-immo-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-immo-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-immo-primary);\n}\n\n.soi-immo-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-immo-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-immo-primary);\n border-radius: 50%;\n}\n\n.soi-immo-hero-title {\n display: block;\n color: var(--soi-immo-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-immo-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-immo-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-immo-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-immo-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-immo-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-immo-label-accent {\n background: var(--soi-immo-primary);\n border-color: var(--soi-immo-primary);\n color: var(--soi-immo-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-immo-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-immo-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-immo-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-immo-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-immo-primary);\n border-radius: 2px;\n}\n\n.soi-immo-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-immo-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-immo-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-immo-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-immo-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-immo-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-immo-benefit {\n background: var(--soi-immo-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-immo-radius);\n border: 1px solid var(--soi-immo-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-immo-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-immo-shadow-md);\n}\n\n.soi-immo-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-immo-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-immo-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-immo-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-immo-benefit:hover .soi-immo-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-immo-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-immo-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-immo-benefit p {\n font-size: 13px;\n color: var(--soi-immo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-immo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-immo-card {\n background: var(--soi-immo-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-immo-radius);\n border-left: 3px solid var(--soi-immo-primary);\n}\n\n.soi-immo-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-immo-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-immo-card p {\n font-size: 14px;\n color: var(--soi-immo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-immo-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.5rem;\n}\n\n.soi-immo-card-mini {\n background: var(--soi-immo-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-immo-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-immo-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-immo-card-mini-label {\n font-size: 11px;\n color: var(--soi-immo-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-immo-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-immo-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-immo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-immo-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-immo-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-immo-radius);\n border: 1px solid var(--soi-immo-line);\n align-items: flex-start;\n}\n\n.soi-immo-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-immo-marine);\n color: var(--soi-immo-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-immo-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-immo-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-immo-step-content p {\n font-size: 14px;\n color: var(--soi-immo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-immo-compo {\n background: var(--soi-immo-off-white);\n border-radius: var(--soi-immo-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-immo-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-immo-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-immo-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-immo-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-immo-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-immo-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-immo-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-immo-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-immo-primary-soft);\n border-left: 4px solid var(--soi-immo-primary);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-immo-radius) var(--soi-immo-radius) 0;\n align-items: flex-start;\n}\n\n.soi-immo-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-immo-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-immo-marine);\n margin-bottom: 4px;\n}\n\n.soi-immo-tip p {\n font-size: 14px;\n color: var(--soi-immo-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-immo-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-immo-accordion-item {\n background: var(--soi-immo-off-white);\n border-radius: var(--soi-immo-radius-sm);\n border: 1px solid var(--soi-immo-line);\n overflow: hidden;\n}\n\n.soi-immo-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-immo-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-immo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-immo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-immo-primary);\n transition: transform 0.2s ease;\n}\n\n.soi-immo-accordion-item[open] .soi-immo-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-immo-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-immo-accordion-content p {\n font-size: 14px;\n color: var(--soi-immo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-immo-cta-box {\n background: var(--soi-immo-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-immo-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-immo-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-immo-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-immo-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-immo-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-immo-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-immo-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-immo-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-immo-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-immo-compo-value {\n text-align: left;\n }\n\n .soi-immo-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-immo-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-immo-fiche {\n --soi-immo-text-soft: #2C3E50;\n --soi-immo-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propos'Nature","offers":[{"title":"Default Title","offer_id":61603749921098,"sku":"PO0060","price":23.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/absolu-purimmortelle-certifie-bio-proposnature-packshot.webp?v=1779792970"},{"product_id":"serum-purimmortelle-certifie-bio-proposnature","title":"Sérum Bio Pur Immortelle Anti-Âge - Propos'Nature","description":"\u003cdiv class=\"soi-immo-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-immo-hero\"\u003e\n \u003cdiv class=\"soi-immo-hero-tag\"\u003e\n \u003cspan class=\"soi-immo-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique visage · Propos'Nature\n \u003c\/div\u003e\n \u003cspan class=\"soi-immo-hero-title\"\u003eSérum Pur'Immortelle certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-immo-hero-subtitle\"\u003eUne cure de jouvence végétale concentrée en immortelle corse biologique et acide hyaluronique à 3 %. Votre peau repulpée, hydratée en profondeur, visiblement plus lumineuse.\u003c\/p\u003e\n \u003cdiv class=\"soi-immo-hero-labels\"\u003e\n \u003cspan class=\"soi-immo-label soi-immo-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-immo-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-immo-label\"\u003e99,55 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-immo-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-immo-label\"\u003eTESTÉ DERMATOLOGIQUEMENT\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Pourquoi l'immortelle corse --\u003e\n \u003csection class=\"soi-immo-section\"\u003e\n \u003ch2\u003ePourquoi l'immortelle corse fait toute la différence\u003c\/h2\u003e\n \u003cp\u003eL'huile essentielle d'immortelle (Helichrysum italicum) est reconnue comme l'une des plus précieuses en cosmétique naturelle. Récoltée en Provence et en Corse, elle concentre des propriétés régénérantes, anti-hématomes et anti-âge exceptionnelles.\u003c\/p\u003e\n \u003cp\u003eDans ce sérum, elle agit en synergie avec l'acide hyaluronique pour cibler les rides installées, améliorer l'élasticité et redonner de l'éclat aux teints fatigués. C'est ce qui distingue ce sérum hydratant visage bio des formules classiques : une véritable cure de jouvence végétale, pas un simple soin hydratant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Composition --\u003e\n \u003csection class=\"soi-immo-section\"\u003e\n \u003ch2\u003eComposition complète du Sérum Pur'immortelle\u003c\/h2\u003e\n \u003cp class=\"soi-immo-section-intro\"\u003eFormulé à 99,55 % d'ingrédients d'origine naturelle et certifié COSMOS ORGANIC, ce sérum est exempt de parabènes, colorants de synthèse, conservateurs chimiques non autorisés et dérivés pétrochimiques.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-immo-benefits\"\u003e\n \u003cdiv class=\"soi-immo-benefit\"\u003e\n \u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAcide hyaluronique double poids moléculaire (3 %)\u003c\/h3\u003e\n \u003cp\u003eHaut et bas poids moléculaire pour une hydratation en surface et une stimulation du collagène en profondeur. Effet repulpant et tenseur visible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-benefit\"\u003e\n \u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e🌼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile essentielle d'immortelle biologique\u003c\/h3\u003e\n \u003cp\u003eHelichrysum italicum : régénération cellulaire, réduction des rides, éclat retrouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-benefit\"\u003e\n \u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAloe vera biologique\u003c\/h3\u003e\n \u003cp\u003eBase apaisante et hydratante, idéale pour les peaux sensibles ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-benefit\"\u003e\n \u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eExtrait de Centella asiatica\u003c\/h3\u003e\n \u003cp\u003eSoutien de la fermeté cutanée et action cicatrisante douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-immo-tip\"\u003e\n \u003cdiv class=\"soi-immo-tip-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eOrigine et fabrication\u003c\/strong\u003e\n \u003cp\u003eFabriqué en France, issu d'une filière courte valorisant les petits producteurs provençaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Pour qui --\u003e\n \u003csection class=\"soi-immo-section\"\u003e\n \u003ch2\u003ePour qui est ce sérum bio visage ?\u003c\/h2\u003e\n \u003cp class=\"soi-immo-section-intro\"\u003eCe sérum convient à tous les types de peau, avec une efficacité particulièrement remarquée sur les profils suivants :\u003c\/p\u003e\n \u003cdiv class=\"soi-immo-grid\"\u003e\n \u003cdiv class=\"soi-immo-card\"\u003e\n \u003ch3\u003e✨ Peaux matures ou très matures\u003c\/h3\u003e\n \u003cp\u003eVous cherchez à estomper les rides et la perte de fermeté : ce sérum cible précisément ces signes du vieillissement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-card\"\u003e\n \u003ch3\u003e💦 Peaux mixtes à sèches\u003c\/h3\u003e\n \u003cp\u003eEn manque d'hydratation durable, votre peau bénéficie du double complexe d'acide hyaluronique pour un confort longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-card\"\u003e\n \u003ch3\u003e🌟 Peaux ternes ou fatiguées\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez retrouver de l'éclat rapidement : l'immortelle corse redonne luminosité et vitalité au teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-card\"\u003e\n \u003ch3\u003e🌱 En quête d'une alternative naturelle\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui souhaitent une alternative bio aux sérums classiques ou aux formules conventionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Comment utiliser --\u003e\n \u003csection class=\"soi-immo-section\"\u003e\n \u003ch2\u003eComment utiliser le Sérum Pur'immortelle ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-immo-timeline\"\u003e\n \u003cdiv class=\"soi-immo-step\"\u003e\n \u003cdiv class=\"soi-immo-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-immo-step-content\"\u003e\n \u003ch3\u003eNettoyez et tonifiez votre visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez le sérum toujours sur une peau propre et légèrement humide pour maximiser la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-step\"\u003e\n \u003cdiv class=\"soi-immo-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-immo-step-content\"\u003e\n \u003ch3\u003eDéposez 3 à 5 gouttes\u003c\/h3\u003e\n \u003cp\u003eAvec la pipette en verre, appliquez sur le visage, le cou et le décolleté. Ciblez les zones à traiter : rides du front, contour des yeux, sillons nasogéniens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-step\"\u003e\n \u003cdiv class=\"soi-immo-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-immo-step-content\"\u003e\n \u003ch3\u003eMassez en mouvements ascendants\u003c\/h3\u003e\n \u003cp\u003ePoursuivez jusqu'à absorption complète. La texture légère pénètre rapidement, sans film gras ni résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-step\"\u003e\n \u003cdiv class=\"soi-immo-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-immo-step-content\"\u003e\n \u003ch3\u003eComplétez avec votre crème habituelle\u003c\/h3\u003e\n \u003cp\u003eSi nécessaire. Utilisez matin et\/ou soir en cure de 6 à 8 semaines pour des résultats optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Ce que vous appréciez --\u003e\n \u003csection class=\"soi-immo-section\"\u003e\n \u003ch2\u003eCe que vous appréciez dans ce sérum bio (et ce que nos clientes disent)\u003c\/h2\u003e\n \u003cdiv class=\"soi-immo-grid-compact\"\u003e\n \u003cdiv class=\"soi-immo-card-mini\"\u003e\n \u003cspan class=\"soi-immo-card-mini-icon\"\u003e🪶\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-label\"\u003eTexture\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-value\"\u003eLégère, non grasse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-card-mini\"\u003e\n \u003cspan class=\"soi-immo-card-mini-icon\"\u003e🎯\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-label\"\u003eApplication\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-value\"\u003ePipette précise\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-card-mini\"\u003e\n \u003cspan class=\"soi-immo-card-mini-icon\"\u003e📅\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-label\"\u003eRésultats visibles\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-value\"\u003eDès 3 à 4 semaines\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-immo-card-mini\"\u003e\n \u003cspan class=\"soi-immo-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-immo-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eTesté dermatologiquement et plébiscité pour ses résultats visibles, ce sérum séduit de nombreuses clientes en quête d'une alternative bio plus concentrée, fabriquée en France et au meilleur rapport qualité\/prix.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-immo-accordion\"\u003e\n \u003cdetails class=\"soi-immo-accordion-item\"\u003e\n \u003csummary class=\"soi-immo-accordion-header\"\u003e⚠️ Précaution importante\u003c\/summary\u003e\n \u003cdiv class=\"soi-immo-accordion-content\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace pas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-immo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-immo-cta-box\"\u003e\n \u003cp class=\"soi-immo-cta-tag\" style=\"color: white;\"\u003eVotre geste anti-âge naturel, certifié bio\u003c\/p\u003e\n \u003cp class=\"soi-immo-cta-text\" style=\"color: white;\"\u003eHydratation profonde, rides atténuées, éclat retrouvé. Offrez à votre peau ce qu'elle mérite vraiment avec le Sérum Pur'Immortelle de Propos'Nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-immo-marine: #1A2D3D;\n --soi-immo-marine-dark: #0F1E2B;\n --soi-immo-marine-light: #2C4458;\n --soi-immo-pomme: #A1C544;\n --soi-immo-pomme-dark: #84A636;\n --soi-immo-pomme-light: rgba(161,197,68,0.10);\n --soi-immo-white: #FFFFFF;\n --soi-immo-off-white: #F8FAF6;\n --soi-immo-stone: #F1F3EE;\n --soi-immo-line: #E5E8E0;\n --soi-immo-primary: #C9A96E;\n --soi-immo-primary-soft: #E8D9B8;\n --soi-immo-accent: #D4A8A4;\n --soi-immo-text: #1A2D3D;\n --soi-immo-text-soft: #4A5B6B;\n --soi-immo-text-muted: #7B8693;\n --soi-immo-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-immo-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-immo-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-immo-radius: 12px;\n --soi-immo-radius-sm: 8px;\n --soi-immo-radius-pill: 999px;\n}\n\n.soi-immo-fiche * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.soi-immo-fiche img {\n max-width: 100%;\n height: auto;\n}\n\n.soi-immo-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-immo-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-immo-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-immo-hero {\n position: relative;\n background: var(--soi-immo-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-immo-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-immo-hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--soi-immo-pomme), var(--soi-immo-primary));\n}\n\n.soi-immo-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-immo-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-immo-pomme);\n border-radius: 50%;\n}\n\n.soi-immo-hero-title {\n display: block;\n color: var(--soi-immo-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-immo-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-immo-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-immo-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-immo-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-immo-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-immo-label-accent {\n background: var(--soi-immo-pomme);\n border-color: var(--soi-immo-pomme);\n color: var(--soi-immo-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-immo-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-immo-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-immo-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-immo-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-immo-pomme);\n border-radius: 2px;\n}\n\n.soi-immo-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-immo-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-immo-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-immo-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-immo-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-immo-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-immo-benefit {\n background: var(--soi-immo-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-immo-radius);\n border: 1px solid var(--soi-immo-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-immo-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-immo-shadow-md);\n}\n\n.soi-immo-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-immo-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-immo-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-immo-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-immo-benefit:hover .soi-immo-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-immo-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-immo-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-immo-benefit p {\n font-size: 13px;\n color: var(--soi-immo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-immo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-immo-card {\n background: var(--soi-immo-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-immo-radius);\n border-left: 3px solid var(--soi-immo-pomme);\n}\n\n.soi-immo-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-immo-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-immo-card p {\n font-size: 14px;\n color: var(--soi-immo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-immo-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.5rem;\n}\n\n.soi-immo-card-mini {\n background: var(--soi-immo-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-immo-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-immo-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-immo-card-mini-label {\n font-size: 11px;\n color: var(--soi-immo-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-immo-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-immo-marine);\n}\n\n\/* TIMELINE *\/\n.soi-immo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-immo-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-immo-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-immo-radius);\n border: 1px solid var(--soi-immo-line);\n align-items: flex-start;\n}\n\n.soi-immo-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-immo-marine);\n color: var(--soi-immo-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-immo-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-immo-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-immo-step-content p {\n font-size: 14px;\n color: var(--soi-immo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIP *\/\n.soi-immo-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-immo-pomme-light);\n border-left: 4px solid var(--soi-immo-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-immo-radius) var(--soi-immo-radius) 0;\n align-items: flex-start;\n}\n\n.soi-immo-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-immo-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-immo-marine);\n margin-bottom: 4px;\n}\n\n.soi-immo-tip p {\n font-size: 14px;\n color: var(--soi-immo-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDION *\/\n.soi-immo-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 1.5rem;\n}\n\n.soi-immo-accordion-item {\n background: var(--soi-immo-off-white);\n border-radius: var(--soi-immo-radius-sm);\n border: 1px solid var(--soi-immo-line);\n overflow: hidden;\n}\n\n.soi-immo-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-immo-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-immo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-immo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-immo-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-immo-accordion-item[open] .soi-immo-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-immo-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-immo-accordion-content p {\n font-size: 14px;\n color: var(--soi-immo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-immo-cta-box {\n background: var(--soi-immo-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-immo-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-immo-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-immo-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-immo-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-immo-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-immo-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-immo-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-immo-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-immo-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-immo-tip {\n flex-direction: column;\n gap: 0.5rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-immo-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-immo-fiche {\n --soi-immo-text-soft: #2C3E50;\n --soi-immo-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propos'Nature","offers":[{"title":"Default Title","offer_id":61603750379850,"sku":"PO0065","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/serum-purimmortelle-certifie-bio-proposnature-packshot.webp?v=1779454184"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/Copie_de_COLLAGENE_INOLAB_STICK_7__11zon.jpg?v=1779893418","url":"https:\/\/firmtoaromatherapy.com\/collections\/proposnature.oembed","provider":"Soinature","version":"1.0","type":"link"}