{"title":"Le gang des bulles","description":"","products":[{"product_id":"savon-simple-et-sans-parfum-le-gang-des-bulles","title":"Savon 3en1 Sans Parfum - Le Gang des Bulles","description":"\u003cdiv class=\"soi-svon-fiche\"\u003e\n\n\u003csection class=\"soi-svon-hero\"\u003e\n \u003cdiv class=\"soi-svon-hero-tag\"\u003e\n \u003cspan class=\"soi-svon-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Le Gang des Bulles\n \u003c\/div\u003e\n \u003cspan class=\"soi-svon-hero-title\"\u003eSavon Simple et sans Parfum\u003c\/span\u003e\n \u003cp class=\"soi-svon-hero-subtitle\"\u003eUn savon doux, sans artifice, qui nettoie mains, visage et corps en préservant l'équilibre naturel de votre peau. Un seul flacon, une routine simplifiée, une peau qui respire.\u003c\/p\u003e\n \u003cdiv class=\"soi-svon-hero-labels\"\u003e\n \u003cspan class=\"soi-svon-label soi-svon-label-accent\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003cspan class=\"soi-svon-label\"\u003eVÉGAN\u003c\/span\u003e\n \u003cspan class=\"soi-svon-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-svon-label\"\u003eSURGRAS\u003c\/span\u003e\n \u003cspan class=\"soi-svon-label\"\u003eSAPONIFICATION À FROID\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003eUn savon 3-en-1 taillé pour les peaux sensibles\u003c\/h2\u003e\n \u003cp\u003eCe savon doux sans parfum répond parfaitement aux besoins des peaux réactives, fragiles ou intolérantes aux formules conventionnelles. Grâce à son \u003cstrong\u003epH neutre et sa formule surgras\u003c\/strong\u003e, il nettoie sans décaper, sans irriter, sans altérer le film hydrolipidique. Résultat : une peau propre, souple et confortable après chaque utilisation.\u003c\/p\u003e\n \u003cp\u003eSon absence totale de parfum, de colorant et de conservateur en fait une option idéale pour toute la famille, y compris les peaux des bébés, des femmes enceintes ou de toute personne cherchant un savon neutre pour l'hygiène quotidienne, y compris l'hygiène intime externe.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003eCe qui rend ce savon vraiment différent\u003c\/h2\u003e\n \u003cdiv class=\"soi-svon-grid\"\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🌿 Saponification à froid\u003c\/h3\u003e\n \u003cp\u003eUn procédé artisanal qui conserve tous les actifs des huiles végétales et enrichit naturellement le savon en glycérine, pour une douceur incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eSavonnerie artisanale française, circuits courts, zéro dérivé pétrochimique : un choix responsable à chaque geste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🐰 Végan et non testé sur les animaux\u003c\/h3\u003e\n \u003cp\u003eFormule 100 % d'origine naturelle, biodégradable, sans aucun ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e💧 Savon surgras sans parfum\u003c\/h3\u003e\n \u003cp\u003eRiche en huiles nourrissantes, il respecte et renforce la barrière cutanée à chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003eComposition détaillée : des huiles bio sélectionnées avec soin\u003c\/h2\u003e\n \u003cp class=\"soi-svon-section-intro\"\u003eChaque ingrédient a été choisi pour son rôle précis sur la peau :\u003c\/p\u003e\n \u003cdiv class=\"soi-svon-benefits\"\u003e\n \u003cdiv class=\"soi-svon-benefit\"\u003e\n \u003cdiv class=\"soi-svon-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive extra vierge bio\u003c\/h3\u003e\n \u003cp\u003eNourrissante et émolliente, elle protège et adoucit durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-benefit\"\u003e\n \u003cdiv class=\"soi-svon-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de coco vierge bio\u003c\/h3\u003e\n \u003cp\u003eNettoyante et antibactérienne naturelle, elle produit une mousse légère et enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-benefit\"\u003e\n \u003cdiv class=\"soi-svon-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de chanvre vierge bio\u003c\/h3\u003e\n \u003cp\u003eRiche en oméga 3 et 6, elle apaise les peaux irritées et rééquilibre les peaux mixtes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-benefit\"\u003e\n \u003cdiv class=\"soi-svon-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCBD\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés apaisantes et anti-inflammatoires, il soutient le confort des peaux sensibles ou sujettes aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-tip\"\u003e\n \u003cdiv class=\"soi-svon-tip-icon\"\u003e🚫\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eSans aucun compromis\u003c\/strong\u003e\n \u003cp\u003eSans parfum synthétique, colorant, conservateur, sulfate, parabène, silicone, dérivé pétrochimique ni OGM.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-svon-timeline\"\u003e\n \u003cdiv class=\"soi-svon-step\"\u003e\n \u003cdiv class=\"soi-svon-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une petite dose sur peau humide, mains, visage ou corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step\"\u003e\n \u003cdiv class=\"soi-svon-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMassez doucement, puis rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step\"\u003e\n \u003cdiv class=\"soi-svon-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step-content\"\u003e\n \u003ch3\u003eMatin et soir\u003c\/h3\u003e\n \u003cp\u003eUtilisable quotidiennement pour l'hygiène des mains, du visage, du corps ou en savon pour hygiène intime externe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003ePour qui est ce savon ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-svon-grid\"\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les peaux fragiles, sujettes aux allergies ou intolérantes aux formules classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes ou allaitantes\u003c\/h3\u003e\n \u003cp\u003ePour celles qui souhaitent limiter les expositions aux perturbateurs, en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e👶 Toute la famille, bébés inclus\u003c\/h3\u003e\n \u003cp\u003eUne formule épurée, douce et sûre pour chaque membre du foyer, dès le plus jeune âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🔍 Vous qui cherchez la transparence\u003c\/h3\u003e\n \u003cp\u003eUn savon de qualité, sans artifice, pour une hygiène quotidienne responsable et respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003cdiv class=\"soi-svon-accordion\"\u003e\n \u003cdetails class=\"soi-svon-accordion-item\"\u003e\n \u003csummary class=\"soi-svon-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-svon-accordion-content\"\u003e\n \u003cp\u003eCe produit cosmétique n'est pas un médicament et ne remplace pas un avis médical. En cas d'irritation cutanée persistante, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-svon-cta-box\"\u003e\n \u003cp class=\"soi-svon-cta-tag\" style=\"color: white;\"\u003eSe laver naturellement, commencer par l'essentiel\u003c\/p\u003e\n \u003cp class=\"soi-svon-cta-text\" style=\"color: white;\"\u003ePropre, sain, sans compromis. Avec ses huiles bio et son CBD apaisant, ce savon prend soin de votre peau chaque jour, en toute transparence. Pour vous, pour votre famille, pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-svon-marine: #1A2D3D;\n --soi-svon-marine-dark: #0F1E2B;\n --soi-svon-marine-light: #2C4458;\n --soi-svon-pomme: #A1C544;\n --soi-svon-pomme-dark: #84A636;\n --soi-svon-pomme-light: rgba(161,197,68,0.10);\n\n --soi-svon-white: #FFFFFF;\n --soi-svon-off-white: #F8FAF6;\n --soi-svon-stone: #F1F3EE;\n --soi-svon-line: #E5E8E0;\n\n --soi-svon-primary: #A8C8B8;\n --soi-svon-primary-soft: #D4E5DC;\n --soi-svon-accent: #C4A97D;\n\n --soi-svon-text: #1A2D3D;\n --soi-svon-text-soft: #4A5B6B;\n --soi-svon-text-muted: #7B8693;\n\n --soi-svon-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-svon-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-svon-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-svon-radius: 12px;\n --soi-svon-radius-sm: 8px;\n --soi-svon-radius-pill: 999px;\n}\n\n.soi-svon-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-svon-fiche img { max-width: 100%; height: auto; }\n\n.soi-svon-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-svon-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-svon-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-svon-hero {\n position: relative;\n background: var(--soi-svon-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-svon-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-svon-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-svon-pomme);\n}\n\n.soi-svon-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-svon-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-svon-pomme);\n border-radius: 50%;\n}\n\n.soi-svon-hero-title {\n display: block;\n color: var(--soi-svon-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-svon-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-svon-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-svon-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-svon-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-svon-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-svon-label-accent {\n background: var(--soi-svon-pomme);\n border-color: var(--soi-svon-pomme);\n color: var(--soi-svon-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-svon-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-svon-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-svon-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-svon-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-svon-pomme);\n border-radius: 2px;\n}\n\n.soi-svon-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-svon-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-svon-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-svon-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-svon-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-svon-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-svon-benefit {\n background: var(--soi-svon-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-svon-radius);\n border: 1px solid var(--soi-svon-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-svon-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-svon-shadow-md);\n}\n\n.soi-svon-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-svon-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-svon-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-svon-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-svon-benefit:hover .soi-svon-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-svon-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-svon-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-svon-benefit p {\n font-size: 13px;\n color: var(--soi-svon-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-svon-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-svon-card {\n background: var(--soi-svon-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-svon-radius);\n border-left: 3px solid var(--soi-svon-pomme);\n}\n\n.soi-svon-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-svon-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-svon-card p {\n font-size: 14px;\n color: var(--soi-svon-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-svon-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-svon-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-svon-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-svon-radius);\n border: 1px solid var(--soi-svon-line);\n align-items: flex-start;\n}\n\n.soi-svon-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-svon-marine);\n color: var(--soi-svon-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-svon-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-svon-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-svon-step-content p {\n font-size: 14px;\n color: var(--soi-svon-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-svon-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-svon-pomme-light);\n border-left: 4px solid var(--soi-svon-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-svon-radius) var(--soi-svon-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-svon-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-svon-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-svon-marine);\n margin-bottom: 4px;\n}\n\n.soi-svon-tip p {\n font-size: 14px;\n color: var(--soi-svon-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-svon-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-svon-accordion-item {\n background: var(--soi-svon-off-white);\n border-radius: var(--soi-svon-radius-sm);\n border: 1px solid var(--soi-svon-line);\n overflow: hidden;\n}\n\n.soi-svon-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-svon-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-svon-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-svon-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-svon-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-svon-accordion-item[open] .soi-svon-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-svon-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-svon-accordion-content p {\n font-size: 14px;\n color: var(--soi-svon-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-svon-cta-box {\n background: var(--soi-svon-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-svon-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-svon-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-svon-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-svon-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-svon-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-svon-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-svon-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-svon-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-svon-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-svon-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-svon-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-svon-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-svon-fiche {\n --soi-svon-text-soft: #2C3E50;\n --soi-svon-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603425026378,"sku":"GB0015","price":5.48,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/Savon3en1SansParfum-LeGangdesBulles_11zon.webp?v=1781253181"},{"product_id":"shampoing-bio-cheveux-normaux-le-gang-des-bulles","title":"Shampoing bio cheveux normaux - Le Gang des Bulles","description":"\u003cdiv class=\"soi-shbio-fiche\"\u003e\n\n\u003csection class=\"soi-shbio-hero\"\u003e\n \u003cdiv class=\"soi-shbio-hero-tag\"\u003e\n \u003cspan class=\"soi-shbio-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Le Gang des Bulles\n \u003c\/div\u003e\n \u003cspan class=\"soi-shbio-hero-title\"\u003eShampoing bio cheveux normaux\u003c\/span\u003e\n \u003cp class=\"soi-shbio-hero-subtitle\"\u003eUn soin capillaire certifié bio au parfum d'amande, pour des cheveux propres, souples et éclatants sans compromis sur la composition.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbio-hero-labels\"\u003e\n \u003cspan class=\"soi-shbio-label soi-shbio-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eB CORP\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eCe que contient vraiment ce shampoing bio\u003c\/h2\u003e\n \u003cp class=\"soi-shbio-section-intro\"\u003eLa force de ce soin réside dans sa composition. Chaque ingrédient a été sélectionné pour son efficacité prouvée sur les cheveux normaux.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbio-grid\"\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🌾 Protéines de blé hydrolysées\u003c\/h3\u003e\n \u003cp\u003eElles renforcent la fibre capillaire de l'intérieur, apportent de la souplesse et un vrai éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🌼 Eau florale d'hélichryse bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes, elle calme le cuir chevelu sensible et procure un confort immédiat après le lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale bio\u003c\/h3\u003e\n \u003cp\u003eElle hydrate et retient l'eau au cœur du cheveu pour un démêlage facilité et une meilleure élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🍑 Huile de prune de Gascogne\u003c\/h3\u003e\n \u003cp\u003eUn actif précieux du terroir français qui nourrit sans alourdir et laisse les cheveux incroyablement doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🌸 Parfum naturel d'amande\u003c\/h3\u003e\n \u003cp\u003eUne signature olfactive subtile et réconfortante pour chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003ePour qui est ce shampoing bio certifié Cosmos Organic ?\u003c\/h2\u003e\n \u003cp\u003eCe shampoing s'adresse à toute personne aux cheveux normaux, ni trop secs ni trop gras, qui souhaite adopter une routine capillaire naturelle et bio sans compromis sur l'efficacité. Il convient aussi aux cuirs chevelus légèrement sensibles grâce à l'eau florale d'hélichryse apaisante.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbio-tip\"\u003e\n \u003cdiv class=\"soi-shbio-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSi vous souhaitez compléter votre rituel, sachez qu'il existe également un après-shampoing bio compatible pour optimiser le démêlage et le soin sur la longueur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eComment l'utiliser pour de meilleurs résultats ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-timeline\"\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eMouillez abondamment\u003c\/h3\u003e\n \u003cp\u003eMouillez vos cheveux à l'eau tiède avant application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eAppliquez une noisette\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampoing sur le cuir chevelu, massez en mouvements circulaires, puis rincez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau fraîche pour sceller les écailles du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1.25rem;\"\u003eLe format 200 ml super concentré vous accompagne longtemps : une petite quantité suffit à chaque utilisation.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eLes engagements Le Gang des Bulles\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-grid-compact\"\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eCosmos Organic (Ecocert)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🅱️\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eResponsabilité\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eB Corp certifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eVegan \u0026amp; Cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eSans sulfate\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eSans silicone\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eSans paraben\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003e✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur ce shampoing bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-accordion\"\u003e\n \u003cdetails class=\"soi-shbio-accordion-item\"\u003e\n \u003csummary class=\"soi-shbio-accordion-header\"\u003e🧴 Le shampoing bio mousse-t-il autant qu'un shampoing classique ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-shbio-accordion-content\"\u003e\n \u003cp\u003eLa mousse est légèrement moins dense que celle des shampoings conventionnels, car il ne contient pas de sulfates moussants agressifs. Cela n'affecte pas son efficacité nettoyante : vos cheveux ressortent propres, légers et brillants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-shbio-accordion-item\"\u003e\n \u003csummary class=\"soi-shbio-accordion-header\"\u003e⏳ Faut-il une période de transition avant de voir les résultats ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-shbio-accordion-content\"\u003e\n \u003cp\u003eSi vous passez d'un shampoing classique à ce soin bio, un temps d'adaptation de 2 à 4 semaines est parfois nécessaire, le temps que votre cuir chevelu retrouve son équilibre naturel. Restez régulier, les résultats sont au rendez-vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-shbio-accordion-item\"\u003e\n \u003csummary class=\"soi-shbio-accordion-header\"\u003e🎨 Ce shampoing bio convient-il aux cheveux colorés ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-shbio-accordion-content\"\u003e\n \u003cp\u003eOui. Sa formule douce sans sulfate préserve la couleur plus longtemps qu'un shampoing conventionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n \u003cp style=\"font-size: 0.85em; color: var(--soi-shbio-text-muted);\"\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne se substitue pas à l'avis d'un professionnel de santé en cas de problème capillaire ou dermatologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shbio-cta-box\"\u003e\n \u003cp class=\"soi-shbio-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, un lavage après l'autre\u003c\/p\u003e\n \u003cp class=\"soi-shbio-cta-text\" style=\"color: white;\"\u003eChaque matin, vos cheveux méritent des actifs naturels sélectionnés avec soin, un parfum d'amande qui met de bonne humeur, et la certitude de faire un choix cohérent pour vous et pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shbio-marine: #1A2D3D;\n --soi-shbio-marine-dark: #0F1E2B;\n --soi-shbio-marine-light: #2C4458;\n --soi-shbio-pomme: #A1C544;\n --soi-shbio-pomme-dark: #84A636;\n --soi-shbio-pomme-light: rgba(161,197,68,0.10);\n\n --soi-shbio-white: #FFFFFF;\n --soi-shbio-off-white: #F8FAF6;\n --soi-shbio-stone: #F1F3EE;\n --soi-shbio-line: #E5E8E0;\n\n --soi-shbio-primary: #C0724A;\n --soi-shbio-primary-soft: #F5E1D4;\n --soi-shbio-accent: #D4A88A;\n\n --soi-shbio-text: #1A2D3D;\n --soi-shbio-text-soft: #4A5B6B;\n --soi-shbio-text-muted: #7B8693;\n\n --soi-shbio-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shbio-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shbio-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shbio-radius: 12px;\n --soi-shbio-radius-sm: 8px;\n --soi-shbio-radius-pill: 999px;\n}\n\n.soi-shbio-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shbio-fiche img { max-width: 100%; height: auto; }\n\n.soi-shbio-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shbio-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shbio-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shbio-hero {\n position: relative;\n background: var(--soi-shbio-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-shbio-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shbio-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shbio-pomme);\n}\n\n.soi-shbio-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-shbio-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shbio-pomme);\n border-radius: 50%;\n}\n\n.soi-shbio-hero-title {\n display: block;\n color: var(--soi-shbio-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-shbio-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-shbio-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shbio-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-shbio-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shbio-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shbio-label-accent {\n background: var(--soi-shbio-pomme);\n border-color: var(--soi-shbio-pomme);\n color: var(--soi-shbio-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shbio-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shbio-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shbio-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-shbio-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shbio-pomme);\n border-radius: 2px;\n}\n\n.soi-shbio-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shbio-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shbio-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shbio-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shbio-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shbio-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shbio-card {\n background: var(--soi-shbio-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbio-radius);\n border-left: 3px solid var(--soi-shbio-pomme);\n}\n\n.soi-shbio-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbio-card p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shbio-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shbio-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shbio-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbio-radius);\n border: 1px solid var(--soi-shbio-line);\n align-items: flex-start;\n}\n\n.soi-shbio-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shbio-marine);\n color: var(--soi-shbio-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-shbio-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shbio-step-content p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-shbio-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-shbio-card-mini {\n background: var(--soi-shbio-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shbio-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shbio-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shbio-card-mini-label {\n font-size: 11px;\n color: var(--soi-shbio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shbio-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shbio-compo {\n background: var(--soi-shbio-off-white);\n border-radius: var(--soi-shbio-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shbio-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-shbio-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shbio-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shbio-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shbio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shbio-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shbio-pomme-dark);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shbio-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shbio-pomme-light);\n border-left: 4px solid var(--soi-shbio-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shbio-radius) var(--soi-shbio-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-shbio-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shbio-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shbio-marine);\n margin-bottom: 4px;\n}\n\n.soi-shbio-tip p {\n font-size: 14px;\n color: var(--soi-shbio-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shbio-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shbio-accordion-item {\n background: var(--soi-shbio-off-white);\n border-radius: var(--soi-shbio-radius-sm);\n border: 1px solid var(--soi-shbio-line);\n overflow: hidden;\n}\n\n.soi-shbio-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shbio-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-shbio-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shbio-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shbio-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shbio-accordion-item[open] .soi-shbio-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shbio-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shbio-accordion-content p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shbio-cta-box {\n background: var(--soi-shbio-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shbio-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shbio-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-shbio-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shbio-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-shbio-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shbio-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shbio-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-shbio-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shbio-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shbio-compo-value {\n text-align: left;\n }\n\n .soi-shbio-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shbio-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shbio-fiche {\n --soi-shbio-text-soft: #2C3E50;\n --soi-shbio-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603425321290,"sku":"GB0020","price":6.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-bio-cheveux-normaux-le-gang-des-bulles-packshot.webp?v=1779453204"},{"product_id":"shampoing-bio-cheveux-secs-le-gang-des-bulles","title":"Shampoing bio cheveux secs - Le Gang des Bulles","description":"\u003cdiv class=\"soi-shbio-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-shbio-hero\"\u003e\n \u003cdiv class=\"soi-shbio-hero-tag\"\u003e\n \u003cspan class=\"soi-shbio-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Le Gang des Bulles\n \u003c\/div\u003e\n \u003cspan class=\"soi-shbio-hero-title\"\u003eShampoing bio cheveux secs\u003c\/span\u003e\n \u003cp class=\"soi-shbio-hero-subtitle\"\u003eNourrissez en profondeur vos cheveux secs et abîmés grâce à une formule certifiée, concentrée et délicatement parfumée sauge ananas.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbio-hero-labels\"\u003e\n \u003cspan class=\"soi-shbio-label soi-shbio-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eCERTIFIÉ B CORP\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-label\"\u003eSANS SULFATE · SANS SILICONE · SANS PARABEN\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eLe shampoing bio idéal pour les cheveux secs et abîmés\u003c\/h2\u003e\n \u003cp\u003eVos cheveux tirent, cassent, manquent d'éclat ? C'est souvent le signe d'une fibre capillaire assoiffée qui réclame des soins vrais et des actifs nourrissants. Le \u003cstrong\u003eshampoing bio cheveux secs du Gang des Bulles\u003c\/strong\u003e a été pensé précisément pour cela : nourrir en profondeur, restaurer la souplesse et sublimer votre chevelure, lavage après lavage.\u003c\/p\u003e\n \u003cp\u003eCertifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, formulé et fabriqué en France, il s'impose comme l'un des \u003cstrong\u003emeilleurs shampoings pour cheveux secs\u003c\/strong\u003e du marché naturel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003ePourquoi vos cheveux secs ont besoin d'un shampoing bio adapté\u003c\/h2\u003e\n \u003cp\u003eLes cheveux secs manquent de lipides : leur cuticule ne retient plus l'eau correctement, ce qui provoque des frisottis, une texture rêche et une casse accrue. La plupart des shampoings conventionnels aggravent le problème en décapant encore davantage le film hydrolipidique avec des sulfates agressifs.\u003c\/p\u003e\n \u003cp\u003eCe \u003cstrong\u003eshampoing bio pour cheveux secs\u003c\/strong\u003e prend le contre-pied de cette logique : sans sulfate, sans silicone, sans paraben, il nettoie en douceur tout en déposant une couche protectrice et nutritive sur chaque mèche. Résultat : des cheveux lavés, mais pas dépouillés.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Actifs --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eLes actifs bio qui font vraiment la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-benefits\"\u003e\n \u003cdiv class=\"soi-shbio-benefit\"\u003e\n \u003cdiv class=\"soi-shbio-benefit-icon\"\u003e\u003cspan\u003e🍑\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de prune bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras insaturés, elle pénètre la fibre capillaire pour la nourrir en profondeur et redonner brillance et douceur sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-benefit\"\u003e\n \u003cdiv class=\"soi-shbio-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de coco bio\u003c\/h3\u003e\n \u003cp\u003eSes propriétés hydratantes et réparatrices renforcent la structure du cheveu de l'intérieur, luttant contre la sécheresse et la casse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-benefit\"\u003e\n \u003cdiv class=\"soi-shbio-benefit-icon\"\u003e\u003cspan\u003e🌼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEau florale d'hélichryse bio\u003c\/h3\u003e\n \u003cp\u003eApaisante et rééquilibrante, elle calme les irritations du cuir chevelu et contribue à un environnement sain pour la repousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-tip\"\u003e\n \u003cdiv class=\"soi-shbio-tip-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe trio d'actifs agit en synergie pour répondre aux vrais besoins des cheveux secs, cassants ou fragilisés : hydratation, nutrition, protection.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Formule concentrée --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eUne formule concentrée, un parfum inoubliable\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-grid-compact\"\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003e200 ml super concentré\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🍍\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eSauge ananas\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e✨\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-label\"\u003eTexture\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-card-mini-value\"\u003eLaiteuse, rinçage facile\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:1.25rem;\"\u003eUne petite quantité suffit pour une mousse onctueuse et généreuse. Chaque lavage libère un délicat parfum \u003cstrong\u003esauge ananas\u003c\/strong\u003e, frais, végétal et original, qui transforme votre routine en un vrai moment de plaisir sensoriel. Votre chevelure ressort légère, douce et visiblement plus nourrie dès la première utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Mode d'emploi --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing pour cheveux secs\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-timeline\"\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés. La formule est concentrée, pas besoin d'en mettre beaucoup.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu en mouvements circulaires pour activer la circulation et bien répartir les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède, jamais trop chaude pour préserver l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step\"\u003e\n \u003cdiv class=\"soi-shbio-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-step-content\"\u003e\n \u003ch3\u003eComplétez (optionnel)\u003c\/h3\u003e\n \u003cp\u003ePour un résultat optimal, associez-le à un masque nourrissant ou à une huile capillaire une à deux fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-tip\"\u003e\n \u003cdiv class=\"soi-shbio-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe shampoing convient à un usage régulier, idéalement deux à trois fois par semaine selon la nature de votre chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Pour qui --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003ePour qui est fait ce shampoing bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-grid\"\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🌾 Cheveux naturellement secs\u003c\/h3\u003e\n \u003cp\u003eSi votre fibre capillaire manque de lipides au quotidien, ce shampoing apporte la nutrition profonde dont vous avez besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🔥 Cheveux abîmés par la chaleur ou les colorations\u003c\/h3\u003e\n \u003cp\u003eFragilisés par le sèche-cheveux, le lisseur ou les traitements chimiques, vos cheveux retrouvent souplesse et vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-card\"\u003e\n \u003ch3\u003e🍃 Cuirs chevelus sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient aux cuirs chevelus sensibles et aux cheveux colorés. Certifié B Corp et Cosmos Organic pour une formule respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 : Composition --\u003e\n \u003csection class=\"soi-shbio-section\"\u003e\n \u003ch2\u003eComposition complète du shampoing bio cheveux secs\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbio-compo\"\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eINCI complet\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\" style=\"text-align:left; font-weight:400; font-size:13px; line-height:1.6; color: var(--soi-shbio-text-soft);\"\u003eAqua, Sodium Coco-Sulfate (dérivé naturel de coco), Cocamidopropyl Betaine (tensioactif doux), Prunus Domestica Seed Oil* (huile de prune), Cocos Nucifera Oil* (huile de coco), Helichrysum Italicum Flower Water* (eau florale d'hélichryse), Parfum (sauge ananas, issu d'ingrédients naturels), Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003eCosmos Organic par Ecocert Greenlife\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eVolume\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003e200 ml (format super concentré)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n \u003cspan class=\"soi-shbio-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shbio-compo-value\"\u003eFrance\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.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-shbio-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shbio-cta-box\"\u003e\n \u003cp class=\"soi-shbio-cta-text\" style=\"color: white;\"\u003eParce que vos cheveux méritent mieux qu'un shampoing ordinaire : avec ce soin bio sauge ananas du Gang des Bulles, chaque lavage devient un geste de bienveillance envers votre chevelure et la planète.\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-shbio-marine: #1A2D3D;\n --soi-shbio-marine-dark: #0F1E2B;\n --soi-shbio-marine-light: #2C4458;\n --soi-shbio-pomme: #A1C544;\n --soi-shbio-pomme-dark: #84A636;\n --soi-shbio-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-shbio-white: #FFFFFF;\n --soi-shbio-off-white: #F8FAF6;\n --soi-shbio-stone: #F1F3EE;\n --soi-shbio-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging sauge\/ananas\/ambre) === *\/\n --soi-shbio-primary: #D88F4A;\n --soi-shbio-primary-soft: rgba(216,143,74,0.10);\n --soi-shbio-accent: #C4703A;\n\n \/* === Textes === *\/\n --soi-shbio-text: #1A2D3D;\n --soi-shbio-text-soft: #4A5B6B;\n --soi-shbio-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-shbio-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shbio-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shbio-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shbio-radius: 12px;\n --soi-shbio-radius-sm: 8px;\n --soi-shbio-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-shbio-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shbio-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-shbio-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shbio-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shbio-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shbio-hero {\n position: relative;\n background: var(--soi-shbio-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-shbio-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shbio-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shbio-pomme);\n}\n\n.soi-shbio-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-shbio-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shbio-pomme);\n border-radius: 50%;\n}\n\n.soi-shbio-hero-title {\n display: block;\n color: var(--soi-shbio-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-shbio-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-shbio-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shbio-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-shbio-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shbio-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shbio-label-accent {\n background: var(--soi-shbio-pomme);\n border-color: var(--soi-shbio-pomme);\n color: var(--soi-shbio-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shbio-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shbio-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shbio-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-shbio-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shbio-pomme);\n border-radius: 2px;\n}\n\n.soi-shbio-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shbio-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shbio-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shbio-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-shbio-benefit {\n background: var(--soi-shbio-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shbio-radius);\n border: 1px solid var(--soi-shbio-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shbio-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shbio-shadow-md);\n}\n\n.soi-shbio-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shbio-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-shbio-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shbio-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shbio-benefit:hover .soi-shbio-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shbio-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbio-benefit p {\n font-size: 13px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shbio-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shbio-card {\n background: var(--soi-shbio-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbio-radius);\n border-left: 3px solid var(--soi-shbio-pomme);\n}\n\n.soi-shbio-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbio-card p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-shbio-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-shbio-card-mini {\n background: var(--soi-shbio-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shbio-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shbio-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shbio-card-mini-label {\n font-size: 11px;\n color: var(--soi-shbio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shbio-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-shbio-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-shbio-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shbio-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbio-radius);\n border: 1px solid var(--soi-shbio-line);\n align-items: flex-start;\n}\n\n.soi-shbio-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shbio-marine);\n color: var(--soi-shbio-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-shbio-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbio-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shbio-step-content p {\n font-size: 14px;\n color: var(--soi-shbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-shbio-compo {\n background: var(--soi-shbio-off-white);\n border-radius: var(--soi-shbio-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shbio-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-shbio-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shbio-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shbio-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shbio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-shbio-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shbio-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shbio-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shbio-pomme-light);\n border-left: 4px solid var(--soi-shbio-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shbio-radius) var(--soi-shbio-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-shbio-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shbio-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shbio-marine);\n margin-bottom: 4px;\n}\n\n.soi-shbio-tip p {\n font-size: 14px;\n color: var(--soi-shbio-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shbio-cta-box {\n background: var(--soi-shbio-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shbio-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shbio-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-shbio-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shbio-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-shbio-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shbio-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shbio-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-shbio-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shbio-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shbio-compo-value {\n text-align: left;\n }\n\n .soi-shbio-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-shbio-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-shbio-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-shbio-grid-compact {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shbio-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shbio-fiche {\n --soi-shbio-text-soft: #2C3E50;\n --soi-shbio-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603426074954,"sku":"GB0025","price":6.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-bio-cheveux-secs-le-gang-des-bulles-packshot.webp?v=1779452802"},{"product_id":"shampoing-bio-cheveux-gras-le-gang-des-bulles","title":"Shampoing Bio Cheveux Gras – Le Gang des Bulles","description":"\n\u003cdiv class=\"soi-shbg-fiche\"\u003e\n\n\u003csection class=\"soi-shbg-hero\"\u003e\n \u003cdiv class=\"soi-shbg-hero-tag\"\u003e\n \u003cspan class=\"soi-shbg-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Le Gang des Bulles\n \u003c\/div\u003e\n \u003cspan class=\"soi-shbg-hero-title\"\u003eShampoing Bio Cheveux Gras\u003c\/span\u003e\n \u003cp class=\"soi-shbg-hero-subtitle\"\u003eUn shampoing purifiant certifié bio qui régule le sébum en douceur et redonne légèreté et fraîcheur durable à vos cheveux, sans jamais agresser le cuir chevelu.\u003c\/p\u003e\n \u003cdiv class=\"soi-shbg-hero-labels\"\u003e\n \u003cspan class=\"soi-shbg-label soi-shbg-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-label\"\u003eCERTIFIÉ BIO\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eLe shampoing bio pour cheveux gras qui remet les compteurs à zéro\u003c\/h2\u003e\n \u003cp\u003eVous connaissez ce sentiment de fraîcheur trop éphémère : les cheveux lavés le matin, déjà lourds et brillants le soir. Si vous cherchez un shampoing pour cheveux gras qui ne se contente pas de masquer le problème, vous êtes au bon endroit. Le \u003cstrong\u003eShampoing Bio Cheveux Gras de Le Gang des Bulles\u003c\/strong\u003e s'attaque à la source : le cuir chevelu lui-même.\u003c\/p\u003e\n \u003cp\u003eFormulé en France, certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e et fabriqué sans sulfate, sans silicone, sans paraben, ce shampoing purifiant est pensé pour rééquilibrer durablement un cuir chevelu qui sécrète trop de sébum, sans jamais agresser la fibre capillaire.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003ePourquoi votre cuir chevelu produit trop de sébum ?\u003c\/h2\u003e\n \u003cp\u003eUn excès de sébum peut être déclenché par plusieurs facteurs : le stress, une alimentation déséquilibrée, des changements hormonaux ou des shampooings trop décapants qui, en asséchant le cuir chevelu, le poussent à produire encore plus de sébum en réaction. C'est un cercle vicieux bien connu.\u003c\/p\u003e\n \u003cp\u003eLa solution ne consiste pas à laver plus souvent, mais à choisir le bon shampoing pour cheveux gras, capable de réguler sans dessécher.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font vraiment la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbg-benefits\"\u003e\n \u003cdiv class=\"soi-shbg-benefit\"\u003e\n \u003cdiv class=\"soi-shbg-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFerment de radis bio\u003c\/h3\u003e\n \u003cp\u003eVéritable star de la formule, il agit comme un régulateur naturel du sébum et assainit le cuir chevelu grâce à ses propriétés antimicrobiennes. Résultat : vos cheveux restent frais plus longtemps entre deux lavages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-benefit\"\u003e\n \u003cdiv class=\"soi-shbg-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eGlucosides de coco et de blé\u003c\/h3\u003e\n \u003cp\u003eDes agents lavants ultra-doux d'origine végétale qui nettoient en profondeur tout en respectant l'équilibre naturel du cuir chevelu. Fini les cheveux raides ou étouffés après le shampooing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-benefit\"\u003e\n \u003cdiv class=\"soi-shbg-benefit-icon\"\u003e\u003cspan\u003e🍏\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum naturel de pomme verte\u003c\/h3\u003e\n \u003cp\u003eUne note fraîche et légère qui transforme chaque lavage en un moment agréable, loin des fragrances synthétiques agressives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing purifiant ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbg-timeline\"\u003e\n \u003cdiv class=\"soi-shbg-step\"\u003e\n \u003cdiv class=\"soi-shbg-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step-content\"\u003e\n \u003ch3\u003eMouiller abondamment\u003c\/h3\u003e\n \u003cp\u003eMouillez vos cheveux à l'eau tiède pour ouvrir les écailles et faciliter la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step\"\u003e\n \u003cdiv class=\"soi-shbg-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step-content\"\u003e\n \u003ch3\u003eAppliquer une noisette\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampoing sur le cuir chevelu et massez doucement avec le bout des doigts pendant 2 à 3 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step\"\u003e\n \u003cdiv class=\"soi-shbg-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step-content\"\u003e\n \u003ch3\u003eRincer abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau fraîche pour resserrer les pores du cuir chevelu et prolonger l'effet purifiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step\"\u003e\n \u003cdiv class=\"soi-shbg-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-step-content\"\u003e\n \u003ch3\u003eEspacer progressivement\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le 2 à 3 fois par semaine au début, puis espacez progressivement les lavages à mesure que votre cuir chevelu se rééquilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eCe que contient réellement ce shampoing bio (liste INCI)\u003c\/h2\u003e\n \u003cp\u003eLa formule est composée à plus de \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont une large part certifiée biologique :\u003c\/p\u003e\n \u003cp class=\"soi-shbg-inci\"\u003e\u003cem\u003eAqua, Coco-Glucoside, Glycerin* (origine végétale), Sodium Cocoamphoacetate, Leuconostoc Radish Root Ferment Filtrate*, Citric Acid, Sodium Benzoate, Potassium Sorbate, Parfum (naturel, pomme).\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003cdiv class=\"soi-shbg-compo\"\u003e\n \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n \u003cspan class=\"soi-shbg-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n \u003cspan class=\"soi-shbg-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n \u003cspan class=\"soi-shbg-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n \u003cspan class=\"soi-shbg-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-shbg-compo-value\"\u003e99 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003ch2\u003eCe shampoing est-il fait pour vous ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shbg-grid\"\u003e\n \u003cdiv class=\"soi-shbg-card\"\u003e\n \u003ch3\u003e⚡ Cheveux qui graissent vite\u003c\/h3\u003e\n \u003cp\u003eVos cheveux deviennent lourds et brillants rapidement, même après le lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-card\"\u003e\n \u003ch3\u003e🔄 Cuir chevelu déséquilibré\u003c\/h3\u003e\n \u003cp\u003eVotre cuir chevelu démange ou manque d'équilibre et vous souhaitez le réguler naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-card\"\u003e\n \u003ch3\u003e🕐 Espacer les lavages\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez espacer vos lavages sans compromis sur la fraîcheur et la légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shbg-card\"\u003e\n \u003ch3\u003e🌿 Exigence naturelle\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un shampoing cheveux gras sans sulfate, naturel et certifié bio, avec une formule courte et honnête.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n \u003cdiv class=\"soi-shbg-accordion\"\u003e\n \u003cdetails class=\"soi-shbg-accordion-item\"\u003e\n \u003csummary class=\"soi-shbg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-shbg-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue pas à un avis médical en cas de problème de cuir chevelu persistant (dermite, psoriasis, etc.).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shbg-cta-box\"\u003e\n \u003cp class=\"soi-shbg-cta-text\" style=\"color: white;\"\u003eEnfin un shampoing bio qui comprend vraiment les cheveux gras. Une formule courte, honnête, certifiée Cosmos Organic, qui régule le sébum en douceur et redonne à vos cheveux une légèreté durable.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shbg-marine: #1A2D3D;\n --soi-shbg-marine-dark: #0F1E2B;\n --soi-shbg-marine-light: #2C4458;\n --soi-shbg-pomme: #A1C544;\n --soi-shbg-pomme-dark: #84A636;\n --soi-shbg-pomme-light: rgba(161,197,68,0.10);\n\n --soi-shbg-white: #FFFFFF;\n --soi-shbg-off-white: #F8FAF6;\n --soi-shbg-stone: #F1F3EE;\n --soi-shbg-line: #E5E8E0;\n\n --soi-shbg-primary: #7AAD4A;\n --soi-shbg-primary-soft: #D4E8C2;\n --soi-shbg-accent: #C8A84E;\n\n --soi-shbg-text: #1A2D3D;\n --soi-shbg-text-soft: #4A5B6B;\n --soi-shbg-text-muted: #7B8693;\n\n --soi-shbg-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shbg-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shbg-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shbg-radius: 12px;\n --soi-shbg-radius-sm: 8px;\n --soi-shbg-radius-pill: 999px;\n}\n\n.soi-shbg-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shbg-fiche img { max-width: 100%; height: auto; }\n\n.soi-shbg-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shbg-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shbg-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shbg-hero {\n position: relative;\n background: var(--soi-shbg-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-shbg-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shbg-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shbg-pomme);\n}\n\n.soi-shbg-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-shbg-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shbg-pomme);\n border-radius: 50%;\n}\n\n.soi-shbg-hero-title {\n display: block;\n color: var(--soi-shbg-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-shbg-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-shbg-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shbg-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-shbg-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shbg-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shbg-label-accent {\n background: var(--soi-shbg-pomme);\n border-color: var(--soi-shbg-pomme);\n color: var(--soi-shbg-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shbg-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shbg-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shbg-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-shbg-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shbg-pomme);\n border-radius: 2px;\n}\n\n.soi-shbg-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shbg-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shbg-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-shbg-inci {\n background: var(--soi-shbg-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shbg-radius-sm);\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-shbg-text-soft);\n line-height: 1.7;\n}\n\n\/* === BENEFITS === *\/\n.soi-shbg-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-shbg-benefit {\n background: var(--soi-shbg-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shbg-radius);\n border: 1px solid var(--soi-shbg-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shbg-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shbg-shadow-md);\n}\n\n.soi-shbg-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shbg-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-shbg-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shbg-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shbg-benefit:hover .soi-shbg-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shbg-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbg-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbg-benefit p {\n font-size: 13px;\n color: var(--soi-shbg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shbg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shbg-card {\n background: var(--soi-shbg-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbg-radius);\n border-left: 3px solid var(--soi-shbg-pomme);\n}\n\n.soi-shbg-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shbg-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shbg-card p {\n font-size: 14px;\n color: var(--soi-shbg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shbg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-shbg-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shbg-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shbg-radius);\n border: 1px solid var(--soi-shbg-line);\n align-items: flex-start;\n}\n\n.soi-shbg-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shbg-marine);\n color: var(--soi-shbg-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-shbg-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shbg-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shbg-step-content p {\n font-size: 14px;\n color: var(--soi-shbg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-shbg-compo {\n background: var(--soi-shbg-off-white);\n border-radius: var(--soi-shbg-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-shbg-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-shbg-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shbg-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shbg-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shbg-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shbg-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shbg-marine);\n text-align: right;\n}\n\n\/* === ACCORDION === *\/\n.soi-shbg-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shbg-accordion-item {\n background: var(--soi-shbg-off-white);\n border-radius: var(--soi-shbg-radius-sm);\n border: 1px solid var(--soi-shbg-line);\n overflow: hidden;\n}\n\n.soi-shbg-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shbg-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-shbg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shbg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shbg-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shbg-accordion-item[open] .soi-shbg-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shbg-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shbg-accordion-content p {\n font-size: 14px;\n color: var(--soi-shbg-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shbg-cta-box {\n background: var(--soi-shbg-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shbg-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shbg-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-shbg-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shbg-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-shbg-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shbg-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shbg-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-shbg-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shbg-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shbg-compo-value {\n text-align: left;\n }\n\n .soi-shbg-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shbg-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shbg-fiche {\n --soi-shbg-text-soft: #2C3E50;\n --soi-shbg-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603426566474,"sku":"GB0030","price":6.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-bio-cheveux-gras-le-gang-des-bulles-lifestyle.webp?v=1779457543"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/Copie_de_COLLAGENE_INOLAB_STICK_13__11zon.jpg?v=1779892167","url":"https:\/\/www.soinature.com\/collections\/le-gang-des-bulles.oembed","provider":"Soinature","version":"1.0","type":"link"}